diff --git a/.github/contributing/writing-guide.md b/.github/contributing/writing-guide.md
index 5f4aa07d0c..a686f0924e 100644
--- a/.github/contributing/writing-guide.md
+++ b/.github/contributing/writing-guide.md
@@ -10,15 +10,15 @@ Writing documentation is an exercise in empathy. We're not describing an objecti
   - Cognitive capacity is **depleted more slowly** when we help them feel consistently smart, powerful, and curious. Breaking things down into digestible pieces and minding the flow of the document can help keep them in this state.
 - **Always try to see from the user's perspective.** When we understand something thoroughly, it becomes obvious to us. This is called _the curse of knowledge_. In order to write good documentation, try to remember what you first needed to know when learning this concept. What jargon did you need to learn? What did you misunderstand? What took a long time to really grasp? Good documentation meets users where they are. It can be helpful to practice explaining the concept to people in person before.
 - **Describe the _problem_ first, then the solution.** Before showing how a feature works, it's important to explain why it exists. Otherwise, users won't have the context to know if this information is important to them (is it a problem they experience?) or what prior knowledge/experience to connect it to.
-- **While writing, don't be afraid to ask questions**, _especially_ if you're afraid they might be "dumb". Being vulnerable is hard, but it's the only way for us to more fully understand what we need to explain.
-- **Be involved in feature discussions.** The best APIs come from documentation-driven development, where we build features that are easy to explain, rather than trying to figure out how to explain them later. Asking questions (especially "dumb" questions) earlier often helps reveal confusions, inconsistencies, and problematic behavior before a breaking change would be required to fix them.
+- **While writing, don't be afraid to ask questions**, _especially_ if you're afraid that your questions might be "foolish". Being vulnerable is hard, but it's the only way for us to more fully understand what we need to explain.
+- **Be involved in feature discussions.** The best APIs come from documentation-driven development, where we build features that are easy to explain, rather than trying to figure out how to explain them later. Asking questions (especially "foolish" questions) earlier often helps reveal confusions, inconsistencies, and problematic behavior before a breaking change would be required to fix them.
 
 ## Organization
 
 - **Installation/Integration**: Provide a thorough overview of how to integrate the software into as many different kinds of projects as necessary.
 - **Introduction/Getting Started**:
   - Provide a less than 10 minute overview of the problems the project solves and why it exists.
-  - Provide a less than 30 minute overview of the problems the project solves and how, including when and why to use the project and some simple code examples. At the end, link to both to Installation page and the beginning of the Essentials Guide.
+  - Provide a less than 30 minute overview of the problems the project solves and how, including when and why to use the project and some simple code examples. At the end, link to both the Installation page and the beginning of the Essentials Guide.
 - **Guide**: Make users feel smart, powerful, and curious, then maintain this state so that users maintain the motivation and cognitive capacity to keep learning more. Guide pages are meant to be read sequentially, so should generally be ordered from the highest to lowest power/effort ratio.
   - **Essentials**: It should take no longer than 5 hours to read the Essentials, though shorter is better. Its goal is to provide the 20% of knowledge that will help users handle 80% of use cases. Essentials can link to more advanced guides and the API, though, in most cases, you should avoid such links. When they are provided, you need also provide a context so users are aware if they should follow this link on their first reading. Otherwise, many users end up exhausting their cognitive capacity link-hopping, trying to fully learn every aspect of a feature before moving on, and as a result, never finish that first read-through of the Essentials. Remember that a smooth read is more important than being thorough. We want to give people the information they need to avoid a frustrating experience, but they can always come back and read further, or Google a less common problem when they encounter it.
   - **Advanced**: While the Essentials helps people handle ~80% of use cases, subsequent guides help get users to 95% of use cases, plus more detailed information on non-essential features (e.g. transitions, animations), more complex convenience features (e.g. mixins, custom directives), and dev experience improvements (e.g. JSX, plugins). The final 5% of use cases that are more niche, complex, and/or prone to abuse will be left to the cookbook and API reference, which can be linked to from these advanced guides.
@@ -59,9 +59,9 @@ Writing documentation is an exercise in empathy. We're not describing an objecti
 - **When referencing a directly following example, use a colon (`:`) to end a sentence**, rather than a period (`.`).
 - **Use the Oxford comma** (e.g. "a, b, and c" instead of "a, b and c"). ![Why the Oxford comma is important](./oxford-comma.jpg)
   - Source: [The Serial (Oxford) Comma: When and Why To Use It](https://www.inkonhand.com/2015/10/the-serial-oxford-comma-when-and-why-to-use-it/)
-- **When referencing the name of a project, use the name that project refers to itself as.** For example, "webpack" and "npm" should both use lowercase as that's how their documentation refers to them.
+- **When referencing the name of a project, use the name that the project refers to itself as.** For example, "webpack" and "npm" should both use lowercase as that's how their documentation refers to them.
 - **Use Title Case for headings** - at least for now, since it's what we use through the rest of the docs. There's research suggesting that sentence case (only first word of the heading starts with a capital) is actually superior for legibility and also reduces the cognitive overhead for documentation writers, since they don't have to try to remember whether to capitalize words like "and", "with", and "about".
-- **Don't use emojis (except in discussions).** Emojis are cute and friendly, but they can be a distraction in documentation and some emoji even convey different meanings in different cultures.
+- **Don't use emojis (except in discussions).** Emojis are cute and friendly, but they can be a distraction in documentation and some emojis even convey different meanings in different cultures.
 
 ## Iteration & Communication
 
@@ -85,11 +85,11 @@ Writing documentation is an exercise in empathy. We're not describing an objecti
 
 ### Tips, Callouts, Alerts, and Line Highlights
 
-We have some dedicated styles to denote something that's worth highlighting in a particular way. These are captured [on this page](https://v3.vuejs.org/guide/doc-style-guide.html#alerts). **They are to be used sparingly.**
+We have some dedicated styles to denote something that's worth highlighting in a particular way. These are captured [on this page](https://vitepress.dev/guide/markdown#custom-containers). **They are to be used sparingly.**
 
-There is a certain temptation to abuse these styles, as one can simply add a change inside a callout. However, this breaks up the flow of reading for the user, and thus, should only be used in special circumstances. Wherever possible, we should attempt to create a narrative and flow within the page to respect the readers cognitive load.
+There is a certain temptation to abuse these styles, as one can simply add a change inside a callout. However, this breaks up the flow of reading for the user and should only be used in special circumstances. Wherever possible, we should attempt to create a narrative and flow within the page to respect the reader's cognitive load.
 
-Under no circumstances should 2 alerts be used next to one another, it's a sign that we're not able to explain context well enough.
+Under no circumstances should two alerts be used next to one another, it's a sign that we're not able to explain context well enough.
 
 ### Contributing
 
diff --git a/.gitignore b/.gitignore
index b4a9415240..e52da2f480 100644
--- a/.gitignore
+++ b/.gitignore
@@ -95,8 +95,10 @@ pnpm-global
 # rollup.js default build output
 dist/
 
-# vuepress build output
-.vuepress/dist
+# vitepress build output
+.vitepress/dist
+.vitepress/cache
+.vitepress/.temp
 
 # Serverless directories
 .serverless/
@@ -109,3 +111,6 @@ src/api/index.json
 src/examples/data.json
 src/tutorial/data.json
 draft.md
+
+# folders created by IDE
+.idea
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000000..e941d13c20
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1 @@
+package-manager-strict=false
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000000..65a7d0588f
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+*.vue
diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index 495605c288..80c74de089 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -1,11 +1,13 @@
 import fs from 'fs'
 import path from 'path'
-import { defineConfigWithTheme } from 'vitepress'
+import { defineConfigWithTheme, type HeadConfig, type Plugin } from 'vitepress'
 import type { Config as ThemeConfig } from '@vue/theme'
+import llmstxt from 'vitepress-plugin-llms'
 import baseConfig from '@vue/theme/config'
 import { headerPlugin } from './headerMdPlugin'
+// import { textAdPlugin } from './textAdMdPlugin'
 
-const nav = [
+const nav: ThemeConfig['nav'] = [
   {
     text: 'Docs',
     activeMatch: `^/(guide|style-guide|cookbook|examples)/`,
@@ -14,7 +16,13 @@ const nav = [
       { text: 'Tutorial', link: '/tutorial/' },
       { text: 'Examples', link: '/examples/' },
       { text: 'Quick Start', link: '/guide/quick-start' },
-      { text: 'Style Guide', link: '/style-guide/' },
+      // { text: 'Style Guide', link: '/style-guide/' },
+      { text: 'Glossary', link: '/glossary/' },
+      { text: 'Error Reference', link: '/error-reference/' },
+      {
+        text: 'Vue 2 Docs',
+        link: 'https://v2.vuejs.org/'
+      },
       {
         text: 'Migration from Vue 2',
         link: 'https://v3-migration.vuejs.org/'
@@ -28,7 +36,7 @@ const nav = [
   },
   {
     text: 'Playground',
-    link: 'https://sfc.vuejs.org/'
+    link: 'https://play.vuejs.org/'
   },
   {
     text: 'Ecosystem',
@@ -37,12 +45,26 @@ const nav = [
       {
         text: 'Resources',
         items: [
-          { text: 'Partners', link: '/ecosystem/partners' },
+          { text: 'Partners', link: '/partners/' },
+          { text: 'Developers', link: '/developers/' },
           { text: 'Themes', link: '/ecosystem/themes' },
+          { text: 'UI Components', link: 'https://ui-libs.vercel.app/' },
+          {
+            text: 'Certification',
+            link: 'https://certificates.dev/vuejs/?ref=vuejs-nav'
+          },
           { text: 'Jobs', link: 'https://vuejobs.com/?ref=vuejs' },
           { text: 'T-Shirt Shop', link: 'https://vue.threadless.com/' }
         ]
       },
+      {
+        text: 'Official Libraries',
+        items: [
+          { text: 'Vue Router', link: 'https://router.vuejs.org/' },
+          { text: 'Pinia', link: 'https://pinia.vuejs.org/' },
+          { text: 'Tooling Guide', link: '/guide/scaling-up/tooling.html' }
+        ]
+      },
       {
         text: 'Video Courses',
         items: [
@@ -63,7 +85,10 @@ const nav = [
             text: 'Discord Chat',
             link: 'https://discord.com/invite/HBherRA'
           },
-          { text: 'Forum', link: 'https://forum.vuejs.org/' },
+          {
+            text: 'GitHub Discussions',
+            link: 'https://github.com/vuejs/core/discussions'
+          },
           { text: 'DEV Community', link: 'https://dev.to/t/vue' }
         ]
       },
@@ -72,8 +97,8 @@ const nav = [
         items: [
           { text: 'Blog', link: 'https://blog.vuejs.org/' },
           { text: 'Twitter', link: 'https://twitter.com/vuejs' },
-          { text: 'Newsletter', link: 'https://news.vuejs.org/' },
-          { text: 'Events', link: 'https://events.vuejs.org/' }
+          { text: 'Events', link: 'https://events.vuejs.org/' },
+          { text: 'Newsletters', link: '/ecosystem/newsletters' }
         ]
       }
     ]
@@ -90,6 +115,7 @@ const nav = [
         link: '/about/community-guide'
       },
       { text: 'Code of Conduct', link: '/about/coc' },
+      { text: 'Privacy Policy', link: '/about/privacy' },
       {
         text: 'The Documentary',
         link: 'https://www.youtube.com/watch?v=OrxmtDw4pVI'
@@ -99,10 +125,19 @@ const nav = [
   {
     text: 'Sponsor',
     link: '/sponsor/'
+  },
+  {
+    text: 'Experts',
+    badge: { text: 'NEW' },
+    activeMatch: `^/(partners|developers)/`,
+    items: [
+      { text: 'Partners', link: '/partners/' },
+      { text: 'Developers', link: '/developers/', badge: { text: 'NEW' } }
+    ]
   }
 ]
 
-export const sidebar = {
+export const sidebar: ThemeConfig['sidebar'] = {
   '/guide/': [
     {
       text: 'Getting Started',
@@ -147,15 +182,15 @@ export const sidebar = {
           link: '/guide/essentials/event-handling'
         },
         { text: 'Form Input Bindings', link: '/guide/essentials/forms' },
-        {
-          text: 'Lifecycle Hooks',
-          link: '/guide/essentials/lifecycle'
-        },
         { text: 'Watchers', link: '/guide/essentials/watchers' },
         { text: 'Template Refs', link: '/guide/essentials/template-refs' },
         {
           text: 'Components Basics',
           link: '/guide/essentials/component-basics'
+        },
+        {
+          text: 'Lifecycle Hooks',
+          link: '/guide/essentials/lifecycle'
         }
       ]
     },
@@ -168,6 +203,7 @@ export const sidebar = {
         },
         { text: 'Props', link: '/guide/components/props' },
         { text: 'Events', link: '/guide/components/events' },
+        { text: 'Component v-model', link: '/guide/components/v-model' },
         {
           text: 'Fallthrough Attributes',
           link: '/guide/components/attrs'
@@ -292,16 +328,11 @@ export const sidebar = {
         {
           text: 'Animation Techniques',
           link: '/guide/extras/animation'
-        },
-        {
-          text: 'Reactivity Transform',
-          link: '/guide/extras/reactivity-transform'
         }
         // {
         //   text: 'Building a Library for Vue',
         //   link: '/guide/extras/building-a-library'
         // },
-        // { text: 'Custom Renderers', link: '/guide/extras/custom-renderer' },
         // {
         //   text: 'Vue for React Devs',
         //   link: '/guide/extras/vue-for-react-devs'
@@ -343,6 +374,10 @@ export const sidebar = {
         {
           text: 'Dependency Injection',
           link: '/api/composition-api-dependency-injection'
+        },
+        {
+          text: 'Helpers',
+          link: '/api/composition-api-helpers'
         }
       ]
     },
@@ -382,7 +417,7 @@ export const sidebar = {
       ]
     },
     {
-      text: 'Single File Component',
+      text: 'Single-File Component',
       items: [
         { text: 'Syntax Specification', link: '/api/sfc-spec' },
         { text: '<script setup>', link: '/api/sfc-script-setup' },
@@ -392,10 +427,12 @@ export const sidebar = {
     {
       text: 'Advanced APIs',
       items: [
+        { text: 'Custom Elements', link: '/api/custom-elements' },
         { text: 'Render Function', link: '/api/render-function' },
         { text: 'Server-Side Rendering', link: '/api/ssr' },
         { text: 'TypeScript Utility Types', link: '/api/utility-types' },
-        { text: 'Custom Renderer', link: '/api/custom-renderer' }
+        { text: 'Custom Renderer', link: '/api/custom-renderer' },
+        { text: 'Compile-Time Flags', link: '/api/compile-time-flags' }
       ]
     }
   ],
@@ -460,10 +497,6 @@ export const sidebar = {
           text: 'List with Transitions',
           link: '/examples/#list-transition'
         },
-        {
-          text: 'TodoMVC',
-          link: '/examples/#todomvc'
-        }
       ]
     },
     {
@@ -530,41 +563,64 @@ export const sidebar = {
   ]
 }
 
+// Placeholder of the i18n config for @vuejs-translations.
+// const i18n: ThemeConfig['i18n'] = {
+// }
+
+function inlineScript(file: string): HeadConfig {
+  return [
+    'script',
+    {},
+    fs.readFileSync(
+      path.resolve(__dirname, `./inlined-scripts/${file}`),
+      'utf-8'
+    )
+  ]
+}
+
 export default defineConfigWithTheme<ThemeConfig>({
   extends: baseConfig,
 
+  sitemap: {
+    hostname: 'https://vuejs.org/'
+  },
+
   lang: 'en-US',
   title: 'Vue.js',
   description: 'Vue.js - The Progressive JavaScript Framework',
   srcDir: 'src',
   srcExclude: ['tutorial/**/description.md'],
-  scrollOffset: 'header',
 
   head: [
-    ['meta', { name: 'twitter:site', content: '@vuejs' }],
-    ['meta', { name: 'twitter:card', content: 'summary' }],
+    ['meta', { name: 'theme-color', content: '#3c8772' }],
+    ['meta', { property: 'og:url', content: 'https://vuejs.org/' }],
+    ['meta', { property: 'og:type', content: 'website' }],
+    ['meta', { property: 'og:title', content: 'Vue.js' }],
     [
       'meta',
       {
-        name: 'twitter:image',
+        property: 'og:description',
+        content: 'Vue.js - The Progressive JavaScript Framework'
+      }
+    ],
+    [
+      'meta',
+      {
+        property: 'og:image',
         content: 'https://vuejs.org/images/logo.png'
       }
     ],
+    ['meta', { name: 'twitter:site', content: '@vuejs' }],
+    ['meta', { name: 'twitter:card', content: 'summary' }],
     [
       'link',
       {
         rel: 'preconnect',
-        href: 'https://sponsors.vuejs.org/'
+        href: 'https://automation.vuejs.org/'
       }
     ],
-    [
-      'script',
-      {},
-      fs.readFileSync(
-        path.resolve(__dirname, './inlined-scripts/restorePreference.js'),
-        'utf-8'
-      )
-    ],
+    inlineScript('restorePreference.js'),
+    inlineScript('uwu.js'),
     [
       'script',
       {
@@ -573,17 +629,100 @@ export default defineConfigWithTheme<ThemeConfig>({
         'data-spa': 'auto',
         defer: ''
       }
-    ]
+    ],
+    [
+      'script',
+      {
+        src: 'https://vueschool.io/banner.js?affiliate=vuejs&type=top',
+        async: 'true'
+      }
+    ],
+    inlineScript('perfops.js')
   ],
 
   themeConfig: {
     nav,
     sidebar,
+    // Placeholder of the i18n config for @vuejs-translations.
+    // i18n,
+
+    localeLinks: [
+      {
+        link: 'https://cn.vuejs.org/',
+        text: '简体中文',
+        repo: 'https://github.com/vuejs-translations/docs-zh-cn'
+      },
+      {
+        link: 'https://ja.vuejs.org/',
+        text: '日本語',
+        repo: 'https://github.com/vuejs-translations/docs-ja'
+      },
+      {
+        link: 'https://ua.vuejs.org/',
+        text: 'Українська',
+        repo: 'https://github.com/vuejs-translations/docs-uk'
+      },
+      {
+        link: 'https://fr.vuejs.org/',
+        text: 'Français',
+        repo: 'https://github.com/vuejs-translations/docs-fr'
+      },
+      {
+        link: 'https://ko.vuejs.org/',
+        text: '한국어',
+        repo: 'https://github.com/vuejs-translations/docs-ko'
+      },
+      {
+        link: 'https://pt.vuejs.org/',
+        text: 'Português',
+        repo: 'https://github.com/vuejs-translations/docs-pt'
+      },
+      {
+        link: 'https://bn.vuejs.org/',
+        text: 'বাংলা',
+        repo: 'https://github.com/vuejs-translations/docs-bn'
+      },
+      {
+        link: 'https://it.vuejs.org/',
+        text: 'Italiano',
+        repo: 'https://github.com/vuejs-translations/docs-it'
+      },
+      {
+        link: 'https://fa.vuejs.org/',
+        text: 'فارسی',
+        repo: 'https://github.com/vuejs-translations/docs-fa'
+      },
+      {
+        link: 'https://ru.vuejs.org/',
+        text: 'Русский',
+        repo: 'https://github.com/vuejs-translations/docs-ru'
+      },
+      {
+        link: 'https://cs.vuejs.org/',
+        text: 'Čeština',
+        repo: 'https://github.com/vuejs-translations/docs-cs'
+      },
+      {
+        link: 'https://zh-hk.vuejs.org/',
+        text: '繁體中文',
+        repo: 'https://github.com/vuejs-translations/docs-zh-hk'
+      },
+      {
+        link: 'https://pl.vuejs.org/',
+        text: 'Polski',
+        repo: 'https://github.com/vuejs-translations/docs-pl',
+      },
+      {
+        link: '/translations/',
+        text: 'Help Us Translate!',
+        isTranslationsDesc: true
+      }
+    ],
 
     algolia: {
       indexName: 'vuejs',
       appId: 'ML0LEBN7FQ',
-      apiKey: 'f49cbd92a74532cc55cfbffa5e5a7d01',
+      apiKey: '21cf9df0734770a2448a9da64a700c22',
       searchParameters: {
         facetFilters: ['version:v3']
       }
@@ -595,10 +734,9 @@ export default defineConfigWithTheme<ThemeConfig>({
     },
 
     socialLinks: [
-      { icon: 'languages', link: '/translations/' },
       { icon: 'github', link: 'https://github.com/vuejs/' },
       { icon: 'twitter', link: 'https://twitter.com/vuejs' },
-      { icon: 'discord', link: 'https://discord.com/invite/HBherRA' }
+      { icon: 'discord', link: 'https://discord.com/invite/vue' }
     ],
 
     editLink: {
@@ -616,8 +754,10 @@ export default defineConfigWithTheme<ThemeConfig>({
   },
 
   markdown: {
+    theme: 'github-dark',
     config(md) {
       md.use(headerPlugin)
+      // .use(textAdPlugin)
     }
   },
 
@@ -641,15 +781,34 @@ export default defineConfigWithTheme<ThemeConfig>({
       }
     },
     build: {
-      minify: 'terser',
       chunkSizeWarningLimit: Infinity
     },
     json: {
       stringify: true
-    }
-  },
+    },
+    plugins: [
+      llmstxt({
+        ignoreFiles: [
+          'about/team/**/*',
+          'about/team.md',
+          'about/privacy.md',
+          'about/coc.md',
+          'developers/**/*',
+          'ecosystem/themes.md',
+          'examples/**/*',
+          'partners/**/*',
+          'sponsor/**/*',
+          'index.md'
+        ],
+        customLLMsTxtTemplate: `\
+# Vue.js
+
+Vue.js - The Progressive JavaScript Framework
 
-  vue: {
-    reactivityTransform: true
+## Table of Contents
+
+{toc}`
+      }) as Plugin
+    ]
   }
 })
diff --git a/.vitepress/headerMdPlugin.ts b/.vitepress/headerMdPlugin.ts
index 677b9c8063..2a0db53481 100644
--- a/.vitepress/headerMdPlugin.ts
+++ b/.vitepress/headerMdPlugin.ts
@@ -11,39 +11,47 @@
  */
 
 import MarkdownIt from 'markdown-it'
-import { MarkdownRenderer } from 'vitepress'
+import { Header } from 'vitepress'
 
-declare module 'vitepress' {
-  interface Header {
-    compositionOnly?: boolean
-    optionsOnly?: boolean
-  }
+export interface AugmentedHeader extends Header {
+  compositionOnly?: boolean
+  optionsOnly?: boolean
 }
 
 export const headerPlugin = (md: MarkdownIt) => {
-  const originalOpen = md.renderer.rules.heading_open!
-  md.renderer.rules.heading_open = (tokens, i, ...rest) => {
+  md.renderer.rules.heading_open = (tokens, i, options, env, self) => {
     for (const child of tokens[i + 1].children!) {
       if (child.type === 'text' && child.content.endsWith('*')) {
         child.content = child.content.replace(/\s*\*+$/, '')
       }
     }
-    return originalOpen.call(null, tokens, i, ...rest)
+    return self.renderToken(tokens, i, options)
+  }
+
+  const render = md.render
+  md.render = (content, env) => {
+    const res = render(content, env)
+
+    if (env && env.headers) {
+      processHeaders(env.headers)
+    }
+
+    return res
   }
+}
 
-  md.renderer.rules.heading_close = (tokens, i, options, _env, self) => {
-    const headers = (md as MarkdownRenderer).__data?.headers
-    if (headers) {
-      const last = headers[headers.length - 1]
-      if (last.title.endsWith('*')) {
-        if (last.title.endsWith('**')) {
-          last.compositionOnly = true
-        } else {
-          last.optionsOnly = true
-        }
-        last.title = last.title.replace(/\s*\*+$/, '')
+function processHeaders(headers: AugmentedHeader[]) {
+  for (const h of headers) {
+    if (h.title.endsWith('*')) {
+      if (h.title.endsWith('**')) {
+        h.compositionOnly = true
+      } else {
+        h.optionsOnly = true
       }
+      h.title = h.title.replace(/\s*\*+$/, '')
+    }
+    if (h.children) {
+      processHeaders(h.children)
     }
-    return self.renderToken(tokens, i, options)
   }
 }
diff --git a/.vitepress/inlined-scripts/perfops.js b/.vitepress/inlined-scripts/perfops.js
new file mode 100644
index 0000000000..381ff494a7
--- /dev/null
+++ b/.vitepress/inlined-scripts/perfops.js
@@ -0,0 +1,9 @@
+;((d) => {
+  window.rum = { key: 'a9efvfeu' }
+  var script = d.createElement('script')
+  script.src = '/rom3.min.js'
+  script.type = 'text/javascript'
+  script.defer = true
+  script.async = true
+  d.getElementsByTagName('head')[0].appendChild(script)
+})(document)
diff --git a/.vitepress/inlined-scripts/restorePreference.js b/.vitepress/inlined-scripts/restorePreference.js
index 59327ebffe..5e18b50ffa 100644
--- a/.vitepress/inlined-scripts/restorePreference.js
+++ b/.vitepress/inlined-scripts/restorePreference.js
@@ -5,9 +5,9 @@
       document.documentElement.classList.add(cls)
     }
   }
-  restore('vue-docs-prefer-composition', 'prefer-composition')
+  restore('vue-docs-prefer-composition', 'prefer-composition', true)
   restore('vue-docs-prefer-sfc', 'prefer-sfc', true)
 
-  window.__VUE_BANNER_ID__ = 'wip'
-  restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
+  // window.__VUE_BANNER_ID__ = ''
+  // restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
 })()
diff --git a/.vitepress/inlined-scripts/uwu.js b/.vitepress/inlined-scripts/uwu.js
new file mode 100644
index 0000000000..5b25107e42
--- /dev/null
+++ b/.vitepress/inlined-scripts/uwu.js
@@ -0,0 +1,3 @@
+if (location.search.includes('?uwu')) {
+  document.documentElement.classList.add('uwu')
+}
diff --git a/.vitepress/textAdMdPlugin.ts b/.vitepress/textAdMdPlugin.ts
new file mode 100644
index 0000000000..8738c9be7d
--- /dev/null
+++ b/.vitepress/textAdMdPlugin.ts
@@ -0,0 +1,34 @@
+import MarkdownIt from 'markdown-it'
+
+const excludedPages = [
+  'guide/introduction.md',
+  // 'guide/quick-start.md',
+  // 'guide/essentials/computed.md',
+  // 'guide/essentials/conditional.md',
+  // 'guide/essentials/list.md',
+  // 'guide/essentials/event-handling.md',
+  // 'guide/essentials/forms.md',
+  // 'guide/components/registration.md',
+  // 'guide/components/props.md',
+  // 'guide/components/events.md',
+  // 'guide/components/slots.md',
+  // 'guide/built-ins/teleport.md',
+  'about/faq.md',
+  'about/team.md',
+  'about/releases.md',
+  'about/community-guide.md',
+  'about/coc.md',
+  'sponsor/index.md',
+  'translations/index.md'
+]
+
+export const textAdPlugin = (md: MarkdownIt) => {
+  md.renderer.rules.heading_close = (tokens, i, options, env, self) => {
+    const relativePath = env.relativePath
+    const renderedContent = self.renderToken(tokens, i, options)
+
+    return excludedPages.includes(relativePath)
+      ? renderedContent
+      : renderedContent.replace(/<\/h1>/, '</h1><TextAd/>')
+  }
+}
diff --git a/.vitepress/theme/components/Banner.vue b/.vitepress/theme/components/Banner.vue
index 5f99cf3d7d..6730fcd48d 100644
--- a/.vitepress/theme/components/Banner.vue
+++ b/.vitepress/theme/components/Banner.vue
@@ -5,14 +5,16 @@
  * 2. uncomment and update BANNER_ID in ../../inlined-scripts/restorePreferences.ts
  * 3. update --vt-banner-height if necessary
  */
+import { ref } from 'vue'
+import { VTIconPlus } from '@vue/theme'
 
-let open = $ref(true)
+const open = ref(true)
 
 /**
  * Call this if the banner is dismissible
  */
 function dismiss() {
-  open = false
+  open.value = false
   document.documentElement.classList.add('banner-dismissed')
   localStorage.setItem(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'true')
 }
@@ -20,18 +22,16 @@ function dismiss() {
 
 <template>
   <div class="banner" v-if="open">
-    Vue 3 is now the new default version!
-    <a
-      href="https://blog.vuejs.org/posts/vue-3-as-the-new-default.html"
-      target="_blank"
-      >Learn more</a
-    >
+    <a target="_blank"></a>
+    <button @click="dismiss">
+      <VTIconPlus class="close" />
+    </button>
   </div>
 </template>
 
 <style>
 html:not(.banner-dismissed) {
-  --vt-banner-height: 24px;
+  --vt-banner-height: 30px;
 }
 </style>
 
@@ -46,17 +46,43 @@ html:not(.banner-dismissed) {
   height: var(--vt-banner-height);
   line-height: var(--vt-banner-height);
   text-align: center;
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 600;
   color: #fff;
   background-color: var(--vt-c-green);
+  background: linear-gradient(
+    90deg,
+    rgba(66, 184, 131, 1) 0%,
+    rgba(39, 179, 137, 1) 19%,
+    rgba(100, 126, 255, 1) 100%
+  );
 }
 
 .banner-dismissed .banner {
   display: none;
 }
 
-a {
+a:hover {
   text-decoration: underline;
 }
+
+button {
+  position: absolute;
+  right: 0;
+  top: 0;
+  padding: 5px;
+}
+
+.close {
+  width: 20px;
+  height: 20px;
+  fill: #fff;
+  transform: rotate(45deg);
+}
+/*
+@media (max-width: 720px) {
+  a > span {
+    display: none;
+  }
+} */
 </style>
diff --git a/.vitepress/theme/components/CallToActionSection.vue b/.vitepress/theme/components/CallToActionSection.vue
new file mode 100644
index 0000000000..546d05fbd2
--- /dev/null
+++ b/.vitepress/theme/components/CallToActionSection.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+withDefaults(defineProps<{
+  title?: string
+  description?: string
+  link?: string
+  linkText?: string
+  showDivider?: boolean
+}>(), {
+  showDivider: true
+})
+</script>
+
+<template>
+  <section class="cta-section">
+    <div v-if="showDivider" class="cta-divider"></div>
+    <div class="cta-content">
+      <h2 v-if="title" class="cta-title">{{ title }}</h2>
+      <p v-if="description" class="cta-description">{{ description }}</p>
+      <a v-if="link" :href="http://github.com/link" target="_blank" class="cta-link">{{ linkText }}</a>
+      <slot></slot>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.cta-section {
+  text-align: center;
+  max-width: 688px;
+  margin: 0 auto;
+}
+
+.cta-divider {
+  width: 100px;
+  margin: 0 auto;
+  border-top: 1px solid var(--vt-c-divider-light);
+}
+
+.cta-content {
+  padding: 28px 28px 96px;
+}
+
+.cta-title {
+  font-size: 34px;
+  font-weight: 600;
+  letter-spacing: -0.5px;
+  line-height: 1.2;
+  margin: 0.5em 0 1em;
+}
+
+.cta-description {
+  color: var(--vt-c-text-2);
+}
+
+.cta-link {
+  margin-top: 2em;
+  display: inline-block;
+  padding: 12px 24px;
+  background-color: var(--vt-c-bg-mute);
+  color: var(--vt-c-text-code);
+  font-weight: 600;
+  border-radius: 6px;
+  text-decoration: none;
+  transition: background-color 0.5s, color 0.5s;
+}
+
+.cta-link:hover {
+  background-color: var(--vt-c-gray-light-4);
+}
+
+.dark .cta-link:hover {
+  background-color: var(--vt-c-gray-dark-3);
+}
+</style>
diff --git a/.vitepress/theme/components/CardList.vue b/.vitepress/theme/components/CardList.vue
new file mode 100644
index 0000000000..e29722bf13
--- /dev/null
+++ b/.vitepress/theme/components/CardList.vue
@@ -0,0 +1,105 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, shallowRef } from 'vue'
+
+const props = withDefaults(
+  defineProps<{
+    items: Array<any>
+    filter?: (item: any) => boolean
+    cardComponent: any
+    showLinkToAll?: boolean
+    shuffleItems?: boolean
+    browseLinkText?: string
+    browseLinkUrl?: string
+    splitBy?: string
+  }>(),
+  {
+    showLinkToAll: false,
+    shuffleItems: false,
+    splitBy: 'platinum'
+  }
+)
+
+const isMounted = ref(false)
+const items = shallowRef([...props.items])
+
+const filteredItems = computed(() =>
+  props.filter ? items.value.filter(props.filter) : items.value
+)
+
+onMounted(() => {
+  isMounted.value = true
+  items.value = processItems([...items.value], props.splitBy, props.shuffleItems)
+})
+
+function processItems(items: Array<any>, splitBy: string, shouldShuffle: boolean) {
+  const splitItems = items.filter(item => item[splitBy])
+  const otherItems = items.filter(item => !item[splitBy])
+
+  if (shouldShuffle) {
+    shuffleArray(splitItems)
+    shuffleArray(otherItems)
+  }
+
+  return [...splitItems, ...otherItems]
+}
+
+function shuffleArray(array: Array<any>) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1)); // don't remove semicolon
+    [array[i], array[j]] = [array[j], array[i]]
+  }
+}
+</script>
+
+<template>
+  <div v-show="isMounted" class="card-list">
+    <!-- to skip SSG since the partners are shuffled -->
+    <ClientOnly>
+      <component
+        :is="cardComponent"
+        v-for="item in filteredItems"
+        :key="item.id || item.name"
+        :data="item"
+      />
+    </ClientOnly>
+
+    <a
+      v-if="showLinkToAll && filteredItems.length % 2"
+      :href="http://github.com/browseLinkUrl"
+      class="browse-all-link"
+    >
+      {{ browseLinkText }}
+    </a>
+  </div>
+</template>
+
+<style scoped>
+.card-list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.browse-all-link {
+  display: block;
+  width: 48.5%;
+  margin-bottom: 36px;
+  padding-top: 240px;
+  font-size: 1.2em;
+  text-align: center;
+  color: var(--vt-c-text-2);
+  border: 1px solid var(--vt-c-divider-light);
+  border-radius: 4px;
+  transition: color 0.5s ease;
+}
+
+.browse-all-link:hover {
+  color: var(--vt-c-text-1);
+}
+
+@media (max-width: 768px) {
+  .browse-all-link {
+    display: none;
+  }
+}
+</style>
diff --git a/.vitepress/theme/components/Home.vue b/.vitepress/theme/components/Home.vue
index eb0e73cc2f..f5fb2f6dc7 100644
--- a/.vitepress/theme/components/Home.vue
+++ b/.vitepress/theme/components/Home.vue
@@ -1,10 +1,17 @@
 <script setup lang="ts">
-import NewsLetter from './NewsLetter.vue'
-import SponsorsGroup from './SponsorsGroup.vue';
+import { onMounted } from 'vue'
+import SiteMap from './SiteMap.vue'
+// import NewsLetter from './NewsLetter.vue'
+import { load, data, base } from './sponsors'
+import SponsorsGroup from './SponsorsGroup.vue'
+import VueMasteryModal from './VueMasteryModal.vue'
+
+onMounted(load)
 </script>
 
 <template>
   <section id="hero">
+    <img id="uwu" alt="Vue.js Kawaii Logo by @icarusgkx" />
     <h1 class="tagline">
       The
       <span class="accent">Progressive</span>
@@ -15,6 +22,7 @@ import SponsorsGroup from './SponsorsGroup.vue';
       user interfaces.
     </p>
     <p class="actions">
+      <VueMasteryModal />
       <a class="get-started" href="http://github.com/guide/introduction.html">
         Get Started
         <svg
@@ -30,24 +38,49 @@ import SponsorsGroup from './SponsorsGroup.vue';
         </svg>
       </a>
       <a class="setup" href="http://github.com/guide/quick-start.html">Install</a>
+      <a class="security" href="https://v2.vuejs.org/eol/" target="_blank">
+        Get Security Updates for Vue 2
+        <svg
+          class="icon"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 512 512"
+        >
+          <path
+            d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
+          />
+        </svg>
+      </a>
     </p>
   </section>
 
-  <!-- TODO make dynamic based on data -->
-  <section id="special-sponsor">
-    <span>Special Sponsor</span>
-    <a href="https://www.dcloud.io/hbuilderx.html?hmsr=vue-en&hmpl=&hmcu=&hmkw=&hmci=">
-      <picture>
-        <source type="image/avif" srcset="http://github.com/service/http://github.com/images/sponsors/hbuilder.avif " />
+  <section v-if="data && data.special" id="special-spsr">
+    <span class="lead">Special Sponsor</span>
+    <template v-for="{ url, img, name, description } of data.special">
+      <a :href="http://github.com/url" target="_blank" rel="sponsored noopener">
+        <picture v-if="img.endsWith('png')">
+          <source
+            type="image/avif"
+            :srcset="http://github.com/service/http://github.com/%60$%7Bbase%7D/images/$%7Bimg.replace(//.png$/ ,  ".avif')}`"
+          />
+          <img :src="http://github.com/%60$%7Bbase%7D/images/$%7Bimg%7D%60" :alt="name" />
+        </picture>
         <img
-          alt="hbuilder logo"
-          width="97"
-          height="36"
-          src="http://github.com/images/sponsors/hbuilder.png"
+          width="168"
+          height="42"
+          v-else
+          :src="http://github.com/%60$%7Bbase%7D/images/$%7Bimg%7D%60"
+          :alt="name"
         />
-      </picture>
-    </a>
-    <span>Advanced IDE for Vue</span>
+      </a>
+      <span>{{ description }}</span>
+    </template>
+  </section>
+  <section v-else id="special-spsr">
+    <span>
+      <a href="http://github.com/sponsor/#tier-benefits">
+        Special Sponsor slot is now vacant - Inquire now
+      </a>
+    </span>
   </section>
 
   <section id="highlights" class="vt-box-container">
@@ -74,14 +107,15 @@ import SponsorsGroup from './SponsorsGroup.vue';
     </div>
   </section>
 
-  <section id="sponsors">
+  <section id="spsrs">
     <h2>Platinum Sponsors</h2>
     <SponsorsGroup tier="platinum" placement="landing" />
     <h2>Gold Sponsors</h2>
     <SponsorsGroup tier="gold" placement="landing" />
   </section>
 
-  <NewsLetter />
+  <SiteMap />
+  <!-- <NewsLetter /> -->
 </template>
 
 <style scoped>
@@ -130,10 +164,30 @@ html:not(.dark) .accent,
   transition: background-color 0.5s, color 0.5s;
 }
 
-.actions .get-started {
-  font-weight: 600;
-  background-color: var(--vt-c-green);
-  color: #fff;
+.actions .security {
+  background: linear-gradient(var(--vt-c-bg-mute), var(--vt-c-bg-mute)) padding-box,
+    linear-gradient(45deg, #42d392, #647eff) border-box;
+  border: 2px solid transparent;
+}
+
+.actions .security:hover {
+  background: linear-gradient(var(--vt-c-gray-light-4), var(--vt-c-gray-light-4)) padding-box,
+    linear-gradient(45deg, #42d392, #647eff) border-box;
+}
+
+.dark .actions .security:hover {
+  background: linear-gradient(var(--vt-c-gray-dark-3), var(--vt-c-gray-dark-3)) padding-box,
+    linear-gradient(45deg, #42d392, #647eff) border-box;
+}
+
+.actions .security .icon {
+  width: 12px;
+  height: 12px;
+  margin-left: 4px;
+}
+
+.actions .get-started,
+.actions .setup {
   margin-right: 18px;
 }
 
@@ -146,12 +200,7 @@ html:not(.dark) .accent,
   transition: transform 0.2s;
 }
 
-.dark .actions .get-started {
-  color: var(--vt-c-indigo);
-}
-
 .actions .get-started:hover {
-  background-color: var(--vt-c-green-dark);
   transition-duration: 0.2s;
 }
 
@@ -159,45 +208,57 @@ html:not(.dark) .accent,
   transform: translateX(2px);
 }
 
-.dark .actions .get-started:hover {
-  background-color: var(--vt-c-green-light);
-}
-
-.actions .setup {
+.actions .get-started,
+.actions .setup,
+.actions .security {
   color: var(--vt-c-text-code);
 }
 
-.actions .setup:hover {
+.actions .get-started:hover,
+.actions .setup:hover,
+.actions .security:hover {
   background-color: var(--vt-c-gray-light-4);
   transition-duration: 0.2s;
 }
 
-.dark .actions .setup:hover {
+.dark .actions .get-started:hover,
+.dark .actions .setup:hover,
+.dark .actions .security:hover {
   background-color: var(--vt-c-gray-dark-3);
 }
 
-#special-sponsor {
+#special-spsr {
   border-top: 1px solid var(--vt-c-divider-light);
   border-bottom: 1px solid var(--vt-c-divider-light);
   padding: 12px 24px;
-  text-align: center;
+  display: flex;
+  align-items: center;
 }
 
-#special-sponsor span {
+#special-spsr span {
   color: var(--vt-c-text-2);
   font-weight: 500;
   font-size: 13px;
   vertical-align: middle;
-  margin: 0 24px;
+  flex: 1;
 }
 
-#special-sponsor img {
-  display: inline-block;
-  vertical-align: middle;
-  height: 36px;
+#special-spsr span:first-child {
+  text-align: right;
 }
 
-.dark #special-sponsor img {
+#special-spsr a {
+  display: flex;
+  justify-content: center;
+  padding: 0 24px;
+}
+
+#special-spsr img {
+  height: 42px;
+  margin: -6px 0;
+}
+
+.dark #special-spsr img {
   filter: grayscale(1) invert(1);
 }
 
@@ -225,18 +286,18 @@ html:not(.dark) .accent,
   background-color: transparent;
 }
 
-#sponsors {
+#spsrs {
   max-width: 900px;
   margin: 0px auto;
 }
 
-#sponsors h2 {
+#spsrs h2 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 1em;
 }
 
-#sponsors .sponsor-container {
+#spsrs .spsr-container {
   margin-bottom: 3em;
 }
 
@@ -251,24 +312,33 @@ html:not(.dark) .accent,
   }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 794px) {
   .tagline {
     font-size: 48px;
     letter-spacing: -0.5px;
   }
+  .actions .security {
+    margin-top: 18px;
+  }
 }
 
 @media (max-width: 576px) {
   #hero {
-    padding: 64px 32px;
+    padding: 56px 32px;
   }
   .description {
     font-size: 16px;
     margin: 18px 0 30px;
   }
-  #special-sponsor img {
-    display: block;
-    margin: 2px auto 1px;
+  #special-spsr {
+    flex-direction: column;
+  }
+  #special-spsr img {
+    height: 36px;
+    margin: 8px 0;
+  }
+  #special-spsr span {
+    text-align: center !important;
   }
   #highlights h3 {
     margin-bottom: 0.6em;
@@ -276,6 +346,12 @@ html:not(.dark) .accent,
   #highlights .vt-box {
     padding: 20px 36px;
   }
+  .actions a {
+    margin: 18px 0;
+  }
+  .actions .security {
+    margin-top: 0;
+  }
 }
 
 @media (max-width: 370px) {
@@ -283,4 +359,23 @@ html:not(.dark) .accent,
     font-size: 36px;
   }
 }
+
+#uwu {
+  display: none;
+}
+
+.uwu #uwu {
+  display: block;
+  width: 100%;
+  max-width: 720px;
+  margin: -120px auto -20px;
+  aspect-ratio: 192 / 108;
+  content: url(http://github.com/logo-uwu.png);
+}
+
+@media (max-width: 576px) {
+  .uwu #uwu {
+    margin: -60px auto -10px;
+  }
+}
 </style>
diff --git a/.vitepress/theme/components/NewsLetter.vue b/.vitepress/theme/components/NewsLetter.vue
index 43de4c2f6e..c3bd08f3e4 100644
--- a/.vitepress/theme/components/NewsLetter.vue
+++ b/.vitepress/theme/components/NewsLetter.vue
@@ -46,7 +46,7 @@ import { VTLink } from '@vue/theme'
           no-icon
         >news.vuejs.org</VTLink>. You may also go social at
         <VTLink class="link" href="https://twitter.com/vuejs" no-icon>Twitter</VTLink>, or join our home at
-        <VTLink class="link" href="https://chat.vuejs.org/" no-icon>Discord</VTLink>.
+        <VTLink class="link" href="https://discord.com/invite/vue" no-icon>Discord</VTLink>.
       </p>
     </div>
   </section>
diff --git a/src/ecosystem/partners/PartnerHero.vue b/.vitepress/theme/components/PageHero.vue
similarity index 50%
rename from src/ecosystem/partners/PartnerHero.vue
rename to .vitepress/theme/components/PageHero.vue
index 3fb4150d34..084eae0866 100644
--- a/src/ecosystem/partners/PartnerHero.vue
+++ b/.vitepress/theme/components/PageHero.vue
@@ -1,66 +1,63 @@
-<script setup lang="ts"></script>
-
 <template>
-  <div class="PartnerHero">
-    <div class="container">
-      <h1 class="title">
-        <slot name="title" />
-      </h1>
-      <p class="lead">
-        <slot name="lead" />
-      </p>
+  <div class="page-hero">
+    <h1 class="page-hero__title">
+      <slot name="title" />
+    </h1>
+    <div class="page-hero__lead">
+      <slot name="lead" />
     </div>
   </div>
 </template>
 
 <style scoped>
-.PartnerHero {
+.page-hero {
   padding: 48px 24px;
   text-align: center;
-}
-
-@media (min-width: 768px) {
-  .PartnerHero {
-    padding: 64px 32px;
-  }
-}
-
-.container {
   margin: 0 auto;
-  max-width: 540px;
+  max-width: 688px;
 }
 
-.title,
-.lead,
-.PartnerHero :deep(.link) {
+.page-hero__title,
+.page-hero__lead,
+.page-hero :deep(.link) {
   transition: color 0.25s;
 }
 
-.title {
+.page-hero__title {
   line-height: 32px;
   font-size: 32px;
   font-weight: 500;
+  margin-bottom: 0.3em;
 }
 
-@media (min-width: 768px) {
-  .title {
-    line-height: 40px;
-    font-size: 40px;
-  }
-}
-
-.lead {
+.page-hero__lead {
   padding-top: 8px;
   font-size: 16px;
   font-weight: 500;
   color: var(--vt-c-text-2);
 }
 
-.PartnerHero :deep(.link) {
+.page-hero__lead a {
+  color: var(--vt-c-brand);
+}
+
+.page-hero :deep(.link) {
   color: var(--vt-c-brand);
 }
 
-.PartnerHero :deep(.link:hover) {
+.page-hero :deep(.link:hover) {
   color: var(--vt-c-brand-dark);
 }
+
+/* Media Queries */
+@media (min-width: 768px) {
+  .page-hero {
+    padding: 64px 32px;
+  }
+
+  .page-hero__title {
+    line-height: 40px;
+    font-size: 40px;
+  }
+}
 </style>
diff --git a/.vitepress/theme/components/PageShowcaseListLayout.vue b/.vitepress/theme/components/PageShowcaseListLayout.vue
new file mode 100644
index 0000000000..ea223eff28
--- /dev/null
+++ b/.vitepress/theme/components/PageShowcaseListLayout.vue
@@ -0,0 +1,112 @@
+<script setup lang="ts">
+const props = defineProps<{
+  spotlightTitle?: string
+  featuredTitle?: string
+  browseLinkText?: string
+  browseLinkUrl?: string
+}>()
+</script>
+
+<template>
+  <div class="showcase-layout">
+    <!-- Hero Section -->
+    <slot name="hero"></slot>
+
+    <!-- Spotlight Section -->
+    <div class="showcase-layout__spotlight">
+      <div class="spotlight-content">
+        <h2 v-if="props.spotlightTitle" class="section-title">{{ props.spotlightTitle }}</h2>
+        <slot name="spotlight"></slot>
+      </div>
+    </div>
+
+    <!-- Featured Section -->
+    <div class="showcase-layout__featured">
+      <!-- Optional Actions Section -->
+      <div v-if="$slots.actions" class="featured-actions">
+        <slot name="actions"></slot>
+      </div>
+      <h2 v-if="props.featuredTitle" class="section-title">{{ props.featuredTitle }}</h2>
+      <slot name="featured-list"></slot>
+      <slot name="featured-cta">
+        <div v-if="browseLinkUrl" class="browse-more">
+          <a class="accent-button" :href="http://github.com/props.browseLinkUrl">{{ props.browseLinkText }}</a>
+        </div>
+      </slot>
+    </div>
+
+    <!-- Join Section -->
+    <slot name="join"></slot>
+  </div>
+</template>
+
+<style scoped>
+.showcase-layout {
+  padding-bottom: 16px;
+}
+
+.showcase-layout__spotlight {
+  background-color: var(--vt-c-bg-soft);
+}
+
+.spotlight-content {
+  padding: 36px 48px;
+  max-width: 1280px;
+  margin: 0 auto;
+}
+
+.section-title {
+  font-size: 1.1em;
+  font-weight: 600;
+  margin-bottom: 1.5em;
+  color: var(--vt-c-text-2);
+}
+
+.showcase-layout__featured {
+  padding: 36px 48px;
+  max-width: 960px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.featured-actions {
+  width: 100%;
+  margin-bottom: 1.5em;
+}
+
+.browse-more {
+  margin: 1.5rem auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.accent-button,
+:deep(.accent-button) {
+  display: block;
+  width: fit-content;
+  min-width: 240px;
+  text-align: center;
+  background-color: var(--vt-c-brand);
+  color: var(--vt-c-bg);
+  padding: 12px 24px;
+  font-weight: 600;
+  border-radius: 6px;
+  transition: background-color 0.5s, color 0.5s;
+  text-decoration: none;
+}
+
+.accent-button:hover,
+:deep(.accent-button):hover {
+  background-color: var(--vt-c-brand-dark);
+}
+
+/* Media Queries */
+@media (max-width: 768px) {
+  .spotlight-content,
+  .showcase-layout__featured {
+    padding: 36px 28px;
+  }
+}
+</style>
diff --git a/.vitepress/theme/components/PreferenceSwitch.vue b/.vitepress/theme/components/PreferenceSwitch.vue
index 85ffb646c3..b16403405c 100644
--- a/.vitepress/theme/components/PreferenceSwitch.vue
+++ b/.vitepress/theme/components/PreferenceSwitch.vue
@@ -1,24 +1,25 @@
 <script setup lang="ts">
 import { VTSwitch, VTIconChevronDown } from '@vue/theme'
 import { useRoute } from 'vitepress'
-import { inject, Ref } from 'vue'
+import { ref, computed, inject, Ref } from 'vue'
 import {
   preferCompositionKey,
   preferComposition,
   preferSFCKey,
   preferSFC
 } from './preferences'
+import PreferenceTooltip from './PreferenceTooltip.vue'
 
 const route = useRoute()
-const show = $computed(() =>
-  /^\/(guide|tutorial|examples)\//.test(route.path)
+const show = computed(() =>
+  /^\/(guide|tutorial|examples|style-guide)\//.test(route.path)
 )
-const showSFC = $computed(() => !/^\/guide/.test(route.path))
+const showSFC = computed(() => !/^\/guide|style-guide/.test(route.path))
 
-let isOpen = $ref(true)
+let isOpen = ref(true)
 
 const toggleOpen = () => {
-  isOpen = !isOpen
+  isOpen.value = !isOpen.value
 }
 
 const removeOutline = (e: Event) => {
@@ -94,6 +95,7 @@ function useToggleFn(
           @click="closeSideBar"
           >?</a
         >
+        <PreferenceTooltip />
       </div>
       <div class="switch-container" v-if="showSFC">
         <label class="no-sfc-label" @click="toggleSFC(false)">HTML</label>
@@ -171,6 +173,12 @@ function useToggleFn(
   align-items: center;
 }
 
+@media(max-width: 959px){
+  .switch-container {
+    padding: 0 1em;
+  }
+}
+
 .switch-container:nth-child(2) {
   margin-top: 10px;
 }
@@ -204,7 +212,15 @@ function useToggleFn(
 @media (max-width: 1439px) {
   #preference-switches {
     font-size: 11px;
-    padding: 8px 12px;
+    padding: 8px 4px;
+  }
+
+  .vt-switch {
+    margin: auto;
+  }
+
+  .switch-link {
+    margin-left: auto;
   }
   .switch-container label:first-child {
     width: 46px;
diff --git a/.vitepress/theme/components/PreferenceTooltip.vue b/.vitepress/theme/components/PreferenceTooltip.vue
new file mode 100644
index 0000000000..1c1ef5a937
--- /dev/null
+++ b/.vitepress/theme/components/PreferenceTooltip.vue
@@ -0,0 +1,227 @@
+<script setup lang="ts">
+import { onMounted, ref, watch } from 'vue'
+import {
+  inBrowser,
+  preferComposition,
+  preferCompositionKey
+} from './preferences'
+import { useData, type Header } from 'vitepress'
+
+const show = ref(false)
+const { page } = useData()
+
+type Source = 'url-query' | 'url-header' | 'default'
+let source: Source | false =
+  inBrowser && localStorage.getItem(preferCompositionKey) === null
+    ? 'default'
+    : false
+
+if (inBrowser) {
+  // 1. check if URL contains explicit preference
+  const match = location.search.match(/[\?&]api=(\w+)/)
+  const preference = match && match[1]
+  if (preference === 'composition') {
+    setPreference(true, 'url-query')
+  } else if (preference === 'options') {
+    setPreference(false, 'url-query')
+  } else {
+    // 2. check if target header only exists for a certain API
+    if (location.hash) {
+      const h = findHeader(page.value.headers, location.hash)
+      if (h && h.optionsOnly) {
+        setPreference(false, 'url-header')
+      } else if (h && h.compositionOnly) {
+        setPreference(true, 'url-header')
+      }
+    }
+  }
+}
+
+function findHeader(
+  headers: Header[],
+  link: string
+):
+  | (Header & {
+      optionsOnly?: boolean
+      compositionOnly?: boolean
+    })
+  | undefined {
+  for (const h of headers) {
+    if (h.link === link) {
+      return h
+    }
+    if (h.children) {
+      const c = findHeader(h.children, link)
+      if (c) return c
+    }
+  }
+}
+
+function setPreference(capi: boolean, s: Source) {
+  if (capi && !preferComposition.value) {
+    source = s
+    preferComposition.value = true
+    document.documentElement.classList.add('prefer-composition')
+  } else if (!capi && preferComposition.value) {
+    source = s
+    preferComposition.value = false
+    document.documentElement.classList.remove('prefer-composition')
+  }
+}
+
+onMounted(() => {
+  if (
+    !page.value.relativePath.startsWith('tutorial/') &&
+    source !== false
+  ) {
+    show.value = true
+    // dismiss if user switches with the tooltip open
+    const stop = watch(preferComposition, () => {
+      show.value = false
+      stop()
+    })
+  }
+})
+
+function dismiss() {
+  show.value = false
+  // save if default
+  if (source === 'default') {
+    localStorage.setItem(
+      preferCompositionKey,
+      String(preferComposition.value)
+    )
+  }
+}
+</script>
+
+<template>
+  <Transition name="fly-in">
+    <div class="preference-tooltip" v-if="show">
+      <template v-if="source === 'default'">
+        <p>API style now defaults to Composition API.</p>
+        <p>
+          Some pages contain different content based on the API style
+          chosen. Use this switch to toggle between APIs styles.
+        </p>
+      </template>
+      <template v-if="source && source.startsWith('url')">
+        <p>
+          Showing content for
+          {{ preferComposition ? 'Composition' : 'Options' }} API because
+          {{
+            source === 'url-query'
+              ? 'it is specified by the URL query.'
+              : 'the target section is only available for that API.'
+          }}
+        </p>
+        <p>
+          This is different from your saved preference and will only affect
+          the current browsing session.
+        </p>
+      </template>
+      <p class="actions">
+        <a href="http://github.com/guide/introduction#api-styles">Learn more</a>
+        <button @click="dismiss">Got it</button>
+      </p>
+      <div class="arrow-top"></div>
+      <div class="arrow-top inner"></div>
+    </div>
+  </Transition>
+</template>
+
+<style scoped>
+.preference-tooltip {
+  font-weight: 500;
+  line-height: 1.6;
+  position: absolute;
+  padding: 12px 20px 12px 36px;
+  width: 100%;
+  background-color: var(--vt-c-bg-soft);
+  top: 7.5em;
+  border: 1px solid var(--vt-c-green);
+  border-radius: 8px;
+  box-shadow: var(--vt-shadow-3);
+  z-index: 10;
+}
+
+.preference-tooltip:before {
+  content: 'ⓘ';
+  position: absolute;
+  font-weight: 600;
+  font-size: 14px;
+  top: 9px;
+  left: 13px;
+}
+
+.dark .preference-tooltip {
+  box-shadow: var(--vt-shadow-1);
+}
+
+p {
+  margin-bottom: 8px;
+}
+
+.arrow-top {
+  width: 0;
+  height: 0;
+  border: 6px solid transparent;
+  border-bottom: 9px solid var(--vt-c-green);
+  position: absolute;
+  top: -16px;
+  left: 18px;
+}
+
+.prefer-composition .arrow-top {
+  left: 130px;
+}
+
+@media (max-width: 1439px) {
+  .arrow-top {
+    left: 16px;
+  }
+  .prefer-composition .arrow-top {
+    left: 136px;
+  }
+}
+
+.arrow-top.inner {
+  border-bottom-color: var(--vt-c-bg-soft);
+  top: -14px;
+}
+
+.actions {
+  text-align: right;
+  margin-top: 14px;
+  margin-bottom: 0;
+}
+
+a {
+  color: var(--vt-c-green);
+  text-decoration: underline;
+  margin-right: 1.5em;
+}
+
+button {
+  color: var(--vt-c-bg-soft);
+  font-weight: 500;
+  box-shadow: var(--vt-shadow-2);
+  padding: 2px 8px;
+  border-radius: 6px;
+  background-color: var(--vt-c-green);
+}
+
+.fly-in-enter-active {
+  transition: all 0.2s ease-out;
+}
+
+.fly-in-leave-active {
+  transition: all 0.15s ease-in;
+}
+
+.fly-in-enter-from,
+.fly-in-leave-to {
+  opacity: 0;
+  transform: translateY(16px);
+}
+</style>
diff --git a/.vitepress/theme/components/ScrimbaLink.vue b/.vitepress/theme/components/ScrimbaLink.vue
new file mode 100644
index 0000000000..1fb6021610
--- /dev/null
+++ b/.vitepress/theme/components/ScrimbaLink.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="scrimba">
+    <a
+      :http://github.com/href="href"
+      target="_blank"
+      rel="sponsored noopener"
+      :title="title"
+    >
+      <slot>Watch a free interactive tutorial on Scrimba</slot>
+    </a>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    href: { type: String, required: true },
+    title: { type: String, required: true }
+  }
+}
+</script>
+<style scoped>
+.scrimba {
+  margin: 28px 0;
+  background-color: var(--vt-c-bg-soft);
+  padding: 1em 1.25em;
+  border-radius: 2px;
+  position: relative;
+  display: flex;
+  border-radius: 8px;
+}
+.scrimba a {
+  color: var(--c-text);
+  position: relative;
+  padding-left: 36px;
+}
+.scrimba a:before {
+  content: '';
+  position: absolute;
+  display: block;
+  width: 30px;
+  height: 30px;
+  top: calc(50% - 15px);
+  left: -4px;
+  border-radius: 50%;
+  background-color: #73abfe;
+}
+.scrimba a:after {
+  content: '';
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  top: calc(50% - 5px);
+  left: 8px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 8px solid #fff;
+}
+</style> 
\ No newline at end of file
diff --git a/.vitepress/theme/components/SecurityUpdateBtn.vue b/.vitepress/theme/components/SecurityUpdateBtn.vue
new file mode 100644
index 0000000000..cfd8ceb291
--- /dev/null
+++ b/.vitepress/theme/components/SecurityUpdateBtn.vue
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="container">
+    <a 
+      class="security" 
+      href="https://www.herodevs.com/support/nes-vue?utm_source=vuejs_org&utm_medium=sidebar_link&utm_campaign=vue2eol"
+      target="_blank"
+    >
+      Get Security Updates for Vue 2
+      <svg 
+        class="icon"
+        xmlns="http://www.w3.org/2000/svg" 
+        viewBox="0 0 512 512"
+      >
+        <path 
+          d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
+        />
+      </svg>
+    </a>
+  </div>
+</template>
+
+<style scoped>
+  .container {
+    margin-top: 20px;
+  }
+  .container .security {
+    font-size: 12px;
+    display: inline-block;
+    padding: 4px 8px;
+    font-weight: 500;
+    border-radius: 8px;
+    background: linear-gradient(var(--vt-c-bg-mute), var(--vt-c-bg-mute)) padding-box, 
+      linear-gradient(45deg, #42d392, #647eff) border-box;
+    border: 2px solid transparent;
+    color: var(--vt-c-text-code);
+    transition: background-color 0.5s, color 0.5s;
+  }
+  .container .security:hover {
+    background: linear-gradient(var(--vt-c-gray-light-4), var(--vt-c-gray-light-4)) padding-box, 
+      linear-gradient(45deg, #42d392, #647eff) border-box;
+    transition-duration: 0.2s;
+  }
+  .dark .container .security:hover {
+    background: linear-gradient(var(--vt-c-gray-dark-3), var(--vt-c-gray-dark-3)) padding-box, 
+      linear-gradient(45deg, #42d392, #647eff) border-box;
+  }
+  .container .security .icon {
+    width: 12px;
+    height: 12px;
+    margin-left: 4px;
+    display: inline;
+    position: relative;
+    fill: currentColor;
+    transition: transform 0.2s;
+
+  }
+  .dark .container .security:hover {
+    background-color: var(--vt-c-gray-dark-3);
+  }
+</style>
diff --git a/.vitepress/theme/components/SiteMap.vue b/.vitepress/theme/components/SiteMap.vue
new file mode 100644
index 0000000000..47b520c550
--- /dev/null
+++ b/.vitepress/theme/components/SiteMap.vue
@@ -0,0 +1,67 @@
+<script setup lang="ts">
+import { VTLink } from '@vue/theme'
+import { useData } from 'vitepress'
+
+const data = useData()
+const nav = data.site.value.themeConfig.nav
+const ecosystem = nav.find((i: any) => i.activeMatch?.includes('ecosystem'))
+const items = nav
+  .filter((i: any) => i !== ecosystem && i.items)
+  .concat(ecosystem.items)
+</script>
+
+<template>
+  <section id="sitemap">
+    <div class="container">
+      <div class="sitemap-col" v-for="col in items">
+        <h4>{{ col.text }}</h4>
+        <ul>
+          <li v-for="row in col.items">
+            <VTLink :href="http://github.com/row.link">{{ row.text }}</VTLink>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </section>
+</template>
+
+<style>
+#sitemap {
+  background: var(--vt-c-bg-soft);
+}
+
+#sitemap .container {
+  max-width: 900px;
+  margin: 0 auto;
+  columns: 1;
+  padding: 24px 32px;
+}
+
+@media (min-width: 768px) {
+  #sitemap .container {
+    columns: 2;
+  }
+}
+
+@media (min-width: 1024px) {
+  #sitemap .container {
+    columns: 3;
+  }
+}
+
+#sitemap h4 {
+  font-weight: 500;
+  color: var(--vt-c-text-1);
+  margin-bottom: 0.25em;
+}
+
+.sitemap-col {
+  margin-bottom: 2em;
+  break-inside: avoid;
+}
+
+#sitemap .vt-link {
+  font-size: 0.9em;
+  color: var(--vt-c-text-2);
+}
+</style>
diff --git a/.vitepress/theme/components/SponsorsGroup.vue b/.vitepress/theme/components/SponsorsGroup.vue
index f1e3e7c8bf..9a03ce3d35 100644
--- a/.vitepress/theme/components/SponsorsGroup.vue
+++ b/.vitepress/theme/components/SponsorsGroup.vue
@@ -1,72 +1,82 @@
-<script lang="ts">
-interface Sponsor {
-  url: string
-  img: string
-  name: string
-}
-
-interface SponsorData {
-  special: Sponsor[]
-  platinum: Sponsor[]
-  platinum_china: Sponsor[]
-  gold: Sponsor[]
-  silver: Sponsor[]
-  bronze: Sponsor[]
-}
-
-// shared data across instances so we load only once
-let data = $ref<SponsorData>()
-let pending = false
-
-const base = `https://sponsors.vuejs.org`
-</script>
-
 <script setup lang="ts">
-import { onMounted, onUnmounted } from 'vue'
-
-const { tier, placement = 'aside' } = defineProps<{
-  tier: keyof SponsorData
-  placement?: 'aside' | 'page' | 'landing'
-}>()
+import { ref, onMounted, onUnmounted } from 'vue'
+import { SponsorData, data, base, load } from './sponsors'
+
+type Placement = 'aside' | 'page' | 'landing'
+
+const props = withDefaults(
+  defineProps<{
+    tier: keyof SponsorData
+    placement?: Placement
+  }>(),
+  {
+    placement: 'aside'
+  }
+)
 
-let container = $ref<HTMLElement>()
-let visible = $ref(false)
+const container = ref<HTMLElement>()
+const visible = ref(false)
 
 onMounted(async () => {
   // only render when entering view
   const observer = new IntersectionObserver(
     (entries) => {
       if (entries[0].isIntersecting) {
-        visible = true
+        visible.value = true
         observer.disconnect()
       }
     },
     { rootMargin: '0px 0px 300px 0px' }
   )
-  observer.observe(container)
+  observer.observe(container.value!)
   onUnmounted(() => observer.disconnect())
 
   // load data
-  if (!pending) {
-    pending = true
-    data = await (await fetch(`${base}/data.json`)).json()
-  }
+  await load()
 })
+
+// fathom events
+const eventMap: Record<Placement, string> = {
+  aside: '4QUPDDRU',
+  landing: '58FLAR2Z',
+  page: 'ZXLO3IUT'
+}
+
+function track(interest?: boolean) {
+  fathom.trackGoal(interest ? `Y2BVYNT2` : eventMap[props.placement], 0)
+}
+
+function resolveList(data: SponsorData) {
+  let currentTier = data[props.tier] || []
+  // in aside, treat platinum+priority as special
+  if (props.placement === 'aside') {
+    if (props.tier === 'platinum') {
+      currentTier = currentTier.filter((s) => !s.priority)
+    } else if (props.tier === 'special') {
+      currentTier = [
+        ...currentTier,
+        ...data.platinum.filter((s) => s.priority)
+      ]
+    }
+  }
+  return currentTier
+}
 </script>
 
 <template>
   <div
     ref="container"
-    class="sponsor-container"
+    class="spsr-container"
     :class="[tier.startsWith('plat') ? 'platinum' : tier, placement]"
   >
     <template v-if="data && visible">
       <a
-        v-for="{ url, img, name } of data[tier]"
-        class="sponsor-item"
+        v-for="{ url, img, name } of resolveList(data)"
+        class="spsr-item"
         :href="http://github.com/url"
         target="_blank"
         rel="sponsored noopener"
+        @click="track()"
       >
         <picture v-if="img.endsWith('png')">
           <source
@@ -81,31 +91,39 @@ onMounted(async () => {
     <a
       v-if="placement !== 'page' && tier !== 'special'"
       href="http://github.com/sponsor/"
-      class="sponsor-item action"
-      >Your logo</a
+      class="spsr-item action"
+      @click="track(true)"
+      >Become a Sponsor</a
+    >
+    <a
+      v-if="tier === 'special' && data && !data[tier]?.length"
+      href="http://github.com/sponsor/#tier-benefits"
+      class="spsr-item action"
+      @click="track(true)"
+      >Inquire about Special Sponsorship</a
     >
   </div>
 </template>
 
 <style scoped>
-.sponsor-container {
+.spsr-container {
   --max-width: 100%;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(var(--max-width), 1fr));
   column-gap: 4px;
 }
 
-.sponsor-container.platinum {
+.spsr-container.platinum {
   --max-width: 240px;
 }
-.sponsor-container.gold {
+.spsr-container.gold {
   --max-width: 180px;
 }
-.sponsor-container.silver {
+.spsr-container.silver {
   --max-width: 140px;
 }
 
-.sponsor-item {
+.spsr-item {
   margin: 2px 0;
   background-color: var(--vt-c-white-soft);
   display: flex;
@@ -115,88 +133,92 @@ onMounted(async () => {
   transition: background-color 0.2s ease;
   height: calc(var(--max-width) / 2 - 6px);
 }
-.sponsor-item.action {
+.spsr-item.action {
   font-size: 11px;
   color: var(--vt-c-text-3);
 }
-.sponsor-item img {
+.spsr-container.page .spsr-item.action {
+ font-size: 16px;
+}
+.spsr-item img {
   max-width: calc(var(--max-width) - 30px);
   max-height: calc(var(--max-width) / 2 - 20px);
 }
-.special .sponsor-item {
+.special .spsr-item {
   height: 160px;
 }
-.special .sponsor-item img {
+.special .spsr-item img {
   max-width: 300px;
   max-height: 150px;
 }
 
 /* dark mode */
-.dark .aside .sponsor-item,
-.dark .landing .sponsor-item {
+.dark .aside .spsr-item,
+.dark .landing .spsr-item {
   background-color: var(--vt-c-bg-soft);
 }
-.aside .sponsor-item img,
-.landing .sponsor-item img {
+.aside .spsr-item img,
+.landing .spsr-item img {
   transition: filter 0.2s ease;
 }
-.dark .aside .sponsor-item img,
-.dark .landing .sponsor-item img {
+.dark .aside .spsr-item img,
+.dark .landing .spsr-item img {
   filter: grayscale(1) invert(1);
 }
-.dark .aside .sponsor-item:hover,
-.dark .landing .sponsor-item:hover {
+.dark .aside .spsr-item:hover,
+.dark .landing .spsr-item:hover {
   color: var(--vt-c-indigo);
   background-color: var(--vt-c-white-mute);
 }
-.dark .sponsor-item:hover img {
+.dark .spsr-item:hover img {
   filter: none;
 }
 
 /* aside mode (on content pages) */
-.sponsor-container.platinum.aside {
+.spsr-container.platinum.aside {
   --max-width: 110px;
   column-gap: 1px;
 }
-.aside .sponsor-item {
+.aside .spsr-item {
   margin: 1px 0;
 }
-.aside .special .sponsor-item {
+.aside .special .spsr-item {
   width: 100%;
   height: 60px;
 }
-.aside .special .sponsor-item img {
-  width: 120px;
+.aside .special .spsr-item img {
+  max-width: 120px;
+  max-height: 48px;
 }
-.aside .platinum .sponsor-item {
+.aside .platinum .spsr-item {
   width: 111px;
   height: 50px;
 }
-.aside .platinum .sponsor-item img {
+.aside .platinum .spsr-item img {
   max-width: 88px;
 }
 
 /* narrow, aside will be hidden under this state so it's mutually exclusive */
 @media (max-width: 720px) {
-  .sponsor-container.platinum {
+  .spsr-container.platinum {
     --max-width: 180px;
   }
-  .sponsor-container.gold {
+  .spsr-container.gold {
     --max-width: 140px;
   }
-  .sponsor-container.silver {
+  .spsr-container.silver {
     --max-width: 120px;
   }
 }
 
 @media (max-width: 480px) {
-  .sponsor-container.platinum {
+  .spsr-container.platinum {
     --max-width: 150px;
   }
-  .sponsor-container.gold {
+  .spsr-container.gold {
     --max-width: 120px;
   }
-  .sponsor-container.silver {
+  .spsr-container.silver {
     --max-width: 100px;
   }
 }
diff --git a/.vitepress/theme/components/TextAd.vue b/.vitepress/theme/components/TextAd.vue
new file mode 100644
index 0000000000..320e82a411
--- /dev/null
+++ b/.vitepress/theme/components/TextAd.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+function track() {
+  fathom.trackGoal('7QLWSAAZ', 0)
+}
+</script>
+
+<template>
+  <div class="text-ad">
+    <span class="label">Ad</span>
+    <a
+      href="https://aircode.io/"
+      target="_blank"
+      rel="noopener nofollow"
+      @click="track"
+      >Try it → Build and deploy your own ChatGPT bot with JavaScript in 5 minutes</a
+    >
+  </div>
+</template>
+
+<style scoped>
+.text-ad {
+  font-size: 13px;
+  margin-bottom: 28px;
+  background-color: var(--vt-c-bg-soft);
+  padding: 0.75rem;
+  position: relative;
+  display: flex;
+  border-radius: 8px;
+}
+
+.label {
+  white-space: nowrap;
+  display: inline-block;
+  color: var(--vt-c-blue);
+  font-size: 12px;
+  border: 1px solid var(--vt-c-blue);
+  border-radius: 4px;
+  padding: 0 4px;
+  margin-right: 0.75rem;
+  height: 22px;
+}
+
+.text-ad a {
+  color: var(--vt-c-text-2);
+}
+
+@media (max-width: 512px) {
+  .text-ad {
+    font-size: 12px;
+    letter-spacing: -0.1px;
+  }
+}
+</style>
diff --git a/.vitepress/theme/components/VueJobs.vue b/.vitepress/theme/components/VueJobs.vue
index 96568d27e6..d7a2ff78f8 100644
--- a/.vitepress/theme/components/VueJobs.vue
+++ b/.vitepress/theme/components/VueJobs.vue
@@ -1,106 +1,173 @@
 <script lang="ts">
+import { ref } from 'vue'
+
 // shared data across instances so we load only once
-const base = `https://vuejobs.com/api/postings`
-let openings = $ref([])
+const base = 'https://app.vuejobs.com/feed/vuejs/docs?format=json'
+
+const items = ref<Jobs[]>([])
+
+type Jobs = {
+  organization: Organization
+  title: string
+  link: string
+  locations: string[]
+  remote: false | 'ALLOWED' | 'ONLY'
+}
+
+type Organization = {
+  name: string
+  avatar: string
+}
 </script>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted } from 'vue'
-import { useData } from 'vitepress'
-const { frontmatter } = useData()
+import { onMounted, computed } from 'vue'
 
-let vuejobs = $ref<HTMLElement>()
-let visible = $ref(false)
+const openings = computed(() =>
+  items.value.sort(() => 0.5 - Math.random()).slice(0, 2)
+)
 
 onMounted(async () => {
-  // only render when entering view
-  const observer = new IntersectionObserver(
-    (entries) => {
-      if (entries[0].isIntersecting) {
-        visible = true
-        observer.disconnect()
-      }
-    },
-    { rootMargin: '0px 0px 300px 0px' }
-  )
-  observer.observe(vuejobs)
-  onUnmounted(() => observer.disconnect())
-
-  // load data
-  if (!openings.length) {
-    const items = await (await fetch(`${base}`)).json()
-    // choose two random items
-    if (items && items.length) {
-      openings = items.sort(() => 0.5 - Math.random()).slice(0, 2)
-    }
+  if (!items.value.length) {
+    items.value = (await (await fetch(`${base}`)).json()).data
   }
 })
 </script>
 
 <template>
-  <div v-if="frontmatter.vuejobs !== false" ref="vuejobs">
-    <div class="vuejobs-container" v-if="openings.length">
-      <div class="vj-item" v-for="(job, n) in openings" :key="n">
-        <a class="vj-job-title" :href="http://github.com/job.link" target="_blank">
-          <img :src="http://github.com/job.company_logo" alt="" class="vj-company-logo" />
-          <div>
-            <p>
-              {{ job.title }}
-            </p>
-
-            <p class="vj-job-info">
-              {{ job.company }}
-              <!-- <span v-if="job.salary">·</span> -->
-              <!-- {{ job.salary }} -->
-              <span>·</span>
-              {{ job.location }}
-            </p>
+  <div class="vuejobs-wrapper">
+    <div class="vj-container">
+      <a
+        class="vj-item"
+        v-for="(job, n) in openings"
+        :key="n"
+        :href="http://github.com/job.link"
+        target="_blank"
+      >
+        <div class="vj-company-logo">
+          <img
+            :src="http://github.com/job.organization.avatar"
+            :alt="`Logo for ${job.organization.name}`"
+          />
+        </div>
+        <div
+          style="
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+          "
+        >
+          <div class="vj-job-title">{{ job.title }}</div>
+          <div class="vj-job-info">
+            {{ job.organization.name }} <span>· </span>
+            <span>{{ job.remote ? 'Remote' : job.locations[0] }}</span>
           </div>
-        </a>
-      </div>
+        </div>
+      </a>
+    </div>
+    <div class="vj-link">
+      Jobs by
+      <a
+        href="https://vuejobs.com/?utm_source=vuejs&utm_medium=referral&utm_campaign=jobs_widget&utm_content=bottom_link"
+        target="_blank"
+        title="Hire Vue.js developers"
+        >vuejobs.com</a
+      >
     </div>
   </div>
 </template>
 
 <style scoped>
-.vuejobs-container {
-  border-radius: 2px;
-  background-color: var(--vt-c-bg-soft);
-  padding: 3px 10px;
+.vuejobs-wrapper {
+  margin: 28px 0;
+}
+
+.vj-container {
+  display: grid;
+  gap: 15px;
+}
+
+.vj-item:nth-child(2) {
+  display: none;
 }
+
+@media (min-width: 640px) {
+  .vj-container {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .vj-item:nth-child(2) {
+    display: flex;
+  }
+}
+
 .vj-item {
-  padding: 10px 0 10px 0;
-  border-bottom: 1px solid var(--vt-c-divider-light);
+  background-color: var(--vt-c-bg-soft);
+  padding: 14px;
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 12px;
+  color: var(--vt-c-text-1);
   display: flex;
-  flex-direction: column;
+  width: 100%;
 }
-.vj-item:last-child {
-  border-bottom: none;
-}
-.vuejobs-container p,
-.vuejobs-container a {
-  line-height: 16px;
+
+.vuejobs-wrapper p,
+.vuejobs-wrapper a {
   transition: color 0.2s ease;
 }
-.vuejobs-container a:hover {
+
+.vuejobs-wrapper a:hover {
   color: var(--vt-c-brand);
 }
-.vj-job-title {
+
+.vj-job-link {
   font-size: 12px;
   color: var(--vt-c-text-1);
   display: flex;
-  flex-direction: row;
+  width: 100%;
 }
+
+.vj-job-title {
+  font-size: 13px;
+  line-height: 14px;
+  font-weight: 600;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .vj-job-info {
   font-size: 11px;
   color: var(--vt-c-text-2);
-  margin-top: 2px;
-  line-height: 12px;
+  margin-top: 4px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 1;
 }
+
 .vj-company-logo {
-  width: 30px;
-  height: 30px;
-  margin-bottom: 10px;
+  width: 32px;
+  height: 32px;
+  border-radius: 4px;
+  overflow: hidden;
   margin-right: 10px;
+  flex-shrink: 0;
+}
+
+.vj-company-logo img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  object-position: center center;
+}
+
+.vj-link {
+  font-size: 10px;
+  line-height: 1;
+  margin-top: 10px;
+  text-align: right;
 }
 </style>
diff --git a/.vitepress/theme/components/VueMasteryModal.vue b/.vitepress/theme/components/VueMasteryModal.vue
new file mode 100644
index 0000000000..aab314568e
--- /dev/null
+++ b/.vitepress/theme/components/VueMasteryModal.vue
@@ -0,0 +1,195 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+
+const VIDEO_SOURCE = 'https://player.vimeo.com/video/647441538?autoplay=1'
+const showWhyVue = ref(false)
+
+watch(
+  () => showWhyVue,
+  (value) => {
+    value
+      ? (document.documentElement.style.overflow = 'hidden')
+      : (document.documentElement.style.overflow = 'auto')
+  }
+)
+</script>
+
+<template>
+  <a
+    id="vuemastery-action"
+    class="why-vue"
+    @click="showWhyVue = true"
+    href="/service/javascript:;"
+  >
+    <svg
+      class="icon-play"
+      aria-labelledby="simpleicons-play-icon"
+      role="img"
+      viewBox="0 0 100 125"
+      fill="#FFFFFF"
+    >
+      <title id="simpleicons-play-icon" lang="en">Play icon</title>
+      <path
+        d="M50,3.8C24.5,3.8,3.8,24.5,3.8,50S24.5,96.2,50,96.2S96.2,75.5,96.2,50S75.5,3.8,50,3.8z M71.2,53.3l-30.8,18  c-0.6,0.4-1.3,0.5-1.9,0.5c-0.6,0-1.3-0.1-1.9-0.5c-1.2-0.6-1.9-1.9-1.9-3.3V32c0-1.4,0.8-2.7,1.9-3.3c1.2-0.6,2.7-0.6,3.8,0  l30.8,18c1.2,0.6,1.9,1.9,1.9,3.3S72.3,52.7,71.2,53.3z"
+      ></path>
+    </svg>
+    Why Vue
+  </a>
+  <Teleport v-if="showWhyVue" to="body">
+    <div
+      @click="showWhyVue = false"
+      class="vuemastery-modal-mask"
+    >
+      <div class="vuemastery-modal-wrapper">
+        <div class="vuemastery-modal-container">
+          <div class="vuemastery-modal-content">
+            <div class="vuemastery-video-space">
+              <iframe
+                :src="http://github.com/VIDEO_SOURCE"
+                style="
+                  height: 100%;
+                  left: 0;
+                  position: absolute;
+                  top: 0;
+                  width: 100%;
+                  border-radius: 6px;
+                "
+                frameborder="0"
+                webkitallowfullscreen
+                mozallowfullscreen
+                allowfullscreen
+                allow="autoplay"
+              ></iframe>
+            </div>
+          </div>
+
+          <div class="vuemastery-modal-footer">
+            <p class="vuemastery-modal-footer-text">
+              Video by
+              <a
+                href="https://www.vuemastery.com/"
+                target="_blank"
+                rel="sponsored noopener"
+                title="Vue.js Courses on Vue Mastery"
+              >
+                Vue Mastery.</a
+              > Watch Vue Mastery’s free
+              <a
+                href="https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3"
+                target="_blank"
+                rel="sponsored noopener"
+                title="Vue.js Courses on Vue Mastery"
+              >
+                Intro to Vue course.</a
+              >
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<style scoped>
+#vuemastery-action {
+  font-size: 16px;
+  display: inline-block;
+  border-radius: 8px;
+  transition: background-color 0.5s, color 0.5s;
+  position: relative;
+  font-weight: 600;
+  background-color: var(--vt-c-green);
+  color: #fff;
+  margin-right: 18px;
+  padding: 8px 1em 8px 3em;
+}
+
+.dark #vuemastery-action {
+  color: var(--vt-c-indigo);
+}
+
+#vuemastery-action:hover {
+  background-color: var(--vt-c-green-dark);
+  transition-duration: 0.2s;
+}
+
+.dark #vuemastery-action:hover {
+  background-color: var(--vt-c-green-light);
+}
+
+.icon-play {
+  display: inline;
+  position: absolute;
+  left: 15px;
+  top: 8px;
+  margin-left: 2px;
+  fill: currentColor;
+  width: 1.5em;
+}
+
+.vuemastery-modal-mask {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.2);
+  z-index: 30;
+  transition: opacity 0.3s ease;
+}
+
+.vuemastery-modal-wrapper {
+  display: block;
+  box-sizing: border-box;
+  border-radius: 8px;
+  position: fixed;
+  width: 75%;
+  height: auto;
+  padding: 0.5em;
+  background-color: #f9f9f9;
+  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 40;
+}
+
+.dark .vuemastery-modal-wrapper {
+  background-color: var(--vt-c-bg-soft);
+}
+
+.vuemastery-modal-content {
+  margin-bottom: 10px;
+}
+
+.vuemastery-video-space {
+  position: relative;
+  padding: 56.25% 0 0 0;
+}
+
+.vuemastery-modal-footer-text {
+  color: var(--vt-c-text-2);
+  margin-bottom: 0.5em;
+  text-align: center;
+  word-spacing: 0.05em;
+  font-size: 12px;
+}
+
+.vuemastery-modal-footer-text a {
+  color: #42b983;
+  font-weight: 600;
+}
+
+.dark .vuemastery-modal-footer-text {
+  color: var(--vt-c-text-2);
+  font-weight: 600;
+}
+
+@media (max-width: 576px) {
+  #vuemastery-action {
+    display: block;
+    margin: 0px auto;
+    width: 150px;
+  }
+}
+</style>
diff --git a/.vitepress/theme/components/VueSchoolLink.vue b/.vitepress/theme/components/VueSchoolLink.vue
index fbb96aa06d..fe6bdf7b88 100644
--- a/.vitepress/theme/components/VueSchoolLink.vue
+++ b/.vitepress/theme/components/VueSchoolLink.vue
@@ -14,8 +14,8 @@
 export default {
   props: {
     href: { type: String, required: true },
-    title: { type: String, required: true },
-  },
+    title: { type: String, required: true }
+  }
 }
 </script>
 <style scoped>
@@ -56,4 +56,4 @@ export default {
   border-bottom: 5px solid transparent;
   border-left: 8px solid #fff;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/.vitepress/theme/components/preferences.ts b/.vitepress/theme/components/preferences.ts
index d8facdb77e..5a5cc2d25d 100644
--- a/.vitepress/theme/components/preferences.ts
+++ b/.vitepress/theme/components/preferences.ts
@@ -1,18 +1,18 @@
-import { Header } from 'vitepress'
 import { ref } from 'vue'
+import { AugmentedHeader } from '../../headerMdPlugin'
 
-const hasStorage = typeof localStorage !== 'undefined'
+export const inBrowser = typeof window !== 'undefined'
 const get = (key: string, defaultValue = false): boolean =>
-  hasStorage
+  inBrowser
     ? JSON.parse(localStorage.getItem(key) || String(defaultValue))
     : defaultValue
 
 export const preferCompositionKey = 'vue-docs-prefer-composition'
-export const preferComposition = ref(get(preferCompositionKey))
+export const preferComposition = ref(get(preferCompositionKey, true))
 
 export const preferSFCKey = 'vue-docs-prefer-sfc'
 export const preferSFC = ref(get(preferSFCKey, true))
 
-export function filterHeadersByPreference(h: Header) {
+export function filterHeadersByPreference(h: AugmentedHeader) {
   return preferComposition.value ? !h.optionsOnly : !h.compositionOnly
 }
diff --git a/.vitepress/theme/components/sponsors.ts b/.vitepress/theme/components/sponsors.ts
new file mode 100644
index 0000000000..533fdd4c6b
--- /dev/null
+++ b/.vitepress/theme/components/sponsors.ts
@@ -0,0 +1,38 @@
+// shared data across instances so we load only once
+
+import { ref } from 'vue'
+
+declare global {
+  const fathom: {
+    trackGoal: (id: string, value: number) => any
+  }
+}
+
+export interface Sponsor {
+  url: string
+  img: string
+  name: string
+  description?: string
+  priority?: boolean
+}
+
+export interface SponsorData {
+  special: Sponsor[]
+  platinum: Sponsor[]
+  platinum_china: Sponsor[]
+  gold: Sponsor[]
+  silver: Sponsor[]
+  bronze: Sponsor[]
+}
+
+export const data = ref<SponsorData>()
+export const pending = ref<boolean>(false)
+
+export const base = `https://automation.vuejs.org`
+
+export const load = async () => {
+  if (!pending.value) {
+    pending.value = true
+    data.value = await (await fetch(`${base}/data.json`)).json()
+  }
+}
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index 0072fce9ed..e2d8379a6b 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -1,25 +1,27 @@
 import './styles/index.css'
 import { h, App } from 'vue'
 import { VPTheme } from '@vue/theme'
-import Banner from './components/Banner.vue'
 import PreferenceSwitch from './components/PreferenceSwitch.vue'
-import VueSchoolLink from './components/VueSchoolLink.vue'
+import SecurityUpdateBtn from './components/SecurityUpdateBtn.vue'
 import {
   preferComposition,
   preferSFC,
   filterHeadersByPreference
 } from './components/preferences'
 import SponsorsAside from './components/SponsorsAside.vue'
-import VueJobs from './components/VueJobs.vue'
+import VueSchoolLink from './components/VueSchoolLink.vue'
+import ScrimbaLink from './components/ScrimbaLink.vue'
+// import Banner from './components/Banner.vue'
+// import TextAd from './components/TextAd.vue'
 
 export default Object.assign({}, VPTheme, {
   Layout: () => {
     // @ts-ignore
     return h(VPTheme.Layout, null, {
-      banner: () => h(Banner),
+      // banner: () => h(Banner),
       'sidebar-top': () => h(PreferenceSwitch),
-      'aside-mid': () => h(SponsorsAside),
-      'aside-bottom': () => h(VueJobs)
+      'sidebar-bottom': () => h(SecurityUpdateBtn),
+      'aside-mid': () => h(SponsorsAside)
     })
   },
   enhanceApp({ app }: { app: App }) {
@@ -27,5 +29,7 @@ export default Object.assign({}, VPTheme, {
     app.provide('prefer-sfc', preferSFC)
     app.provide('filter-headers', filterHeadersByPreference)
     app.component('VueSchoolLink', VueSchoolLink)
+    app.component('ScrimbaLink', ScrimbaLink)
+    // app.component('TextAd', TextAd)
   }
 })
diff --git a/.vitepress/theme/styles/inline-demo.css b/.vitepress/theme/styles/inline-demo.css
index d13ba90dd0..21e088e087 100644
--- a/.vitepress/theme/styles/inline-demo.css
+++ b/.vitepress/theme/styles/inline-demo.css
@@ -1,9 +1,9 @@
-.vt-doc a[href^="https://sfc.vuejs.org/"]:before
+.vt-doc a[href^="https://play.vuejs.org/"]:before
 {
   content: '▶';
   width: 20px;
   height: 20px;
-  display: inline-block;
+  display: inline-flex;
   border-radius: 10px;
   vertical-align: middle;
   position: relative;
@@ -12,8 +12,8 @@
   border: 2px solid var(--vt-c-green);
   margin-right: 8px;
   margin-left: 4px;
-  line-height: 15px;
-  padding-left: 4.5px;
+  line-height: 16px;
+  padding-left: 4.2px;
   font-size: 11px;
 }
 
@@ -55,6 +55,15 @@
   padding: 0.2em 0.6em;
   margin-top: 10px;
   background: transparent;
+  transition: background-color 0.5s;
+}
+
+.dark .demo select {
+  background: var(--vt-c-bg-soft);
+}
+
+.dark .demo select option {
+  background: transparent;
 }
 
 .demo input:not([type]):focus,
diff --git a/.vitepress/theme/styles/style-guide.css b/.vitepress/theme/styles/style-guide.css
index ff0e373e83..6fc03a26ca 100644
--- a/.vitepress/theme/styles/style-guide.css
+++ b/.vitepress/theme/styles/style-guide.css
@@ -59,3 +59,7 @@
 .style-verb.avoid {
   background-color: var(--vt-c-red);
 }
+.vt-doc summary {
+  width: fit-content;
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/.vitepress/theme/styles/vue-mastery.css b/.vitepress/theme/styles/vue-mastery.css
new file mode 100644
index 0000000000..d14bf556e9
--- /dev/null
+++ b/.vitepress/theme/styles/vue-mastery.css
@@ -0,0 +1,65 @@
+.vue-mastery-link {
+  background-color: var(--vt-c-bg-soft);
+  border-radius: 8px;
+  padding: 8px 16px 8px 8px;
+  transition: color 0.5s, background-color 0.5s;
+}
+
+.vue-mastery-link a {
+  display: flex;
+  align-items: center;
+}
+
+.vue-mastery-link .banner {
+  background-color: var(--vt-c-white-soft);
+  border-radius: 4px;
+  width: 96px;
+  height: 56px;
+  object-fit: cover;
+}
+
+.vue-mastery-link .description {
+  flex: 1;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--vt-c-text-1);
+  margin: 0 0 0 16px;
+  transition: color 0.5s;
+}
+
+.vue-mastery-link .description span {
+  color: var(--vt-c-brand);
+}
+
+.vue-mastery-link .logo-wrapper {
+  position: relative;
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background-color: var(--vt-c-white);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.vue-mastery-link .logo-wrapper img {
+  width: 25px;
+  object-fit: contain;
+}
+
+@media (max-width: 576px) {
+  .vue-mastery-link .banner {
+    width: 56px;
+  }
+
+  .vue-mastery-link .description {
+    font-size: 12px;
+    line-height: 18px;
+  }
+  .vue-mastery-link .logo-wrapper {
+    position: relative;
+    width: 32px;
+    height: 32px;
+  }
+}
diff --git a/LICENSE b/LICENSE
index 8944fd0b7d..f282aafc9b 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,21 +1,163 @@
-MIT License
-
-Copyright (c) 2019 vuejs
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+Copyright (c) 2019-present, Yuxi (Evan) You and Vue documentation contributors
+
+The contents of this repository, **except for all image files**, are licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/), detailed below. Images in this repository retain the copyright and licensing terms of their respective authors and owners.
+
+---
+
+# Creative Commons Attribution 4.0 International
+
+Creative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible.
+
+**Using Creative Commons Public Licenses**
+
+Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses.
+
+* __Considerations for licensors:__ Our public licenses are intended for use by those authorized to give the public permission to use material in ways otherwise restricted by copyright and certain other rights. Our licenses are irrevocable. Licensors should read and understand the terms and conditions of the license they choose before applying it. Licensors should also secure all rights necessary before applying our licenses so that the public can reuse the material as expected. Licensors should clearly mark any material not subject to the license. This includes other CC-licensed material, or material used under an exception or limitation to copyright. [More considerations for licensors](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensors).
+
+* __Considerations for the public:__ By using one of our public licenses, a licensor grants the public permission to use the licensed material under specified terms and conditions. If the licensor’s permission is not necessary for any reason–for example, because of any applicable exception or limitation to copyright–then that use is not regulated by the license. Our licenses grant only permissions under copyright and certain other rights that a licensor has authority to grant. Use of the licensed material may still be restricted for other reasons, including because others have copyright or other rights in the material. A licensor may make special requests, such as asking that all changes be marked or described. Although not required by our licenses, you are encouraged to respect those requests where reasonable. [More considerations for the public](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensees).
+
+## Creative Commons Attribution 4.0 International Public License
+
+By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.
+
+### Section 1 – Definitions.
+
+a. __Adapted Material__ means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image.
+
+b. __Adapter's License__ means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License.
+
+c. __Copyright and Similar Rights__ means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.
+
+d. __Effective Technological Measures__ means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.
+
+e. __Exceptions and Limitations__ means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.
+
+f. __Licensed Material__ means the artistic or literary work, database, or other material to which the Licensor applied this Public License.
+
+g. __Licensed Rights__ means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.
+
+h. __Licensor__ means the individual(s) or entity(ies) granting rights under this Public License.
+
+i. __Share__ means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.
+
+j. __Sui Generis Database Rights__ means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
+
+k. __You__ means the individual or entity exercising the Licensed Rights under this Public License. __Your__ has a corresponding meaning.
+
+### Section 2 – Scope.
+
+a. ___License grant.___
+
+   1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to:
+
+       A. reproduce and Share the Licensed Material, in whole or in part; and
+
+       B. produce, reproduce, and Share Adapted Material.
+
+   2. __Exceptions and Limitations.__ For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions.
+
+   3. __Term.__ The term of this Public License is specified in Section 6(a).
+
+   4. __Media and formats; technical modifications allowed.__ The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material.
+
+   5. __Downstream recipients.__
+
+       A. __Offer from the Licensor – Licensed Material.__ Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.
+
+       B. __No downstream restrictions.__ You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.
+
+   6. __No endorsement.__ Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i).
+
+b. ___Other rights.___
+
+   1. Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise.
+
+   2. Patent and trademark rights are not licensed under this Public License.
+
+   3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties.
+
+### Section 3 – License Conditions.
+
+Your exercise of the Licensed Rights is expressly made subject to the following conditions.
+
+a. ___Attribution.___
+
+   1. If You Share the Licensed Material (including in modified form), You must:
+
+       A. retain the following if it is supplied by the Licensor with the Licensed Material:
+
+         i. identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated);
+
+         ii. a copyright notice;
+
+         iii. a notice that refers to this Public License;
+
+         iv. a notice that refers to the disclaimer of warranties;
+
+         v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable;
+
+       B. indicate if You modified the Licensed Material and retain an indication of any previous modifications; and
+
+       C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License.
+
+   2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information.
+
+   3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable.
+
+   4. If You Share Adapted Material You produce, the Adapter's License You apply must not prevent recipients of the Adapted Material from complying with this Public License.
+
+### Section 4 – Sui Generis Database Rights.
+
+Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:
+
+a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database;
+
+b. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material; and
+
+c. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database.
+
+For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights.
+
+### Section 5 – Disclaimer of Warranties and Limitation of Liability.
+
+a. __Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.__
+
+b. __To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You.__
+
+c. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability.
+
+### Section 6 – Term and Termination.
+
+a. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically.
+
+b. Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates:
+
+   1. automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or
+
+   2. upon express reinstatement by the Licensor.
+
+   For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License.
+
+c. For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License.
+
+d. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.
+
+### Section 7 – Other Terms and Conditions.
+
+a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed.
+
+b. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License.
+
+### Section 8 – Interpretation.
+
+a. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License.
+
+b. To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions.
+
+c. No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor.
+
+d. Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority.
+
+> Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at [creativecommons.org/policies](http://creativecommons.org/policies), Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses.
+>
+> Creative Commons may be contacted at creativecommons.org
diff --git a/README.md b/README.md
index ff0daf417c..d030d8e337 100644
--- a/README.md
+++ b/README.md
@@ -11,9 +11,15 @@ pnpm i
 pnpm run dev
 ```
 
+This project requires Node.js to be `v18` or higher. And it is recommended to enable corepack:
+
+```bash
+corepack enable
+```
+
 ## Working on the content
 
-- See VitePress docs on supported [Markdown Extensions](https://vitepress.vuejs.org/guide/markdown.html) and the ability to [use Vue syntax inside markdown](https://vitepress.vuejs.org/guide/using-vue.html).
+- See VitePress docs on supported [Markdown Extensions](https://vitepress.dev/guide/markdown) and the ability to [use Vue syntax inside markdown](https://vitepress.dev/guide/using-vue).
 
 - See the [Writing Guide](https://github.com/vuejs/docs/blob/main/.github/contributing/writing-guide.md) for our rules and recommendations on writing and maintaining documentation content.
 
diff --git a/env.d.ts b/env.d.ts
index 708f809c7c..d32b445ae7 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1,5 +1,4 @@
 /// <reference types="vitepress/client" />
-/// <reference types="vue/macros-global" />
 
 declare module '@vue/theme/config' {
   import { UserConfig } from 'vitepress'
diff --git a/netlify.toml b/netlify.toml
index 238ab5df37..20836081e5 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,7 +1,6 @@
 [build.environment]
-  NODE_VERSION = "16"
-  NPM_FLAGS = "--version" # prevent Netlify npm install
+  NODE_VERSION = "22"
 
 [build]
   publish = ".vitepress/dist"
-  command = "npx pnpm i --store=node_modules/.pnpm-store && npm run build"
+  command = "pnpm run build"
diff --git a/package.json b/package.json
index cc7b6da690..aab3d1f55e 100644
--- a/package.json
+++ b/package.json
@@ -1,30 +1,30 @@
 {
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "type": "module",
   "scripts": {
     "dev": "vitepress",
     "build": "vitepress build",
-    "serve": "vitepress serve",
-    "preinstall": "npx only-allow pnpm"
+    "preview": "vitepress preview",
+    "preinstall": "npx only-allow pnpm",
+    "type": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/repl": "^1.0.0",
-    "@vue/theme": "^1.0.1",
+    "@vue/repl": "^4.4.2",
+    "@vue/theme": "^2.3.0",
     "dynamics.js": "^1.1.5",
-    "gsap": "^3.9.0",
-    "vitepress": "^0.22.2",
-    "vue": "^3.2.31"
+    "gsap": "^3.12.5",
+    "vitepress": "^1.4.3",
+    "vue": "^3.5.12"
   },
   "devDependencies": {
-    "@types/markdown-it": "^12.2.3",
-    "@types/node": "^16.9.1"
+    "@types/body-scroll-lock": "^3.1.2",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^22.7.5",
+    "typescript": "^5.6.3",
+    "vitepress-plugin-llms": "^0.0.8",
+    "vue-tsc": "^2.1.6"
   },
-  "pnpm": {
-    "peerDependencyRules": {
-      "ignoreMissing": [
-        "@algolia/client-search",
-        "react",
-        "react-dom",
-        "@types/react"
-      ]
-    }
-  }
+  "packageManager": "pnpm@9.12.1"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6f4fab8c7f..be099a8cce 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,801 +1,2208 @@
-lockfileVersion: 5.3
-
-specifiers:
-  '@types/markdown-it': ^12.2.3
-  '@types/node': ^16.9.1
-  '@vue/repl': ^1.0.0
-  '@vue/theme': ^1.0.1
-  dynamics.js: ^1.1.5
-  gsap: ^3.9.0
-  vitepress: ^0.22.2
-  vue: ^3.2.31
-
-dependencies:
-  '@vue/repl': 1.0.0_vue@3.2.31
-  '@vue/theme': 1.0.1_vue@3.2.31
-  dynamics.js: 1.1.5
-  gsap: 3.9.0
-  vitepress: 0.22.2
-  vue: 3.2.31
-
-devDependencies:
-  '@types/markdown-it': 12.2.3
-  '@types/node': 16.10.3
+lockfileVersion: '9.0'
 
-packages:
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
 
-  /@algolia/autocomplete-core/1.2.2:
-    resolution: {integrity: sha512-JOQaURze45qVa8OOFDh+ozj2a/ObSRsVyz6Zd0aiBeej+RSTqrr1hDVpGNbbXYLW26G5ujuc9QIdH+rBHn95nw==}
+  .:
     dependencies:
-      '@algolia/autocomplete-shared': 1.2.2
-    dev: false
+      '@vue/repl':
+        specifier: ^4.4.2
+        version: 4.5.1
+      '@vue/theme':
+        specifier: ^2.3.0
+        version: 2.3.0(@algolia/client-search@5.20.0)(search-insights@2.17.2)(vitepress@1.6.3(@algolia/client-search@5.20.0)(@types/node@22.7.5)(postcss@8.5.4)(search-insights@2.17.2)(typescript@5.6.3))(vue@3.5.16(typescript@5.6.3))
+      dynamics.js:
+        specifier: ^1.1.5
+        version: 1.1.5
+      gsap:
+        specifier: ^3.12.5
+        version: 3.12.5
+      vitepress:
+        specifier: ^1.4.3
+        version: 1.6.3(@algolia/client-search@5.20.0)(@types/node@22.7.5)(postcss@8.5.4)(search-insights@2.17.2)(typescript@5.6.3)
+      vue:
+        specifier: ^3.5.12
+        version: 3.5.16(typescript@5.6.3)
+    devDependencies:
+      '@types/body-scroll-lock':
+        specifier: ^3.1.2
+        version: 3.1.2
+      '@types/markdown-it':
+        specifier: ^14.1.2
+        version: 14.1.2
+      '@types/node':
+        specifier: ^22.7.5
+        version: 22.7.5
+      typescript:
+        specifier: ^5.6.3
+        version: 5.6.3
+      vitepress-plugin-llms:
+        specifier: ^0.0.8
+        version: 0.0.8
+      vue-tsc:
+        specifier: ^2.1.6
+        version: 2.1.6(typescript@5.6.3)
+
+packages:
+
+  '@algolia/autocomplete-core@1.17.7':
+    resolution: {integrity: sha512-BjiPOW6ks90UKl7TwMv7oNQMnzU+t/wk9mgIDi6b1tXpUek7MW0lbNOUHpvam9pe3lVCf4xPFT+lK7s+e+fs7Q==}
 
-  /@algolia/autocomplete-preset-algolia/1.2.2_algoliasearch@4.10.5:
-    resolution: {integrity: sha512-AZkh+bAMaJDzMZTelFOXJTJqkp5VPGH8W3n0B+Ggce7DdozlMRsDLguKTCQAkZ0dJ1EbBPyFL5ztL/JImB137Q==}
+  '@algolia/autocomplete-core@1.9.3':
+    resolution: {integrity: sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==}
+
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7':
+    resolution: {integrity: sha512-Jca5Ude6yUOuyzjnz57og7Et3aXjbwCSDf/8onLHSQgw1qW3ALl9mrMWaXb5FmPVkV3EtkD2F/+NkT6VHyPu9A==}
     peerDependencies:
-      '@algolia/client-search': ^4.9.1
-      algoliasearch: ^4.9.1
-    peerDependenciesMeta:
-      '@algolia/client-search':
-        optional: true
-    dependencies:
-      '@algolia/autocomplete-shared': 1.2.2
-      algoliasearch: 4.10.5
-    dev: false
+      search-insights: '>= 1 < 3'
 
-  /@algolia/autocomplete-shared/1.2.2:
-    resolution: {integrity: sha512-mLTl7d2C1xVVazHt/bqh9EE/u2lbp5YOxLDdcjILXmUqOs5HH1D4SuySblXaQG1uf28FhTqMGp35qE5wJQnqAw==}
-    dev: false
+  '@algolia/autocomplete-plugin-algolia-insights@1.9.3':
+    resolution: {integrity: sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==}
+    peerDependencies:
+      search-insights: '>= 1 < 3'
 
-  /@algolia/cache-browser-local-storage/4.10.5:
-    resolution: {integrity: sha512-cfX2rEKOtuuljcGI5DMDHClwZHdDqd2nT2Ohsc8aHtBiz6bUxKVyIqxr2gaC6tU8AgPtrTVBzcxCA+UavXpKww==}
-    dependencies:
-      '@algolia/cache-common': 4.10.5
-    dev: false
+  '@algolia/autocomplete-preset-algolia@1.17.7':
+    resolution: {integrity: sha512-ggOQ950+nwbWROq2MOCIL71RE0DdQZsceqrg32UqnhDz8FlO9rL8ONHNsI2R1MH0tkgVIDKI/D0sMiUchsFdWA==}
+    peerDependencies:
+      '@algolia/client-search': '>= 4.9.1 < 6'
+      algoliasearch: '>= 4.9.1 < 6'
 
-  /@algolia/cache-common/4.10.5:
-    resolution: {integrity: sha512-1mClwdmTHll+OnHkG+yeRoFM17kSxDs4qXkjf6rNZhoZGXDvfYLy3YcZ1FX4Kyz0DJv8aroq5RYGBDsWkHj6Tw==}
-    dev: false
+  '@algolia/autocomplete-preset-algolia@1.9.3':
+    resolution: {integrity: sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==}
+    peerDependencies:
+      '@algolia/client-search': '>= 4.9.1 < 6'
+      algoliasearch: '>= 4.9.1 < 6'
 
-  /@algolia/cache-in-memory/4.10.5:
-    resolution: {integrity: sha512-+ciQnfIGi5wjMk02XhEY8fmy2pzy+oY1nIIfu8LBOglaSipCRAtjk6WhHc7/KIbXPiYzIwuDbM2K1+YOwSGjwA==}
-    dependencies:
-      '@algolia/cache-common': 4.10.5
-    dev: false
+  '@algolia/autocomplete-shared@1.17.7':
+    resolution: {integrity: sha512-o/1Vurr42U/qskRSuhBH+VKxMvkkUVTLU6WZQr+L5lGZZLYWyhdzWjW0iGXY7EkwRTjBqvN2EsR81yCTGV/kmg==}
+    peerDependencies:
+      '@algolia/client-search': '>= 4.9.1 < 6'
+      algoliasearch: '>= 4.9.1 < 6'
 
-  /@algolia/client-account/4.10.5:
-    resolution: {integrity: sha512-I9UkSS2glXm7RBZYZIALjBMmXSQbw/fI/djPcBHxiwXIheNIlqIFl2SNPkvihpPF979BSkzjqdJNRPhE1vku3Q==}
-    dependencies:
-      '@algolia/client-common': 4.10.5
-      '@algolia/client-search': 4.10.5
-      '@algolia/transporter': 4.10.5
-    dev: false
+  '@algolia/autocomplete-shared@1.9.3':
+    resolution: {integrity: sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==}
+    peerDependencies:
+      '@algolia/client-search': '>= 4.9.1 < 6'
+      algoliasearch: '>= 4.9.1 < 6'
 
-  /@algolia/client-analytics/4.10.5:
-    resolution: {integrity: sha512-h2owwJSkovPxzc+xIsjY1pMl0gj+jdVwP9rcnGjlaTY2fqHbSLrR9yvGyyr6305LvTppxsQnfAbRdE/5Z3eFxw==}
-    dependencies:
-      '@algolia/client-common': 4.10.5
-      '@algolia/client-search': 4.10.5
-      '@algolia/requester-common': 4.10.5
-      '@algolia/transporter': 4.10.5
-    dev: false
+  '@algolia/cache-browser-local-storage@4.24.0':
+    resolution: {integrity: sha512-t63W9BnoXVrGy9iYHBgObNXqYXM3tYXCjDSHeNwnsc324r4o5UiVKUiAB4THQ5z9U5hTj6qUvwg/Ez43ZD85ww==}
 
-  /@algolia/client-common/4.10.5:
-    resolution: {integrity: sha512-21FAvIai5qm8DVmZHm2Gp4LssQ/a0nWwMchAx+1hIRj1TX7OcdW6oZDPyZ8asQdvTtK7rStQrRnD8a95SCUnzA==}
-    dependencies:
-      '@algolia/requester-common': 4.10.5
-      '@algolia/transporter': 4.10.5
-    dev: false
+  '@algolia/cache-common@4.24.0':
+    resolution: {integrity: sha512-emi+v+DmVLpMGhp0V9q9h5CdkURsNmFC+cOS6uK9ndeJm9J4TiqSvPYVu+THUP8P/S08rxf5x2P+p3CfID0Y4g==}
 
-  /@algolia/client-personalization/4.10.5:
-    resolution: {integrity: sha512-nH+IyFKBi8tCyzGOanJTbXC5t4dspSovX3+ABfmwKWUYllYzmiQNFUadpb3qo+MLA3jFx5IwBesjneN6dD5o3w==}
-    dependencies:
-      '@algolia/client-common': 4.10.5
-      '@algolia/requester-common': 4.10.5
-      '@algolia/transporter': 4.10.5
-    dev: false
+  '@algolia/cache-in-memory@4.24.0':
+    resolution: {integrity: sha512-gDrt2so19jW26jY3/MkFg5mEypFIPbPoXsQGQWAi6TrCPsNOSEYepBMPlucqWigsmEy/prp5ug2jy/N3PVG/8w==}
 
-  /@algolia/client-search/4.10.5:
-    resolution: {integrity: sha512-1eQFMz9uodrc5OM+9HeT+hHcfR1E1AsgFWXwyJ9Q3xejA2c1c4eObGgOgC9ZoshuHHdptaTN1m3rexqAxXRDBg==}
-    dependencies:
-      '@algolia/client-common': 4.10.5
-      '@algolia/requester-common': 4.10.5
-      '@algolia/transporter': 4.10.5
-    dev: false
+  '@algolia/client-abtesting@5.20.0':
+    resolution: {integrity: sha512-YaEoNc1Xf2Yk6oCfXXkZ4+dIPLulCx8Ivqj0OsdkHWnsI3aOJChY5qsfyHhDBNSOhqn2ilgHWxSfyZrjxBcAww==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/logger-common/4.10.5:
-    resolution: {integrity: sha512-gRJo9zt1UYP4k3woEmZm4iuEBIQd/FrArIsjzsL/b+ihNoOqIxZKTSuGFU4UUZOEhvmxDReiA4gzvQXG+TMTmA==}
-    dev: false
+  '@algolia/client-account@4.24.0':
+    resolution: {integrity: sha512-adcvyJ3KjPZFDybxlqnf+5KgxJtBjwTPTeyG2aOyoJvx0Y8dUQAEOEVOJ/GBxX0WWNbmaSrhDURMhc+QeevDsA==}
 
-  /@algolia/logger-console/4.10.5:
-    resolution: {integrity: sha512-4WfIbn4253EDU12u9UiYvz+QTvAXDv39mKNg9xSoMCjKE5szcQxfcSczw2byc6pYhahOJ9PmxPBfs1doqsdTKQ==}
-    dependencies:
-      '@algolia/logger-common': 4.10.5
-    dev: false
+  '@algolia/client-analytics@4.24.0':
+    resolution: {integrity: sha512-y8jOZt1OjwWU4N2qr8G4AxXAzaa8DBvyHTWlHzX/7Me1LX8OayfgHexqrsL4vSBcoMmVw2XnVW9MhL+Y2ZDJXg==}
 
-  /@algolia/requester-browser-xhr/4.10.5:
-    resolution: {integrity: sha512-53/MURQEqtK+bGdfq4ITSPwTh5hnADU99qzvpAINGQveUFNSFGERipJxHjTJjIrjFz3vxj5kKwjtxDnU6ygO9g==}
-    dependencies:
-      '@algolia/requester-common': 4.10.5
-    dev: false
+  '@algolia/client-analytics@5.20.0':
+    resolution: {integrity: sha512-CIT9ni0+5sYwqehw+t5cesjho3ugKQjPVy/iPiJvtJX4g8Cdb6je6SPt2uX72cf2ISiXCAX9U3cY0nN0efnRDw==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/requester-common/4.10.5:
-    resolution: {integrity: sha512-UkVa1Oyuj6NPiAEt5ZvrbVopEv1m/mKqjs40KLB+dvfZnNcj+9Fry4Oxnt15HMy/HLORXsx4UwcthAvBuOXE9Q==}
-    dev: false
+  '@algolia/client-common@4.24.0':
+    resolution: {integrity: sha512-bc2ROsNL6w6rqpl5jj/UywlIYC21TwSSoFHKl01lYirGMW+9Eek6r02Tocg4gZ8HAw3iBvu6XQiM3BEbmEMoiA==}
 
-  /@algolia/requester-node-http/4.10.5:
-    resolution: {integrity: sha512-aNEKVKXL4fiiC+bS7yJwAHdxln81ieBwY3tsMCtM4zF9f5KwCzY2OtN4WKEZa5AAADVcghSAUdyjs4AcGUlO5w==}
-    dependencies:
-      '@algolia/requester-common': 4.10.5
-    dev: false
+  '@algolia/client-common@5.20.0':
+    resolution: {integrity: sha512-iSTFT3IU8KNpbAHcBUJw2HUrPnMXeXLyGajmCL7gIzWOsYM4GabZDHXOFx93WGiXMti1dymz8k8R+bfHv1YZmA==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/transporter/4.10.5:
-    resolution: {integrity: sha512-F8DLkmIlvCoMwSCZA3FKHtmdjH3o5clbt0pi2ktFStVNpC6ZDmY307HcK619bKP5xW6h8sVJhcvrLB775D2cyA==}
-    dependencies:
-      '@algolia/cache-common': 4.10.5
-      '@algolia/logger-common': 4.10.5
-      '@algolia/requester-common': 4.10.5
-    dev: false
+  '@algolia/client-insights@5.20.0':
+    resolution: {integrity: sha512-w9RIojD45z1csvW1vZmAko82fqE/Dm+Ovsy2ElTsjFDB0HMAiLh2FO86hMHbEXDPz6GhHKgGNmBRiRP8dDPgJg==}
+    engines: {node: '>= 14.0.0'}
 
-  /@babel/parser/7.16.4:
-    resolution: {integrity: sha512-6V0qdPUaiVHH3RtZeLIsc+6pDhbYzHR8ogA8w+f+Wc77DuXto19g2QUwveINoS34Uw+W8/hQDGJCx+i4n7xcng==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dev: false
+  '@algolia/client-personalization@4.24.0':
+    resolution: {integrity: sha512-l5FRFm/yngztweU0HdUzz1rC4yoWCFo3IF+dVIVTfEPg906eZg5BOd1k0K6rZx5JzyyoP4LdmOikfkfGsKVE9w==}
 
-  /@docsearch/css/3.0.0-alpha.41:
-    resolution: {integrity: sha512-AP1jqcF/9jCrm4s0lcES3QAtHueyipKjd14L/pguk0CZYK7uI7hC0FWodmRmrgK3/HST9jiHa1waUMR6ZYedlQ==}
-    dev: false
+  '@algolia/client-personalization@5.20.0':
+    resolution: {integrity: sha512-p/hftHhrbiHaEcxubYOzqVV4gUqYWLpTwK+nl2xN3eTrSW9SNuFlAvUBFqPXSVBqc6J5XL9dNKn3y8OA1KElSQ==}
+    engines: {node: '>= 14.0.0'}
 
-  /@docsearch/js/3.0.0-alpha.41:
-    resolution: {integrity: sha512-dD9r+ygmzJEE50wtnRUs6I7TMD4ui7igEQlt74jZsn0SUPk6AlIP2ldII8brJHr0I4qs4OzlyrvV6ikAqjR6sw==}
-    dependencies:
-      '@docsearch/react': 3.0.0-alpha.41
-      preact: 10.5.14
-    transitivePeerDependencies:
-      - '@algolia/client-search'
-      - '@types/react'
-      - react
-      - react-dom
-    dev: false
+  '@algolia/client-query-suggestions@5.20.0':
+    resolution: {integrity: sha512-m4aAuis5vZi7P4gTfiEs6YPrk/9hNTESj3gEmGFgfJw3hO2ubdS4jSId1URd6dGdt0ax2QuapXufcrN58hPUcw==}
+    engines: {node: '>= 14.0.0'}
 
-  /@docsearch/react/3.0.0-alpha.41:
-    resolution: {integrity: sha512-UL0Gdter/NUea04lGuBGH0GzQ2/2q/hBfn7Rjo71rRKbjtfkQCM92leJ9tZ+9j9sFLoyuHb9XMm/B8vCjWwTEg==}
-    peerDependencies:
-      '@types/react': '>= 16.8.0 < 18.0.0'
-      react: '>= 16.8.0 < 18.0.0'
-      react-dom: '>= 16.8.0 < 18.0.0'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      react:
-        optional: true
-      react-dom:
-        optional: true
-    dependencies:
-      '@algolia/autocomplete-core': 1.2.2
-      '@algolia/autocomplete-preset-algolia': 1.2.2_algoliasearch@4.10.5
-      '@docsearch/css': 3.0.0-alpha.41
-      algoliasearch: 4.10.5
-    transitivePeerDependencies:
-      - '@algolia/client-search'
-    dev: false
+  '@algolia/client-search@4.24.0':
+    resolution: {integrity: sha512-uRW6EpNapmLAD0mW47OXqTP8eiIx5F6qN9/x/7HHO6owL3N1IXqydGwW5nhDFBrV+ldouro2W1VX3XlcUXEFCA==}
 
-  /@types/linkify-it/3.0.2:
-    resolution: {integrity: sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==}
-    dev: true
+  '@algolia/client-search@5.20.0':
+    resolution: {integrity: sha512-KL1zWTzrlN4MSiaK1ea560iCA/UewMbS4ZsLQRPoDTWyrbDKVbztkPwwv764LAqgXk0fvkNZvJ3IelcK7DqhjQ==}
+    engines: {node: '>= 14.0.0'}
 
-  /@types/markdown-it/12.2.3:
-    resolution: {integrity: sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==}
-    dependencies:
-      '@types/linkify-it': 3.0.2
-      '@types/mdurl': 1.0.2
-    dev: true
+  '@algolia/ingestion@1.20.0':
+    resolution: {integrity: sha512-shj2lTdzl9un4XJblrgqg54DoK6JeKFO8K8qInMu4XhE2JuB8De6PUuXAQwiRigZupbI0xq8aM0LKdc9+qiLQA==}
+    engines: {node: '>= 14.0.0'}
 
-  /@types/mdurl/1.0.2:
-    resolution: {integrity: sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==}
-    dev: true
+  '@algolia/logger-common@4.24.0':
+    resolution: {integrity: sha512-LLUNjkahj9KtKYrQhFKCzMx0BY3RnNP4FEtO+sBybCjJ73E8jNdaKJ/Dd8A/VA4imVHP5tADZ8pn5B8Ga/wTMA==}
 
-  /@types/node/16.10.3:
-    resolution: {integrity: sha512-ho3Ruq+fFnBrZhUYI46n/bV2GjwzSkwuT4dTf0GkuNFmnb8nq4ny2z9JEVemFi6bdEJanHLlYfy9c6FN9B9McQ==}
-    dev: true
+  '@algolia/logger-console@4.24.0':
+    resolution: {integrity: sha512-X4C8IoHgHfiUROfoRCV+lzSy+LHMgkoEEU1BbKcsfnV0i0S20zyy0NLww9dwVHUWNfPPxdMU+/wKmLGYf96yTg==}
 
-  /@vitejs/plugin-vue/2.2.0_vite@2.8.1+vue@3.2.31:
-    resolution: {integrity: sha512-wXigM1EwN2G7rZcwG6kLk9ivvIMhx2363tCEvMBiXcTu5nePM/12hUPVzPb83Uugt6U+zom1gTpJopi/Ow/jwg==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      vite: ^2.5.10
-      vue: ^3.2.25
-    dependencies:
-      vite: 2.8.1
-      vue: 3.2.31
-    dev: false
+  '@algolia/monitoring@1.20.0':
+    resolution: {integrity: sha512-aF9blPwOhKtWvkjyyXh9P5peqmhCA1XxLBRgItT+K6pbT0q4hBDQrCid+pQZJYy4HFUKjB/NDDwyzFhj/rwKhw==}
+    engines: {node: '>= 14.0.0'}
 
-  /@vue/compiler-core/3.2.31:
-    resolution: {integrity: sha512-aKno00qoA4o+V/kR6i/pE+aP+esng5siNAVQ422TkBNM6qA4veXiZbSe8OTXHXquEi/f6Akc+nLfB4JGfe4/WQ==}
-    dependencies:
-      '@babel/parser': 7.16.4
-      '@vue/shared': 3.2.31
-      estree-walker: 2.0.2
-      source-map: 0.6.1
-    dev: false
+  '@algolia/recommend@4.24.0':
+    resolution: {integrity: sha512-P9kcgerfVBpfYHDfVZDvvdJv0lEoCvzNlOy2nykyt5bK8TyieYyiD0lguIJdRZZYGre03WIAFf14pgE+V+IBlw==}
 
-  /@vue/compiler-dom/3.2.31:
-    resolution: {integrity: sha512-60zIlFfzIDf3u91cqfqy9KhCKIJgPeqxgveH2L+87RcGU/alT6BRrk5JtUso0OibH3O7NXuNOQ0cDc9beT0wrg==}
-    dependencies:
-      '@vue/compiler-core': 3.2.31
-      '@vue/shared': 3.2.31
-    dev: false
+  '@algolia/recommend@5.20.0':
+    resolution: {integrity: sha512-T6B/WPdZR3b89/F9Vvk6QCbt/wrLAtrGoL8z4qPXDFApQ8MuTFWbleN/4rHn6APWO3ps+BUePIEbue2rY5MlRw==}
+    engines: {node: '>= 14.0.0'}
 
-  /@vue/compiler-sfc/3.2.31:
-    resolution: {integrity: sha512-748adc9msSPGzXgibHiO6T7RWgfnDcVQD+VVwYgSsyyY8Ans64tALHZANrKtOzvkwznV/F4H7OAod/jIlp/dkQ==}
-    dependencies:
-      '@babel/parser': 7.16.4
-      '@vue/compiler-core': 3.2.31
-      '@vue/compiler-dom': 3.2.31
-      '@vue/compiler-ssr': 3.2.31
-      '@vue/reactivity-transform': 3.2.31
-      '@vue/shared': 3.2.31
-      estree-walker: 2.0.2
-      magic-string: 0.25.7
-      postcss: 8.4.5
-      source-map: 0.6.1
-    dev: false
+  '@algolia/requester-browser-xhr@4.24.0':
+    resolution: {integrity: sha512-Z2NxZMb6+nVXSjF13YpjYTdvV3032YTBSGm2vnYvYPA6mMxzM3v5rsCiSspndn9rzIW4Qp1lPHBvuoKJV6jnAA==}
 
-  /@vue/compiler-ssr/3.2.31:
-    resolution: {integrity: sha512-mjN0rqig+A8TVDnsGPYJM5dpbjlXeHUm2oZHZwGyMYiGT/F4fhJf/cXy8QpjnLQK4Y9Et4GWzHn9PS8AHUnSkw==}
-    dependencies:
-      '@vue/compiler-dom': 3.2.31
-      '@vue/shared': 3.2.31
-    dev: false
+  '@algolia/requester-browser-xhr@5.20.0':
+    resolution: {integrity: sha512-t6//lXsq8E85JMenHrI6mhViipUT5riNhEfCcvtRsTV+KIBpC6Od18eK864dmBhoc5MubM0f+sGpKOqJIlBSCg==}
+    engines: {node: '>= 14.0.0'}
 
-  /@vue/reactivity-transform/3.2.31:
-    resolution: {integrity: sha512-uS4l4z/W7wXdI+Va5pgVxBJ345wyGFKvpPYtdSgvfJfX/x2Ymm6ophQlXXB6acqGHtXuBqNyyO3zVp9b1r0MOA==}
-    dependencies:
-      '@babel/parser': 7.16.4
-      '@vue/compiler-core': 3.2.31
-      '@vue/shared': 3.2.31
-      estree-walker: 2.0.2
-      magic-string: 0.25.7
-    dev: false
+  '@algolia/requester-common@4.24.0':
+    resolution: {integrity: sha512-k3CXJ2OVnvgE3HMwcojpvY6d9kgKMPRxs/kVohrwF5WMr2fnqojnycZkxPoEg+bXm8fi5BBfFmOqgYztRtHsQA==}
 
-  /@vue/reactivity/3.2.31:
-    resolution: {integrity: sha512-HVr0l211gbhpEKYr2hYe7hRsV91uIVGFYNHj73njbARVGHQvIojkImKMaZNDdoDZOIkMsBc9a1sMqR+WZwfSCw==}
-    dependencies:
-      '@vue/shared': 3.2.31
-    dev: false
+  '@algolia/requester-fetch@5.20.0':
+    resolution: {integrity: sha512-FHxYGqRY+6bgjKsK4aUsTAg6xMs2S21elPe4Y50GB0Y041ihvw41Vlwy2QS6K9ldoftX4JvXodbKTcmuQxywdQ==}
+    engines: {node: '>= 14.0.0'}
 
-  /@vue/repl/1.0.0_vue@3.2.31:
-    resolution: {integrity: sha512-cDcQuWKZuA0Y0JYEpiQS/ZAEGP/RrfkcK+zKm5H8tUjfD8XIxYHY+sQGoY6FSkz/gAOQJocrsaPgt7ddKL0inQ==}
-    peerDependencies:
-      vue: ^3.2.13
-    dependencies:
-      vue: 3.2.31
-    dev: false
+  '@algolia/requester-node-http@4.24.0':
+    resolution: {integrity: sha512-JF18yTjNOVYvU/L3UosRcvbPMGT9B+/GQWNWnenIImglzNVGpyzChkXLnrSf6uxwVNO6ESGu6oN8MqcGQcjQJw==}
 
-  /@vue/runtime-core/3.2.31:
-    resolution: {integrity: sha512-Kcog5XmSY7VHFEMuk4+Gap8gUssYMZ2+w+cmGI6OpZWYOEIcbE0TPzzPHi+8XTzAgx1w/ZxDFcXhZeXN5eKWsA==}
-    dependencies:
-      '@vue/reactivity': 3.2.31
-      '@vue/shared': 3.2.31
-    dev: false
+  '@algolia/requester-node-http@5.20.0':
+    resolution: {integrity: sha512-kmtQClq/w3vtPteDSPvaW9SPZL/xrIgMrxZyAgsFwrJk0vJxqyC5/hwHmrCraDnStnGSADnLpBf4SpZnwnkwWw==}
+    engines: {node: '>= 14.0.0'}
 
-  /@vue/runtime-dom/3.2.31:
-    resolution: {integrity: sha512-N+o0sICVLScUjfLG7u9u5XCjvmsexAiPt17GNnaWHJUfsKed5e85/A3SWgKxzlxx2SW/Hw7RQxzxbXez9PtY3g==}
-    dependencies:
-      '@vue/runtime-core': 3.2.31
-      '@vue/shared': 3.2.31
-      csstype: 2.6.18
-    dev: false
+  '@algolia/transporter@4.24.0':
+    resolution: {integrity: sha512-86nI7w6NzWxd1Zp9q3413dRshDqAzSbsQjhcDhPIatEFiZrL1/TjnHL8S7jVKFePlIMzDsZWXAXwXzcok9c5oA==}
 
-  /@vue/server-renderer/3.2.31_vue@3.2.31:
-    resolution: {integrity: sha512-8CN3Zj2HyR2LQQBHZ61HexF5NReqngLT3oahyiVRfSSvak+oAvVmu8iNLSu6XR77Ili2AOpnAt1y8ywjjqtmkg==}
-    peerDependencies:
-      vue: 3.2.31
-    dependencies:
-      '@vue/compiler-ssr': 3.2.31
-      '@vue/shared': 3.2.31
-      vue: 3.2.31
-    dev: false
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
 
-  /@vue/shared/3.2.31:
-    resolution: {integrity: sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ==}
-    dev: false
+  '@babel/helper-validator-identifier@7.27.1':
+    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
+    engines: {node: '>=6.9.0'}
 
-  /@vue/theme/1.0.1_vue@3.2.31:
-    resolution: {integrity: sha512-yVynG5l1BNAh8eQCGg19cyt5TMcbqQCAErT/XZUJOjVT4FjGK1ofGc3wUnDan1JSRF2WNBLOLZHwjc5dJy1Haw==}
-    dependencies:
-      '@docsearch/css': 3.0.0-alpha.41
-      '@docsearch/js': 3.0.0-alpha.41
-      '@vueuse/core': 7.4.0_vue@3.2.31
-      body-scroll-lock: 3.1.5
-      normalize.css: 8.0.1
-      shiki: 0.9.15
-    transitivePeerDependencies:
-      - '@algolia/client-search'
-      - '@types/react'
-      - '@vue/composition-api'
-      - react
-      - react-dom
-      - vue
-    dev: false
+  '@babel/parser@7.27.3':
+    resolution: {integrity: sha512-xyYxRj6+tLNDTWi0KCBcZ9V7yg3/lwL9DWh9Uwh/RIVlIfFidggcgxKX3GCXwCiswwcGRawBKbEg2LG/Y8eJhw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/types@7.27.3':
+    resolution: {integrity: sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==}
+    engines: {node: '>=6.9.0'}
+
+  '@docsearch/css@3.6.2':
+    resolution: {integrity: sha512-vKNZepO2j7MrYBTZIGXvlUOIR+v9KRf70FApRgovWrj3GTs1EITz/Xb0AOlm1xsQBp16clVZj1SY/qaOJbQtZw==}
+
+  '@docsearch/css@3.8.2':
+    resolution: {integrity: sha512-y05ayQFyUmCXze79+56v/4HpycYF3uFqB78pLPrSV5ZKAlDuIAAJNhaRi8tTdRNXh05yxX/TyNnzD6LwSM89vQ==}
+
+  '@docsearch/js@3.6.2':
+    resolution: {integrity: sha512-pS4YZF+VzUogYrkblCucQ0Oy2m8Wggk8Kk7lECmZM60hTbaydSIhJTTiCrmoxtBqV8wxORnOqcqqOfbmkkQEcA==}
+
+  '@docsearch/js@3.8.2':
+    resolution: {integrity: sha512-Q5wY66qHn0SwA7Taa0aDbHiJvaFJLOJyHmooQ7y8hlwwQLQ/5WwCcoX0g7ii04Qi2DJlHsd0XXzJ8Ypw9+9YmQ==}
 
-  /@vueuse/core/7.4.0_vue@3.2.31:
-    resolution: {integrity: sha512-CgYouxjXOE63gMn3l9cOsgzPTEAk3yoncsSmJUxXAi/to25rCPVWB/39jXTPhWZboR43EDDMWoEhHaSoMzaldg==}
+  '@docsearch/react@3.6.2':
+    resolution: {integrity: sha512-rtZce46OOkVflCQH71IdbXSFK+S8iJZlUF56XBW5rIgx/eG5qoomC7Ag3anZson1bBac/JFQn7XOBfved/IMRA==}
     peerDependencies:
-      '@vue/composition-api': ^1.1.0
-      vue: ^2.6.0 || ^3.2.0
+      '@types/react': '>= 16.8.0 < 19.0.0'
+      react: '>= 16.8.0 < 19.0.0'
+      react-dom: '>= 16.8.0 < 19.0.0'
+      search-insights: '>= 1 < 3'
     peerDependenciesMeta:
-      '@vue/composition-api':
+      '@types/react':
         optional: true
-      vue:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+      search-insights:
         optional: true
-    dependencies:
-      '@vueuse/shared': 7.4.0_vue@3.2.31
-      vue: 3.2.31
-      vue-demi: 0.12.1_vue@3.2.31
-    dev: false
 
-  /@vueuse/shared/7.4.0_vue@3.2.31:
-    resolution: {integrity: sha512-x5Jn6jUB8gS1mGnVCoNWFEpAoDkm2QwtacZTUgKMn0Ow8tlUBKIfGVOt4vn9qZB10froED/ARHEj79WKLXRieA==}
+  '@docsearch/react@3.8.2':
+    resolution: {integrity: sha512-xCRrJQlTt8N9GU0DG4ptwHRkfnSnD/YpdeaXe02iKfqs97TkZJv60yE+1eq/tjPcVnTW8dP5qLP7itifFVV5eg==}
     peerDependencies:
-      '@vue/composition-api': ^1.1.0
-      vue: ^2.6.0 || ^3.2.0
+      '@types/react': '>= 16.8.0 < 19.0.0'
+      react: '>= 16.8.0 < 19.0.0'
+      react-dom: '>= 16.8.0 < 19.0.0'
+      search-insights: '>= 1 < 3'
     peerDependenciesMeta:
-      '@vue/composition-api':
+      '@types/react':
         optional: true
-      vue:
+      react:
         optional: true
-    dependencies:
-      vue: 3.2.31
-      vue-demi: 0.12.1_vue@3.2.31
-    dev: false
-
-  /algoliasearch/4.10.5:
-    resolution: {integrity: sha512-KmH2XkiN+8FxhND4nWFbQDkIoU6g2OjfeU9kIv4Lb+EiOOs3Gpp7jvd+JnatsCisAZsnWQdjd7zVlW7I/85QvQ==}
-    dependencies:
-      '@algolia/cache-browser-local-storage': 4.10.5
-      '@algolia/cache-common': 4.10.5
-      '@algolia/cache-in-memory': 4.10.5
-      '@algolia/client-account': 4.10.5
-      '@algolia/client-analytics': 4.10.5
-      '@algolia/client-common': 4.10.5
-      '@algolia/client-personalization': 4.10.5
-      '@algolia/client-search': 4.10.5
-      '@algolia/logger-common': 4.10.5
-      '@algolia/logger-console': 4.10.5
-      '@algolia/requester-browser-xhr': 4.10.5
-      '@algolia/requester-common': 4.10.5
-      '@algolia/requester-node-http': 4.10.5
-      '@algolia/transporter': 4.10.5
-    dev: false
-
-  /body-scroll-lock/3.1.5:
-    resolution: {integrity: sha512-Yi1Xaml0EvNA0OYWxXiYNqY24AfWkbA6w5vxE7GWxtKfzIbZM+Qw+aSmkgsbWzbHiy/RCSkUZBplVxTA+E4jJg==}
-    dev: false
-
-  /csstype/2.6.18:
-    resolution: {integrity: sha512-RSU6Hyeg14am3Ah4VZEmeX8H7kLwEEirXe6aU2IPfKNvhXwTflK5HQRDNI0ypQXoqmm+QPyG2IaPuQE5zMwSIQ==}
-    dev: false
-
-  /dynamics.js/1.1.5:
-    resolution: {integrity: sha1-uQvcM2Bc7+ZSuEFucB95v27vzjI=}
-    dev: false
-
-  /esbuild-android-arm64/0.14.21:
-    resolution: {integrity: sha512-Bqgld1TY0wZv8TqiQmVxQFgYzz8ZmyzT7clXBDZFkOOdRybzsnj8AZuK1pwcLVA7Ya6XncHgJqIao7NFd3s0RQ==}
+      react-dom:
+        optional: true
+      search-insights:
+        optional: true
+
+  '@esbuild/aix-ppc64@0.21.5':
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.21.5':
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-darwin-64/0.14.21:
-    resolution: {integrity: sha512-j+Eg+e13djzyYINVvAbOo2/zvZ2DivuJJTaBrJnJHSD7kUNuGHRkHoSfFjbI80KHkn091w350wdmXDNSgRjfYQ==}
+  '@esbuild/android-arm@0.21.5':
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.21.5':
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
+    os: [android]
 
-  /esbuild-darwin-arm64/0.14.21:
-    resolution: {integrity: sha512-nDNTKWDPI0RuoPj5BhcSB2z5EmZJJAyRtZLIjyXSqSpAyoB8eyAKXl4lB8U2P78Fnh4Lh1le/fmpewXE04JhBQ==}
+  '@esbuild/darwin-arm64@0.21.5':
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-freebsd-64/0.14.21:
-    resolution: {integrity: sha512-zIurkCHXhxELiDZtLGiexi8t8onQc2LtuE+S7457H/pP0g0MLRKMrsn/IN4LDkNe6lvBjuoZZi2OfelOHn831g==}
+  '@esbuild/darwin-x64@0.21.5':
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: false
-    optional: true
+    os: [darwin]
 
-  /esbuild-freebsd-arm64/0.14.21:
-    resolution: {integrity: sha512-wdxMmkJfbwcN+q85MpeUEamVZ40FNsBa9mPq8tAszDn8TRT2HoJvVRADPIIBa9SWWwlDChIMjkDKAnS3KS/sPA==}
+  '@esbuild/freebsd-arm64@0.21.5':
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-linux-32/0.14.21:
-    resolution: {integrity: sha512-fmxvyzOPPh2xiEHojpCeIQP6pXcoKsWbz3ryDDIKLOsk4xp3GbpHIEAWP0xTeuhEbendmvBDVKbAVv3PnODXLg==}
+  '@esbuild/freebsd-x64@0.21.5':
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
+    cpu: [x64]
+    os: [freebsd]
 
-  /esbuild-linux-64/0.14.21:
-    resolution: {integrity: sha512-edZyNOv1ql+kpmlzdqzzDjRQYls+tSyi4QFi+PdBhATJFUqHsnNELWA9vMSzAaInPOEaVUTA5Ml28XFChcy4DA==}
+  '@esbuild/linux-arm64@0.21.5':
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [arm64]
     os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-linux-arm/0.14.21:
-    resolution: {integrity: sha512-aSU5pUueK6afqmLQsbU+QcFBT62L+4G9hHMJDHWfxgid6hzhSmfRH9U/f+ymvxsSTr/HFRU4y7ox8ZyhlVl98w==}
+  '@esbuild/linux-arm@0.21.5':
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-linux-arm64/0.14.21:
-    resolution: {integrity: sha512-t5qxRkq4zdQC0zXpzSB2bTtfLgOvR0C6BXYaRE/6/k8/4SrkZcTZBeNu+xGvwCU4b5dU9ST9pwIWkK6T1grS8g==}
+  '@esbuild/linux-ia32@0.21.5':
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
-    cpu: [arm64]
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.21.5':
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
     os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-linux-mips64le/0.14.21:
-    resolution: {integrity: sha512-jLZLQGCNlUsmIHtGqNvBs3zN+7a4D9ckf0JZ+jQTwHdZJ1SgV9mAjbB980OFo66LoY+WeM7t3WEnq3FjI1zw4A==}
+  '@esbuild/linux-mips64el@0.21.5':
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-linux-ppc64le/0.14.21:
-    resolution: {integrity: sha512-4TWxpK391en2UBUw6GSrukToTDu6lL9vkm3Ll40HrI08WG3qcnJu7bl8e1+GzelDsiw1QmfAY/nNvJ6iaHRpCQ==}
+  '@esbuild/linux-ppc64@0.21.5':
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-linux-riscv64/0.14.21:
-    resolution: {integrity: sha512-fElngqOaOfTsF+u+oetDLHsPG74vB2ZaGZUqmGefAJn3a5z9Z2pNa4WpVbbKgHpaAAy5tWM1m1sbGohj6Ki6+Q==}
+  '@esbuild/linux-riscv64@0.21.5':
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-linux-s390x/0.14.21:
-    resolution: {integrity: sha512-brleZ6R5fYv0qQ7ZBwenQmP6i9TdvJCB092c/3D3pTLQHBGHJb5zWgKxOeS7bdHzmLy6a6W7GbFk6QKpjyD6QA==}
+  '@esbuild/linux-s390x@0.21.5':
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-netbsd-64/0.14.21:
-    resolution: {integrity: sha512-nCEgsLCQ8RoFWVV8pVI+kX66ICwbPP/M9vEa0NJGIEB/Vs5sVGMqkf67oln90XNSkbc0bPBDuo4G6FxlF7PN8g==}
+  '@esbuild/linux-x64@0.21.5':
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-x64@0.21.5':
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-openbsd-64/0.14.21:
-    resolution: {integrity: sha512-h9zLMyVD0T73MDTVYIb/qUTokwI6EJH9O6wESuTNq6+XpMSr6C5aYZ4fvFKdNELW+Xsod+yDS2hV2JTUAbFrLA==}
+  '@esbuild/openbsd-x64@0.21.5':
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-sunos-64/0.14.21:
-    resolution: {integrity: sha512-Kl+7Cot32qd9oqpLdB1tEGXEkjBlijrIxMJ0+vlDFaqsODutif25on0IZlFxEBtL2Gosd4p5WCV1U7UskNQfXA==}
+  '@esbuild/sunos-x64@0.21.5':
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-windows-32/0.14.21:
-    resolution: {integrity: sha512-V7vnTq67xPBUCk/9UtlolmQ798Ecjdr1ZoI1vcSgw7M82aSSt0eZdP6bh5KAFZU8pxDcx3qoHyWQfHYr11f22A==}
+  '@esbuild/win32-arm64@0.21.5':
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.21.5':
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-windows-64/0.14.21:
-    resolution: {integrity: sha512-kDgHjKOHwjfJDCyRGELzVxiP/RBJBTA+wyspf78MTTJQkyPuxH2vChReNdWc+dU2S4gIZFHMdP1Qrl/k22ZmaA==}
+  '@esbuild/win32-x64@0.21.5':
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /esbuild-windows-arm64/0.14.21:
-    resolution: {integrity: sha512-8Sbo0zpzgwWrwjQYLmHF78f7E2xg5Ve63bjB2ng3V2aManilnnTGaliq2snYg+NOX60+hEvJHRdVnuIAHW0lVw==}
-    engines: {node: '>=12'}
+  '@iconify-json/simple-icons@1.2.21':
+    resolution: {integrity: sha512-aqbIuVshMZ2fNEhm25//9DoKudboXF3CpoEQJJlHl9gVSVNOTr4cgaCIZvgSEYmys2HHEfmhcpoZIhoEFZS8SQ==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
+  '@rollup/rollup-android-arm-eabi@4.31.0':
+    resolution: {integrity: sha512-9NrR4033uCbUBRgvLcBrJofa2KY9DzxL2UKZ1/4xA/mnTNyhZCWBuD8X3tPm1n4KxcgaraOYgrFKSgwjASfmlA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.31.0':
+    resolution: {integrity: sha512-iBbODqT86YBFHajxxF8ebj2hwKm1k8PTBQSojSt3d1FFt1gN+xf4CowE47iN0vOSdnd+5ierMHBbu/rHc7nq5g==}
     cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
+    os: [android]
 
-  /esbuild/0.14.21:
-    resolution: {integrity: sha512-7WEoNMBJdLN993dr9h0CpFHPRc3yFZD+EAVY9lg6syJJ12gc5fHq8d75QRExuhnMkT2DaRiIKFThRvDWP+fO+A==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      esbuild-android-arm64: 0.14.21
-      esbuild-darwin-64: 0.14.21
-      esbuild-darwin-arm64: 0.14.21
-      esbuild-freebsd-64: 0.14.21
-      esbuild-freebsd-arm64: 0.14.21
-      esbuild-linux-32: 0.14.21
-      esbuild-linux-64: 0.14.21
-      esbuild-linux-arm: 0.14.21
-      esbuild-linux-arm64: 0.14.21
-      esbuild-linux-mips64le: 0.14.21
-      esbuild-linux-ppc64le: 0.14.21
-      esbuild-linux-riscv64: 0.14.21
-      esbuild-linux-s390x: 0.14.21
-      esbuild-netbsd-64: 0.14.21
-      esbuild-openbsd-64: 0.14.21
-      esbuild-sunos-64: 0.14.21
-      esbuild-windows-32: 0.14.21
-      esbuild-windows-64: 0.14.21
-      esbuild-windows-arm64: 0.14.21
-    dev: false
-
-  /estree-walker/2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: false
+  '@rollup/rollup-darwin-arm64@4.31.0':
+    resolution: {integrity: sha512-WHIZfXgVBX30SWuTMhlHPXTyN20AXrLH4TEeH/D0Bolvx9PjgZnn4H677PlSGvU6MKNsjCQJYczkpvBbrBnG6g==}
+    cpu: [arm64]
+    os: [darwin]
 
-  /fsevents/2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+  '@rollup/rollup-darwin-x64@4.31.0':
+    resolution: {integrity: sha512-hrWL7uQacTEF8gdrQAqcDy9xllQ0w0zuL1wk1HV8wKGSGbKPVjVUv/DEwT2+Asabf8Dh/As+IvfdU+H8hhzrQQ==}
+    cpu: [x64]
     os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
 
-  /function-bind/1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: false
+  '@rollup/rollup-freebsd-arm64@4.31.0':
+    resolution: {integrity: sha512-S2oCsZ4hJviG1QjPY1h6sVJLBI6ekBeAEssYKad1soRFv3SocsQCzX6cwnk6fID6UQQACTjeIMB+hyYrFacRew==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.31.0':
+    resolution: {integrity: sha512-pCANqpynRS4Jirn4IKZH4tnm2+2CqCNLKD7gAdEjzdLGbH1iO0zouHz4mxqg0uEMpO030ejJ0aA6e1PJo2xrPA==}
+    cpu: [x64]
+    os: [freebsd]
 
-  /gsap/3.9.0:
-    resolution: {integrity: sha512-YfIBNHJu4UHES1Vj780+sXtQuiD78QQwgJqktaXE9PO9OuXz5l4ETz05pnhxUfJcxJy4SUINXJxT9ZZhuYwU2g==}
-    dev: false
+  '@rollup/rollup-linux-arm-gnueabihf@4.31.0':
+    resolution: {integrity: sha512-0O8ViX+QcBd3ZmGlcFTnYXZKGbFu09EhgD27tgTdGnkcYXLat4KIsBBQeKLR2xZDCXdIBAlWLkiXE1+rJpCxFw==}
+    cpu: [arm]
+    os: [linux]
 
-  /has/1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
-    engines: {node: '>= 0.4.0'}
-    dependencies:
-      function-bind: 1.1.1
-    dev: false
+  '@rollup/rollup-linux-arm-musleabihf@4.31.0':
+    resolution: {integrity: sha512-w5IzG0wTVv7B0/SwDnMYmbr2uERQp999q8FMkKG1I+j8hpPX2BYFjWe69xbhbP6J9h2gId/7ogesl9hwblFwwg==}
+    cpu: [arm]
+    os: [linux]
 
-  /is-core-module/2.8.1:
-    resolution: {integrity: sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==}
-    dependencies:
-      has: 1.0.3
-    dev: false
+  '@rollup/rollup-linux-arm64-gnu@4.31.0':
+    resolution: {integrity: sha512-JyFFshbN5xwy6fulZ8B/8qOqENRmDdEkcIMF0Zz+RsfamEW+Zabl5jAb0IozP/8UKnJ7g2FtZZPEUIAlUSX8cA==}
+    cpu: [arm64]
+    os: [linux]
 
-  /jsonc-parser/3.0.0:
-    resolution: {integrity: sha512-fQzRfAbIBnR0IQvftw9FJveWiHp72Fg20giDrHz6TdfB12UH/uue0D3hm57UB5KgAVuniLMCaS8P1IMj9NR7cA==}
-    dev: false
+  '@rollup/rollup-linux-arm64-musl@4.31.0':
+    resolution: {integrity: sha512-kpQXQ0UPFeMPmPYksiBL9WS/BDiQEjRGMfklVIsA0Sng347H8W2iexch+IEwaR7OVSKtr2ZFxggt11zVIlZ25g==}
+    cpu: [arm64]
+    os: [linux]
 
-  /magic-string/0.25.7:
-    resolution: {integrity: sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: false
+  '@rollup/rollup-linux-loongarch64-gnu@4.31.0':
+    resolution: {integrity: sha512-pMlxLjt60iQTzt9iBb3jZphFIl55a70wexvo8p+vVFK+7ifTRookdoXX3bOsRdmfD+OKnMozKO6XM4zR0sHRrQ==}
+    cpu: [loong64]
+    os: [linux]
 
-  /nanoid/3.1.30:
-    resolution: {integrity: sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-    dev: false
+  '@rollup/rollup-linux-powerpc64le-gnu@4.31.0':
+    resolution: {integrity: sha512-D7TXT7I/uKEuWiRkEFbed1UUYZwcJDU4vZQdPTcepK7ecPhzKOYk4Er2YR4uHKme4qDeIh6N3XrLfpuM7vzRWQ==}
+    cpu: [ppc64]
+    os: [linux]
 
-  /nanoid/3.2.0:
-    resolution: {integrity: sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-    dev: false
+  '@rollup/rollup-linux-riscv64-gnu@4.31.0':
+    resolution: {integrity: sha512-wal2Tc8O5lMBtoePLBYRKj2CImUCJ4UNGJlLwspx7QApYny7K1cUYlzQ/4IGQBLmm+y0RS7dwc3TDO/pmcneTw==}
+    cpu: [riscv64]
+    os: [linux]
 
-  /normalize.css/8.0.1:
-    resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
-    dev: false
+  '@rollup/rollup-linux-s390x-gnu@4.31.0':
+    resolution: {integrity: sha512-O1o5EUI0+RRMkK9wiTVpk2tyzXdXefHtRTIjBbmFREmNMy7pFeYXCFGbhKFwISA3UOExlo5GGUuuj3oMKdK6JQ==}
+    cpu: [s390x]
+    os: [linux]
 
-  /path-parse/1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: false
+  '@rollup/rollup-linux-x64-gnu@4.31.0':
+    resolution: {integrity: sha512-zSoHl356vKnNxwOWnLd60ixHNPRBglxpv2g7q0Cd3Pmr561gf0HiAcUBRL3S1vPqRC17Zo2CX/9cPkqTIiai1g==}
+    cpu: [x64]
+    os: [linux]
 
-  /picocolors/1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: false
+  '@rollup/rollup-linux-x64-musl@4.31.0':
+    resolution: {integrity: sha512-ypB/HMtcSGhKUQNiFwqgdclWNRrAYDH8iMYH4etw/ZlGwiTVxBz2tDrGRrPlfZu6QjXwtd+C3Zib5pFqID97ZA==}
+    cpu: [x64]
+    os: [linux]
 
-  /postcss/8.4.5:
-    resolution: {integrity: sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.1.30
-      picocolors: 1.0.0
-      source-map-js: 1.0.1
-    dev: false
+  '@rollup/rollup-win32-arm64-msvc@4.31.0':
+    resolution: {integrity: sha512-JuhN2xdI/m8Hr+aVO3vspO7OQfUFO6bKLIRTAy0U15vmWjnZDLrEgCZ2s6+scAYaQVpYSh9tZtRijApw9IXyMw==}
+    cpu: [arm64]
+    os: [win32]
 
-  /postcss/8.4.6:
-    resolution: {integrity: sha512-OovjwIzs9Te46vlEx7+uXB0PLijpwjXGKXjVGGPIGubGpq7uh5Xgf6D6FiJ/SzJMBosHDp6a2hiXOS97iBXcaA==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.2.0
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: false
+  '@rollup/rollup-win32-ia32-msvc@4.31.0':
+    resolution: {integrity: sha512-U1xZZXYkvdf5MIWmftU8wrM5PPXzyaY1nGCI4KI4BFfoZxHamsIe+BtnPLIvvPykvQWlVbqUXdLa4aJUuilwLQ==}
+    cpu: [ia32]
+    os: [win32]
 
-  /preact/10.5.14:
-    resolution: {integrity: sha512-KojoltCrshZ099ksUZ2OQKfbH66uquFoxHSbnwKbTJHeQNvx42EmC7wQVWNuDt6vC5s3nudRHFtKbpY4ijKlaQ==}
-    dev: false
+  '@rollup/rollup-win32-x64-msvc@4.31.0':
+    resolution: {integrity: sha512-ul8rnCsUumNln5YWwz0ted2ZHFhzhRRnkpBZ+YRuHoRAlUji9KChpOUOndY7uykrPEPXVbHLlsdo6v5yXo/TXw==}
+    cpu: [x64]
+    os: [win32]
 
-  /prismjs/1.25.0:
-    resolution: {integrity: sha512-WCjJHl1KEWbnkQom1+SzftbtXMKQoezOCYs5rECqMN+jP+apI7ftoflyqigqzopSO3hMhTEb0mFClA8lkolgEg==}
-    dev: false
+  '@shikijs/core@2.1.0':
+    resolution: {integrity: sha512-v795KDmvs+4oV0XD05YLzfDMe9ISBgNjtFxP4PAEv5DqyeghO1/TwDqs9ca5/E6fuO95IcAcWqR6cCX9TnqLZA==}
 
-  /resolve/1.22.0:
-    resolution: {integrity: sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==}
-    hasBin: true
-    dependencies:
-      is-core-module: 2.8.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-    dev: false
+  '@shikijs/engine-javascript@2.1.0':
+    resolution: {integrity: sha512-cgIUdAliOsoaa0rJz/z+jvhrpRd+fVAoixVFEVxUq5FA+tHgBZAIfVJSgJNVRj2hs/wZ1+4hMe82eKAThVh0nQ==}
 
-  /rollup/2.60.2:
-    resolution: {integrity: sha512-1Bgjpq61sPjgoZzuiDSGvbI1tD91giZABgjCQBKM5aYLnzjq52GoDuWVwT/cm/MCxCMPU8gqQvkj8doQ5C8Oqw==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: false
+  '@shikijs/engine-oniguruma@2.1.0':
+    resolution: {integrity: sha512-Ujik33wEDqgqY2WpjRDUBECGcKPv3eGGkoXPujIXvokLaRmGky8NisSk8lHUGeSFxo/Cz5sgFej9sJmA9yeepg==}
 
-  /shiki/0.9.15:
-    resolution: {integrity: sha512-/Y0z9IzhJ8nD9nbceORCqu6NgT9X6I8Fk8c3SICHI5NbZRLdZYFaB233gwct9sU0vvSypyaL/qaKvzyQGJBZSw==}
-    dependencies:
-      jsonc-parser: 3.0.0
-      vscode-oniguruma: 1.6.1
-      vscode-textmate: 5.2.0
-    dev: false
+  '@shikijs/langs@2.1.0':
+    resolution: {integrity: sha512-Jn0gS4rPgerMDPj1ydjgFzZr5fAIoMYz4k7ZT3LJxWWBWA6lokK0pumUwVtb+MzXtlpjxOaQejLprmLbvMZyww==}
 
-  /source-map-js/1.0.1:
-    resolution: {integrity: sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==}
-    engines: {node: '>=0.10.0'}
-    dev: false
+  '@shikijs/themes@2.1.0':
+    resolution: {integrity: sha512-oS2mU6+bz+8TKutsjBxBA7Z3vrQk21RCmADLpnu8cy3tZD6Rw0FKqDyXNtwX52BuIDKHxZNmRlTdG3vtcYv3NQ==}
 
-  /source-map-js/1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
-    dev: false
+  '@shikijs/transformers@2.1.0':
+    resolution: {integrity: sha512-3sfvh6OKUVkT5wZFU1xxiq1qqNIuCwUY3yOb9ZGm19y80UZ/eoroLE2orGNzfivyTxR93GfXXZC/ghPR0/SBow==}
 
-  /source-map/0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    dev: false
+  '@shikijs/types@2.1.0':
+    resolution: {integrity: sha512-OFOdHA6VEVbiQvepJ8yqicC6VmBrKxFFhM2EsHHrZESqLVAXOSeRDiuSYV185lIgp15TVic5vYBYNhTsk1xHLg==}
 
-  /sourcemap-codec/1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    dev: false
+  '@shikijs/vscode-textmate@10.0.1':
+    resolution: {integrity: sha512-fTIQwLF+Qhuws31iw7Ncl1R3HUDtGwIipiJ9iU+UsDUwMhegFcQKQHd51nZjb7CArq0MvON8rbgCGQYWHUKAdg==}
 
-  /supports-preserve-symlinks-flag/1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-    dev: false
+  '@types/body-scroll-lock@3.1.2':
+    resolution: {integrity: sha512-ELhtuphE/YbhEcpBf/rIV9Tl3/O0A0gpCVD+oYFSS8bWstHFJUgA4nNw1ZakVlRC38XaQEIsBogUZKWIPBvpfQ==}
 
-  /vite/2.8.1:
-    resolution: {integrity: sha512-Typ8qjUnW0p53gBsJpisrKcZlEbUPZATja9BG6Z09QZjg9YrnEn/htkr/VH4WhnH7eNUQeSD+wKI1lHzQRWskw==}
-    engines: {node: '>=12.2.0'}
-    hasBin: true
-    peerDependencies:
-      less: '*'
-      sass: '*'
-      stylus: '*'
-    peerDependenciesMeta:
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-    dependencies:
-      esbuild: 0.14.21
-      postcss: 8.4.6
-      resolve: 1.22.0
-      rollup: 2.60.2
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: false
+  '@types/estree@1.0.6':
+    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
-  /vitepress/0.22.2:
-    resolution: {integrity: sha512-L6ykQzBXKzLTSU3zZbILeF1TONO6juV/RrL0DsA9OayomVQjEOoFY7cVdKOpIBb3T5Jy/GAAVxcvWtU/XJ5k4g==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
-    dependencies:
-      '@docsearch/css': 3.0.0-alpha.41
-      '@docsearch/js': 3.0.0-alpha.41
-      '@vitejs/plugin-vue': 2.2.0_vite@2.8.1+vue@3.2.31
-      prismjs: 1.25.0
-      vite: 2.8.1
-      vue: 3.2.31
-    transitivePeerDependencies:
-      - '@algolia/client-search'
-      - '@types/react'
-      - less
-      - react
-      - react-dom
-      - sass
-      - stylus
-    dev: false
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
 
-  /vscode-oniguruma/1.6.1:
-    resolution: {integrity: sha512-vc4WhSIaVpgJ0jJIejjYxPvURJavX6QG41vu0mGhqywMkQqulezEqEQ3cO3gc8GvcOpX6ycmKGqRoROEMBNXTQ==}
-    dev: false
+  '@types/linkify-it@5.0.0':
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
 
-  /vscode-textmate/5.2.0:
-    resolution: {integrity: sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ==}
-    dev: false
+  '@types/markdown-it@14.1.2':
+    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
 
-  /vue-demi/0.12.1_vue@3.2.31:
-    resolution: {integrity: sha512-QL3ny+wX8c6Xm1/EZylbgzdoDolye+VpCXRhI2hug9dJTP3OUJ3lmiKN3CsVV3mOJKwFi0nsstbgob0vG7aoIw==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/mdurl@2.0.0':
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
+
+  '@types/node@22.7.5':
+    resolution: {integrity: sha512-jML7s2NAzMWc//QSJ1a3prpk78cOPchGvXJsC3C6R6PSMoooztvRVQEz89gmBTBY1SPMaqo5teB4uNHPdetShQ==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/web-bluetooth@0.0.20':
+    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+
+  '@ungap/structured-clone@1.2.1':
+    resolution: {integrity: sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==}
+
+  '@vitejs/plugin-vue@5.2.1':
+    resolution: {integrity: sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.0.0-0 || ^2.6.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-    dependencies:
-      vue: 3.2.31
-    dev: false
+      vite: ^5.0.0 || ^6.0.0
+      vue: ^3.2.25
 
-  /vue/3.2.31:
-    resolution: {integrity: sha512-odT3W2tcffTiQCy57nOT93INw1auq5lYLLYtWpPYQQYQOOdHiqFct9Xhna6GJ+pJQaF67yZABraH47oywkJgFw==}
-    dependencies:
-      '@vue/compiler-dom': 3.2.31
-      '@vue/compiler-sfc': 3.2.31
-      '@vue/runtime-dom': 3.2.31
-      '@vue/server-renderer': 3.2.31_vue@3.2.31
-      '@vue/shared': 3.2.31
-    dev: false
+  '@volar/language-core@2.4.6':
+    resolution: {integrity: sha512-FxUfxaB8sCqvY46YjyAAV6c3mMIq/NWQMVvJ+uS4yxr1KzOvyg61gAuOnNvgCvO4TZ7HcLExBEsWcDu4+K4E8A==}
+
+  '@volar/source-map@2.4.6':
+    resolution: {integrity: sha512-Nsh7UW2ruK+uURIPzjJgF0YRGP5CX9nQHypA2OMqdM2FKy7rh+uv3XgPnWPw30JADbKvZ5HuBzG4gSbVDYVtiw==}
+
+  '@volar/typescript@2.4.6':
+    resolution: {integrity: sha512-NMIrA7y5OOqddL9VtngPWYmdQU03htNKFtAYidbYfWA0TOhyGVd9tfcP4TsLWQ+RBWDZCbBqsr8xzU0ZOxYTCQ==}
+
+  '@vue/compiler-core@3.5.12':
+    resolution: {integrity: sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==}
+
+  '@vue/compiler-core@3.5.16':
+    resolution: {integrity: sha512-AOQS2eaQOaaZQoL1u+2rCJIKDruNXVBZSiUD3chnUrsoX5ZTQMaCvXlWNIfxBJuU15r1o7+mpo5223KVtIhAgQ==}
+
+  '@vue/compiler-dom@3.5.12':
+    resolution: {integrity: sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==}
+
+  '@vue/compiler-dom@3.5.16':
+    resolution: {integrity: sha512-SSJIhBr/teipXiXjmWOVWLnxjNGo65Oj/8wTEQz0nqwQeP75jWZ0n4sF24Zxoht1cuJoWopwj0J0exYwCJ0dCQ==}
+
+  '@vue/compiler-sfc@3.5.16':
+    resolution: {integrity: sha512-rQR6VSFNpiinDy/DVUE0vHoIDUF++6p910cgcZoaAUm3POxgNOOdS/xgoll3rNdKYTYPnnbARDCZOyZ+QSe6Pw==}
+
+  '@vue/compiler-ssr@3.5.16':
+    resolution: {integrity: sha512-d2V7kfxbdsjrDSGlJE7my1ZzCXViEcqN6w14DOsDrUCHEA6vbnVCpRFfrc4ryCP/lCKzX2eS1YtnLE/BuC9f/A==}
+
+  '@vue/compiler-vue2@2.7.16':
+    resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
+
+  '@vue/devtools-api@7.7.0':
+    resolution: {integrity: sha512-bHEv6kT85BHtyGgDhE07bAUMAy7zpv6nnR004nSTd0wWMrAOtcrYoXO5iyr20Hkf5jR8obQOfS3byW+I3l2CCA==}
+
+  '@vue/devtools-kit@7.7.0':
+    resolution: {integrity: sha512-5cvZ+6SA88zKC8XiuxUfqpdTwVjJbvYnQZY5NReh7qlSGPvVDjjzyEtW+gdzLXNSd8tStgOjAdMCpvDQamUXtA==}
+
+  '@vue/devtools-shared@7.7.0':
+    resolution: {integrity: sha512-jtlQY26R5thQxW9YQTpXbI0HoK0Wf9Rd4ekidOkRvSy7ChfK0kIU6vvcBtjj87/EcpeOSK49fZAicaFNJcoTcQ==}
+
+  '@vue/language-core@2.1.6':
+    resolution: {integrity: sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@vue/reactivity@3.5.16':
+    resolution: {integrity: sha512-FG5Q5ee/kxhIm1p2bykPpPwqiUBV3kFySsHEQha5BJvjXdZTUfmya7wP7zC39dFuZAcf/PD5S4Lni55vGLMhvA==}
+
+  '@vue/repl@4.5.1':
+    resolution: {integrity: sha512-YYXvFue2GOrZ6EWnoA8yQVKzdCIn45+tpwJHzMof1uwrgyYAVY9ynxCsDYeAuWcpaAeylg/nybhFuqiFy2uvYA==}
+
+  '@vue/runtime-core@3.5.16':
+    resolution: {integrity: sha512-bw5Ykq6+JFHYxrQa7Tjr+VSzw7Dj4ldR/udyBZbq73fCdJmyy5MPIFR9IX/M5Qs+TtTjuyUTCnmK3lWWwpAcFQ==}
+
+  '@vue/runtime-dom@3.5.16':
+    resolution: {integrity: sha512-T1qqYJsG2xMGhImRUV9y/RseB9d0eCYZQ4CWca9ztCuiPj/XWNNN+lkNBuzVbia5z4/cgxdL28NoQCvC0Xcfww==}
+
+  '@vue/server-renderer@3.5.16':
+    resolution: {integrity: sha512-BrX0qLiv/WugguGsnQUJiYOE0Fe5mZTwi6b7X/ybGB0vfrPH9z0gD/Y6WOR1sGCgX4gc25L1RYS5eYQKDMoNIg==}
+    peerDependencies:
+      vue: 3.5.16
+
+  '@vue/shared@3.5.12':
+    resolution: {integrity: sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==}
+
+  '@vue/shared@3.5.13':
+    resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==}
+
+  '@vue/shared@3.5.16':
+    resolution: {integrity: sha512-c/0fWy3Jw6Z8L9FmTyYfkpM5zklnqqa9+a6dz3DvONRKW2NEbh46BP0FHuLFSWi2TnQEtp91Z6zOWNrU6QiyPg==}
+
+  '@vue/theme@2.3.0':
+    resolution: {integrity: sha512-eKd4ipY6i6P2XD2iRVgbxs936g7pesEY2AgNX24C/sjzcmCnm48J7uV8xKXI2du2qfA89/r5QQp7bqZVf2Tekw==}
+    peerDependencies:
+      vitepress: ^1.2.2
+
+  '@vueuse/core@10.11.1':
+    resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
+
+  '@vueuse/core@12.5.0':
+    resolution: {integrity: sha512-GVyH1iYqNANwcahAx8JBm6awaNgvR/SwZ1fjr10b8l1HIgDp82ngNbfzJUgOgWEoxjL+URAggnlilAEXwCOZtg==}
+
+  '@vueuse/integrations@12.5.0':
+    resolution: {integrity: sha512-HYLt8M6mjUfcoUOzyBcX2RjpfapIwHPBmQJtTmXOQW845Y/Osu9VuTJ5kPvnmWJ6IUa05WpblfOwZ+P0G4iZsQ==}
+    peerDependencies:
+      async-validator: ^4
+      axios: ^1
+      change-case: ^5
+      drauu: ^0.4
+      focus-trap: ^7
+      fuse.js: ^7
+      idb-keyval: ^6
+      jwt-decode: ^4
+      nprogress: ^0.2
+      qrcode: ^1.5
+      sortablejs: ^1
+      universal-cookie: ^7
+    peerDependenciesMeta:
+      async-validator:
+        optional: true
+      axios:
+        optional: true
+      change-case:
+        optional: true
+      drauu:
+        optional: true
+      focus-trap:
+        optional: true
+      fuse.js:
+        optional: true
+      idb-keyval:
+        optional: true
+      jwt-decode:
+        optional: true
+      nprogress:
+        optional: true
+      qrcode:
+        optional: true
+      sortablejs:
+        optional: true
+      universal-cookie:
+        optional: true
+
+  '@vueuse/metadata@10.11.1':
+    resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
+
+  '@vueuse/metadata@12.5.0':
+    resolution: {integrity: sha512-Ui7Lo2a7AxrMAXRF+fAp9QsXuwTeeZ8fIB9wsLHqzq9MQk+2gMYE2IGJW48VMJ8ecvCB3z3GsGLKLbSasQ5Qlg==}
+
+  '@vueuse/shared@10.11.1':
+    resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
+
+  '@vueuse/shared@12.5.0':
+    resolution: {integrity: sha512-vMpcL1lStUU6O+kdj6YdHDixh0odjPAUM15uJ9f7MY781jcYkIwFA4iv2EfoIPO6vBmvutI1HxxAwmf0cx5ISQ==}
+
+  algoliasearch@4.24.0:
+    resolution: {integrity: sha512-bf0QV/9jVejssFBmz2HQLxUadxk574t4iwjCKp5E7NBzwKkrDEhKPISIIjAU/p6K5qDx3qoeh4+26zWN1jmw3g==}
+
+  algoliasearch@5.20.0:
+    resolution: {integrity: sha512-groO71Fvi5SWpxjI9Ia+chy0QBwT61mg6yxJV27f5YFf+Mw+STT75K6SHySpP8Co5LsCrtsbCH5dJZSRtkSKaQ==}
+    engines: {node: '>= 14.0.0'}
+
+  argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  birpc@0.2.19:
+    resolution: {integrity: sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==}
+
+  body-scroll-lock@4.0.0-beta.0:
+    resolution: {integrity: sha512-a7tP5+0Mw3YlUJcGAKUqIBkYYGlYxk2fnCasq/FUph1hadxlTRjF+gAcZksxANnaMnALjxEddmSi/H3OR8ugcQ==}
+
+  brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  computeds@0.0.1:
+    resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}
+
+  copy-anything@3.0.5:
+    resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==}
+    engines: {node: '>=12.13'}
+
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  de-indent@1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  dynamics.js@1.1.5:
+    resolution: {integrity: sha512-c+LHNccaJS67T4Jfk9b/5CwYsZCHmc10+MplWB8WPFyqTMEqOf8MI56Rg0JRILWjtXnjuBO7xmrNevNnPX+NHg==}
+
+  emoji-regex-xs@1.0.0:
+    resolution: {integrity: sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+
+  focus-trap@7.6.4:
+    resolution: {integrity: sha512-xx560wGBk7seZ6y933idtjJQc1l+ck+pI3sKvhKozdBV1dRZoKhkW5xoCaFv9tQiX5RH1xfSxjuNu6g+lmN/gw==}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  gray-matter@4.0.3:
+    resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
+    engines: {node: '>=6.0'}
+
+  gsap@3.12.5:
+    resolution: {integrity: sha512-srBfnk4n+Oe/ZnMIOXt3gT605BX9x5+rh/prT2F1SsNJsU1XuMiP0E2aptW481OnonOGACZWBqseH5Z7csHxhQ==}
+
+  hast-util-to-html@9.0.4:
+    resolution: {integrity: sha512-wxQzXtdbhiwGAUKrnQJXlOPmHnEehzphwkK7aluUPQ+lEc1xefC8pblMgpp2w5ldBTEfveRIrADcrhGIWrlTDA==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
+  is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+
+  is-what@4.1.16:
+    resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==}
+    engines: {node: '>=12.13'}
+
+  js-yaml@3.14.1:
+    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+    hasBin: true
+
+  kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+
+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
+  mark.js@8.11.1:
+    resolution: {integrity: sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==}
+
+  markdown-title@1.0.2:
+    resolution: {integrity: sha512-MqIQVVkz+uGEHi3TsHx/czcxxCbRIL7sv5K5DnYw/tI+apY54IbPefV/cmgxp6LoJSEx/TqcHdLs/298afG5QQ==}
+    engines: {node: '>=6'}
+
+  mdast-util-to-hast@13.2.0:
+    resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.1:
+    resolution: {integrity: sha512-534m2WhVTddrcKVepwmVEVnUAmtrx9bfIjNoQHRqfnvdaHQiFytEhJoTgpWJvDEXCO5gLTQh3wYC1PgOJA4NSQ==}
+
+  minimatch@10.0.1:
+    resolution: {integrity: sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==}
+    engines: {node: 20 || >=22}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minisearch@7.1.1:
+    resolution: {integrity: sha512-b3YZEYCEH4EdCAtYP7OlDyx7FdPwNzuNwLQ34SfJpM9dlbBZzeXndGavTrC+VCiRWomL21SWfMc6SCKO/U2ZNw==}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@3.3.8:
+    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  normalize.css@8.0.1:
+    resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
+
+  oniguruma-to-es@2.3.0:
+    resolution: {integrity: sha512-bwALDxriqfKGfUufKGGepCzu9x7nJQuoRoAFp4AnwehhC2crqrDIAP/uN2qdlsAvSMpeRC3+Yzhqc7hLmle5+g==}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  postcss@8.5.1:
+    resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.5.4:
+    resolution: {integrity: sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  preact@10.24.2:
+    resolution: {integrity: sha512-1cSoF0aCC8uaARATfrlz4VCBqE8LwZwRfLgkxJOQwAlQt6ayTmi0D9OF7nXid1POI5SZidFuG9CnlXbDfLqY/Q==}
+
+  preact@10.25.4:
+    resolution: {integrity: sha512-jLdZDb+Q+odkHJ+MpW/9U5cODzqnB+fy2EiHSZES7ldV5LK7yjlVzTp7R8Xy6W6y75kfK8iWYtFVH7lvjwrCMA==}
+
+  property-information@6.5.0:
+    resolution: {integrity: sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==}
+
+  regex-recursion@5.1.1:
+    resolution: {integrity: sha512-ae7SBCbzVNrIjgSbh7wMznPcQel1DNlDtzensnFxpiNpXt1U2ju/bHugH422r+4LAVS1FpW1YCwilmnNsjum9w==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@5.1.1:
+    resolution: {integrity: sha512-dN5I359AVGPnwzJm2jN1k0W9LPZ+ePvoOeVMMfqIMFz53sSwXkxaJoxr50ptnsC771lK95BnTrVSZxq0b9yCGw==}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rollup@4.31.0:
+    resolution: {integrity: sha512-9cCE8P4rZLx9+PjoyqHLs31V9a9Vpvfo4qNcs6JCiGWYhw2gijSetFbH6SSy1whnkgcefnUwr8sad7tgqsGvnw==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  search-insights@2.17.2:
+    resolution: {integrity: sha512-zFNpOpUO+tY2D85KrxJ+aqwnIfdEGi06UH2+xEb+Bp9Mwznmauqc9djbnBibJO5mpfUPPa8st6Sx65+vbeO45g==}
+
+  section-matter@1.0.0:
+    resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
+    engines: {node: '>=4'}
+
+  semver@7.6.3:
+    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  shiki@2.1.0:
+    resolution: {integrity: sha512-yvKPdNGLXZv7WC4bl7JBbU3CEcUxnBanvMez8MG3gZXKpClGL4bHqFyLhTx+2zUvbjClUANs/S22HXb7aeOgmA==}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
+  strip-bom-string@1.0.0:
+    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
+    engines: {node: '>=0.10.0'}
+
+  superjson@2.2.2:
+    resolution: {integrity: sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==}
+    engines: {node: '>=16'}
+
+  tabbable@6.2.0:
+    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
+
+  tiny-decode@0.1.3:
+    resolution: {integrity: sha512-1z+tXaZpPUyREOfjKDQj5lR6HfD6Pa4NF7pb/9ep7sP4+X5WF76bGdJktWCY1Rm+aMR46vJ75VAL/oAptpD1AA==}
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  typescript@5.6.3:
+    resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  undici-types@6.19.8:
+    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
+
+  unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+
+  unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+
+  vfile-message@4.0.2:
+    resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
+  vite@5.4.14:
+    resolution: {integrity: sha512-EK5cY7Q1D8JNhSaPKVK4pwBFvaTmZxEnoKXLG/U9gmdDcihQGNzFlgIvaxezFR4glP1LsuiedwMBqCXH3wZccA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vitepress-plugin-llms@0.0.8:
+    resolution: {integrity: sha512-xz4wb87TqAn75RbKwQs+w+63OToK7W57pmLKIEY849Izpzi/WvTI9T+rCDwabdhPFirI3LLT2P2nErsSrik0/A==}
+
+  vitepress@1.6.3:
+    resolution: {integrity: sha512-fCkfdOk8yRZT8GD9BFqusW3+GggWYZ/rYncOfmgcDtP3ualNHCAg+Robxp2/6xfH1WwPHtGpPwv7mbA3qomtBw==}
+    hasBin: true
+    peerDependencies:
+      markdown-it-mathjax3: ^4
+      postcss: ^8
+    peerDependenciesMeta:
+      markdown-it-mathjax3:
+        optional: true
+      postcss:
+        optional: true
+
+  vscode-uri@3.0.8:
+    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+
+  vue-demi@0.14.10:
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
+  vue-tsc@2.1.6:
+    resolution: {integrity: sha512-f98dyZp5FOukcYmbFpuSCJ4Z0vHSOSmxGttZJCsFeX0M4w/Rsq0s4uKXjcSRsZqsRgQa6z7SfuO+y0HVICE57Q==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.0.0'
+
+  vue@3.5.16:
+    resolution: {integrity: sha512-rjOV2ecxMd5SiAmof2xzh2WxntRcigkX/He4YFJ6WdRvVUrbt6DxC1Iujh10XLl8xCDRDtGKMeO3D+pRQ1PP9w==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@algolia/autocomplete-core@1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)(search-insights@2.17.2)':
+    dependencies:
+      '@algolia/autocomplete-plugin-algolia-insights': 1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)(search-insights@2.17.2)
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - algoliasearch
+      - search-insights
+
+  '@algolia/autocomplete-core@1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)(search-insights@2.17.2)':
+    dependencies:
+      '@algolia/autocomplete-plugin-algolia-insights': 1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)(search-insights@2.17.2)
+      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - algoliasearch
+      - search-insights
+
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)(search-insights@2.17.2)':
+    dependencies:
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)
+      search-insights: 2.17.2
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - algoliasearch
+
+  '@algolia/autocomplete-plugin-algolia-insights@1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)(search-insights@2.17.2)':
+    dependencies:
+      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)
+      search-insights: 2.17.2
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - algoliasearch
+
+  '@algolia/autocomplete-preset-algolia@1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)':
+    dependencies:
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)
+      '@algolia/client-search': 5.20.0
+      algoliasearch: 5.20.0
+
+  '@algolia/autocomplete-preset-algolia@1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)':
+    dependencies:
+      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)
+      '@algolia/client-search': 5.20.0
+      algoliasearch: 4.24.0
+
+  '@algolia/autocomplete-shared@1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)':
+    dependencies:
+      '@algolia/client-search': 5.20.0
+      algoliasearch: 5.20.0
+
+  '@algolia/autocomplete-shared@1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)':
+    dependencies:
+      '@algolia/client-search': 5.20.0
+      algoliasearch: 4.24.0
+
+  '@algolia/cache-browser-local-storage@4.24.0':
+    dependencies:
+      '@algolia/cache-common': 4.24.0
+
+  '@algolia/cache-common@4.24.0': {}
+
+  '@algolia/cache-in-memory@4.24.0':
+    dependencies:
+      '@algolia/cache-common': 4.24.0
+
+  '@algolia/client-abtesting@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/client-account@4.24.0':
+    dependencies:
+      '@algolia/client-common': 4.24.0
+      '@algolia/client-search': 4.24.0
+      '@algolia/transporter': 4.24.0
+
+  '@algolia/client-analytics@4.24.0':
+    dependencies:
+      '@algolia/client-common': 4.24.0
+      '@algolia/client-search': 4.24.0
+      '@algolia/requester-common': 4.24.0
+      '@algolia/transporter': 4.24.0
+
+  '@algolia/client-analytics@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/client-common@4.24.0':
+    dependencies:
+      '@algolia/requester-common': 4.24.0
+      '@algolia/transporter': 4.24.0
+
+  '@algolia/client-common@5.20.0': {}
+
+  '@algolia/client-insights@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/client-personalization@4.24.0':
+    dependencies:
+      '@algolia/client-common': 4.24.0
+      '@algolia/requester-common': 4.24.0
+      '@algolia/transporter': 4.24.0
+
+  '@algolia/client-personalization@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/client-query-suggestions@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/client-search@4.24.0':
+    dependencies:
+      '@algolia/client-common': 4.24.0
+      '@algolia/requester-common': 4.24.0
+      '@algolia/transporter': 4.24.0
+
+  '@algolia/client-search@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/ingestion@1.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/logger-common@4.24.0': {}
+
+  '@algolia/logger-console@4.24.0':
+    dependencies:
+      '@algolia/logger-common': 4.24.0
+
+  '@algolia/monitoring@1.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/recommend@4.24.0':
+    dependencies:
+      '@algolia/cache-browser-local-storage': 4.24.0
+      '@algolia/cache-common': 4.24.0
+      '@algolia/cache-in-memory': 4.24.0
+      '@algolia/client-common': 4.24.0
+      '@algolia/client-search': 4.24.0
+      '@algolia/logger-common': 4.24.0
+      '@algolia/logger-console': 4.24.0
+      '@algolia/requester-browser-xhr': 4.24.0
+      '@algolia/requester-common': 4.24.0
+      '@algolia/requester-node-http': 4.24.0
+      '@algolia/transporter': 4.24.0
+
+  '@algolia/recommend@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  '@algolia/requester-browser-xhr@4.24.0':
+    dependencies:
+      '@algolia/requester-common': 4.24.0
+
+  '@algolia/requester-browser-xhr@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+
+  '@algolia/requester-common@4.24.0': {}
+
+  '@algolia/requester-fetch@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+
+  '@algolia/requester-node-http@4.24.0':
+    dependencies:
+      '@algolia/requester-common': 4.24.0
+
+  '@algolia/requester-node-http@5.20.0':
+    dependencies:
+      '@algolia/client-common': 5.20.0
+
+  '@algolia/transporter@4.24.0':
+    dependencies:
+      '@algolia/cache-common': 4.24.0
+      '@algolia/logger-common': 4.24.0
+      '@algolia/requester-common': 4.24.0
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.27.1': {}
+
+  '@babel/parser@7.27.3':
+    dependencies:
+      '@babel/types': 7.27.3
+
+  '@babel/types@7.27.3':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@docsearch/css@3.6.2': {}
+
+  '@docsearch/css@3.8.2': {}
+
+  '@docsearch/js@3.6.2(@algolia/client-search@5.20.0)(search-insights@2.17.2)':
+    dependencies:
+      '@docsearch/react': 3.6.2(@algolia/client-search@5.20.0)(search-insights@2.17.2)
+      preact: 10.24.2
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - '@types/react'
+      - react
+      - react-dom
+      - search-insights
+
+  '@docsearch/js@3.8.2(@algolia/client-search@5.20.0)(search-insights@2.17.2)':
+    dependencies:
+      '@docsearch/react': 3.8.2(@algolia/client-search@5.20.0)(search-insights@2.17.2)
+      preact: 10.25.4
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - '@types/react'
+      - react
+      - react-dom
+      - search-insights
+
+  '@docsearch/react@3.6.2(@algolia/client-search@5.20.0)(search-insights@2.17.2)':
+    dependencies:
+      '@algolia/autocomplete-core': 1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)(search-insights@2.17.2)
+      '@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@5.20.0)(algoliasearch@4.24.0)
+      '@docsearch/css': 3.6.2
+      algoliasearch: 4.24.0
+    optionalDependencies:
+      search-insights: 2.17.2
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+
+  '@docsearch/react@3.8.2(@algolia/client-search@5.20.0)(search-insights@2.17.2)':
+    dependencies:
+      '@algolia/autocomplete-core': 1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)(search-insights@2.17.2)
+      '@algolia/autocomplete-preset-algolia': 1.17.7(@algolia/client-search@5.20.0)(algoliasearch@5.20.0)
+      '@docsearch/css': 3.8.2
+      algoliasearch: 5.20.0
+    optionalDependencies:
+      search-insights: 2.17.2
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+
+  '@esbuild/aix-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm@0.21.5':
+    optional: true
+
+  '@esbuild/android-x64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-x64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/linux-loong64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-s390x@0.21.5':
+    optional: true
+
+  '@esbuild/linux-x64@0.21.5':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/sunos-x64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/win32-x64@0.21.5':
+    optional: true
+
+  '@iconify-json/simple-icons@1.2.21':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
+  '@rollup/rollup-android-arm-eabi@4.31.0':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.31.0':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.31.0':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.31.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.31.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.31.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.31.0':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.31.0':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.31.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.31.0':
+    optional: true
+
+  '@shikijs/core@2.1.0':
+    dependencies:
+      '@shikijs/engine-javascript': 2.1.0
+      '@shikijs/engine-oniguruma': 2.1.0
+      '@shikijs/types': 2.1.0
+      '@shikijs/vscode-textmate': 10.0.1
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.4
+
+  '@shikijs/engine-javascript@2.1.0':
+    dependencies:
+      '@shikijs/types': 2.1.0
+      '@shikijs/vscode-textmate': 10.0.1
+      oniguruma-to-es: 2.3.0
+
+  '@shikijs/engine-oniguruma@2.1.0':
+    dependencies:
+      '@shikijs/types': 2.1.0
+      '@shikijs/vscode-textmate': 10.0.1
+
+  '@shikijs/langs@2.1.0':
+    dependencies:
+      '@shikijs/types': 2.1.0
+
+  '@shikijs/themes@2.1.0':
+    dependencies:
+      '@shikijs/types': 2.1.0
+
+  '@shikijs/transformers@2.1.0':
+    dependencies:
+      '@shikijs/core': 2.1.0
+      '@shikijs/types': 2.1.0
+
+  '@shikijs/types@2.1.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.1
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.1': {}
+
+  '@types/body-scroll-lock@3.1.2': {}
+
+  '@types/estree@1.0.6': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/linkify-it@5.0.0': {}
+
+  '@types/markdown-it@14.1.2':
+    dependencies:
+      '@types/linkify-it': 5.0.0
+      '@types/mdurl': 2.0.0
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/mdurl@2.0.0': {}
+
+  '@types/node@22.7.5':
+    dependencies:
+      undici-types: 6.19.8
+
+  '@types/unist@3.0.3': {}
+
+  '@types/web-bluetooth@0.0.20': {}
+
+  '@ungap/structured-clone@1.2.1': {}
+
+  '@vitejs/plugin-vue@5.2.1(vite@5.4.14(@types/node@22.7.5))(vue@3.5.16(typescript@5.6.3))':
+    dependencies:
+      vite: 5.4.14(@types/node@22.7.5)
+      vue: 3.5.16(typescript@5.6.3)
+
+  '@volar/language-core@2.4.6':
+    dependencies:
+      '@volar/source-map': 2.4.6
+
+  '@volar/source-map@2.4.6': {}
+
+  '@volar/typescript@2.4.6':
+    dependencies:
+      '@volar/language-core': 2.4.6
+      path-browserify: 1.0.1
+      vscode-uri: 3.0.8
+
+  '@vue/compiler-core@3.5.12':
+    dependencies:
+      '@babel/parser': 7.27.3
+      '@vue/shared': 3.5.12
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-core@3.5.16':
+    dependencies:
+      '@babel/parser': 7.27.3
+      '@vue/shared': 3.5.16
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.12':
+    dependencies:
+      '@vue/compiler-core': 3.5.12
+      '@vue/shared': 3.5.12
+
+  '@vue/compiler-dom@3.5.16':
+    dependencies:
+      '@vue/compiler-core': 3.5.16
+      '@vue/shared': 3.5.16
+
+  '@vue/compiler-sfc@3.5.16':
+    dependencies:
+      '@babel/parser': 7.27.3
+      '@vue/compiler-core': 3.5.16
+      '@vue/compiler-dom': 3.5.16
+      '@vue/compiler-ssr': 3.5.16
+      '@vue/shared': 3.5.16
+      estree-walker: 2.0.2
+      magic-string: 0.30.17
+      postcss: 8.5.4
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.16':
+    dependencies:
+      '@vue/compiler-dom': 3.5.16
+      '@vue/shared': 3.5.16
+
+  '@vue/compiler-vue2@2.7.16':
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+
+  '@vue/devtools-api@7.7.0':
+    dependencies:
+      '@vue/devtools-kit': 7.7.0
+
+  '@vue/devtools-kit@7.7.0':
+    dependencies:
+      '@vue/devtools-shared': 7.7.0
+      birpc: 0.2.19
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.2
+
+  '@vue/devtools-shared@7.7.0':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/language-core@2.1.6(typescript@5.6.3)':
+    dependencies:
+      '@volar/language-core': 2.4.6
+      '@vue/compiler-dom': 3.5.12
+      '@vue/compiler-vue2': 2.7.16
+      '@vue/shared': 3.5.13
+      computeds: 0.0.1
+      minimatch: 9.0.5
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+    optionalDependencies:
+      typescript: 5.6.3
+
+  '@vue/reactivity@3.5.16':
+    dependencies:
+      '@vue/shared': 3.5.16
+
+  '@vue/repl@4.5.1': {}
+
+  '@vue/runtime-core@3.5.16':
+    dependencies:
+      '@vue/reactivity': 3.5.16
+      '@vue/shared': 3.5.16
+
+  '@vue/runtime-dom@3.5.16':
+    dependencies:
+      '@vue/reactivity': 3.5.16
+      '@vue/runtime-core': 3.5.16
+      '@vue/shared': 3.5.16
+      csstype: 3.1.3
+
+  '@vue/server-renderer@3.5.16(vue@3.5.16(typescript@5.6.3))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.16
+      '@vue/shared': 3.5.16
+      vue: 3.5.16(typescript@5.6.3)
+
+  '@vue/shared@3.5.12': {}
+
+  '@vue/shared@3.5.13': {}
+
+  '@vue/shared@3.5.16': {}
+
+  '@vue/theme@2.3.0(@algolia/client-search@5.20.0)(search-insights@2.17.2)(vitepress@1.6.3(@algolia/client-search@5.20.0)(@types/node@22.7.5)(postcss@8.5.4)(search-insights@2.17.2)(typescript@5.6.3))(vue@3.5.16(typescript@5.6.3))':
+    dependencies:
+      '@docsearch/css': 3.6.2
+      '@docsearch/js': 3.6.2(@algolia/client-search@5.20.0)(search-insights@2.17.2)
+      '@vueuse/core': 10.11.1(vue@3.5.16(typescript@5.6.3))
+      body-scroll-lock: 4.0.0-beta.0
+      normalize.css: 8.0.1
+      tiny-decode: 0.1.3
+      vitepress: 1.6.3(@algolia/client-search@5.20.0)(@types/node@22.7.5)(postcss@8.5.4)(search-insights@2.17.2)(typescript@5.6.3)
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - '@types/react'
+      - '@vue/composition-api'
+      - react
+      - react-dom
+      - search-insights
+      - vue
+
+  '@vueuse/core@10.11.1(vue@3.5.16(typescript@5.6.3))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 10.11.1
+      '@vueuse/shared': 10.11.1(vue@3.5.16(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.16(typescript@5.6.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/core@12.5.0(typescript@5.6.3)':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 12.5.0
+      '@vueuse/shared': 12.5.0(typescript@5.6.3)
+      vue: 3.5.16(typescript@5.6.3)
+    transitivePeerDependencies:
+      - typescript
+
+  '@vueuse/integrations@12.5.0(focus-trap@7.6.4)(typescript@5.6.3)':
+    dependencies:
+      '@vueuse/core': 12.5.0(typescript@5.6.3)
+      '@vueuse/shared': 12.5.0(typescript@5.6.3)
+      vue: 3.5.16(typescript@5.6.3)
+    optionalDependencies:
+      focus-trap: 7.6.4
+    transitivePeerDependencies:
+      - typescript
+
+  '@vueuse/metadata@10.11.1': {}
+
+  '@vueuse/metadata@12.5.0': {}
+
+  '@vueuse/shared@10.11.1(vue@3.5.16(typescript@5.6.3))':
+    dependencies:
+      vue-demi: 0.14.10(vue@3.5.16(typescript@5.6.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/shared@12.5.0(typescript@5.6.3)':
+    dependencies:
+      vue: 3.5.16(typescript@5.6.3)
+    transitivePeerDependencies:
+      - typescript
+
+  algoliasearch@4.24.0:
+    dependencies:
+      '@algolia/cache-browser-local-storage': 4.24.0
+      '@algolia/cache-common': 4.24.0
+      '@algolia/cache-in-memory': 4.24.0
+      '@algolia/client-account': 4.24.0
+      '@algolia/client-analytics': 4.24.0
+      '@algolia/client-common': 4.24.0
+      '@algolia/client-personalization': 4.24.0
+      '@algolia/client-search': 4.24.0
+      '@algolia/logger-common': 4.24.0
+      '@algolia/logger-console': 4.24.0
+      '@algolia/recommend': 4.24.0
+      '@algolia/requester-browser-xhr': 4.24.0
+      '@algolia/requester-common': 4.24.0
+      '@algolia/requester-node-http': 4.24.0
+      '@algolia/transporter': 4.24.0
+
+  algoliasearch@5.20.0:
+    dependencies:
+      '@algolia/client-abtesting': 5.20.0
+      '@algolia/client-analytics': 5.20.0
+      '@algolia/client-common': 5.20.0
+      '@algolia/client-insights': 5.20.0
+      '@algolia/client-personalization': 5.20.0
+      '@algolia/client-query-suggestions': 5.20.0
+      '@algolia/client-search': 5.20.0
+      '@algolia/ingestion': 1.20.0
+      '@algolia/monitoring': 1.20.0
+      '@algolia/recommend': 5.20.0
+      '@algolia/requester-browser-xhr': 5.20.0
+      '@algolia/requester-fetch': 5.20.0
+      '@algolia/requester-node-http': 5.20.0
+
+  argparse@1.0.10:
+    dependencies:
+      sprintf-js: 1.0.3
+
+  balanced-match@1.0.2: {}
+
+  birpc@0.2.19: {}
+
+  body-scroll-lock@4.0.0-beta.0: {}
+
+  brace-expansion@2.0.1:
+    dependencies:
+      balanced-match: 1.0.2
+
+  ccount@2.0.1: {}
+
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  comma-separated-tokens@2.0.3: {}
+
+  computeds@0.0.1: {}
+
+  copy-anything@3.0.5:
+    dependencies:
+      is-what: 4.1.16
+
+  csstype@3.1.3: {}
+
+  de-indent@1.0.2: {}
+
+  dequal@2.0.3: {}
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  dynamics.js@1.1.5: {}
+
+  emoji-regex-xs@1.0.0: {}
+
+  entities@4.5.0: {}
+
+  esbuild@0.21.5:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.21.5
+      '@esbuild/android-arm': 0.21.5
+      '@esbuild/android-arm64': 0.21.5
+      '@esbuild/android-x64': 0.21.5
+      '@esbuild/darwin-arm64': 0.21.5
+      '@esbuild/darwin-x64': 0.21.5
+      '@esbuild/freebsd-arm64': 0.21.5
+      '@esbuild/freebsd-x64': 0.21.5
+      '@esbuild/linux-arm': 0.21.5
+      '@esbuild/linux-arm64': 0.21.5
+      '@esbuild/linux-ia32': 0.21.5
+      '@esbuild/linux-loong64': 0.21.5
+      '@esbuild/linux-mips64el': 0.21.5
+      '@esbuild/linux-ppc64': 0.21.5
+      '@esbuild/linux-riscv64': 0.21.5
+      '@esbuild/linux-s390x': 0.21.5
+      '@esbuild/linux-x64': 0.21.5
+      '@esbuild/netbsd-x64': 0.21.5
+      '@esbuild/openbsd-x64': 0.21.5
+      '@esbuild/sunos-x64': 0.21.5
+      '@esbuild/win32-arm64': 0.21.5
+      '@esbuild/win32-ia32': 0.21.5
+      '@esbuild/win32-x64': 0.21.5
+
+  esprima@4.0.1: {}
+
+  estree-walker@2.0.2: {}
+
+  extend-shallow@2.0.1:
+    dependencies:
+      is-extendable: 0.1.1
+
+  focus-trap@7.6.4:
+    dependencies:
+      tabbable: 6.2.0
+
+  fsevents@2.3.3:
+    optional: true
+
+  gray-matter@4.0.3:
+    dependencies:
+      js-yaml: 3.14.1
+      kind-of: 6.0.3
+      section-matter: 1.0.0
+      strip-bom-string: 1.0.0
+
+  gsap@3.12.5: {}
+
+  hast-util-to-html@9.0.4:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.0
+      property-information: 6.5.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  he@1.2.0: {}
+
+  hookable@5.5.3: {}
+
+  html-void-elements@3.0.0: {}
+
+  is-extendable@0.1.1: {}
+
+  is-what@4.1.16: {}
+
+  js-yaml@3.14.1:
+    dependencies:
+      argparse: 1.0.10
+      esprima: 4.0.1
+
+  kind-of@6.0.3: {}
+
+  magic-string@0.30.17:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
+  mark.js@8.11.1: {}
+
+  markdown-title@1.0.2: {}
+
+  mdast-util-to-hast@13.2.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.2.1
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.3
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.1: {}
+
+  minimatch@10.0.1:
+    dependencies:
+      brace-expansion: 2.0.1
+
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
+  minisearch@7.1.1: {}
+
+  mitt@3.0.1: {}
+
+  muggle-string@0.4.1: {}
+
+  nanoid@3.3.11: {}
+
+  nanoid@3.3.8: {}
+
+  normalize.css@8.0.1: {}
+
+  oniguruma-to-es@2.3.0:
+    dependencies:
+      emoji-regex-xs: 1.0.0
+      regex: 5.1.1
+      regex-recursion: 5.1.1
+
+  path-browserify@1.0.1: {}
+
+  perfect-debounce@1.0.0: {}
+
+  picocolors@1.1.1: {}
+
+  postcss@8.5.1:
+    dependencies:
+      nanoid: 3.3.8
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  postcss@8.5.4:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  preact@10.24.2: {}
+
+  preact@10.25.4: {}
+
+  property-information@6.5.0: {}
+
+  regex-recursion@5.1.1:
+    dependencies:
+      regex: 5.1.1
+      regex-utilities: 2.3.0
+
+  regex-utilities@2.3.0: {}
+
+  regex@5.1.1:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  rfdc@1.4.1: {}
+
+  rollup@4.31.0:
+    dependencies:
+      '@types/estree': 1.0.6
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.31.0
+      '@rollup/rollup-android-arm64': 4.31.0
+      '@rollup/rollup-darwin-arm64': 4.31.0
+      '@rollup/rollup-darwin-x64': 4.31.0
+      '@rollup/rollup-freebsd-arm64': 4.31.0
+      '@rollup/rollup-freebsd-x64': 4.31.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.31.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.31.0
+      '@rollup/rollup-linux-arm64-gnu': 4.31.0
+      '@rollup/rollup-linux-arm64-musl': 4.31.0
+      '@rollup/rollup-linux-loongarch64-gnu': 4.31.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.31.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.31.0
+      '@rollup/rollup-linux-s390x-gnu': 4.31.0
+      '@rollup/rollup-linux-x64-gnu': 4.31.0
+      '@rollup/rollup-linux-x64-musl': 4.31.0
+      '@rollup/rollup-win32-arm64-msvc': 4.31.0
+      '@rollup/rollup-win32-ia32-msvc': 4.31.0
+      '@rollup/rollup-win32-x64-msvc': 4.31.0
+      fsevents: 2.3.3
+
+  search-insights@2.17.2: {}
+
+  section-matter@1.0.0:
+    dependencies:
+      extend-shallow: 2.0.1
+      kind-of: 6.0.3
+
+  semver@7.6.3: {}
+
+  shiki@2.1.0:
+    dependencies:
+      '@shikijs/core': 2.1.0
+      '@shikijs/engine-javascript': 2.1.0
+      '@shikijs/engine-oniguruma': 2.1.0
+      '@shikijs/langs': 2.1.0
+      '@shikijs/themes': 2.1.0
+      '@shikijs/types': 2.1.0
+      '@shikijs/vscode-textmate': 10.0.1
+      '@types/hast': 3.0.4
+
+  source-map-js@1.2.1: {}
+
+  space-separated-tokens@2.0.2: {}
+
+  speakingurl@14.0.1: {}
+
+  sprintf-js@1.0.3: {}
+
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
+  strip-bom-string@1.0.0: {}
+
+  superjson@2.2.2:
+    dependencies:
+      copy-anything: 3.0.5
+
+  tabbable@6.2.0: {}
+
+  tiny-decode@0.1.3:
+    dependencies:
+      entities: 4.5.0
+
+  trim-lines@3.0.1: {}
+
+  typescript@5.6.3: {}
+
+  undici-types@6.19.8: {}
+
+  unist-util-is@6.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.0
+
+  unist-util-visit@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
+
+  vfile-message@4.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.2
+
+  vite@5.4.14(@types/node@22.7.5):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.1
+      rollup: 4.31.0
+    optionalDependencies:
+      '@types/node': 22.7.5
+      fsevents: 2.3.3
+
+  vitepress-plugin-llms@0.0.8:
+    dependencies:
+      gray-matter: 4.0.3
+      markdown-title: 1.0.2
+      minimatch: 10.0.1
+      picocolors: 1.1.1
+
+  vitepress@1.6.3(@algolia/client-search@5.20.0)(@types/node@22.7.5)(postcss@8.5.4)(search-insights@2.17.2)(typescript@5.6.3):
+    dependencies:
+      '@docsearch/css': 3.8.2
+      '@docsearch/js': 3.8.2(@algolia/client-search@5.20.0)(search-insights@2.17.2)
+      '@iconify-json/simple-icons': 1.2.21
+      '@shikijs/core': 2.1.0
+      '@shikijs/transformers': 2.1.0
+      '@shikijs/types': 2.1.0
+      '@types/markdown-it': 14.1.2
+      '@vitejs/plugin-vue': 5.2.1(vite@5.4.14(@types/node@22.7.5))(vue@3.5.16(typescript@5.6.3))
+      '@vue/devtools-api': 7.7.0
+      '@vue/shared': 3.5.13
+      '@vueuse/core': 12.5.0(typescript@5.6.3)
+      '@vueuse/integrations': 12.5.0(focus-trap@7.6.4)(typescript@5.6.3)
+      focus-trap: 7.6.4
+      mark.js: 8.11.1
+      minisearch: 7.1.1
+      shiki: 2.1.0
+      vite: 5.4.14(@types/node@22.7.5)
+      vue: 3.5.16(typescript@5.6.3)
+    optionalDependencies:
+      postcss: 8.5.4
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - '@types/node'
+      - '@types/react'
+      - async-validator
+      - axios
+      - change-case
+      - drauu
+      - fuse.js
+      - idb-keyval
+      - jwt-decode
+      - less
+      - lightningcss
+      - nprogress
+      - qrcode
+      - react
+      - react-dom
+      - sass
+      - sass-embedded
+      - search-insights
+      - sortablejs
+      - stylus
+      - sugarss
+      - terser
+      - typescript
+      - universal-cookie
+
+  vscode-uri@3.0.8: {}
+
+  vue-demi@0.14.10(vue@3.5.16(typescript@5.6.3)):
+    dependencies:
+      vue: 3.5.16(typescript@5.6.3)
+
+  vue-tsc@2.1.6(typescript@5.6.3):
+    dependencies:
+      '@volar/typescript': 2.4.6
+      '@vue/language-core': 2.1.6(typescript@5.6.3)
+      semver: 7.6.3
+      typescript: 5.6.3
+
+  vue@3.5.16(typescript@5.6.3):
+    dependencies:
+      '@vue/compiler-dom': 3.5.16
+      '@vue/compiler-sfc': 3.5.16
+      '@vue/runtime-dom': 3.5.16
+      '@vue/server-renderer': 3.5.16(vue@3.5.16(typescript@5.6.3))
+      '@vue/shared': 3.5.16
+    optionalDependencies:
+      typescript: 5.6.3
+
+  zwitch@2.0.4: {}
diff --git a/src/about/coc.md b/src/about/coc.md
index fd53230a08..48a3c2c6f2 100644
--- a/src/about/coc.md
+++ b/src/about/coc.md
@@ -1,10 +1,10 @@
-# Code Of Conduct
+# Code Of Conduct {#code-of-conduct}
 
-## Our Pledge
+## Our Pledge {#our-pledge}
 
 In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, political party, or sexual identity and orientation. Note, however, that religion, political party, or other ideological affiliation provide no exemptions for the behavior we outline as unacceptable in this Code of Conduct.
 
-## Our Standards
+## Our Standards {#our-standards}
 
 Examples of behavior that contributes to creating a positive environment include:
 
@@ -22,24 +22,26 @@ Examples of unacceptable behavior by participants include:
 - Publishing others' private information, such as a physical or electronic address, without explicit permission
 - Other conduct which could reasonably be considered inappropriate in a professional setting
 
-## Our Responsibilities
+## Our Responsibilities {#our-responsibilities}
 
 Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
 
 Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
 
-## Scope
+## Scope {#scope}
 
 This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
 
-## Enforcement
+## Enforcement {#enforcement}
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at community@vuejs.org. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
 
 Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
 
-## Attribution
+## Attribution {#attribution}
 
 This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
 
+For answers to common questions about this code of conduct, see https://www.contributor-covenant.org/faq
+
 [homepage]: https://www.contributor-covenant.org
diff --git a/src/about/community-guide.md b/src/about/community-guide.md
index 91c19f6a2f..d9e4a2b04f 100644
--- a/src/about/community-guide.md
+++ b/src/about/community-guide.md
@@ -2,47 +2,48 @@
 outline: deep
 ---
 
-# Community Guide
+# Community Guide {#community-guide}
 
 Vue's community is growing incredibly fast and if you're reading this, there's a good chance you're ready to join it. So... welcome!
 
 Now we'll answer both what the community can do for you and what you can do for the community.
 
-## Resources
+## Resources {#resources}
 
-### Code of Conduct
+### Code of Conduct {#code-of-conduct}
 
 Our [Code of Conduct](/about/coc) is a guide to make it easier to enrich all of us and the technical communities in which we participate.
 
-### Stay in the Know
+### Stay in the Know {#stay-in-the-know}
 
 - Follow our [official Twitter account](https://twitter.com/vuejs).
 - Follow our [team members](./team) on Twitter or GitHub.
 - Follow the [RFC discussions](https://github.com/vuejs/rfcs).
 - Subscribe to the [official blog](https://blog.vuejs.org/).
 
-### Get Support
+### Get Support {#get-support}
 
-- [Discord Chat](https://chat.vuejs.org/): A place for Vue devs to meet and chat in real time.
+- [Discord Chat](https://discord.com/invite/vue): A place for Vue devs to meet and chat in real time.
 - [Forum](https://forum.vuejs.org/): The best place to ask questions and get answers about Vue and its ecosystem.
-- [DEV Community](https://dev.to/t/vue): share and discuss Vue related topics on Dev.to.
+- [DEV Community](https://dev.to/t/vue): Share and discuss Vue related topics on Dev.to.
 - [Meetups](https://events.vuejs.org/meetups): Want to find local Vue enthusiasts like yourself? Interested in becoming a community leader? We have the help and support you need right here!
 - [GitHub](https://github.com/vuejs): If you have a bug to report or feature to request, that's what the GitHub issues are for. Please respect the rules specified in each repository's issue template.
+- [Twitter Community (unofficial)](https://twitter.com/i/communities/1516368750634840064): A Twitter community, where you can meet other Vue enthusiasts, get help, or just chat about Vue.
 
-### Explore the Ecosystem
+### Explore the Ecosystem {#explore-the-ecosystem}
 
 - [The Awesome Vue Page](https://github.com/vuejs/awesome-vue): See what other awesome resources have been published by other awesome people.
 - [Vue Telescope Explorer](https://vuetelescope.com/explore): Explore websites made with Vue, with insights on what framework / libraries they use.
 - [Made with Vue.js](https://madewithvuejs.com/): showcases of projects and libraries made with Vue.
-- [The "Show and Tell" Subforum](https://forum.vuejs.org/c/show-and-tell): Another great place to check out what others have built with and for the growing Vue ecosystem.
+- [The "Show and Tell" Subforum](https://github.com/vuejs/core/discussions/categories/show-and-tell): Another great place to check out what others have built with and for the growing Vue ecosystem.
 
-## What You Can Do
+## What You Can Do {#what-you-can-do}
 
-### Help Fellow Users
+### Help Fellow Users {#help-fellow-users}
 
 Code contribution is not the only form of contribution to the Vue community. Answering a question for a fellow Vue user on Discord or the forum is also considered a valuable contribution.
 
-### Help Triage Issues
+### Help Triage Issues {#help-triage-issues}
 
 Triaging an issue means gathering missing information, running the reproduction, verifying the issue's validity, and investigating the cause of the issue.
 
@@ -50,7 +51,7 @@ We receive many issues in [our repositories on GitHub](https://github.com/vuejs)
 
 You don't have to triage an issue with the goal of fixing it (although that would be nice too). Sharing the result of your investigation, for example the commit that led to the bug, can already save us a ton of time.
 
-### Contribute Code
+### Contribute Code {#contribute-code}
 
 Contributing bug fixes or new features is the most direct form of contribution you can make.
 
@@ -58,20 +59,20 @@ The Vue core repository provides a [contributing guide](https://github.com/vuejs
 
 Bug fixes are welcome at any time. For new features, it is best to discuss the use case and implementation details first in the [RFC repo](https://github.com/vuejs/rfcs/discussions).
 
-### Share (and Build) Your Experience
+### Share (and Build) Your Experience {#share-and-build-your-experience}
 
 Apart from answering questions and sharing resources in the forum and chat, there are a few other less obvious ways to share and expand what you know:
 
 - **Develop learning materials.** It's often said that the best way to learn is to teach. If there's something interesting you're doing with Vue, strengthen your expertise by writing a blog post, developing a workshop, or even publishing a gist that you share on social media.
 - **Watch a repo you care about.** This will send you notifications whenever there's activity in that repository, giving you insider knowledge about ongoing discussions and upcoming features. It's a fantastic way to build expertise so that you're eventually able to help address issues and pull requests.
 
-### Translate Docs
+### Translate Docs {#translate-docs}
 
 I hope that right now, you're reading this sentence in your preferred language. If not, would you like to help us get there?
 
 See the [Translations guide](/translations/) for more details on how you can get involved.
 
-### Become a Community Leader
+### Become a Community Leader {#become-a-community-leader}
 
 There's a lot you can do to help Vue grow in your community:
 
diff --git a/src/about/faq.md b/src/about/faq.md
index 54544719dd..860813a5be 100644
--- a/src/about/faq.md
+++ b/src/about/faq.md
@@ -1,36 +1,54 @@
-# Frequently Asked Questions
+# Frequently Asked Questions {#frequently-asked-questions}
 
-## Who maintains Vue?
+## Who maintains Vue? {#who-maintains-vue}
 
 Vue is an independent, community-driven project. It was created by [Evan You](https://twitter.com/youyuxi) in 2014 as a personal side project. Today, Vue is actively maintained by [a team of both full-time and volunteer members from all around the world](/about/team), where Evan serves as the project lead. You can learn more about the story of Vue in this [documentary](https://www.youtube.com/watch?v=OrxmtDw4pVI).
 
 Vue's development is primarily funded through sponsorships and we have been financially sustainable since 2016. If you or your business benefit from Vue, consider [sponsoring us](/sponsor/) to support Vue's development!
 
-## What license does Vue use?
+## What's the difference between Vue 2 and Vue 3? {#what-s-the-difference-between-vue-2-and-vue-3}
+
+Vue 3 is the current, latest major version of Vue. It contains new features that are not present in Vue 2, such as Teleport, Suspense, and multiple root elements per template. It also contains breaking changes that make it incompatible with Vue 2. Full details are documented in the [Vue 3 Migration Guide](https://v3-migration.vuejs.org/).
+
+Despite the differences, the majority of Vue APIs are shared between the two major versions, so most of your Vue 2 knowledge will continue to work in Vue 3. Notably, Composition API was originally a Vue-3-only feature, but has now been backported to Vue 2 and is available in [Vue 2.7](https://github.com/vuejs/vue/blob/main/CHANGELOG.md#270-2022-07-01).
+
+In general, Vue 3 provides smaller bundle sizes, better performance, better scalability, and better TypeScript / IDE support. If you are starting a new project today, Vue 3 is the recommended choice. There are only a few reasons for you to consider Vue 2 as of now:
+
+- You need to support IE11. Vue 3 leverages modern JavaScript features and does not support IE11.
+
+If you intend to migrate an existing Vue 2 app to Vue 3, consult the [migration guide](https://v3-migration.vuejs.org/).
+
+## Is Vue 2 Still Supported? {#is-vue-2-still-supported}
+
+Vue 2.7, which was shipped in July 2022, is the final minor release of the Vue 2 version range. Vue 2 has entered maintenance mode: it will no longer ship new features, but will continue to receive critical bug fixes and security updates for 18 months starting from the 2.7 release date. This means **Vue 2 reached End of Life on December 31st, 2023**.
+
+We believe this should provide plenty of time for most of the ecosystem to migrate over to Vue 3. However, we also understand that there could be teams or projects that cannot upgrade by this timeline while still needing to fulfill security and compliance requirements. We are partnering with industry experts to provide extended support for Vue 2 for teams with such needs - if your team expects to be using Vue 2 beyond the end of 2023, make sure to plan ahead and learn more about [Vue 2 Extended LTS](https://v2.vuejs.org/lts/).
+
+## What license does Vue use? {#what-license-does-vue-use}
 
 Vue is a free and open source project released under the [MIT License](https://opensource.org/licenses/MIT).
 
-## What browsers does Vue support?
+## What browsers does Vue support? {#what-browsers-does-vue-support}
 
-The latest version of Vue (3.x) only supports [browsers with native ES2015 support](https://caniuse.com/es6). This excludes IE11. Vue 3.x uses ES2015 features that cannot be polyfilled in legacy browsers, so if you need to support legacy browsers, you will need to use Vue 2.x instead.
+The latest version of Vue (3.x) only supports [browsers with native ES2016 support](https://caniuse.com/es2016). This excludes IE11. Vue 3.x uses ES2016 features that cannot be polyfilled in legacy browsers, so if you need to support legacy browsers, you will need to use Vue 2.x instead.
 
-## Is Vue reliable?
+## Is Vue reliable? {#is-vue-reliable}
 
 Vue is a mature and battle-tested framework. It is one of the most widely used JavaScript frameworks in production today, with over 1.5 million users worldwide, and is downloaded close to 10 million times a month on npm.
 
 Vue is used in production by renowned organizations in varying capacities all around the world, including Wikimedia Foundation, NASA, Apple, Google, Microsoft, GitLab, Zoom, Tencent, Weibo, Bilibili, Kuaishou, and many more.
 
-## Is Vue fast?
+## Is Vue fast? {#is-vue-fast}
 
 Vue 3 is one of the most performant mainstream frontend frameworks, and handles most web application use cases with ease, without the need for manual optimizations.
 
-In stress-testing scenarios, Vue out-performs React and Angular by a decent margin in the [js-framework-benchmark](https://rawgit.com/krausest/js-framework-benchmark/master/webdriver-ts-results/table.html). It also goes neck-and-neck against some of the fastest production-level non-Virtual-DOM frameworks in the benchmark.
+In stress-testing scenarios, Vue outperforms React and Angular by a decent margin in the [js-framework-benchmark](https://krausest.github.io/js-framework-benchmark/current.html). It also goes neck-and-neck against some of the fastest production-level non-Virtual-DOM frameworks in the benchmark.
 
-Do note that synthetic benchmarks like the above focus on raw rendering performance with dedicated optimizations and may not be fully representative of real-world performance results. If you care more about page load performance, here is the [Lighthouse audit](https://www.webpagetest.org/result/210818_BiDcYB_4a83d7a1f2a7f6fdc76db16a00b4882d/) generated via [WebPageTest](https://www.webpagetest.org/lighthouse) for a real-world, Vue-powered site with SSG pre-rendering, full page hydration and SPA client-side navigation. It scores 98 in performance on an emulated Moto G4 with 4x CPU throttling over 3G networks.
+Do note that synthetic benchmarks like the above focus on raw rendering performance with dedicated optimizations and may not be fully representative of real-world performance results. If you care more about page load performance, you are welcome to audit this very website using [WebPageTest](https://www.webpagetest.org/lighthouse) or [PageSpeed Insights](https://pagespeed.web.dev/). This website is powered by Vue itself, with SSG pre-rendering, full page hydration and SPA client-side navigation. It scores 100 in performance on an emulated Moto G4 with 4x CPU throttling over slow 4G networks.
 
-You can learn more about how Vue automatically optimizes runtime performance in the [Rendering Mechanism](/guide/extras/rendering-mechanism.html) section, and how to optimize a Vue app in particularly demanding cases in the [Performance Optimization Guide](/guide/best-practices/performance.html).
+You can learn more about how Vue automatically optimizes runtime performance in the [Rendering Mechanism](/guide/extras/rendering-mechanism) section, and how to optimize a Vue app in particularly demanding cases in the [Performance Optimization Guide](/guide/best-practices/performance).
 
-## Is Vue lightweight?
+## Is Vue lightweight? {#is-vue-lightweight}
 
 When you use a build tool, many of Vue's APIs are ["tree-shakable"](https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking). For example, if you don't use the built-in `<Transition>` component, it won't be included in the final production bundle.
 
@@ -40,7 +58,7 @@ When using Vue without a build tool, we not only lose tree-shaking, but also hav
 
 Some frameworks, such as Svelte, use a compilation strategy that produces extremely lightweight output in single-component scenarios. However, [our research](https://github.com/yyx990803/vue-svelte-size-analysis) shows that the size difference heavily depends on the number of components in the application. While Vue has a heavier baseline size, it generates less code per component. In real-world scenarios, a Vue app may very well end up being lighter.
 
-## Does Vue scale?
+## Does Vue scale? {#does-vue-scale}
 
 Yes. Despite a common misconception that Vue is only suitable for simple use cases, Vue is perfectly capable of handling large scale applications:
 
@@ -48,35 +66,21 @@ Yes. Despite a common misconception that Vue is only suitable for simple use cas
 
 - [Composition API](/guide/reusability/composables) provides first-class TypeScript integration and enables clean patterns for organizing, extracting and reusing complex logic.
 
-- [Comprehensive tooling support](/guide/scaling-up/tooling.html) ensures a smooth development experience as the application grows.
+- [Comprehensive tooling support](/guide/scaling-up/tooling) ensures a smooth development experience as the application grows.
 
 - Lower barrier to entry and excellent documentation translate to lower onboarding and training costs for new developers.
 
-## How do I contribute to Vue?
-
-We appreciate your interest! Please check out our [Community Guide](/about/community-guide.html).
-
-## What's the difference between Vue 2 and Vue 3?
-
-Vue 3 is the current, latest major version of Vue. It contains new features that are not present in Vue 2 (most notably Composition API), and also contains breaking changes that makes it incompatible with Vue 2. Despite the differences, the majority of Vue APIs are shared between the two major versions, so most of your Vue 2 knowledge will continue to work in Vue 3.
-
-In general, Vue 3 provides smaller bundle sizes, better performance, better scalability, and better TypeScript / IDE support. If you are starting a new project today, Vue 3 is the recommended choice. There are only a few reasons for you to consider Vue 2 as of now:
-
-- You need to support IE11. Vue 3 leverages modern JavaScript features and does not support IE11.
-
-- You are still waiting for major ecosystem projects like Nuxt or Vuetify to release stable versions for Vue 3. This is reasonable if you do not wish to use beta-stage software. However, do note there are other already stable Vue 3 component libraries such as [Quasar](https://quasar.dev/), [Naive UI](https://www.naiveui.com/) and [Element Plus](https://element-plus.org/).
-
-If you intend to migrate an existing Vue 2 app to Vue 3, consult the dedicated [Vue 3 Migration Guide](https://v3-migration.vuejs.org/).
+## How do I contribute to Vue? {#how-do-i-contribute-to-vue}
 
-Vue 2 will receive a final minor release (2.7) in 2022. This minor release will backport a selected subset of new features from Vue 3. After that, Vue 2 will enter maintenance mode: it will no longer ship new features, but will continue to receive critical bug fixes and security updates for another 18 months.
+We appreciate your interest! Please check out our [Community Guide](/about/community-guide).
 
-## Should I use Options API or Composition API?
+## Should I use Options API or Composition API? {#should-i-use-options-api-or-composition-api}
 
-If you are new to Vue, we provide a high-level comparison between the two styles [here](/guide/introduction.html#which-to-choose).
+If you are new to Vue, we provide a high-level comparison between the two styles [here](/guide/introduction#which-to-choose).
 
 If you have previously used Options API and are currently evaluating Composition API, check out [this FAQ](/guide/extras/composition-api-faq).
 
-## Should I use JavaScript or TypeScript with Vue?
+## Should I use JavaScript or TypeScript with Vue? {#should-i-use-javascript-or-typescript-with-vue}
 
 While Vue itself is implemented in TypeScript and provides first-class TypeScript support, it does not enforce an opinion on whether you should use TypeScript as a user.
 
@@ -84,7 +88,7 @@ TypeScript support is an important consideration when new features are added to
 
 Adopting TypeScript involves a trade-off between onboarding complexity and long-term maintainability gains. Whether such a trade-off can be justified can vary depending on your team's background and project scale, but Vue isn't really an influencing factor in making that decision.
 
-## How does Vue compare to Web Components?
+## How does Vue compare to Web Components? {#how-does-vue-compare-to-web-components}
 
 Vue was created before Web Components were natively available, and some aspects of Vue's design (e.g. slots) were inspired by the Web Components model.
 
diff --git a/src/about/privacy.md b/src/about/privacy.md
new file mode 100644
index 0000000000..a442542fcf
--- /dev/null
+++ b/src/about/privacy.md
@@ -0,0 +1,42 @@
+# Vue.js Privacy Policy {#vue.js-privacy-policy}
+
+> Effective Date: May 3, 2024
+
+This Privacy Policy describes the Vue.js organization ("Vue", "we", "us" or "our") practices for handling your information in connection with this website (https://vuejs.org) and our open source-related websites ("Websites") and any content, related documentation, information and services (e.g. tutorials, tools to support the developer workflow, access to resources, etc.) made available to you on this website (collectively, the "Services"). This Privacy Policy describes the personal information we process to support our Services.
+
+For clarity, this Privacy Policy does not apply to any:
+
+1. Use of open source code, documentation or specifications made available on GitHub (https://github.com/), which are governed by the terms of the applicable open source license;
+
+2. Pull requests, issues and any other interactions or features related to participation in open source projects on GitHub, which are governed by GitHub's terms and conditions; or
+
+3. Usage statistics of our published packages on NPM (https://npmjs.com/), which are governed by NPM's terms and conditions; or
+
+4. Usage statistics of our published browser / IDE extensions collected by the browser / IDE vendors. Such statistics are governed by the vendors' respective terms and conditions.
+
+## What Kinds of Information Do We Collect? {#what-kinds-of-information-do-we-collect}
+
+We do **not** collect or store any type of personal data, whether through our websites or through our published npm packages or browser / IDE extensions.
+
+We may collect anonymized data via 3rd party services integrated in our websites:
+
+- **Visitor data to our websites.** Our website analytics is powered by [Fathom Analytics](https://usefathom.com/), which doesn't use cookies and complies with the GDPR, ePrivacy (including PECR), COPPA and CCPA. Using this privacy-friendly website analytics software, your IP address is only briefly processed, and we (running this website) have no way of identifying you. As per the CCPA, your personal information is de-identified. You can read more about this on Fathom Analytics' website.
+
+  - Fathom Analytics' Privacy Policy: https://usefathom.com/legal/privacy
+
+- **Usage data of the search functionality.** Our search functionality is powered by [Algolia DocSearch](https://docsearch.algolia.com/), which does not perform any type of user tracking or fingerprinting, and does not use cookies. Algolia services are GPDR compliant, CCPA compliant, and TRUSTe Certified.
+
+  - Algolia's privacy policy: https://www.algolia.com/policies/privacy/
+  - Algolia's security and privacy compliance: https://www.algolia.com/distributed-secure/security-compliance/
+
+## How Do We Use Information? {#how-do-we-use-information}
+
+The sole purpose of collecting the aforementioned data is to understand our website traffic and usage in the most privacy-friendly way possible so that we can continually improve our website and documentation quality. The lawful basis as per the GDPR is "Article 6(1)(f); where our legitimate interests are to improve our website and business continually." As per the explanation, no personal data is stored over time.
+
+## Data Retention {#data-retention}
+
+All data collected are stored on aforementioned 3rd party services and are subject to the services' respective data retention policies.
+
+## Questions {#questions}
+
+If you have any questions about this Privacy Policy or our practices, please contact us via email at hello@vuejs.org.
diff --git a/src/about/releases.md b/src/about/releases.md
index e43c6775f1..9078e5f79b 100644
--- a/src/about/releases.md
+++ b/src/about/releases.md
@@ -3,17 +3,17 @@ outline: deep
 ---
 
 <script setup>
-import { onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 
-let version = $ref()
+const version = ref()
 
 onMounted(async () => {
-  const res = await fetch('http://github.com/service/https://api.github.com/repos/vuejs/core/releases?per_page=1')
-  version = (await res.json())[0].name
+  const res = await fetch('http://github.com/service/https://api.github.com/repos/vuejs/core/releases/latest')
+  version.value = (await res.json()).name
 })
 </script>
 
-# Releases
+# Releases {#releases}
 
 <p v-if="version">
 The current latest stable version of Vue is <strong>{{ version }}</strong>.
@@ -24,7 +24,7 @@ Checking latest version...
 
 A full changelog of past releases is available on [GitHub](https://github.com/vuejs/core/blob/main/CHANGELOG.md).
 
-## Release Cycle
+## Release Cycle {#release-cycle}
 
 Vue does not have a fixed release cycle.
 
@@ -34,11 +34,11 @@ Vue does not have a fixed release cycle.
 
 - Major releases will be announced ahead of time, and will go through an early discussion phase and alpha / beta pre-release phases.
 
-## Semantic Versioning Edge Cases
+## Semantic Versioning Edge Cases {#semantic-versioning-edge-cases}
 
 Vue releases follow [Semantic Versioning](https://semver.org/) with a few edge cases.
 
-### TypeScript Definitions
+### TypeScript Definitions {#typescript-definitions}
 
 We may ship incompatible changes to TypeScript definitions between **minor** versions. This is because:
 
@@ -48,30 +48,32 @@ We may ship incompatible changes to TypeScript definitions between **minor** ver
 
 If you are using TypeScript, you can use a semver range that locks the current minor and manually upgrade when a new minor version of Vue is released.
 
-### Compiled Code Compatibility with Older Runtime
+### Compiled Code Compatibility with Older Runtime {#compiled-code-compatibility-with-older-runtime}
 
 A newer **minor** version of Vue compiler may generate code that isn't compatible with the Vue runtime from an older minor version. For example, code generated by Vue 3.2 compiler may not be fully compatible if consumed by the runtime from Vue 3.1.
 
-This is only a concern for library authors, because in applications, the compiler version and the runtime version is always the same. A version mismatch can only happen if you ship pre-compiled Vue component code as a package, and a consumer uses it in a project using an older version of Vue. As a result, your package may need to explicit declare a minimum required minor version of Vue.
+This is only a concern for library authors, because in applications, the compiler version and the runtime version is always the same. A version mismatch can only happen if you ship pre-compiled Vue component code as a package, and a consumer uses it in a project using an older version of Vue. As a result, your package may need to explicitly declare a minimum required minor version of Vue.
 
-## Pre Releases
+## Pre Releases {#pre-releases}
 
 Minor releases typically go through a non-fixed number of beta releases. Major releases will go through an alpha phase and a beta phase.
 
+Additionally, we publish canary releases every week from the `main` and `minor` branches on GitHub. They are published as different packages to avoid bloating the npm metadata of the stable channel. You can install them via `npx install-vue@canary` or `npx install-vue@canary-minor`, respectively.
+
 Pre-releases are meant for integration / stability testing, and for early adopters to provide feedback for unstable features. Do not use pre-releases in production. All pre-releases are considered unstable and may ship breaking changes in between, so always pin to exact versions when using pre-releases.
 
-## Deprecations
+## Deprecations {#deprecations}
 
 We may periodically deprecate features that have new, better replacements in minor releases. Deprecated features will continue to work, and will be removed in the next major release after it entered deprecated status.
 
-## RFCs
+## RFCs {#rfcs}
 
 New features with substantial API surface and major changes to Vue will go through the **Request for Comments** (RFC) process. The RFC process is intended to provide a consistent and controlled path for new features to enter the framework, and give the users an opportunity to participate and offer feedback in the design process.
 
 The RFC process is conducted in the [vuejs/rfcs](https://github.com/vuejs/rfcs) repo on GitHub.
 
-## Experimental Features
+## Experimental Features {#experimental-features}
 
-Some features are shipped and documented in a stable version of Vue, but marked as experimental. Experimental features are typically features that have an associated RFC discussion with most of the design problems resolved on paper, but still lacking feedback from real world usage.
+Some features are shipped and documented in a stable version of Vue, but marked as experimental. Experimental features are typically features that have an associated RFC discussion with most of the design problems resolved on paper, but still lacking feedback from real-world usage.
 
 The goal of experimental features is to allow users to provide feedback for them by testing them in a production setting, without having to use an unstable version of Vue. Experimental features themselves are considered unstable, and should only be used in a controlled manner, with the expectation that the feature may change between any release types.
diff --git a/src/about/team/Member.ts b/src/about/team/Member.ts
index f124977e25..865be87ef4 100644
--- a/src/about/team/Member.ts
+++ b/src/about/team/Member.ts
@@ -5,7 +5,7 @@ export interface Member {
   company?: string
   companyLink?: string
   projects: Link[]
-  location: string
+  location: string | string[]
   languages: string[]
   website?: Link
   socials: Socials
@@ -21,5 +21,6 @@ export interface Link {
 export interface Socials {
   github: string
   twitter?: string
+  linkedin?: string
   codepen?: string
 }
diff --git a/src/about/team/TeamHero.vue b/src/about/team/TeamHero.vue
index 0ad0f9107e..974c61c9a7 100644
--- a/src/about/team/TeamHero.vue
+++ b/src/about/team/TeamHero.vue
@@ -66,7 +66,7 @@
   font-size: 14px;
   font-weight: 500;
   color: var(--vt-c-brand);
-  transition: color .25s;
+  transition: color 0.25s;
 }
 
 .action :deep(a:hover) {
diff --git a/src/about/team/TeamList.vue b/src/about/team/TeamList.vue
index 95aaa1d2b3..19b4bc2601 100644
--- a/src/about/team/TeamList.vue
+++ b/src/about/team/TeamList.vue
@@ -20,9 +20,12 @@ defineProps<{
       </div>
 
       <div class="members">
-        <div v-for="member in members" :key="member.name" class="member">
-          <TeamMember :member="member" />
-        </div>
+        <!-- to skip SSG since the members are shuffled -->
+        <ClientOnly>
+          <div v-for="member in members" :key="member.name" class="member">
+            <TeamMember :member="member" />
+          </div>
+        </ClientOnly>
       </div>
     </div>
   </section>
@@ -58,19 +61,27 @@ defineProps<{
 @media (min-width: 768px) {
   .info {
     position: sticky;
-    top: 32px;
+    top: calc(var(--vt-banner-height, 0px) + 32px);
     left: 0;
     padding: 0 24px 0 0;
     width: 256px;
   }
+
+  html.banner-dismissed .info {
+    top: 32px;
+  }
 }
 
 @media (min-width: 960px) {
   .info {
-    top: 88px;
+    top: calc(var(--vt-banner-height, 0px) + 88px);
     padding: 0 64px 0 0;
     width: 384px;
   }
+
+  html.banner-dismissed .info {
+    top: 88px;
+  }
 }
 
 .title {
diff --git a/src/about/team/TeamMember.vue b/src/about/team/TeamMember.vue
index 94abde998d..cc06640467 100644
--- a/src/about/team/TeamMember.vue
+++ b/src/about/team/TeamMember.vue
@@ -9,7 +9,7 @@ import {
   VTIconLink,
   VTIconLinkedIn,
   VTIconMapPin,
-  VTIconTwitter,
+  VTIconX,
   VTLink
 } from '@vue/theme'
 import type { Member } from './Member'
@@ -24,6 +24,10 @@ const avatarUrl = computed(() => {
     `https://www.github.com/${props.member.socials.github}.png`
   )
 })
+
+function arrayify(value: string | string[]): string[] {
+  return Array.isArray(value) ? value : [value]
+}
 </script>
 
 <template>
@@ -93,9 +97,15 @@ const avatarUrl = computed(() => {
             <h2 class="sr-only">Location</h2>
             <VTIconMapPin class="desc-icon" />
           </div>
-          <p class="desc-text">
-            {{ member.location }}
-          </p>
+          <ul class="desc-list">
+            <li
+              v-for="location in arrayify(member.location)"
+              :key="location"
+              class="desc-item"
+            >
+              {{ location }}
+            </li>
+          </ul>
         </section>
 
         <section class="desc">
@@ -146,7 +156,7 @@ const avatarUrl = computed(() => {
               :href="http://github.com/%60https://twitter.com/$%7Bmember.socials.twitter%7D%60"
               :no-icon="true"
             >
-              <VTIconTwitter class="social-icon" />
+              <VTIconX class="social-icon" />
             </VTLink>
           </li>
           <li v-if="member.socials.linkedin" class="social-item">
diff --git a/src/about/team/TeamPage.vue b/src/about/team/TeamPage.vue
index 0f460b90de..48406c5e5f 100644
--- a/src/about/team/TeamPage.vue
+++ b/src/about/team/TeamPage.vue
@@ -1,3 +1,25 @@
+<script lang="ts">
+const shuffleMembers = (
+  members: Member[],
+  pinTheFirstMember = false
+): void => {
+  let offset = pinTheFirstMember ? 1 : 0
+  // `i` is between `1` and `length - offset`
+  // `j` is between `0` and `length - offset - 1`
+  // `offset + i - 1` is between `offset` and `length - 1`
+  // `offset + j` is between `offset` and `length - 1`
+  let i = members.length - offset
+  while (i > 0) {
+    const j = Math.floor(Math.random() * i)
+    ;[members[offset + i - 1], members[offset + j]] = [
+      members[offset + j],
+      members[offset + i - 1]
+    ]
+    i--
+  }
+}
+</script>
+
 <script setup lang="ts">
 import { VTLink } from '@vue/theme'
 import membersCoreData from './members-core.json'
@@ -6,52 +28,56 @@ import membersPartnerData from './members-partner.json'
 import TeamHero from './TeamHero.vue'
 import TeamList from './TeamList.vue'
 import type { Member } from './Member'
+shuffleMembers(membersCoreData as Member[], true)
+shuffleMembers(membersEmeritiData as Member[])
+shuffleMembers(membersPartnerData as Member[])
 </script>
 
 <template>
   <div class="TeamPage">
     <TeamHero>
       <template #title>Meet the Team</template>
-      <template #lead
-        >The development of Vue and its ecosystem is guided by an international
-        team, some of whom have chosen to be
-        <span class="nowrap">featured below.</span></template
-      >
+      <template #lead>
+        The development of Vue and its ecosystem is guided by an
+        international team, some of whom have chosen to be
+        <span class="nowrap">featured below.</span>
+      </template>
 
       <template #action>
         <VTLink
           href="https://github.com/vuejs/governance/blob/master/Team-Charter.md"
-          >Learn more about teams</VTLink
         >
+          Learn more about teams
+        </VTLink>
       </template>
     </TeamHero>
 
-    <TeamList :members="membersCoreData">
+    <TeamList :members="(membersCoreData as Member[])">
       <template #title>Core Team Members</template>
-      <template #lead
-        >Core team members are those who are actively involved in the
-        maintenance of one or more core projects. They have made significant
-        contributions to the Vue ecosystem, with a long term commitment to the
-        success of the project and its users.</template
-      >
+      <template #lead>
+        Core team members are those who are actively involved in the
+        maintenance of one or more core projects. They have made
+        significant contributions to the Vue ecosystem, with a long term
+        commitment to the success of the project and its users.
+      </template>
     </TeamList>
 
-    <TeamList :members="membersEmeritiData as Member[]">
+    <TeamList :members="(membersEmeritiData as Member[])">
       <template #title>Core Team Emeriti</template>
-      <template #lead
-        >Here we honor some no-longer-active core team members who have made
-        valuable contributions in the past.</template
-      >
+      <template #lead>
+        Here we honor some no-longer-active core team members who have made
+        valuable contributions in the past.
+      </template>
     </TeamList>
 
-    <TeamList :members="membersPartnerData as Member[]">
+    <TeamList :members="(membersPartnerData as Member[])">
       <template #title>Community Partners</template>
-      <template #lead
-        >Some members of the Vue community have so enriched it, that they
-        deserve special mention. We've developed a more intimate relationship
-        with these key partners, often coordinating with them on upcoming
-        features and news.</template
-      >
+      <template #lead>
+        Some members of the Vue community have so enriched it, that they
+        deserve special mention. We've developed a more intimate
+        relationship with these key partners, often coordinating with them
+        on upcoming features and news.
+      </template>
     </TeamList>
   </div>
 </template>
diff --git a/src/about/team/members-core.json b/src/about/team/members-core.json
index 07f6f1077e..33a12cc625 100644
--- a/src/about/team/members-core.json
+++ b/src/about/team/members-core.json
@@ -111,30 +111,24 @@
   {
     "name": "Jinjiang",
     "title": "Developer",
+    "company": "Bit",
+    "companyLink": "https://bit.dev/",
     "projects": [
       {
-        "label": "cn.vuejs.org",
-        "url": "https://cn.vuejs.org/"
-      },
-      {
-        "label": "vue-a11y-utils",
-        "url": "https://github.com/jinjiang/vue-a11y-utils"
+        "label": "vuejs-translations",
+        "url": "https://github.com/vuejs-translations"
       },
       {
-        "label": "vue-mark-display",
-        "url": "https://github.com/jinjiang/vue-mark-display"
-      },
-      {
-        "label": "mark2slides",
-        "url": "https://github.com/jinjiang/mark2slides"
-      },
-      {
-        "label": "vue-keyboard-over",
-        "url": "https://github.com/jinjiang/vue-keyboard-over"
+        "label": "cn.vuejs.org",
+        "url": "https://cn.vuejs.org/"
       }
     ],
     "location": "Singapore",
     "languages": ["Chinese", "English"],
+    "website": {
+      "label": "jinjiang.me",
+      "url": "http://jinjiang.me/"
+    },
     "socials": {
       "github": "jinjiang",
       "twitter": "zhaojinjiang"
@@ -175,34 +169,6 @@
     },
     "sponsor": true
   },
-  {
-    "name": "Rahul Kadyan",
-    "title": "Software Engineer",
-    "company": "Grammarly",
-    "companyLink": "https://grammarly.com/",
-    "projects": [
-      {
-        "label": "vuejs/core",
-        "url": "https://github.com/vuejs/core"
-      },
-      { "label": "VueDX", "url": "https://github.com/vuedx" },
-      {
-        "label": "rollup-plugin-vue",
-        "url": "https://github.com/vuejs/rollup-plugin-vue"
-      }
-    ],
-    "location": "Bangalore, India",
-    "languages": ["Hindi", "English"],
-    "socials": {
-      "github": "znck",
-      "twitter": "znck0"
-    },
-    "website": {
-      "label": "https://znck.me/",
-      "url": "https://znck.me/"
-    },
-    "sponsor": true
-  },
   {
     "name": "Linusborg",
     "title": "Hive-Mind Community Wrangler (Probably a Bot)",
@@ -215,7 +181,7 @@
       },
       {
         "label": "portal-vue*",
-        "url": "https://github.com/LinusBorg/portal-vue*"
+        "url": "https://github.com/LinusBorg/portal-vue"
       }
     ],
     "reposPersonal": ["portal-vue"],
@@ -264,11 +230,11 @@
         "url": "https://github.com/Akyrum/v-tooltip"
       }
     ],
-    "location": "Lyon, France",
+    "location": "Bordeaux, France",
     "languages": ["French", "English"],
     "website": {
-      "label": "patreon.com/akryum",
-      "url": "http://patreon.com/akryum"
+      "label": "guillaume-chau.info",
+      "url": "https://guillaume-chau.info/"
     },
     "socials": {
       "github": "Akryum",
@@ -276,32 +242,11 @@
     },
     "sponsor": true
   },
-  {
-    "name": "Damian Dulisz",
-    "title": "Consultant",
-    "projects": [
-      {
-        "label": "news.vuejs.org",
-        "url": "https://news.vuejs.org/"
-      },
-      {
-        "label": "vue-multiselect",
-        "url": "https://vue-multiselect.js.org/"
-      }
-    ],
-    "location": "Wrocław, Poland",
-    "languages": ["Polish", "English"],
-    "socials": {
-      "github": "shentao",
-      "twitter": "DamianDulisz"
-    },
-    "sponsor": true
-  },
   {
     "name": "GU Yiling",
-    "title": "Senior web developer",
-    "company": "Baidu, inc.",
-    "companyLink": "https://www.baidu.com/",
+    "title": "Staff Software Engineer",
+    "company": "Kong Inc.",
+    "companyLink": "https://konghq.com/",
     "projects": [
       {
         "label": "vue",
@@ -312,19 +257,11 @@
         "url": "https://cn.vuejs.org/"
       },
       {
-        "label": "Justineo/vue-awesome",
-        "url": "https://github.com/Justineo/vue-awesome"
-      },
-      {
-        "label": "Justineo/vue-awesome",
-        "url": "https://github.com/Justineo/vue-awesome"
-      },
-      {
-        "label": "ecomfe/vue-echarts",
+        "label": "vue-echarts",
         "url": "https://github.com/ecomfe/vue-echarts"
       },
       {
-        "label": "ecomfe/veui",
+        "label": "veui",
         "url": "https://github.com/ecomfe/veui"
       }
     ],
@@ -347,7 +284,7 @@
       },
       {
         "label": "vuequery",
-        "url": "https://github.com/vuequery"
+        "url": "https://github.com/phanan/vuequery"
       },
       {
         "label": "vue-google-signin-button",
@@ -365,7 +302,7 @@
   },
   {
     "name": "Natalia Tepluhina",
-    "title": "Staff Frontend Engineer",
+    "title": "Principal Engineer",
     "company": "GitLab",
     "companyLink": "https://gitlab.com/",
     "projects": [
@@ -408,7 +345,7 @@
       "github": "ota-meshi",
       "twitter": "omoteota"
     },
-    "sponsor": "https://github.com/sponsors/ota-meshi"
+    "sponsor": true
   },
   {
     "name": "Kia King Ishii",
@@ -431,26 +368,28 @@
       "github": "kiaking",
       "twitter": "KiaKing85"
     },
-    "sponsor": "https://github.com/sponsors/kiaking"
+    "sponsor": true
   },
   {
     "name": "Anthony Fu",
     "title": "Open Sourceror",
+    "company": "NuxtLabs",
+    "companyLink": "https://nuxtlabs.com/",
     "projects": [
-      {
-        "label": "composition-api",
-        "url": "https://github.com/vuejs/composition-api"
-      },
       {
         "label": "VueUse",
         "url": "https://github.com/vueuse/vueuse"
       },
+      {
+        "label": "Vitesse",
+        "url": "https://github.com/antfu/vitesse"
+      },
       {
         "label": "vue-demi",
         "url": "https://github.com/vueuse/vue-demi"
       }
     ],
-    "location": "Shanghai, China",
+    "location": "Paris, France",
     "languages": ["Chinese", "English"],
     "socials": {
       "github": "antfu",
@@ -460,31 +399,19 @@
       "label": "https://antfu.me/",
       "url": "https://antfu.me/"
     },
-    "sponsor": "https://github.com/sponsors/antfu"
-  },
-  {
-    "name": "HcySunYang",
-    "title": "Developer",
-    "projects": [
-      {
-        "label": "vuejs/core",
-        "url": "https://github.com/vuejs/core"
-      }
-    ],
-    "location": "Beijing, China",
-    "languages": ["Chinese", "English"],
-    "socials": {
-      "github": "HcySunYang",
-      "twitter": "HcySunYang"
-    }
+    "sponsor": true
   },
   {
     "name": "Johnson Chu",
     "title": "Developer",
     "projects": [
       {
-        "label": "volar",
-        "url": "https://github.com/johnsoncodehk/volar"
+        "label": "@vue/language-tools",
+        "url": "https://github.com/vuejs/language-tools"
+      },
+      {
+        "label": "Volar.js",
+        "url": "https://github.com/volarjs"
       }
     ],
     "location": "Hong Kong, China",
@@ -493,7 +420,7 @@
       "github": "johnsoncodehk",
       "twitter": "johnsoncodehk"
     },
-    "sponsor": "https://github.com/sponsors/johnsoncodehk"
+    "sponsor": true
   },
   {
     "name": "Carlos Rodrigues",
@@ -510,6 +437,52 @@
       "github": "pikax",
       "twitter": "pikax_dev"
     },
-    "sponsor": "https://github.com/sponsors/pikax"
+    "sponsor": true
+  },
+  {
+    "name": "Divyansh Singh",
+    "title": "Developer",
+    "projects": [
+      {
+        "label": "vitepress",
+        "url": "https://github.com/vuejs/vitepress"
+      }
+    ],
+    "location": "India",
+    "languages": ["English", "Hindi"],
+    "socials": {
+      "github": "brc-dd",
+      "twitter": "_brc_dd"
+    },
+    "sponsor": true
+  },
+  {
+    "name": "Kevin Deng 三咲智子",
+    "title": "Open Sourceror",
+    "projects": [
+      {
+        "label": "vuejs/core",
+        "url": "https://github.com/vuejs/core"
+      },
+      {
+        "label": "vuejs/core-vapor",
+        "url": "https://github.com/vuejs/core-vapor"
+      },
+      {
+        "label": "Vue Macros",
+        "url": "https://github.com/vue-macros/vue-macros"
+      },
+      {
+        "label": "VueUse",
+        "url": "https://github.com/vueuse/vueuse"
+      }
+    ],
+    "location": ["Hangzhou", "Singapore"],
+    "languages": ["English", "Chinese"],
+    "socials": {
+      "github": "sxzz",
+      "twitter": "sanxiaozhizi"
+    },
+    "sponsor": true
   }
 ]
diff --git a/src/about/team/members-emeriti.json b/src/about/team/members-emeriti.json
index 62081660e6..bfc036c572 100644
--- a/src/about/team/members-emeriti.json
+++ b/src/about/team/members-emeriti.json
@@ -96,8 +96,8 @@
   {
     "name": "defcc",
     "title": "Details Deity & Bug Surgeon",
-    "company": "zbj.com",
-    "companyLink": "http://www.zbj.com/",
+    "company": "Indie Developer",
+    "companyLink": "https://indiefollow.top/",
     "location": "Chongqing, China",
     "languages": ["Chinese", "English"],
     "socials": {
@@ -237,5 +237,70 @@
       "github": "michalsnik",
       "twitter": "michalsnik"
     }
+  },
+  {
+    "name": "Damian Dulisz",
+    "title": "Consultant",
+    "projects": [
+      {
+        "label": "news.vuejs.org",
+        "url": "https://news.vuejs.org/"
+      },
+      {
+        "label": "vue-multiselect",
+        "url": "https://vue-multiselect.js.org/"
+      }
+    ],
+    "location": "Wrocław, Poland",
+    "languages": ["Polish", "English"],
+    "socials": {
+      "github": "shentao",
+      "twitter": "DamianDulisz"
+    },
+    "sponsor": true
+  },
+  {
+    "name": "HcySunYang",
+    "title": "Developer",
+    "projects": [
+      {
+        "label": "vuejs/core",
+        "url": "https://github.com/vuejs/core"
+      }
+    ],
+    "location": "Beijing, China",
+    "languages": ["Chinese", "English"],
+    "socials": {
+      "github": "HcySunYang",
+      "twitter": "HcySunYang"
+    }
+  },
+  {
+    "name": "Rahul Kadyan",
+    "title": "Software Engineer",
+    "company": "Grammarly",
+    "companyLink": "https://grammarly.com/",
+    "projects": [
+      {
+        "label": "vuejs/core",
+        "url": "https://github.com/vuejs/core"
+      },
+      { "label": "VueDX", "url": "https://github.com/vuedx" },
+      {
+        "label": "rollup-plugin-vue",
+        "url": "https://github.com/vuejs/rollup-plugin-vue"
+      }
+    ],
+    "location": "Bangalore, India",
+    "languages": ["Hindi", "English"],
+    "socials": {
+      "github": "znck",
+      "twitter": "znck0"
+    },
+    "website": {
+      "label": "https://znck.me/",
+      "url": "https://znck.me/"
+    },
+    "sponsor": true
   }
 ]
diff --git a/src/about/team/members-partner.json b/src/about/team/members-partner.json
index 3ebfd3bb8d..e49f4b9b86 100644
--- a/src/about/team/members-partner.json
+++ b/src/about/team/members-partner.json
@@ -16,6 +16,28 @@
       "twitter": "MariaLamardo"
     }
   },
+  {
+    "name": "Daniel Roe",
+    "title": "Framework Architect",
+    "company": "Nuxt",
+    "projects": [
+      {
+        "label": "nuxt",
+        "url": "https://github.com/nuxt"
+      },
+      {
+        "label": "typed-vuex",
+        "url": "https://github.com/danielroe/typed-vuex"
+      }
+    ],
+    "location": "United Kingdom",
+    "languages": ["English"],
+    "socials": {
+      "github": "danielroe",
+      "twitter": "danielcroe",
+      "linkedin": "daniel-roe"
+    }
+  },
   {
     "name": "Pratik Patel",
     "avatarPic": "https://pbs.twimg.com/profile_images/1541624512/profile-pic-09-11-2011_400x400.png",
@@ -35,7 +57,7 @@
   },
   {
     "name": "Vincent Mayers",
-    "avatarPic": "https://pbs.twimg.com/profile_images/916531463905992706/MNvTkO5K_400x400.jpg",
+    "avatarPic": "https://pbs.twimg.com/profile_images/1618755757184253954/YvKB816o_400x400.jpg",
     "title": "Organizer",
     "company": "VueConf US",
     "projects": [
@@ -70,7 +92,7 @@
   },
   {
     "name": "Jos Gerards",
-    "avatarPic": "https://pbs.twimg.com/profile_images/1110510517951627269/LDzDyd4N_400x400.jpg",
+    "avatarPic": "https://pbs.twimg.com/profile_images/1668258954831446031/RTVopxrO_400x400.jpg",
     "title": "Event Manager",
     "company": "Vue.js Amsterdam",
     "projects": [
@@ -139,8 +161,8 @@
   {
     "name": "Sebastien Chopin",
     "title": "#1 Nuxt Brother",
-    "company": "NuxtJS",
-    "companyLink": "https://nuxtjs.org/",
+    "company": "NuxtLabs",
+    "companyLink": "https://nuxtlabs.com/",
     "location": "Bordeaux, France",
     "languages": ["French", "English"],
     "projects": [
@@ -149,12 +171,12 @@
         "url": "https://github.com/nuxt"
       },
       {
-        "label": "nuxt-community/*",
-        "url": "https://github.com/nuxt-community"
+        "label": "nuxt-modules/*",
+        "url": "https://github.com/nuxt-modules"
       },
       {
-        "label": "nuxt/vue-meta",
-        "url": "https://github.com/nuxt/vue-meta"
+        "label": "nuxt-themes/*",
+        "url": "https://github.com/nuxt-themes"
       }
     ],
     "socials": {
@@ -165,8 +187,8 @@
   {
     "name": "Alexandre Chopin",
     "title": "#1 Nuxt Brother",
-    "company": "NuxtJS",
-    "companyLink": "https://nuxtjs.org/",
+    "company": "NuxtLabs",
+    "companyLink": "https://nuxtlabs.com/",
     "location": "Bordeaux, France",
     "languages": ["French", "English"],
     "projects": [
@@ -175,12 +197,8 @@
         "url": "https://github.com/nuxt"
       },
       {
-        "label": "nuxt-community/*",
-        "url": "https://github.com/nuxt-community"
-      },
-      {
-        "label": "vue-flexboxgrid",
-        "url": "https://github.com/alexchopin/vue-flexboxgrid"
+        "label": "nuxt-modules/*",
+        "url": "https://github.com/nuxt-modules"
       }
     ],
     "socials": {
@@ -242,11 +260,11 @@
     "projects": [
       {
         "label": "nuxt/*",
-        "url": "https://github/com/nuxt"
+        "url": "https://github.com/nuxt"
       },
       {
         "label": "nuxt-community/*",
-        "url": "https://github/com/nuxt-community"
+        "url": "https://github.com/nuxt-community"
       }
     ],
     "socials": {
@@ -331,23 +349,20 @@
   },
   {
     "name": "Erick Petrucelli",
-    "title": "Teacher",
-    "company": "Fatec Taquaritinga",
-    "companyLink": "http://www.fatectq.edu.br/",
-    "location": "Taquaritinga, Brazil",
+    "title": "Lead Software Engineer, UI/UX Specialist, Manager, Teacher, Speaker, Writer",
+    "company": "LawnStarter",
+    "companyLink": "https://www.lawnstarter.com/",
+    "location": "Campinas, Brazil",
     "languages": ["Portuguese", "English"],
     "projects": [
       {
-        "label": "vuejs-br/br.vuejs.org",
-        "url": "https://github.com/vuejs-br/br.vuejs.org"
-      },
-      {
-        "label": "ErickPetru/vue-feathers-chat",
-        "url": "https://github.com/ErickPetru/vue-feathers-chat"
+        "label": "vuejs-br",
+        "url": "https://github.com/vuejs-br"
       }
     ],
     "socials": {
       "github": "ErickPetru",
+      "linkedin": "erick-petrucelli",
       "twitter": "erickpetru"
     }
   },
diff --git a/src/api/ApiIndex.vue b/src/api/ApiIndex.vue
index 17a103ee1c..cb65a2d648 100644
--- a/src/api/ApiIndex.vue
+++ b/src/api/ApiIndex.vue
@@ -3,11 +3,17 @@
 // named import "data" is the resolved static data
 // can also import types for type consistency
 import { data as apiIndex, APIGroup } from './api.data'
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
+import { withBase } from 'vitepress'
 
+const search = ref()
 const query = ref('')
 const normalize = (s: string) => s.toLowerCase().replace(/-/g, ' ')
 
+onMounted(() => {
+  search.value?.focus()
+})
+
 const filtered = computed(() => {
   const q = normalize(query.value)
   const matches = (text: string) => normalize(text).includes(q)
@@ -31,7 +37,9 @@ const filtered = computed(() => {
             return item
           }
           // filter headers
-          const matchedHeaders = item.headers.filter(matches)
+          const matchedHeaders = item.headers.filter(
+            ({ text, anchor }) => matches(text) || matches(anchor)
+          )
           return matchedHeaders.length
             ? { text: item.text, link: item.link, headers: matchedHeaders }
             : null
@@ -44,40 +52,40 @@ const filtered = computed(() => {
     })
     .filter((i) => i) as APIGroup[]
 })
-
-// same as vitepress' slugify logic
-function slugify(text: string): string {
-  return (
-    text
-      // Replace special characters
-      .replace(/[\s~`!@#$%^&*()\-_+=[\]{}|\\;:"'<>,.?/]+/g, '-')
-      // Remove continuous separators
-      .replace(/\-{2,}/g, '-')
-      // Remove prefixing and trailing separators
-      .replace(/^\-+|\-+$/g, '')
-      // ensure it doesn't start with a number (#121)
-      .replace(/^(\d)/, '_$1')
-      // lowercase
-      .toLowerCase()
-  )
-}
 </script>
 
 <template>
   <div id="api-index">
     <div class="header">
       <h1>API Reference</h1>
-      <input class="api-filter" placeholder="Filter" v-model="query" />
+      <div class="api-filter">
+        <label for="api-filter">Filter</label>
+        <input
+          ref="search"
+          type="search"
+          placeholder="Enter keyword"
+          id="api-filter"
+          v-model="query"
+        />
+      </div>
     </div>
 
-    <div v-for="section of filtered" :key="section.text" class="api-section">
-      <h2 :id="slugify(section.text)">{{ section.text }}</h2>
+    <div
+      v-for="section of filtered"
+      :key="section.text"
+      class="api-section"
+    >
+      <h2 :id="section.anchor">{{ section.text }}</h2>
       <div class="api-groups">
-        <div v-for="item of section.items" :key="item.text" class="api-group">
+        <div
+          v-for="item of section.items"
+          :key="item.text"
+          class="api-group"
+        >
           <h3>{{ item.text }}</h3>
           <ul>
-            <li v-for="h of item.headers" :key="h">
-              <a :href="http://github.com/item.link%20+'.html#' + slugify(h)">{{ h }}</a>
+            <li v-for="h of item.headers" :key="h.anchor">
+              <a :href="http://github.com/withBase(item.link)%20+'.html#' + h.anchor">{{ h.text }}</a>
             </li>
           </ul>
         </div>
@@ -153,10 +161,11 @@ h3 {
 
 .api-group {
   break-inside: avoid;
+  overflow: auto;
   margin-bottom: 20px;
   background-color: var(--vt-c-bg-soft);
   border-radius: 8px;
-  padding: 28px 32px;
+  padding: 24px 28px;
   transition: background-color 0.5s;
 }
 
@@ -167,9 +176,21 @@ h3 {
 }
 
 .api-filter {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 1rem;
+}
+
+#api-filter {
   border: 1px solid var(--vt-c-divider);
   border-radius: 8px;
   padding: 6px 12px;
+  transition: box-shadow 0.25s ease;
+}
+
+#api-filter:focus {
+  box-shadow: 0 0 4pt #00d47499;
 }
 
 .api-filter:focus {
diff --git a/src/api/api.data.ts b/src/api/api.data.ts
index 611b44fe70..5c4f023b35 100644
--- a/src/api/api.data.ts
+++ b/src/api/api.data.ts
@@ -1,69 +1,128 @@
 // api.data.ts
-// a file ending with data.(j|t)s will be evaluated in Node.js
 import fs from 'fs'
 import path from 'path'
+import type { MultiSidebarConfig } from '@vue/theme/src/vitepress/config.ts'
 import { sidebar } from '../../.vitepress/config'
 
+// Interface defining the structure of a single header in the API
+interface APIHeader {
+  anchor: string
+  text: string
+}
+
+// Interface defining the structure of an API group with text, anchor, and items
 export interface APIGroup {
   text: string
+  anchor: string
   items: {
     text: string
     link: string
-    headers: string[]
+    headers: APIHeader[]
   }[]
 }
 
-// declare resolved data type
+// Declare the resolved data type for API groups
 export declare const data: APIGroup[]
 
-export default {
-  // declare files that should trigger HMR
-  watch: './*.md',
-  // read from fs and generate the data
-  load(): APIGroup[] {
-    return sidebar['/api/'].map((group) => ({
-      text: group.text,
-      items: group.items.map((item) => ({
-        ...item,
-        headers: parsePageHeaders(item.link)
-      }))
-    }))
-  }
+// Utility function to generate a slug from a string (used for anchor links)
+function slugify(text: string): string {
+  return (
+    text
+      // Replace special characters and spaces with hyphens
+      .replace(/[\s~`!@#$%^&*()\-_+=[\]{}|\\;:"'<>,.?/]+/g, '-')
+      // Remove continuous separators
+      .replace(/-{2,}/g, '-')
+      // Remove leading/trailing hyphens
+      .replace(/^-+|-+$/g, '')
+      // Ensure it doesn't start with a number (e.g. #121)
+      .replace(/^(\d)/, '_$1')
+      // Convert to lowercase
+      .toLowerCase()
+  )
 }
 
-const headersCache = new Map<
-  string,
-  {
-    headers: string[]
-    timestamp: number
-  }
->()
-
-function parsePageHeaders(link: string) {
-  const fullPath = path.join(__dirname, '../', link) + '.md'
-  const timestamp = fs.statSync(fullPath).mtimeMs
+// Utility function to parse headers from a markdown file at a given link
+function parsePageHeaders(link: string): APIHeader[] {
+  const fullPath = path.join(__dirname, '../', link) + '.md' // Resolve the full file path
+  const timestamp = fs.statSync(fullPath).mtimeMs // Get the last modified timestamp of the file
 
+  // Check if the file is cached and if its timestamp matches
   const cached = headersCache.get(fullPath)
   if (cached && timestamp === cached.timestamp) {
-    return cached.headers
+    return cached.headers // Return cached headers if they're up-to-date
   }
 
-  const src = fs.readFileSync(fullPath, 'utf-8')
-  const h2s = src.match(/^## [^\n]+/gm)
-  let headers: string[] = []
-  if (h2s) {
-    headers = h2s.map((h) =>
-      h
-        .slice(2)
-        .replace(/<sup class=.*/, '')
-        .replace(/\\</g, '<')
-        .replace(/`([^`]+)`/g, '$1')
-        .trim()
-    )
-  }
+  const src = fs.readFileSync(fullPath, 'utf-8') // Read the markdown file
+  const headers = extractHeadersFromMarkdown(src) // Extract headers from the file content
+
+  // Store the extracted headers along with the file's timestamp in the cache
   headersCache.set(fullPath, {
     timestamp,
     headers
   })
+
+  return headers
+}
+
+// Helper function to extract all headers (h2) from markdown content
+function extractHeadersFromMarkdown(src: string): APIHeader[] {
+  const h2s = src.match(/^## [^\n]+/gm) // Match all h2 headers (## header)
+  const anchorRE = /\{#([^}]+)\}/ // Regular expression to match the anchor link in header (e.g. {#some-anchor})
+  let headers: APIHeader[] = []
+
+  if (h2s) {
+    // Process each h2 header and extract text and anchor
+    headers = h2s.map((h) => {
+      const text = cleanHeaderText(h, anchorRE) // Clean up header text
+      const anchor = extractAnchor(h, anchorRE, text) // Extract or generate anchor
+      return { text, anchor }
+    })
+  }
+
   return headers
 }
+
+// Helper function to clean up header text (e.g., remove superscript, code formatting)
+function cleanHeaderText(h: string, anchorRE: RegExp): string {
+  return h
+    .slice(2) // Remove the "##" part of the header
+    .replace(/<sup class=.*/, '') // Remove superscript (e.g., <sup> tags)
+    .replace(/\\</g, '<') // Decode escaped characters like \<
+    .replace(/`([^`]+)`/g, '$1') // Remove inline code formatting (e.g., `code`)
+    .replace(anchorRE, '') // Remove anchor tags (e.g., {#anchor})
+    .trim() // Trim leading/trailing whitespace
+}
+
+// Helper function to extract the anchor link from a header (or generate one if missing)
+function extractAnchor(h: string, anchorRE: RegExp, text: string): string {
+  const anchorMatch = h.match(anchorRE) // Match anchor if it exists
+  return anchorMatch?.[1] ?? slugify(text) // If no anchor, generate one using slugify
+}
+
+// Cache for storing headers and their associated timestamps to avoid re-reading files
+const headersCache = new Map<
+  string,
+  {
+    headers: APIHeader[]
+    timestamp: number
+  }
+>()
+
+// Main export function for loading the API data
+export default {
+  // Declare files that should trigger Hot Module Replacement (HMR)
+  watch: './*.md',
+  
+  // Load API data and process sidebar items
+  load(): APIGroup[] {
+    // Generate the API group data by processing the sidebar configuration
+    return (sidebar as MultiSidebarConfig)['/api/'].map((group) => ({
+      text: group.text, // Text of the group (e.g., 'API')
+      anchor: slugify(group.text), // Generate anchor for the group title
+      items: group.items.map((item) => ({
+        ...item, // Spread the original item properties
+        headers: parsePageHeaders(item.link), // Parse the headers from the item's markdown link
+      }))
+    }))
+  }
+}
diff --git a/src/api/application.md b/src/api/application.md
index 03c69c1c91..f6e96bbe73 100644
--- a/src/api/application.md
+++ b/src/api/application.md
@@ -1,6 +1,6 @@
-# Application API
+# Application API {#application-api}
 
-## createApp()
+## createApp() {#createapp}
 
 Creates an application instance.
 
@@ -35,13 +35,13 @@ Creates an application instance.
   const app = createApp(App)
   ```
 
-- **See also:** [Guide - Creating a Vue Application](/guide/essentials/application.html)
+- **See also** [Guide - Creating a Vue Application](/guide/essentials/application)
 
-## createSSRApp()
+## createSSRApp() {#createssrapp}
 
-Creates an application instance in [SSR Hydration](/guide/scaling-up/ssr.html#client-hydration) mode. Usage is exactly the same as `createApp()`.
+Creates an application instance in [SSR Hydration](/guide/scaling-up/ssr#client-hydration) mode. Usage is exactly the same as `createApp()`.
 
-## app.mount()
+## app.mount() {#app-mount}
 
 Mounts the application instance in a container element.
 
@@ -59,7 +59,7 @@ Mounts the application instance in a container element.
 
   If the component has a template or a render function defined, it will replace any existing DOM nodes inside the container. Otherwise, if the runtime compiler is available, the `innerHTML` of the container will be used as the template.
 
-  In SSR hydration mode, it will hydrate the existing DOM nodes inside the container. If there are [mismatches](/guide/scaling-up/ssr.html#hydration-mismatch), the existing DOM nodes will be morphed to match the expected output.
+  In SSR hydration mode, it will hydrate the existing DOM nodes inside the container. If there are [mismatches](/guide/scaling-up/ssr#hydration-mismatch), the existing DOM nodes will be morphed to match the expected output.
 
   For each app instance, `mount()` can only be called once.
 
@@ -78,7 +78,7 @@ Mounts the application instance in a container element.
   app.mount(document.body.firstChild)
   ```
 
-## app.unmount()
+## app.unmount() {#app-unmount}
 
 Unmounts a mounted application instance, triggering the unmount lifecycle hooks for all components in the application's component tree.
 
@@ -90,65 +90,19 @@ Unmounts a mounted application instance, triggering the unmount lifecycle hooks
   }
   ```
 
-## app.provide()
+## app.onUnmount() <sup class="vt-badge" data-text="3.5+" /> {#app-onunmount}
 
-Provide a value that can be injected in all descendent components within the application.
+Registers a callback to be called when the app is unmounted.
 
 - **Type**
 
   ```ts
   interface App {
-    provide<T>(key: InjectionKey<T> | symbol | string, value: T): this
-  }
-  ```
-
-- **Details**
-
-  Expects the injection key as the first argument, and the provided value as the second. Returns the application instance itself.
-
-- **Example**
-
-  ```js
-  import { createApp } from 'vue'
-
-  const app = createApp(/* ... */)
-
-  app.provide('message', 'hello')
-  ```
-
-  Inside a component in the application:
-
-  <div class="composition-api">
-
-  ```js
-  import { inject } from 'vue'
-
-  export default {
-    setup() {
-      console.log(inject('message')) // 'hello'
-    }
+    onUnmount(callback: () => any): void
   }
   ```
 
-  </div>
-  <div class="options-api">
-
-  ```js
-  export default {
-    inject: ['message'],
-    created() {
-      console.log(this.message) // 'hello'
-    }
-  }
-  ```
-
-  </div>
-
-- **See also:**
-  - [Provide / Inject](/guide/components/provide-inject.html)
-  - [App-level Provide](/guide/components/provide-inject.html#app-level-provide)
-
-## app.component()
+## app.component() {#app-component}
 
 Registers a global component if passing both a name string and a component definition, or retrieves an already registered one if only the name is passed.
 
@@ -169,17 +123,17 @@ Registers a global component if passing both a name string and a component defin
   const app = createApp({})
 
   // register an options object
-  app.component('my-component', {
+  app.component('MyComponent', {
     /* ... */
   })
 
   // retrieve a registered component
-  const MyComponent = app.component('my-component')
+  const MyComponent = app.component('MyComponent')
   ```
 
-- **See also:** [Component Registration](/guide/components/registration.html)
+- **See also** [Component Registration](/guide/components/registration)
 
-## app.directive()
+## app.directive() {#app-directive}
 
 Registers a global custom directive if passing both a name string and a directive definition, or retrieves an already registered one if only the name is passed.
 
@@ -202,24 +156,24 @@ Registers a global custom directive if passing both a name string and a directiv
   })
 
   // register (object directive)
-  app.directive('my-directive', {
+  app.directive('myDirective', {
     /* custom directive hooks */
   })
 
   // register (function directive shorthand)
-  app.directive('my-directive', () => {
+  app.directive('myDirective', () => {
     /* ... */
   })
 
   // retrieve a registered directive
-  const myDirective = app.directive('my-directive')
+  const myDirective = app.directive('myDirective')
   ```
 
-- **See also:** [Custom Directives](/guide/reusability/custom-directives.html)
+- **See also** [Custom Directives](/guide/reusability/custom-directives)
 
-## app.use()
+## app.use() {#app-use}
 
-Installs a [plugin](/guide/reusability/plugins.html).
+Installs a [plugin](/guide/reusability/plugins).
 
 - **Type**
 
@@ -233,7 +187,7 @@ Installs a [plugin](/guide/reusability/plugins.html).
 
   Expects the plugin as the first argument, and optional plugin options as the second argument.
 
-  The plugin can either be an object with an `install()` method, or a directly a function (which itself will used as the install method). The options (second argument of `app.use()`) will be passed along to the plugin's install method.
+  The plugin can either be an object with an `install()` method, or just a function that will be used as the `install()` method. The options (second argument of `app.use()`) will be passed along to the plugin's `install()` method.
 
   When `app.use()` is called on the same plugin multiple times, the plugin will be installed only once.
 
@@ -250,16 +204,16 @@ Installs a [plugin](/guide/reusability/plugins.html).
   app.use(MyPlugin)
   ```
 
-- **See also:** [Plugins](/guide/reusability/plugins.html)
+- **See also** [Plugins](/guide/reusability/plugins)
 
-## app.mixin()
+## app.mixin() {#app-mixin}
 
 Applies a global mixin (scoped to the application). A global mixin applies its included options to every component instance in the application.
 
 :::warning Not Recommended
-Mixins are supported in Vue 3 mainly for backwards compatibility due to its wide-spread use in ecosystem libraries. Use of mixins, especially global mixins, should be avoided in application code.
+Mixins are supported in Vue 3 mainly for backwards compatibility, due to their widespread use in ecosystem libraries. Use of mixins, especially global mixins, should be avoided in application code.
 
-For logic reuse, prefer [Composables](/guide/reusability/composables.html) instead.
+For logic reuse, prefer [Composables](/guide/reusability/composables) instead.
 :::
 
 - **Type**
@@ -270,9 +224,100 @@ For logic reuse, prefer [Composables](/guide/reusability/composables.html) inste
   }
   ```
 
-## app.version
+## app.provide() {#app-provide}
 
-Provides the version of Vue that the application was created with. This is useful inside [plugins](/guide/reusability/plugins.html), where you might need conditional logic based on different Vue versions.
+Provide a value that can be injected in all descendant components within the application.
+
+- **Type**
+
+  ```ts
+  interface App {
+    provide<T>(key: InjectionKey<T> | symbol | string, value: T): this
+  }
+  ```
+
+- **Details**
+
+  Expects the injection key as the first argument, and the provided value as the second. Returns the application instance itself.
+
+- **Example**
+
+  ```js
+  import { createApp } from 'vue'
+
+  const app = createApp(/* ... */)
+
+  app.provide('message', 'hello')
+  ```
+
+  Inside a component in the application:
+
+  <div class="composition-api">
+
+  ```js
+  import { inject } from 'vue'
+
+  export default {
+    setup() {
+      console.log(inject('message')) // 'hello'
+    }
+  }
+  ```
+
+  </div>
+  <div class="options-api">
+
+  ```js
+  export default {
+    inject: ['message'],
+    created() {
+      console.log(this.message) // 'hello'
+    }
+  }
+  ```
+
+  </div>
+
+- **See also**
+  - [Provide / Inject](/guide/components/provide-inject)
+  - [App-level Provide](/guide/components/provide-inject#app-level-provide)
+  - [app.runWithContext()](#app-runwithcontext)
+
+## app.runWithContext() {#app-runwithcontext}
+
+- Only supported in 3.3+
+
+Execute a callback with the current app as injection context.
+
+- **Type**
+
+  ```ts
+  interface App {
+    runWithContext<T>(fn: () => T): T
+  }
+  ```
+
+- **Details**
+
+  Expects a callback function and runs the callback immediately. During the synchronous call of the callback, `inject()` calls are able to look up injections from the values provided by the current app, even when there is no current active component instance. The return value of the callback will also be returned.
+
+- **Example**
+
+  ```js
+  import { inject } from 'vue'
+
+  app.provide('id', 1)
+
+  const injected = app.runWithContext(() => {
+    return inject('id')
+  })
+
+  console.log(injected) // 1
+  ```
+
+## app.version {#app-version}
+
+Provides the version of Vue that the application was created with. This is useful inside [plugins](/guide/reusability/plugins), where you might need conditional logic based on different Vue versions.
 
 - **Type**
 
@@ -297,9 +342,9 @@ Provides the version of Vue that the application was created with. This is usefu
   }
   ```
 
-- **See also:** [Global API - version](/api/general.html#version)
+- **See also** [Global API - version](/api/general#version)
 
-## app.config
+## app.config {#app-config}
 
 Every application instance exposes a `config` object that contains the configuration settings for that application. You can modify its properties (documented below) before mounting your application.
 
@@ -311,7 +356,7 @@ const app = createApp(/* ... */)
 console.log(app.config)
 ```
 
-## app.config.errorHandler
+## app.config.errorHandler {#app-config-errorhandler}
 
 Assign a global handler for uncaught errors propagating from within the application.
 
@@ -343,6 +388,10 @@ Assign a global handler for uncaught errors propagating from within the applicat
   - Custom directive hooks
   - Transition hooks
 
+  :::tip
+  In production, the 3rd argument (`info`) will be a shortened code instead of the full information string. You can find the code to string mapping in the [Production Error Code Reference](/error-reference/#runtime-errors).
+  :::
+
 - **Example**
 
   ```js
@@ -351,7 +400,7 @@ Assign a global handler for uncaught errors propagating from within the applicat
   }
   ```
 
-## app.config.warnHandler
+## app.config.warnHandler {#app-config-warnhandler}
 
 Assign a custom handler for runtime warnings from Vue.
 
@@ -385,27 +434,27 @@ Assign a custom handler for runtime warnings from Vue.
   }
   ```
 
-## app.config.performance
+## app.config.performance {#app-config-performance}
 
 Set this to `true` to enable component init, compile, render and patch performance tracing in the browser devtool performance/timeline panel. Only works in development mode and in browsers that support the [performance.mark](https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark) API.
 
-- **Type**: `boolean`
+- **Type:** `boolean`
 
-- **See also:** [Guide - Performance](/guide/best-practices/performance.html)
+- **See also** [Guide - Performance](/guide/best-practices/performance)
 
-## app.config.compilerOptions
+## app.config.compilerOptions {#app-config-compileroptions}
 
-Configure runtime compiler options. Values set on this object will be passed to the in-browser template compiler and affect every component in the configured app. Note you can also override these options on a per-component basis using the [`compilerOptions` option](/).
+Configure runtime compiler options. Values set on this object will be passed to the in-browser template compiler and affect every component in the configured app. Note you can also override these options on a per-component basis using the [`compilerOptions` option](/api/options-rendering#compileroptions).
 
 ::: warning Important
 This config option is only respected when using the full build (i.e. the standalone `vue.js` that can compile templates in the browser). If you are using the runtime-only build with a build setup, compiler options must be passed to `@vue/compiler-dom` via build tool configurations instead.
 
-- For `vue-loader`: [pass via the `compilerOptions` loader option](/). Also see [how to configure it in `vue-cli`](/).
+- For `vue-loader`: [pass via the `compilerOptions` loader option](https://vue-loader.vuejs.org/options.html#compileroptions). Also see [how to configure it in `vue-cli`](https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader).
 
-- For `vite`: [pass via `@vitejs/plugin-vue` options](/).
+- For `vite`: [pass via `@vitejs/plugin-vue` options](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#options).
   :::
 
-### app.compilerOptions.isCustomElement
+### app.config.compilerOptions.isCustomElement {#app-config-compileroptions-iscustomelement}
 
 Specifies a check method to recognize native custom elements.
 
@@ -426,9 +475,9 @@ Specifies a check method to recognize native custom elements.
   }
   ```
 
-- **See also:** [Vue and Web Components](/guide/extras/web-components.html)
+- **See also** [Vue and Web Components](/guide/extras/web-components)
 
-### app.compilerOptions.whitespace
+### app.config.compilerOptions.whitespace {#app-config-compileroptions-whitespace}
 
 Adjusts template whitespace handling behavior.
 
@@ -452,7 +501,7 @@ Adjusts template whitespace handling behavior.
   app.config.compilerOptions.whitespace = 'preserve'
   ```
 
-### app.compilerOptions.delimiters
+### app.config.compilerOptions.delimiters {#app-config-compileroptions-delimiters}
 
 Adjusts the delimiters used for text interpolation within the template.
 
@@ -471,7 +520,7 @@ Adjusts the delimiters used for text interpolation within the template.
   app.config.compilerOptions.delimiters = ['${', '}']
   ```
 
-### app.compilerOptions.comments
+### app.config.compilerOptions.comments {#app-config-compileroptions-comments}
 
 Adjusts treatment of HTML comments in templates.
 
@@ -489,7 +538,7 @@ Adjusts treatment of HTML comments in templates.
   app.config.compilerOptions.comments = true
   ```
 
-## app.config.globalProperties
+## app.config.globalProperties {#app-config-globalproperties}
 
 An object that can be used to register global properties that can be accessed on any component instance inside the application.
 
@@ -523,7 +572,9 @@ An object that can be used to register global properties that can be accessed on
   }
   ```
 
-## app.config.optionMergeStrategies
+- **See also** [Guide - Augmenting Global Properties](/guide/typescript/options-api#augmenting-global-properties) <sup class="vt-badge ts" />
+
+## app.config.optionMergeStrategies {#app-config-optionmergestrategies}
 
 An object for defining merging strategies for custom component options.
 
@@ -541,7 +592,7 @@ An object for defining merging strategies for custom component options.
 
   Some plugins / libraries add support for custom component options (by injecting global mixins). These options may require special merging logic when the same option needs to be "merged" from multiple sources (e.g. mixins or component inheritance).
 
-  A merge strategy function can registered for a custom option by assigning it on the `app.config.optionMergeStrategies` object using the option's name as the key.
+  A merge strategy function can be registered for a custom option by assigning it on the `app.config.optionMergeStrategies` object using the option's name as the key.
 
   The merge strategy function receives the value of that option defined on the parent and child instances as the first and second arguments, respectively.
 
@@ -572,4 +623,42 @@ An object for defining merging strategies for custom component options.
   // logs 'Hello Vue'
   ```
 
-- **See also:** [Component Instance - `$options`](/api/component-instance.html#options)
+- **See also** [Component Instance - `$options`](/api/component-instance#options)
+
+## app.config.idPrefix <sup class="vt-badge" data-text="3.5+" /> {#app-config-idprefix}
+
+Configure a prefix for all IDs generated via [useId()](/api/composition-api-helpers.html#useid) inside this application.
+
+- **Type:** `string`
+
+- **Default:** `undefined`
+
+- **Example**
+
+  ```js
+  app.config.idPrefix = 'myApp'
+  ```
+
+  ```js
+  // in a component:
+  const id1 = useId() // 'myApp:0'
+  const id2 = useId() // 'myApp:1'
+  ```
+
+## app.config.throwUnhandledErrorInProduction <sup class="vt-badge" data-text="3.5+" /> {#app-config-throwunhandlederrorinproduction}
+
+Force unhandled errors to be thrown in production mode.
+
+- **Type:** `boolean`
+
+- **Default:** `false`
+
+- **Details**
+
+  By default, errors thrown inside a Vue application but not explicitly handled have different behavior between development and production modes:
+
+  - In development, the error is thrown and can possibly crash the application. This is to make the error more prominent so that it can be noticed and fixed during development.
+
+  - In production, the error will only be logged to the console to minimize the impact to end users. However, this may prevent errors that only happen in production from being caught by error monitoring services.
+
+  By setting `app.config.throwUnhandledErrorInProduction` to `true`, unhandled errors will be thrown even in production mode.
diff --git a/src/api/built-in-components.md b/src/api/built-in-components.md
index 7c971a6d6d..462f1c1eba 100644
--- a/src/api/built-in-components.md
+++ b/src/api/built-in-components.md
@@ -2,12 +2,12 @@
 pageClass: api
 ---
 
-# Built-in Components
+# Built-in Components {#built-in-components}
 
 :::info Registration and Usage
 Built-in components can be used directly in templates without needing to be registered. They are also tree-shakeable: they are only included in the build when they are used.
 
-When using them in [render functions](/guide/extras/render-function.html), they need to be imported explicitly. For example:
+When using them in [render functions](/guide/extras/render-function), they need to be imported explicitly. For example:
 
 ```js
 import { h, Transition } from 'vue'
@@ -19,7 +19,7 @@ h(Transition, {
 
 :::
 
-## `<Transition>`
+## `<Transition>` {#transition}
 
 Provides animated transition effects to a **single** element or component.
 
@@ -29,7 +29,7 @@ Provides animated transition effects to a **single** element or component.
   interface TransitionProps {
     /**
      * Used to automatically generate transition CSS class names.
-     * e.g. `name: fade'` will auto expand to `.fade-enter`,
+     * e.g. `name: 'fade'` will auto expand to `.fade-enter`,
      * `.fade-enter-active`, etc.
      */
     name?: string
@@ -55,7 +55,7 @@ Provides animated transition effects to a **single** element or component.
      * Controls the timing sequence of leaving/entering transitions.
      * Default behavior is simultaneous.
      */
-    mode?: 'in-out' | 'out-in'
+    mode?: 'in-out' | 'out-in' | 'default'
     /**
      * Whether to apply transition on initial render.
      * Default: false
@@ -102,6 +102,14 @@ Provides animated transition effects to a **single** element or component.
   </Transition>
   ```
 
+  Forcing a transition by changing the `key` attribute:
+
+  ```vue-html
+  <Transition>
+    <div :key="text">{{ text }}</div>
+  </Transition>
+  ```
+
   Dynamic component, with transition mode + animate on appear:
 
   ```vue-html
@@ -118,9 +126,9 @@ Provides animated transition effects to a **single** element or component.
   </Transition>
   ```
 
-- **See also:** [`<Transition>` Guide](/guide/built-ins/transition.html)
+- **See also** [Guide - Transition](/guide/built-ins/transition)
 
-## `<TransitionGroup>`
+## `<TransitionGroup>` {#transitiongroup}
 
 Provides transition effects for **multiple** elements or components in a list.
 
@@ -150,7 +158,7 @@ Provides transition effects for **multiple** elements or components in a list.
 
   By default, `<TransitionGroup>` doesn't render a wrapper DOM element, but one can be defined via the `tag` prop.
 
-  Note that every child in a `<transition-group>` must be [**uniquely keyed**](/guide/essentials/list.html#maintaining-state-with-key) for the animations to work properly.
+  Note that every child in a `<transition-group>` must be [**uniquely keyed**](/guide/essentials/list#maintaining-state-with-key) for the animations to work properly.
 
   `<TransitionGroup>` supports moving transitions via CSS transform. When a child's position on screen has changed after an update, it will get applied a moving CSS class (auto generated from the `name` attribute or configured with the `move-class` prop). If the CSS `transform` property is "transition-able" when the moving class is applied, the element will be smoothly animated to its destination using the [FLIP technique](https://aerotwist.com/blog/flip-your-animations/).
 
@@ -164,9 +172,9 @@ Provides transition effects for **multiple** elements or components in a list.
   </TransitionGroup>
   ```
 
-- **See also:** [Guide - TransitionGroup](/guide/built-ins/transition-group.html)
+- **See also** [Guide - TransitionGroup](/guide/built-ins/transition-group)
 
-## `<KeepAlive>`
+## `<KeepAlive>` {#keepalive}
 
 Caches dynamically toggled components wrapped inside.
 
@@ -244,9 +252,9 @@ Caches dynamically toggled components wrapped inside.
   </KeepAlive>
 
   <!-- Array (use `v-bind`) -->
-  <keepalive :include="['a', 'b']">
+  <KeepAlive :include="['a', 'b']">
     <component :is="view"></component>
-  </keepalive>
+  </KeepAlive>
   ```
 
   Usage with `max`:
@@ -257,9 +265,9 @@ Caches dynamically toggled components wrapped inside.
   </KeepAlive>
   ```
 
-- **See also:** [Guide - KeepAlive](/guide/built-ins/keep-alive.html)
+- **See also** [Guide - KeepAlive](/guide/built-ins/keep-alive)
 
-## `<Teleport>`
+## `<Teleport>` {#teleport}
 
 Renders its slot content to another part of the DOM.
 
@@ -278,6 +286,12 @@ Renders its slot content to another part of the DOM.
      * Can be changed dynamically.
      */
     disabled?: boolean
+    /**
+     * When `true`, the Teleport will defer until other
+     * parts of the application have been mounted before
+     * resolving its target. (3.5+)
+     */
+    defer?: boolean
   }
   ```
 
@@ -286,22 +300,31 @@ Renders its slot content to another part of the DOM.
   Specifying target container:
 
   ```vue-html
-  <teleport to="#some-id" />
-  <teleport to=".some-class" />
-  <teleport to="[data-teleport]" />
+  <Teleport to="#some-id" />
+  <Teleport to=".some-class" />
+  <Teleport to="[data-teleport]" />
   ```
 
   Conditionally disabling:
 
   ```vue-html
-  <teleport to="#popup" :disabled="displayVideoInline">
+  <Teleport to="#popup" :disabled="displayVideoInline">
     <video src="http://github.com/my-movie.mp4">
-  </teleport>
+  </Teleport>
   ```
 
-- **See also:** [Guide - Teleport](/guide/built-ins/teleport.html)
+  Defer target resolution <sup class="vt-badge" data-text="3.5+" />:
+
+  ```vue-html
+  <Teleport defer to="#late-div">...</Teleport>
 
-## `<Suspense>` <sup class="vt-badge experimental" />
+  <!-- somewhere later in the template -->
+  <div id="late-div"></div>
+  ```
+
+- **See also** [Guide - Teleport](/guide/built-ins/teleport)
+
+## `<Suspense>` <sup class="vt-badge experimental" /> {#suspense}
 
 Used for orchestrating nested async dependencies in a component tree.
 
@@ -310,6 +333,7 @@ Used for orchestrating nested async dependencies in a component tree.
   ```ts
   interface SuspenseProps {
     timeout?: string | number
+    suspensible?: boolean
   }
   ```
 
@@ -323,6 +347,8 @@ Used for orchestrating nested async dependencies in a component tree.
 
   `<Suspense>` accepts two slots: the `#default` slot and the `#fallback` slot. It will display the content of the fallback slot while rendering the default slot in memory.
 
-  If it encounters async dependencies ([Async Components](/guide/components/async.html) and components with [`async setup()`](/guide/built-ins/suspense.html#async-setup)) while rendering the default slot, it will wait until all of them are resolved before displaying the default slot.
+  If it encounters async dependencies ([Async Components](/guide/components/async) and components with [`async setup()`](/guide/built-ins/suspense#async-setup)) while rendering the default slot, it will wait until all of them are resolved before displaying the default slot.
+
+  By setting the Suspense as `suspensible`, all the async dependency handling will be handled by the parent Suspense. See [implementation details](https://github.com/vuejs/core/pull/6736)
 
-- **See also:** [Guide - Suspense](/guide/built-ins/suspense.html)
+- **See also** [Guide - Suspense](/guide/built-ins/suspense)
diff --git a/src/api/built-in-directives.md b/src/api/built-in-directives.md
index d64cabc1be..8afb0bfc48 100644
--- a/src/api/built-in-directives.md
+++ b/src/api/built-in-directives.md
@@ -1,6 +1,6 @@
-# Built-in Directives
+# Built-in Directives {#built-in-directives}
 
-## v-text
+## v-text {#v-text}
 
 Update the element's text content.
 
@@ -8,7 +8,7 @@ Update the element's text content.
 
 - **Details**
 
-  `v-text` works by setting the element's [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) property, so it will overwrite any existing content inside the element. If you need to update the part of `textContent`, you should use [mustache interpolations](/guide/essentials/template-syntax.html#text-interpolation) instead.
+  `v-text` works by setting the element's [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) property, so it will overwrite any existing content inside the element. If you need to update the part of `textContent`, you should use [mustache interpolations](/guide/essentials/template-syntax#text-interpolation) instead.
 
 - **Example**
 
@@ -18,15 +18,15 @@ Update the element's text content.
   <span>{{msg}}</span>
   ```
 
-- **See also:** [Template Syntax - Text Interpolation](/guide/essentials/template-syntax.html#text-interpolation)
+- **See also** [Template Syntax - Text Interpolation](/guide/essentials/template-syntax#text-interpolation)
 
-## v-html
+## v-html {#v-html}
 
 Update the element's [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML).
 
 - **Expects:** `string`
 
-- **Details:**
+- **Details**
 
   Contents of `v-html` are inserted as plain HTML - Vue template syntax will not be processed. If you find yourself trying to compose templates using `v-html`, try to rethink the solution by using components instead.
 
@@ -34,17 +34,17 @@ Update the element's [innerHTML](https://developer.mozilla.org/en-US/docs/Web/AP
   Dynamically rendering arbitrary HTML on your website can be very dangerous because it can easily lead to [XSS attacks](https://en.wikipedia.org/wiki/Cross-site_scripting). Only use `v-html` on trusted content and **never** on user-provided content.
   :::
 
-  In [Single-File Components](/guide/scaling-up/sfc), `scoped` styles will not apply to content inside `v-html`, because that HTML is not processed by Vue's template compiler. If you want to target `v-html` content with scoped CSS, you can instead use [CSS modules](./sfc-css-features.html#css-modules) or an additional, global `<style>` element with a manual scoping strategy such as BEM.
+  In [Single-File Components](/guide/scaling-up/sfc), `scoped` styles will not apply to content inside `v-html`, because that HTML is not processed by Vue's template compiler. If you want to target `v-html` content with scoped CSS, you can instead use [CSS modules](./sfc-css-features#css-modules) or an additional, global `<style>` element with a manual scoping strategy such as BEM.
 
-- **Example:**
+- **Example**
 
   ```vue-html
   <div v-html="html"></div>
   ```
 
-- **See also:** [Template Syntax - Raw HTML](/guide/essentials/template-syntax.html#raw-html)
+- **See also** [Template Syntax - Raw HTML](/guide/essentials/template-syntax#raw-html)
 
-## v-show
+## v-show {#v-show}
 
 Toggle the element's visibility based on the truthy-ness of the expression value.
 
@@ -54,9 +54,9 @@ Toggle the element's visibility based on the truthy-ness of the expression value
 
   `v-show` works by setting the `display` CSS property via inline styles, and will try to respect the initial `display` value when the element is visible. It also triggers transitions when its condition changes.
 
-- **See also:** [Conditional Rendering - v-show](/guide/essentials/conditional.html#v-show)
+- **See also** [Conditional Rendering - v-show](/guide/essentials/conditional#v-show)
 
-## v-if
+## v-if {#v-if}
 
 Conditionally render an element or a template fragment based on the truthy-ness of the expression value.
 
@@ -70,11 +70,11 @@ Conditionally render an element or a template fragment based on the truthy-ness
 
   This directive triggers transitions when its condition changes.
 
-  When used together, `v-if` has a higher priority than `v-for`. We don't recommend using these two directives together on one element — see the [list rendering guide](/guide/essentials/list.html#v-for-with-v-if) for details.
+  When used together, `v-if` has a higher priority than `v-for`. We don't recommend using these two directives together on one element — see the [list rendering guide](/guide/essentials/list#v-for-with-v-if) for details.
 
-- **See also:** [Conditional Rendering - v-if](/guide/essentials/conditional.html#v-if)
+- **See also** [Conditional Rendering - v-if](/guide/essentials/conditional#v-if)
 
-## v-else
+## v-else {#v-else}
 
 Denote the "else block" for `v-if` or a `v-if` / `v-else-if` chain.
 
@@ -97,9 +97,9 @@ Denote the "else block" for `v-if` or a `v-if` / `v-else-if` chain.
   </div>
   ```
 
-- **See also:** [Conditional Rendering - v-else](/guide/essentials/conditional.html#v-else)
+- **See also** [Conditional Rendering - v-else](/guide/essentials/conditional#v-else)
 
-## v-else-if
+## v-else-if {#v-else-if}
 
 Denote the "else if block" for `v-if`. Can be chained.
 
@@ -128,9 +128,9 @@ Denote the "else if block" for `v-if`. Can be chained.
   </div>
   ```
 
-- **See also:** [Conditional Rendering - v-else-if](/guide/essentials/conditional.html#v-else-if)
+- **See also** [Conditional Rendering - v-else-if](/guide/essentials/conditional#v-else-if)
 
-## v-for
+## v-for {#v-for}
 
 Render the element or template block multiple times based on the source data.
 
@@ -164,10 +164,10 @@ Render the element or template block multiple times based on the source data.
 
   `v-for` can also work on values that implement the [Iterable Protocol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol), including native `Map` and `Set`.
 
-- **See also:**
-  - [List Rendering](/guide/essentials/list.html)
+- **See also**
+  - [List Rendering](/guide/essentials/list)
 
-## v-on
+## v-on {#v-on}
 
 Attach an event listener to the element.
 
@@ -177,7 +177,7 @@ Attach an event listener to the element.
 
 - **Argument:** `event` (optional if using Object syntax)
 
-- **Modifiers:**
+- **Modifiers**
 
   - `.stop` - call `event.stopPropagation()`.
   - `.prevent` - call `event.preventDefault()`.
@@ -200,7 +200,7 @@ Attach an event listener to the element.
 
   `v-on` also supports binding to an object of event / listener pairs without an argument. Note when using the object syntax, it does not support any modifiers.
 
-- **Example:**
+- **Example**
 
   ```vue-html
   <!-- method handler -->
@@ -249,37 +249,39 @@ Attach an event listener to the element.
   <MyComponent @my-event="handleThis(123, $event)" />
   ```
 
-- **See also:**
-  - [Event Handling](/guide/essentials/event-handling.html)
-  - [Components - Custom Events](/guide/essentials/component-basics.html#listening-to-events)
+- **See also**
+  - [Event Handling](/guide/essentials/event-handling)
+  - [Components - Custom Events](/guide/essentials/component-basics#listening-to-events)
 
-## v-bind
+## v-bind {#v-bind}
 
 Dynamically bind one or more attributes, or a component prop to an expression.
 
-- **Shorthand:** `:` or `.` (when using `.prop` modifier)
+- **Shorthand:**
+  - `:` or `.` (when using `.prop` modifier)
+  - Omitting value (when attribute and bound value has the same name, requires 3.4+)
 
 - **Expects:** `any (with argument) | Object (without argument)`
 
 - **Argument:** `attrOrProp (optional)`
 
-- **Modifiers:**
+- **Modifiers**
 
   - `.camel` - transform the kebab-case attribute name into camelCase.
-  - `.prop` - force a binding to be set as a DOM property. <sup class="vt-badge">3.2+</sup>
-  - `.attr` - force a binding to be set as a DOM attribute. <sup class="vt-badge">3.2+</sup>
+  - `.prop` - force a binding to be set as a DOM property (3.2+).
+  - `.attr` - force a binding to be set as a DOM attribute (3.2+).
 
-- **Usage:**
+- **Usage**
 
   When used to bind the `class` or `style` attribute, `v-bind` supports additional value types such as Array or Objects. See linked guide section below for more details.
 
-  When setting a binding on an element, Vue by default checks whether the element has the key defined as a property using an `in` operator check. If the property is defined, Vue will set the value as a DOM property instead of an attribute. This should work in most cases, but you can override this behavior by explicitly using `.prop` or `.attr` modifiers. This is sometimes necessary, especially when [working with custom elements](/guide/extras/web-components.html#passing-dom-properties).
+  When setting a binding on an element, Vue by default checks whether the element has the key defined as a property using an `in` operator check. If the property is defined, Vue will set the value as a DOM property instead of an attribute. This should work in most cases, but you can override this behavior by explicitly using `.prop` or `.attr` modifiers. This is sometimes necessary, especially when [working with custom elements](/guide/extras/web-components#passing-dom-properties).
 
   When used for component prop binding, the prop must be properly declared in the child component.
 
-  When used without an argument, can be used to bind an object containing attribute name-value pairs. Note in this mode `class` and `style` does not support Array or Objects.
+  When used without an argument, can be used to bind an object containing attribute name-value pairs.
 
-- **Example:**
+- **Example**
 
   ```vue-html
   <!-- bind an attribute -->
@@ -291,6 +293,9 @@ Dynamically bind one or more attributes, or a component prop to an expression.
   <!-- shorthand -->
   <img :src="http://github.com/imageSrc" />
 
+  <!-- same-name shorthand (3.4+), expands to :http://github.com/src="src" -->
+  <img :src />
+
   <!-- shorthand dynamic attribute name -->
   <button :[key]="value"></button>
 
@@ -319,16 +324,13 @@ Dynamically bind one or more attributes, or a component prop to an expression.
   <svg><a :xlink:special="foo"></a></svg>
   ```
 
-  The `.prop` and `.attr` modifiers also have a dedicated shorthand, `.` and `^` respectively:
+  The `.prop` modifier also has a dedicated shorthand, `.`:
 
   ```vue-html
   <div :someProperty.prop="someObject"></div>
+
   <!-- equivalent to -->
   <div .someProperty="someObject"></div>
-  
-  <div :someProperty.attr="someString"></div>
-  <!-- equivalent to -->
-  <div ^someProperty="someString"></div>
   ```
 
   The `.camel` modifier allows camelizing a `v-bind` attribute name when using in-DOM templates, e.g. the SVG `viewBox` attribute:
@@ -339,11 +341,11 @@ Dynamically bind one or more attributes, or a component prop to an expression.
 
   `.camel` is not needed if you are using string templates, or pre-compiling the template with a build step.
 
-- **See also:**
-  - [Class and Style Bindings](/guide/essentials/class-and-style.html)
-  - [Components - Prop Passing Details](/guide/components/props.html#prop-passing-details)
+- **See also**
+  - [Class and Style Bindings](/guide/essentials/class-and-style)
+  - [Components - Prop Passing Details](/guide/components/props#prop-passing-details)
 
-## v-model
+## v-model {#v-model}
 
 Create a two-way binding on a form input element or a component.
 
@@ -356,20 +358,20 @@ Create a two-way binding on a form input element or a component.
   - `<textarea>`
   - components
 
-- **Modifiers:**
+- **Modifiers**
 
-  - [`.lazy`](/guide/essentials/forms.html#lazy) - listen to `change` events instead of `input`
-  - [`.number`](/guide/essentials/forms.html#number) - cast valid input string to numbers
-  - [`.trim`](/guide/essentials/forms.html#trim) - trim input
+  - [`.lazy`](/guide/essentials/forms#lazy) - listen to `change` events instead of `input`
+  - [`.number`](/guide/essentials/forms#number) - cast valid input string to numbers
+  - [`.trim`](/guide/essentials/forms#trim) - trim input
 
-- **See also:**
+- **See also**
 
-  - [Form Input Bindings](/guide/essentials/forms.html)
-  - [Component Events - Usage with `v-model`](/guide/components/events.html#usage-with-v-model)
+  - [Form Input Bindings](/guide/essentials/forms)
+  - [Component Events - Usage with `v-model`](/guide/components/v-model)
 
-## v-slot
+## v-slot {#v-slot}
 
-Denote named slots or slots that expect to receive props.
+Denote named slots or scoped slots that expect to receive props.
 
 - **Shorthand:** `#`
 
@@ -380,9 +382,9 @@ Denote named slots or slots that expect to receive props.
 - **Limited to:**
 
   - `<template>`
-  - [components](/guide/components/slots.html#scoped-slots) (for a lone default slot with props)
+  - [components](/guide/components/slots#scoped-slots) (for a lone default slot with props)
 
-- **Example:**
+- **Example**
 
   ```vue-html
   <!-- Named slots -->
@@ -415,10 +417,10 @@ Denote named slots or slots that expect to receive props.
   </Mouse>
   ```
 
-- **See also:**
-  - [Components - Slots](/guide/components/slots.html)
+- **See also**
+  - [Components - Slots](/guide/components/slots)
 
-## v-pre
+## v-pre {#v-pre}
 
 Skip compilation for this element and all its children.
 
@@ -428,13 +430,13 @@ Skip compilation for this element and all its children.
 
   Inside the element with `v-pre`, all Vue template syntax will be preserved and rendered as-is. The most common use case of this is displaying raw mustache tags.
 
-- **Example:**
+- **Example**
 
   ```vue-html
   <span v-pre>{{ this will not be compiled }}</span>
   ```
 
-## v-once
+## v-once {#v-once}
 
 Render the element and component once only, and skip future updates.
 
@@ -449,11 +451,11 @@ Render the element and component once only, and skip future updates.
   <span v-once>This will never change: {{msg}}</span>
   <!-- the element have children -->
   <div v-once>
-    <h1>comment</h1>
+    <h1>Comment</h1>
     <p>{{msg}}</p>
   </div>
   <!-- component -->
-  <my-component v-once :comment="msg"></my-component>
+  <MyComponent v-once :comment="msg"></MyComponent>
   <!-- `v-for` directive -->
   <ul>
     <li v-for="i in list" v-once>{{i}}</li>
@@ -462,11 +464,13 @@ Render the element and component once only, and skip future updates.
 
   Since 3.2, you can also memoize part of the template with invalidation conditions using [`v-memo`](#v-memo).
 
-- **See also:**
-  - [Data Binding Syntax - interpolations](/guide/essentials/template-syntax.html#text-interpolation)
+- **See also**
+  - [Data Binding Syntax - interpolations](/guide/essentials/template-syntax#text-interpolation)
   - [v-memo](#v-memo)
 
-## v-memo <sup class="vt-badge" data-text="3.2+" />
+## v-memo {#v-memo}
+
+- Only supported in 3.2+
 
 - **Expects:** `any[]`
 
@@ -503,10 +507,10 @@ Render the element and component once only, and skip future updates.
 
   `v-memo` can also be used on components to manually prevent unwanted updates in certain edge cases where the child component update check has been de-optimized. But again, it is the developer's responsibility to specify correct dependency arrays to avoid skipping necessary updates.
 
-- **See also:**
+- **See also**
   - [v-once](#v-once)
 
-## v-cloak
+## v-cloak {#v-cloak}
 
 Used to hide un-compiled template until it is ready.
 
@@ -520,7 +524,7 @@ Used to hide un-compiled template until it is ready.
 
   `v-cloak` will remain on the element until the associated component instance is mounted. Combined with CSS rules such as `[v-cloak] { display: none }`, it can be used to hide the raw templates until the component is ready.
 
-- **Example:**
+- **Example**
 
   ```css
   [v-cloak] {
diff --git a/src/api/built-in-special-attributes.md b/src/api/built-in-special-attributes.md
index aa03745105..fee4312293 100644
--- a/src/api/built-in-special-attributes.md
+++ b/src/api/built-in-special-attributes.md
@@ -1,6 +1,6 @@
-# Built-in Special Attributes
+# Built-in Special Attributes {#built-in-special-attributes}
 
-## key
+## key {#key}
 
 The `key` special attribute is primarily used as a hint for Vue's virtual DOM algorithm to identify vnodes when diffing the new list of nodes against the old list.
 
@@ -35,11 +35,11 @@ The `key` special attribute is primarily used as a hint for Vue's virtual DOM al
 
   When `text` changes, the `<span>` will always be replaced instead of patched, so a transition will be triggered.
 
-- **See also:** [Guide - List Rendering - Maintaining State with `key`](/guide/essentials/list.html#maintaining-state-with-key)
+- **See also** [Guide - List Rendering - Maintaining State with `key`](/guide/essentials/list#maintaining-state-with-key)
 
-## ref
+## ref {#ref}
 
-Denotes a [template ref](/guide/essentials/template-refs.html).
+Denotes a [template ref](/guide/essentials/template-refs).
 
 - **Expects:** `string | Function`
 
@@ -58,9 +58,9 @@ Denotes a [template ref](/guide/essentials/template-refs.html).
 
   ```vue
   <script setup>
-  import { ref } from 'vue'
+  import { useTemplateRef } from 'vue'
 
-  const p = ref()
+  const pRef = useTemplateRef('p')
   </script>
 
   <template>
@@ -80,19 +80,24 @@ Denotes a [template ref](/guide/essentials/template-refs.html).
 
   `this.$refs` is also non-reactive, therefore you should not attempt to use it in templates for data-binding.
 
-- **See also:** [Template Refs](/guide/essentials/template-refs.html)
+- **See also**
+  - [Guide - Template Refs](/guide/essentials/template-refs)
+  - [Guide - Typing Template Refs](/guide/typescript/composition-api#typing-template-refs) <sup class="vt-badge ts" />
+  - [Guide - Typing Component Template Refs](/guide/typescript/composition-api#typing-component-template-refs) <sup class="vt-badge ts" />
 
-## is
+## is {#is}
 
-Used for binding [dynamic components](/guide/essentials/component-basics.html#dynamic-components).
+Used for binding [dynamic components](/guide/essentials/component-basics#dynamic-components).
 
 - **Expects:** `string | Component`
 
-- **Usage on native elements** <sup class="vt-badge">3.1+</sup>
+- **Usage on native elements**
+ 
+  - Only supported in 3.1+
 
   When the `is` attribute is used on a native HTML element, it will be interpreted as a [Customized built-in element](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-customized-builtin-example), which is a native web platform feature.
 
-  There is, however, a use case where you may need Vue to replace a native element with a Vue component, as explained in [DOM Template Parsing Caveats](/guide/essentials/component-basics.html#dom-template-parsing-caveats). You can prefix the value of the `is` attribute with `vue:` so that Vue will render the element as a Vue component instead:
+  There is, however, a use case where you may need Vue to replace a native element with a Vue component, as explained in [in-DOM Template Parsing Caveats](/guide/essentials/component-basics#in-dom-template-parsing-caveats). You can prefix the value of the `is` attribute with `vue:` so that Vue will render the element as a Vue component instead:
 
   ```vue-html
   <table>
@@ -100,7 +105,7 @@ Used for binding [dynamic components](/guide/essentials/component-basics.html#dy
   </table>
   ```
 
-- **See also:**
+- **See also**
 
-  - [Built-in Special Element - `<component>`](/api/built-in-special-elements.html#component)
-  - [Dynamic Components](/guide/essentials/component-basics.html#dynamic-components)
+  - [Built-in Special Element - `<component>`](/api/built-in-special-elements#component)
+  - [Dynamic Components](/guide/essentials/component-basics#dynamic-components)
diff --git a/src/api/built-in-special-elements.md b/src/api/built-in-special-elements.md
index 70111ccc90..34787747c8 100644
--- a/src/api/built-in-special-elements.md
+++ b/src/api/built-in-special-elements.md
@@ -1,10 +1,10 @@
-# Built-in Special Elements
+# Built-in Special Elements {#built-in-special-elements}
 
 :::info Not Components
-`<component>` and `<slot>` are component-like features and part of the template syntax. They are not true components and are compiled away during template compilation. As such, they are conventionally written with lowercase in templates.
+`<component>`, `<slot>` and `<template>` are component-like features and part of the template syntax. They are not true components and are compiled away during template compilation. As such, they are conventionally written with lowercase in templates.
 :::
 
-## `<component>`
+## `<component>` {#component}
 
 A "meta component" for rendering dynamic components or elements.
 
@@ -34,7 +34,7 @@ A "meta component" for rendering dynamic components or elements.
   import Bar from './Bar.vue'
 
   export default {
-    components: { Foo, Bar }
+    components: { Foo, Bar },
     data() {
       return {
         view: 'Foo'
@@ -67,7 +67,7 @@ A "meta component" for rendering dynamic components or elements.
   <component :is="href ? 'a' : 'span'"></component>
   ```
 
-  The [built-in components](./built-in-components.html) can all be passed to `is`, but you must register them if you want to pass them by name. For example:
+  The [built-in components](./built-in-components) can all be passed to `is`, but you must register them if you want to pass them by name. For example:
 
   ```vue
   <script>
@@ -90,9 +90,27 @@ A "meta component" for rendering dynamic components or elements.
 
   Registration is not required if you pass the component itself to `is` rather than its name, e.g. in `<script setup>`.
 
-- **See also:** [Dynamic Components](/guide/essentials/component-basics.html#dynamic-components)
+  If `v-model` is used on a `<component>` tag, the template compiler will expand it to a `modelValue` prop and `update:modelValue` event listener, much like it would for any other component. However, this won't be compatible with native HTML elements, such as `<input>` or `<select>`. As a result, using `v-model` with a dynamically created native element won't work:
 
-## `<slot>`
+  ```vue
+  <script setup>
+  import { ref } from 'vue'
+
+  const tag = ref('input')
+  const username = ref('')
+  </script>
+
+  <template>
+    <!-- This won't work as 'input' is a native HTML element -->
+    <component :is="tag" v-model="username" />
+  </template>
+  ```
+
+  In practice, this edge case isn't common as native form fields are typically wrapped in components in real applications. If you do need to use a native element directly then you can split the `v-model` into an attribute and event manually.
+
+- **See also** [Dynamic Components](/guide/essentials/component-basics#dynamic-components)
+
+## `<slot>` {#slot}
 
 Denotes slot content outlets in templates.
 
@@ -120,4 +138,27 @@ Denotes slot content outlets in templates.
 
   `<slot>` elements in Vue templates are compiled into JavaScript, so they are not to be confused with [native `<slot>` elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).
 
-- **See also:** [Component - Slots](/guide/components/slots.html)
+- **See also** [Component - Slots](/guide/components/slots)
+
+## `<template>` {#template}
+
+The `<template>` tag is used as a placeholder when we want to use a built-in directive without rendering an element in the DOM.
+
+- **Details**
+
+  The special handling for `<template>` is only triggered if it is used with one of these directives:
+
+  - `v-if`, `v-else-if`, or `v-else`
+  - `v-for`
+  - `v-slot`
+
+  If none of those directives are present then it will be rendered as a [native `<template>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template) instead.
+
+  A `<template>` with a `v-for` can also have a [`key` attribute](/api/built-in-special-attributes#key). All other attributes and directives will be discarded, as they aren't meaningful without a corresponding element.
+
+  Single-file components use a [top-level `<template>` tag](/api/sfc-spec#language-blocks) to wrap the entire template. That usage is separate from the use of `<template>` described above. That top-level tag is not part of the template itself and doesn't support template syntax, such as directives.
+
+- **See also**
+  - [Guide - `v-if` on `<template>`](/guide/essentials/conditional#v-if-on-template)
+  - [Guide - `v-for` on `<template>`](/guide/essentials/list#v-for-on-template)
+  - [Guide - Named slots](/guide/components/slots#named-slots)
diff --git a/src/api/compile-time-flags.md b/src/api/compile-time-flags.md
new file mode 100644
index 0000000000..b590cad810
--- /dev/null
+++ b/src/api/compile-time-flags.md
@@ -0,0 +1,110 @@
+---
+outline: deep
+---
+
+# Compile-Time Flags {#compile-time-flags}
+
+:::tip
+Compile-time flags only apply when using the `esm-bundler` build of Vue (i.e. `vue/dist/vue.esm-bundler.js`).
+:::
+
+When using Vue with a build step, it is possible to configure a number of compile-time flags to enable / disable certain features. The benefit of using compile-time flags is that features disabled this way can be removed from the final bundle via tree-shaking.
+
+Vue will work even if these flags are not explicitly configured. However, it is recommended to always configure them so that the relevant features can be properly removed when possible.
+
+See [Configuration Guides](#configuration-guides) on how to configure them depending on your build tool.
+
+## `__VUE_OPTIONS_API__` {#VUE_OPTIONS_API}
+
+- **Default:** `true`
+
+  Enable / disable Options API support. Disabling this will result in smaller bundles, but may affect compatibility with 3rd party libraries if they rely on Options API.
+
+## `__VUE_PROD_DEVTOOLS__` {#VUE_PROD_DEVTOOLS}
+
+- **Default:** `false`
+
+  Enable / disable devtools support in production builds. This will result in more code included in the bundle, so it is recommended to only enable this for debugging purposes.
+
+## `__VUE_PROD_HYDRATION_MISMATCH_DETAILS__` {#VUE_PROD_HYDRATION_MISMATCH_DETAILS}
+
+- **Default:** `false`
+
+  Enable/disable detailed warnings for hydration mismatches in production builds. This will result in more code included in the bundle, so it is recommended to only enable this for debugging purposes.
+
+- Only available in 3.4+
+
+## Configuration Guides {#configuration-guides}
+
+### Vite {#vite}
+
+`@vitejs/plugin-vue` automatically provides default values for these flags. To change the default values, use Vite's [`define` config option](https://vitejs.dev/config/shared-options.html#define):
+
+```js
+// vite.config.js
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  define: {
+    // enable hydration mismatch details in production build
+    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'true'
+  }
+})
+```
+
+### vue-cli {#vue-cli}
+
+`@vue/cli-service` automatically provides default values for some of these flags. To configure /change the values:
+
+```js
+// vue.config.js
+module.exports = {
+  chainWebpack: (config) => {
+    config.plugin('define').tap((definitions) => {
+      Object.assign(definitions[0], {
+        __VUE_OPTIONS_API__: 'true',
+        __VUE_PROD_DEVTOOLS__: 'false',
+        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
+      })
+      return definitions
+    })
+  }
+}
+```
+
+### webpack {#webpack}
+
+Flags should be defined using webpack's [DefinePlugin](https://webpack.js.org/plugins/define-plugin/):
+
+```js
+// webpack.config.js
+module.exports = {
+  // ...
+  plugins: [
+    new webpack.DefinePlugin({
+      __VUE_OPTIONS_API__: 'true',
+      __VUE_PROD_DEVTOOLS__: 'false',
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
+    })
+  ]
+}
+```
+
+### Rollup {#rollup}
+
+Flags should be defined using [@rollup/plugin-replace](https://github.com/rollup/plugins/tree/master/packages/replace):
+
+```js
+// rollup.config.js
+import replace from '@rollup/plugin-replace'
+
+export default {
+  plugins: [
+    replace({
+      __VUE_OPTIONS_API__: 'true',
+      __VUE_PROD_DEVTOOLS__: 'false',
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
+    })
+  ]
+}
+```
diff --git a/src/api/component-instance.md b/src/api/component-instance.md
index bbce10b9b0..9ea82779c6 100644
--- a/src/api/component-instance.md
+++ b/src/api/component-instance.md
@@ -1,4 +1,4 @@
-# Component Instance
+# Component Instance {#component-instance}
 
 :::info
 This page documents the built-in properties and methods exposed on the component public instance, i.e. `this`.
@@ -6,9 +6,9 @@ This page documents the built-in properties and methods exposed on the component
 All properties listed on this page are readonly (except nested properties in `$data`).
 :::
 
-## $data
+## $data {#data}
 
-The object returned from the [`data`](./options-state.html#data) option, made reactive by the component. The component instance proxies access to the properties on its data object.
+The object returned from the [`data`](./options-state#data) option, made reactive by the component. The component instance proxies access to the properties on its data object.
 
 - **Type**
 
@@ -18,7 +18,7 @@ The object returned from the [`data`](./options-state.html#data) option, made re
   }
   ```
 
-## $props
+## $props {#props}
 
 An object representing the component's current, resolved props.
 
@@ -32,9 +32,9 @@ An object representing the component's current, resolved props.
 
 - **Details**
 
-  Only props declared via the [`props`](./options-state.html#props) option will be included. The component instance proxies access to the properties on its props object.
+  Only props declared via the [`props`](./options-state#props) option will be included. The component instance proxies access to the properties on its props object.
 
-## $el
+## $el {#el}
 
 The root DOM node that the component instance is managing.
 
@@ -42,7 +42,7 @@ The root DOM node that the component instance is managing.
 
   ```ts
   interface ComponentPublicInstance {
-    $el: Node | undefined
+    $el: any
   }
   ```
 
@@ -55,10 +55,10 @@ The root DOM node that the component instance is managing.
   - For components with multiple root nodes, `$el` will be the placeholder DOM node that Vue uses to keep track of the component's position in the DOM (a text node, or a comment node in SSR hydration mode).
 
   :::tip
-  For consistency, its is recommended to use [template refs](/guide/essentials/template-refs.html) for direct access to elements instead of relying on `$el`.
+  For consistency, it is recommended to use [template refs](/guide/essentials/template-refs) for direct access to elements instead of relying on `$el`.
   :::
 
-## $options
+## $options {#options}
 
 The resolved component options used for instantiating the current component instance.
 
@@ -89,9 +89,9 @@ The resolved component options used for instantiating the current component inst
   })
   ```
 
-- **See also:** [`app.config.optionMergeStrategies`](/api/application.html#app-config-optionmergestrategies)
+- **See also** [`app.config.optionMergeStrategies`](/api/application#app-config-optionmergestrategies)
 
-## $parent
+## $parent {#parent}
 
 The parent instance, if the current instance has one. It will be `null` for the root instance itself.
 
@@ -103,7 +103,7 @@ The parent instance, if the current instance has one. It will be `null` for the
   }
   ```
 
-## $root
+## $root {#root}
 
 The root component instance of the current component tree. If the current instance has no parents this value will be itself.
 
@@ -115,9 +115,9 @@ The root component instance of the current component tree. If the current instan
   }
   ```
 
-## $slots
+## $slots {#slots}
 
-An object representing the [slots](/guide/components/slots.html) passed by the parent component.
+An object representing the [slots](/guide/components/slots) passed by the parent component.
 
 - **Type**
 
@@ -131,17 +131,17 @@ An object representing the [slots](/guide/components/slots.html) passed by the p
 
 - **Details**
 
-  Typically used when manually authoring [render functions](/guide/extras/render-function.html), but can also be used to detect whether a slot is present.
+  Typically used when manually authoring [render functions](/guide/extras/render-function), but can also be used to detect whether a slot is present.
 
   Each slot is exposed on `this.$slots` as a function that returns an array of vnodes under the key corresponding to that slot's name. The default slot is exposed as `this.$slots.default`.
 
-  If a slot is a [scoped slot](/guide/components/slots.html#scoped-slots), arguments passed to the slot functions are available to the slot as its slot props.
+  If a slot is a [scoped slot](/guide/components/slots#scoped-slots), arguments passed to the slot functions are available to the slot as its slot props.
 
-- **See also:** [Render Functions - Rendering Slots](/guide/extras/render-function.html#rendering-slots)
+- **See also** [Render Functions - Rendering Slots](/guide/extras/render-function#rendering-slots)
 
-## $refs
+## $refs {#refs}
 
-An object of DOM elements and component instances, registered via [template refs](/guide/essentials/template-refs.html).
+An object of DOM elements and component instances, registered via [template refs](/guide/essentials/template-refs).
 
 - **Type**
 
@@ -151,12 +151,12 @@ An object of DOM elements and component instances, registered via [template refs
   }
   ```
 
-- **See also:**
+- **See also**
 
-  - [Template refs](/guide/essentials/template-refs.html)
+  - [Template refs](/guide/essentials/template-refs)
   - [Special Attributes - ref](./built-in-special-attributes.md#ref)
 
-## $attrs
+## $attrs {#attrs}
 
 An object that contains the component's fallthrough attributes.
 
@@ -170,15 +170,15 @@ An object that contains the component's fallthrough attributes.
 
 - **Details**
 
-  [Fallthrough Attributes](/guide/components/attrs.html) are attributes and event handlers passed by the parent component, but not declared as a prop or a emitted event by the child.
+  [Fallthrough Attributes](/guide/components/attrs) are attributes and event handlers passed by the parent component, but not declared as a prop or an emitted event by the child.
 
-  By default, everything in `$attrs` will be automatically inherited on the component's root element if there is only a single root element. This behavior is disabled if the component has multiple root nodes, and can be explicitly disabled with the [`inheritAttrs`](./options-misc.html#inheritattrs) option.
+  By default, everything in `$attrs` will be automatically inherited on the component's root element if there is only a single root element. This behavior is disabled if the component has multiple root nodes, and can be explicitly disabled with the [`inheritAttrs`](./options-misc#inheritattrs) option.
 
-- **See also:**
+- **See also**
 
-  - [Fallthrough Attributes](/guide/components/attrs.html)
+  - [Fallthrough Attributes](/guide/components/attrs)
 
-## $watch()
+## $watch() {#watch}
 
 Imperative API for creating watchers.
 
@@ -212,14 +212,14 @@ Imperative API for creating watchers.
 
 - **Details**
 
-  The first argument is the watch source. It can be a component property name string, a simple dot-delimited path string, or a getter function.
+  The first argument is the watch source. It can be a component property name string, a simple dot-delimited path string, or a [getter function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description).
 
   The second argument is the callback function. The callback receives the new value and the old value of the watched source.
 
   - **`immediate`**: trigger the callback immediately on watcher creation. Old value will be `undefined` on the first call.
-  - **`deep`**: force deep traversal of the source if it is an object, so that the callback fires on deep mutations. See [Deep Watchers](/guide/essentials/watchers.html#deep-watchers).
-  - **`flush`**: adjust the callback's flush timing. See [Callback Flush Timing](/guide/essentials/watchers.html#callback-flush-timing).
-  - **`onTrack / onTrigger`**: debug the watcher's dependencies. See [Watcher Debugging](/guide/extras/reactivity-in-depth.html#watcher-debugging).
+  - **`deep`**: force deep traversal of the source if it is an object, so that the callback fires on deep mutations. See [Deep Watchers](/guide/essentials/watchers#deep-watchers).
+  - **`flush`**: adjust the callback's flush timing. See [Callback Flush Timing](/guide/essentials/watchers#callback-flush-timing) and [`watchEffect()`](/api/reactivity-core#watcheffect).
+  - **`onTrack / onTrigger`**: debug the watcher's dependencies. See [Watcher Debugging](/guide/extras/reactivity-in-depth#watcher-debugging).
 
 - **Example**
 
@@ -257,11 +257,11 @@ Imperative API for creating watchers.
   unwatch()
   ```
 
-- **See also:**
-  - [Options - `watch`](/api/options-state.html#watch)
-  - [Guide - Watchers](/guide/essentials/watchers.html)
+- **See also**
+  - [Options - `watch`](/api/options-state#watch)
+  - [Guide - Watchers](/guide/essentials/watchers)
 
-## $emit()
+## $emit() {#emit}
 
 Trigger a custom event on the current instance. Any additional arguments will be passed into the listener's callback function.
 
@@ -286,12 +286,12 @@ Trigger a custom event on the current instance. Any additional arguments will be
   }
   ```
 
-- **See also:**
+- **See also**
 
-  - [Component - Events](/guide/components/events.html)
-  - [`emits` option](./options-state.html#emits)
+  - [Component - Events](/guide/components/events)
+  - [`emits` option](./options-state#emits)
 
-## $forceUpdate()
+## $forceUpdate() {#forceupdate}
 
 Force the component instance to re-render.
 
@@ -307,9 +307,9 @@ Force the component instance to re-render.
 
   This should be rarely needed given Vue's fully automatic reactivity system. The only cases where you may need it is when you have explicitly created non-reactive component state using advanced reactivity APIs.
 
-## $nextTick()
+## $nextTick() {#nexttick}
 
-Instance-bound version of the global [`nextTick()`](./general.html#nexttick).
+Instance-bound version of the global [`nextTick()`](./general#nexttick).
 
 - **Type**
 
@@ -321,6 +321,6 @@ Instance-bound version of the global [`nextTick()`](./general.html#nexttick).
 
 - **Details**
 
-  The only different from the global version of `nextTick()` is that the callback passed to `this.$nextTick()` will have its `this` context bound to the current component instance.
+  The only difference from the global version of `nextTick()` is that the callback passed to `this.$nextTick()` will have its `this` context bound to the current component instance.
 
-- **See also:** [`nextTick()`](./general.html#nexttick)
+- **See also** [`nextTick()`](./general#nexttick)
diff --git a/src/api/composition-api-dependency-injection.md b/src/api/composition-api-dependency-injection.md
index b3fe0e74e8..460459d302 100644
--- a/src/api/composition-api-dependency-injection.md
+++ b/src/api/composition-api-dependency-injection.md
@@ -1,8 +1,8 @@
-# Composition API: <br>Dependency Injection
+# Composition API: <br>Dependency Injection {#composition-api-dependency-injection}
 
-## provide()
+## provide() {#provide}
 
-Provides a value that can be injected by descendent components.
+Provides a value that can be injected by descendant components.
 
 - **Type**
 
@@ -23,25 +23,25 @@ Provides a value that can be injected by descendent components.
   ```vue
   <script setup>
   import { ref, provide } from 'vue'
-  import { fooSymbol } from './injectionSymbols'
+  import { countSymbol } from './injectionSymbols'
 
   // provide static value
-  provide('foo', 'bar')
+  provide('path', '/project/')
 
   // provide reactive value
   const count = ref(0)
   provide('count', count)
 
   // provide with Symbol keys
-  provide(fooSymbol, count)
+  provide(countSymbol, count)
   </script>
   ```
 
-- **See also**:
-  - [Guide - Provide / Inject](/guide/components/provide-inject.html)
-  - [Guide - Typing Provide / Inject](/guide/typescript/composition-api.html#typing-provide-inject)
+- **See also**
+  - [Guide - Provide / Inject](/guide/components/provide-inject)
+  - [Guide - Typing Provide / Inject](/guide/typescript/composition-api#typing-provide-inject) <sup class="vt-badge ts" />
 
-## inject()
+## inject() {#inject}
 
 Injects a value provided by an ancestor component or the application (via `app.provide()`).
 
@@ -64,9 +64,11 @@ Injects a value provided by an ancestor component or the application (via `app.p
 
 - **Details**
 
-  The first argument is the injection key. Vue will walk up the parent chain to locate a provided value with a matching key. If multiple components in the parent chain provides the same key, the one closest to the injecting component will "shadow" those higher up the chain. If no value with matching key was found, `inject()` returns `undefined` unless a default value is provided.
+  The first argument is the injection key. Vue will walk up the parent chain to locate a provided value with a matching key. If multiple components in the parent chain provide the same key, the one closest to the injecting component will "shadow" those higher up the chain and its value will be used. If no value with matching key was found, `inject()` returns `undefined` unless a default value is provided.
 
-  The second argument is optional and is the default value to be used when no matching value was found. It can also be a factory function to return values that are expensive to create. If the default value is a function, then `false` must be passed as the third argument to indicate that the function should be used as the value instead of the factory.
+  The second argument is optional and is the default value to be used when no matching value was found.
+
+  The second argument can also be a factory function that returns values that are expensive to create. In this case, `true` must be passed as the third argument to indicate that the function should be used as a factory instead of the value itself.
 
   Similar to lifecycle hook registration APIs, `inject()` must be called synchronously during a component's `setup()` phase.
 
@@ -79,28 +81,40 @@ Injects a value provided by an ancestor component or the application (via `app.p
   ```vue
   <script setup>
   import { inject } from 'vue'
-  import { fooSymbol } from './injectionSymbols'
+  import { countSymbol } from './injectionSymbols'
 
-  // inject static value with default
-  const foo = inject('foo')
+  // inject static value without default
+  const path = inject('path')
 
   // inject reactive value
   const count = inject('count')
 
   // inject with Symbol keys
-  const foo2 = inject(fooSymbol)
+  const count2 = inject(countSymbol)
 
   // inject with default value
-  const bar = inject('foo', 'default value')
+  const bar = inject('path', '/default-path')
 
-  // inject with default value factory
-  const baz = inject('foo', () => new Map())
+  // inject with function default value
+  const fn = inject('function', () => {})
 
-  // inject with function default value, by passing the 3rd argument
-  const fn = inject('function', () => {}, false)
+  // inject with default value factory
+  const baz = inject('factory', () => new ExpensiveObject(), true)
   </script>
   ```
+  
+- **See also**
+  - [Guide - Provide / Inject](/guide/components/provide-inject)
+  - [Guide - Typing Provide / Inject](/guide/typescript/composition-api#typing-provide-inject) <sup class="vt-badge ts" />
+
+## hasInjectionContext() {#has-injection-context}
+
+- Only supported in 3.3+
 
-- **See also**:
-  - [Guide - Provide / Inject](/guide/components/provide-inject.html)
-  - [Guide - Typing Provide / Inject](/guide/typescript/composition-api.html#typing-provide-inject)
+Returns true if [inject()](#inject) can be used without warning about being called in the wrong place (e.g. outside of `setup()`). This method is designed to be used by libraries that want to use `inject()` internally without triggering a warning to the end user.
+
+- **Type**
+
+  ```ts
+  function hasInjectionContext(): boolean
+  ```
diff --git a/src/api/composition-api-helpers.md b/src/api/composition-api-helpers.md
new file mode 100644
index 0000000000..3fe24aad64
--- /dev/null
+++ b/src/api/composition-api-helpers.md
@@ -0,0 +1,134 @@
+# Composition API: Helpers {#composition-api-helpers}
+
+## useAttrs() {#useattrs}
+
+Returns the `attrs` object from the [Setup Context](/api/composition-api-setup#setup-context), which includes the [fallthrough attributes](/guide/components/attrs#fallthrough-attributes) of the current component. This is intended to be used in `<script setup>` where the setup context object is not available.
+
+- **Type**
+
+  ```ts
+  function useAttrs(): Record<string, unknown>
+  ```
+
+## useSlots() {#useslots}
+
+Returns the `slots` object from the [Setup Context](/api/composition-api-setup#setup-context), which includes parent passed slots as callable functions that return Virtual DOM nodes. This is intended to be used in `<script setup>` where the setup context object is not available.
+
+If using TypeScript, [`defineSlots()`](/api/sfc-script-setup#defineslots) should be preferred instead.
+
+- **Type**
+
+  ```ts
+  function useSlots(): Record<string, (...args: any[]) => VNode[]>
+  ```
+
+## useModel() {#usemodel}
+
+This is the underlying helper that powers [`defineModel()`](/api/sfc-script-setup#definemodel). If using `<script setup>`, `defineModel()` should be preferred instead.
+
+- Only available in 3.4+
+
+- **Type**
+
+  ```ts
+  function useModel(
+    props: Record<string, any>,
+    key: string,
+    options?: DefineModelOptions
+  ): ModelRef
+
+  type DefineModelOptions<T = any> = {
+    get?: (v: T) => any
+    set?: (v: T) => any
+  }
+
+  type ModelRef<T, M extends PropertyKey = string, G = T, S = T> = Ref<G, S> & [
+    ModelRef<T, M, G, S>,
+    Record<M, true | undefined>
+  ]
+  ```
+
+- **Example**
+
+  ```js
+  export default {
+    props: ['count'],
+    emits: ['update:count'],
+    setup(props) {
+      const msg = useModel(props, 'count')
+      msg.value = 1
+    }
+  }
+  ```
+
+- **Details**
+
+  `useModel()` can be used in non-SFC components, e.g. when using raw `setup()` function. It expects the `props` object as the first argument, and the model name as the second argument. The optional third argument can be used to declare custom getter and setter for the resulting model ref. Note that unlike `defineModel()`, you are responsible for declaring the props and emits yourself.
+
+## useTemplateRef() <sup class="vt-badge" data-text="3.5+" /> {#usetemplateref}
+
+Returns a shallow ref whose value will be synced with the template element or component with a matching ref attribute.
+
+- **Type**
+
+  ```ts
+  function useTemplateRef<T>(key: string): Readonly<ShallowRef<T | null>>
+  ```
+
+- **Example**
+
+  ```vue
+  <script setup>
+  import { useTemplateRef, onMounted } from 'vue'
+
+  const inputRef = useTemplateRef('input')
+
+  onMounted(() => {
+    inputRef.value.focus()
+  })
+  </script>
+
+  <template>
+    <input ref="input" />
+  </template>
+  ```
+
+- **See also**
+  - [Guide - Template Refs](/guide/essentials/template-refs)
+  - [Guide - Typing Template Refs](/guide/typescript/composition-api#typing-template-refs) <sup class="vt-badge ts" />
+  - [Guide - Typing Component Template Refs](/guide/typescript/composition-api#typing-component-template-refs) <sup class="vt-badge ts" />
+
+## useId() <sup class="vt-badge" data-text="3.5+" /> {#useid}
+
+Used to generate unique-per-application IDs for accessibility attributes or form elements.
+
+- **Type**
+
+  ```ts
+  function useId(): string
+  ```
+
+- **Example**
+
+  ```vue
+  <script setup>
+  import { useId } from 'vue'
+
+  const id = useId()
+  </script>
+
+  <template>
+    <form>
+      <label :for="id">Name:</label>
+      <input :id="id" type="text" />
+    </form>
+  </template>
+  ```
+
+- **Details**
+
+  IDs generated by `useId()` are unique-per-application. It can be used to generate IDs for form elements and accessibility attributes. Multiple calls in the same component will generate different IDs; multiple instances of the same component calling `useId()` will also have different IDs.
+
+  IDs generated by `useId()` are also guaranteed to be stable across the server and client renders, so they can be used in SSR applications without leading to hydration mismatches.
+
+  If you have more than one Vue application instance of the same page, you can avoid ID conflicts by giving each app an ID prefix via [`app.config.idPrefix`](/api/application#app-config-idprefix).
diff --git a/src/api/composition-api-lifecycle.md b/src/api/composition-api-lifecycle.md
index 4f048a6aa1..035c0741cc 100644
--- a/src/api/composition-api-lifecycle.md
+++ b/src/api/composition-api-lifecycle.md
@@ -1,17 +1,17 @@
-# Composition API: Lifecycle Hooks
+# Composition API: Lifecycle Hooks {#composition-api-lifecycle-hooks}
 
 :::info Usage Note
-All APIs listed on this page must be called synchronously during the `setup()` phase of a component. See [Guide - Lifecycle Hooks](/guide/essentials/lifecycle.html) for more details.
+All APIs listed on this page must be called synchronously during the `setup()` phase of a component. See [Guide - Lifecycle Hooks](/guide/essentials/lifecycle) for more details.
 :::
 
-## onMounted()
+## onMounted() {#onmounted}
 
 Registers a callback to be called after the component has been mounted.
 
 - **Type**
 
   ```ts
-  function onMounted(callback: () => void): void
+  function onMounted(callback: () => void, target?: ComponentInternalInstance | null): void
   ```
 
 - **Details**
@@ -22,7 +22,7 @@ Registers a callback to be called after the component has been mounted.
 
   - Its own DOM tree has been created and inserted into the parent container. Note it only guarantees that the component's DOM tree is in-document if the application's root container is also in-document.
 
-  This hook is typically used for performing side effects that need access to the component's rendered DOM, or for limiting DOM-related code to the client in a [server-rendered application](/guide/scaling-up/ssr.html).
+  This hook is typically used for performing side effects that need access to the component's rendered DOM, or for limiting DOM-related code to the client in a [server-rendered application](/guide/scaling-up/ssr).
 
   **This hook is not called during server-side rendering.**
 
@@ -46,21 +46,21 @@ Registers a callback to be called after the component has been mounted.
   </template>
   ```
 
-## onUpdated()
+## onUpdated() {#onupdated}
 
 Registers a callback to be called after the component has updated its DOM tree due to a reactive state change.
 
 - **Type**
 
   ```ts
-  function onUpdated(callback: () => void): void
+  function onUpdated(callback: () => void, target?: ComponentInternalInstance | null): void
   ```
 
 - **Details**
 
   A parent component's updated hook is called after that of its child components.
 
-  This hook is called after any DOM update of the component, which can be caused by different state changes. If you need to access the updated DOM after a specific state change, use [nextTick()](/api/general.html#nexttick) instead.
+  This hook is called after any DOM update of the component, which can be caused by different state changes, because multiple state changes can be batched into a single render cycle for performance reasons. If you need to access the updated DOM after a specific state change, use [nextTick()](/api/general#nexttick) instead.
 
   **This hook is not called during server-side rendering.**
 
@@ -89,14 +89,14 @@ Registers a callback to be called after the component has updated its DOM tree d
   </template>
   ```
 
-## onUnmounted()
+## onUnmounted() {#onunmounted}
 
 Registers a callback to be called after the component has been unmounted.
 
 - **Type**
 
   ```ts
-  function onUnmounted(callback: () => void): void
+  function onUnmounted(callback: () => void, target?: ComponentInternalInstance | null): void
   ```
 
 - **Details**
@@ -128,14 +128,14 @@ Registers a callback to be called after the component has been unmounted.
   </script>
   ```
 
-## onBeforeMount()
+## onBeforeMount() {#onbeforemount}
 
 Registers a hook to be called right before the component is to be mounted.
 
 - **Type**
 
   ```ts
-  function onBeforeMount(callback: () => void): void
+  function onBeforeMount(callback: () => void, target?: ComponentInternalInstance | null): void
   ```
 
 - **Details**
@@ -144,14 +144,14 @@ Registers a hook to be called right before the component is to be mounted.
 
   **This hook is not called during server-side rendering.**
 
-## onBeforeUpdate()
+## onBeforeUpdate() {#onbeforeupdate}
 
 Registers a hook to be called right before the component is about to update its DOM tree due to a reactive state change.
 
 - **Type**
 
   ```ts
-  function onBeforeUpdate(callback: () => void): void
+  function onBeforeUpdate(callback: () => void, target?: ComponentInternalInstance | null): void
   ```
 
 - **Details**
@@ -160,14 +160,14 @@ Registers a hook to be called right before the component is about to update its
 
   **This hook is not called during server-side rendering.**
 
-## onBeforeUnmount()
+## onBeforeUnmount() {#onbeforeunmount}
 
 Registers a hook to be called right before a component instance is to be unmounted.
 
 - **Type**
 
   ```ts
-  function onBeforeUnmount(callback: () => void): void
+  function onBeforeUnmount(callback: () => void, target?: ComponentInternalInstance | null): void
   ```
 
 - **Details**
@@ -176,9 +176,9 @@ Registers a hook to be called right before a component instance is to be unmount
 
   **This hook is not called during server-side rendering.**
 
-## onErrorCaptured()
+## onErrorCaptured() {#onerrorcaptured}
 
-Registers a hook to be called when an error propagating from a descendent component has been captured.
+Registers a hook to be called when an error propagating from a descendant component has been captured.
 
 - **Type**
 
@@ -206,21 +206,25 @@ Registers a hook to be called when an error propagating from a descendent compon
 
   The hook receives three arguments: the error, the component instance that triggered the error, and an information string specifying the error source type.
 
-  You can modify component state in `errorCaptured()` to display an error state to the user. However, it is important that the error state should not render the original content that caused the error; otherwise the component will be thrown into an infinite render loop.
+  :::tip
+  In production, the 3rd argument (`info`) will be a shortened code instead of the full information string. You can find the code to string mapping in the [Production Error Code Reference](/error-reference/#runtime-errors).
+  :::
+
+  You can modify component state in `onErrorCaptured()` to display an error state to the user. However, it is important that the error state should not render the original content that caused the error; otherwise the component will be thrown into an infinite render loop.
 
   The hook can return `false` to stop the error from propagating further. See error propagation details below.
 
   **Error Propagation Rules**
 
-  - By default, all errors are still sent to the application-level [`app.config.errorHandler`](/api/application.html#app-config-errorhandler) if it is defined, so that these errors can still be reported to an analytics service in a single place.
+  - By default, all errors are still sent to the application-level [`app.config.errorHandler`](/api/application#app-config-errorhandler) if it is defined, so that these errors can still be reported to an analytics service in a single place.
 
-  - If multiple `errorCaptured` hooks exist on a component's inheritance chain or parent chain, all of them will be invoked on the same error.
+  - If multiple `errorCaptured` hooks exist on a component's inheritance chain or parent chain, all of them will be invoked on the same error, in the order of bottom to top. This is similar to the bubbling mechanism of native DOM events.
 
   - If the `errorCaptured` hook itself throws an error, both this error and the original captured error are sent to `app.config.errorHandler`.
 
   - An `errorCaptured` hook can return `false` to prevent the error from propagating further. This is essentially saying "this error has been handled and should be ignored." It will prevent any additional `errorCaptured` hooks or `app.config.errorHandler` from being invoked for this error.
 
-## onRenderTracked() <sup class="vt-badge dev-only" />
+## onRenderTracked() <sup class="vt-badge dev-only" /> {#onrendertracked}
 
 Registers a debug hook to be called when a reactive dependency has been tracked by the component's render effect.
 
@@ -241,9 +245,9 @@ Registers a debug hook to be called when a reactive dependency has been tracked
   }
   ```
 
-- **See also:** [Reactivity in Depth](/guide/extras/reactivity-in-depth.html)
+- **See also** [Reactivity in Depth](/guide/extras/reactivity-in-depth)
 
-## onRenderTriggered() <sup class="vt-badge dev-only" />
+## onRenderTriggered() <sup class="vt-badge dev-only" /> {#onrendertriggered}
 
 Registers a debug hook to be called when a reactive dependency triggers the component's render effect to be re-run.
 
@@ -267,39 +271,39 @@ Registers a debug hook to be called when a reactive dependency triggers the comp
   }
   ```
 
-- **See also:** [Reactivity in Depth](/guide/extras/reactivity-in-depth.html)
+- **See also** [Reactivity in Depth](/guide/extras/reactivity-in-depth)
 
-## onActivated()
+## onActivated() {#onactivated}
 
-Registers a callback to be called after the component instance is inserted into the DOM as part of a tree cached by [`<KeepAlive>`](/api/built-in-components.html#keepalive).
+Registers a callback to be called after the component instance is inserted into the DOM as part of a tree cached by [`<KeepAlive>`](/api/built-in-components#keepalive).
 
 **This hook is not called during server-side rendering.**
 
 - **Type**
 
   ```ts
-  function onActivated(callback: () => void): void
+  function onActivated(callback: () => void, target?: ComponentInternalInstance | null): void
   ```
 
-- **See also:** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
+- **See also** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive#lifecycle-of-cached-instance)
 
-## onDeactivated()
+## onDeactivated() {#ondeactivated}
 
-Registers a callback to be called after the component instance is removed from the DOM as part of a tree cached by [`<KeepAlive>`](/api/built-in-components.html#keepalive).
+Registers a callback to be called after the component instance is removed from the DOM as part of a tree cached by [`<KeepAlive>`](/api/built-in-components#keepalive).
 
 **This hook is not called during server-side rendering.**
 
 - **Type**
 
   ```ts
-  function onDeactivated(callback: () => void): void
+  function onDeactivated(callback: () => void, target?: ComponentInternalInstance | null): void
   ```
 
-- **See also:** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
+- **See also** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive#lifecycle-of-cached-instance)
 
-## onServerPrefetch() <sup class="vt-badge" data-text="SSR only" />
+## onServerPrefetch() <sup class="vt-badge" data-text="SSR only" /> {#onserverprefetch}
 
-Registers a async function to be resolved before the component instance is to be rendered on the server.
+Registers an async function to be resolved before the component instance is to be rendered on the server.
 
 - **Type**
 
@@ -338,4 +342,4 @@ Registers a async function to be resolved before the component instance is to be
   </script>
   ```
 
-- **See also:** [Server-Side Rendering](/guide/scaling-up/ssr.html)
+- **See also** [Server-Side Rendering](/guide/scaling-up/ssr)
diff --git a/src/api/composition-api-setup.md b/src/api/composition-api-setup.md
index 59c20c2be6..9a73a49c6f 100644
--- a/src/api/composition-api-setup.md
+++ b/src/api/composition-api-setup.md
@@ -1,17 +1,17 @@
-# Composition API: setup()
+# Composition API: setup() {#composition-api-setup}
 
-:::info Note
-This page documents the usage of the `setup` component option. If you are using Composition API with Single-File Components, [`<script setup>`](/api/sfc-script-setup.html) is recommended for a more succinct and ergonomic syntax.
-:::
+## Basic Usage {#basic-usage}
 
 The `setup()` hook serves as the entry point for Composition API usage in components in the following cases:
 
 1. Using Composition API without a build step;
 2. Integrating with Composition-API-based code in an Options API component.
 
-## Basic Usage
+:::info Note
+If you are using Composition API with Single-File Components, [`<script setup>`](/api/sfc-script-setup) is strongly recommended for a more succinct and ergonomic syntax.
+:::
 
-We can declare reactive state using [Reactivity APIs](./reactivity-core.html) and expose them to the template by returning an object from `setup()`. The properties on the returned object will also be made available on the component instance (if other options are used):
+We can declare reactive state using [Reactivity APIs](./reactivity-core) and expose them to the template by returning an object from `setup()`. The properties on the returned object will also be made available on the component instance (if other options are used):
 
 ```vue
 <script>
@@ -38,13 +38,13 @@ export default {
 </template>
 ```
 
-Note that [refs](/api/reactivity-core.html#ref) returned from `setup` are [automatically shallow unwrapped](/guide/essentials/reactivity-fundamentals.html#ref-unwrapping-in-templates) when accessed in the template so you do not need to use `.value` when accessing them. They are also unwrapped in the same way when accessed on `this`.
+[refs](/api/reactivity-core#ref) returned from `setup` are [automatically shallow unwrapped](/guide/essentials/reactivity-fundamentals#deep-reactivity) when accessed in the template so you do not need to use `.value` when accessing them. They are also unwrapped in the same way when accessed on `this`.
 
-:::tip
-`setup()` itself does not have access to the component instance - `this` will have a value of `null` inside `setup()`. You can access Composition-API-exposed values from Options API, but not the other way around.
-:::
+`setup()` itself does not have access to the component instance - `this` will have a value of `undefined` inside `setup()`. You can access Composition-API-exposed values from Options API, but not the other way around.
+
+`setup()` should return an object _synchronously_. The only case when `async setup()` can be used is when the component is a descendant of a [Suspense](../guide/built-ins/suspense) component.
 
-## Accessing Props
+## Accessing Props {#accessing-props}
 
 The first argument in the `setup` function is the `props` argument. Just as you would expect in a standard component, `props` inside of a `setup` function are reactive and will be updated when new props are passed in.
 
@@ -61,10 +61,10 @@ export default {
 
 Note that if you destructure the `props` object, the destructured variables will lose reactivity. It is therefore recommended to always access props in the form of `props.xxx`.
 
-If you really need to destructure the props, or need to pass a prop into an external function while retaining reactivity, you can do so with the [toRefs()](./reactivity-utilities.html#torefs) and [toRef()](/api/reactivity-utilities.html#toref) utility APIs:
+If you really need to destructure the props, or need to pass a prop into an external function while retaining reactivity, you can do so with the [toRefs()](./reactivity-utilities#torefs) and [toRef()](/api/reactivity-utilities#toref) utility APIs:
 
 ```js
-import { toRefs } from 'vue'
+import { toRefs, toRef } from 'vue'
 
 export default {
   setup(props) {
@@ -79,7 +79,7 @@ export default {
 }
 ```
 
-## Setup Context
+## Setup Context {#setup-context}
 
 The second argument passed to the `setup` function is a **Setup Context** object. The context object exposes other values that may be useful inside `setup`:
 
@@ -113,9 +113,9 @@ export default {
 
 `attrs` and `slots` are stateful objects that are always updated when the component itself is updated. This means you should avoid destructuring them and always reference properties as `attrs.x` or `slots.x`. Also note that, unlike `props`, the properties of `attrs` and `slots` are **not** reactive. If you intend to apply side effects based on changes to `attrs` or `slots`, you should do so inside an `onBeforeUpdate` lifecycle hook.
 
-### Exposing Public Properties
+### Exposing Public Properties {#exposing-public-properties}
 
-`expose` is a function that can be used to explicitly limit the properties exposed when the component instance is accessed by a parent component via [template refs](/guide/essentials/template-refs.html#ref-on-component):
+`expose` is a function that can be used to explicitly limit the properties exposed when the component instance is accessed by a parent component via [template refs](/guide/essentials/template-refs#ref-on-component):
 
 ```js{5,10}
 export default {
@@ -132,9 +132,9 @@ export default {
 }
 ```
 
-## Usage with Render Functions
+## Usage with Render Functions {#usage-with-render-functions}
 
-`setup` can also return a [render function](/guide/extras/render-function.html) which can directly make use of the reactive state declared in the same scope:
+`setup` can also return a [render function](/guide/extras/render-function) which can directly make use of the reactive state declared in the same scope:
 
 ```js{6}
 import { h, ref } from 'vue'
diff --git a/src/api/custom-elements.md b/src/api/custom-elements.md
new file mode 100644
index 0000000000..aa2c9d320a
--- /dev/null
+++ b/src/api/custom-elements.md
@@ -0,0 +1,86 @@
+# Custom Elements API {#custom-elements-api}
+
+## defineCustomElement() {#definecustomelement}
+
+This method accepts the same argument as [`defineComponent`](#definecomponent), but instead returns a native [Custom Element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) class constructor.
+
+- **Type**
+
+  ```ts
+  function defineCustomElement(
+    component:
+      | (ComponentOptions & CustomElementsOptions)
+      | ComponentOptions['setup'],
+    options?: CustomElementsOptions
+  ): {
+    new (props?: object): HTMLElement
+  }
+
+  interface CustomElementsOptions {
+    styles?: string[]
+
+    // the following options are 3.5+
+    configureApp?: (app: App) => void
+    shadowRoot?: boolean
+    nonce?: string
+  }
+  ```
+
+  > Type is simplified for readability.
+
+- **Details**
+
+  In addition to normal component options, `defineCustomElement()` also supports a number of options that are custom-elements-specific:
+
+  - **`styles`**: an array of inlined CSS strings for providing CSS that should be injected into the element's shadow root.
+
+  - **`configureApp`** <sup class="vt-badge" data-text="3.5+"/>: a function that can be used to configure the Vue app instance for the custom element.
+
+  - **`shadowRoot`** <sup class="vt-badge" data-text="3.5+"/>: `boolean`, defaults to `true`. Set to `false` to render the custom element without a shadow root. This means `<style>` in custom element SFCs will no longer be encapsulated.
+
+  - **`nonce`** <sup class="vt-badge" data-text="3.5+"/>: `string`, if provided, will be set as the `nonce` attribute on style tags injected to the shadow root.
+
+  Note that instead of being passed as part of the component itself, these options can also be passed via a second argument:
+
+  ```js
+  import Element from './MyElement.ce.vue'
+
+  defineCustomElement(Element, {
+    configureApp(app) {
+      // ...
+    }
+  })
+  ```
+
+  The return value is a custom element constructor that can be registered using [`customElements.define()`](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define).
+
+- **Example**
+
+  ```js
+  import { defineCustomElement } from 'vue'
+
+  const MyVueElement = defineCustomElement({
+    /* component options */
+  })
+
+  // Register the custom element.
+  customElements.define('my-vue-element', MyVueElement)
+  ```
+
+- **See also**
+
+  - [Guide - Building Custom Elements with Vue](/guide/extras/web-components#building-custom-elements-with-vue)
+
+  - Also note that `defineCustomElement()` requires [special config](/guide/extras/web-components#sfc-as-custom-element) when used with Single-File Components.
+
+## useHost() <sup class="vt-badge" data-text="3.5+"/> {#usehost}
+
+A Composition API helper that returns the host element of the current Vue custom element.
+
+## useShadowRoot() <sup class="vt-badge" data-text="3.5+"/> {#useshadowroot}
+
+A Composition API helper that returns the shadow root of the current Vue custom element.
+
+## this.$host <sup class="vt-badge" data-text="3.5+"/> {#this-host}
+
+An Options API property that exposes the host element of the current Vue custom element.
diff --git a/src/api/custom-renderer.md b/src/api/custom-renderer.md
index f6d9a8b987..13989293d4 100644
--- a/src/api/custom-renderer.md
+++ b/src/api/custom-renderer.md
@@ -1,6 +1,6 @@
-# Custom Renderer API
+# Custom Renderer API {#custom-renderer-api}
 
-## createRenderer()
+## createRenderer() {#createrenderer}
 
 Creates a custom renderer. By providing platform-specific node creation and manipulation APIs, you can leverage Vue's core runtime to target non-DOM environments.
 
@@ -22,24 +22,16 @@ Creates a custom renderer. By providing platform-specific node creation and mani
       key: string,
       prevValue: any,
       nextValue: any,
-      // the rest is unused for most custom renderers
-      isSVG?: boolean,
-      prevChildren?: VNode<HostNode, HostElement>[],
+      namespace?: ElementNamespace,
       parentComponent?: ComponentInternalInstance | null,
-      parentSuspense?: SuspenseBoundary | null,
-      unmountChildren?: UnmountChildrenFn
-    ): void
-    insert(
-      el: HostNode,
-      parent: HostElement,
-      anchor?: HostNode | null
     ): void
+    insert(el: HostNode, parent: HostElement, anchor?: HostNode | null): void
     remove(el: HostNode): void
     createElement(
       type: string,
-      isSVG?: boolean,
+      namespace?: ElementNamespace,
       isCustomizedBuiltIn?: string,
-      vnodeProps?: (VNodeProps & { [key: string]: any }) | null
+      vnodeProps?: (VNodeProps & { [key: string]: any }) | null,
     ): HostElement
     createText(text: string): HostNode
     createComment(text: string): HostNode
@@ -47,8 +39,6 @@ Creates a custom renderer. By providing platform-specific node creation and mani
     setElementText(node: HostElement, text: string): void
     parentNode(node: HostNode): HostElement | null
     nextSibling(node: HostNode): HostNode | null
-
-    // optional, DOM-specific
     querySelector?(selector: string): HostElement | null
     setScopeId?(el: HostElement, id: string): void
     cloneNode?(node: HostNode): HostNode
@@ -56,7 +46,9 @@ Creates a custom renderer. By providing platform-specific node creation and mani
       content: string,
       parent: HostElement,
       anchor: HostNode | null,
-      isSVG: boolean
+      namespace: ElementNamespace,
+      start?: HostNode | null,
+      end?: HostNode | null,
     ): [HostNode, HostNode]
   }
   ```
diff --git a/src/api/general.md b/src/api/general.md
index 4e0a2e2139..a6b0dd68ef 100644
--- a/src/api/general.md
+++ b/src/api/general.md
@@ -1,6 +1,6 @@
-# Global API: General
+# Global API: General {#global-api-general}
 
-## version
+## version {#version}
 
 Exposes the current version of Vue.
 
@@ -14,7 +14,7 @@ Exposes the current version of Vue.
   console.log(version)
   ```
 
-## nextTick()
+## nextTick() {#nexttick}
 
 A utility for waiting for the next DOM update flush.
 
@@ -92,18 +92,25 @@ A utility for waiting for the next DOM update flush.
 
   </div>
 
-- **See also:** [`this.$nextTick()`](/api/component-instance.html#nexttick)
+- **See also** [`this.$nextTick()`](/api/component-instance#nexttick)
 
-## defineComponent()
+## defineComponent() {#definecomponent}
 
 A type helper for defining a Vue component with type inference.
 
 - **Type**
 
   ```ts
+  // options syntax
   function defineComponent(
-    component: ComponentOptions | ComponentOptions['setup']
+    component: ComponentOptions
   ): ComponentConstructor
+
+  // function syntax (requires 3.3+)
+  function defineComponent(
+    setup: ComponentOptions['setup'],
+    extraOptions?: ComponentOptions
+  ): () => any
   ```
 
   > Type is simplified for readability.
@@ -122,9 +129,73 @@ A type helper for defining a Vue component with type inference.
   type FooInstance = InstanceType<typeof Foo>
   ```
 
-- **See also:** [Guide - Using Vue with TypeScript](/guide/typescript/overview.html#general-usage-notes)
+  ### Function Signature {#function-signature}
+
+  - Only supported in 3.3+
+
+  `defineComponent()` also has an alternative signature that is meant to be used with the Composition API and [render functions or JSX](/guide/extras/render-function.html).
+
+  Instead of passing in an options object, a function is expected instead. This function works the same as the Composition API [`setup()`](/api/composition-api-setup.html#composition-api-setup) function: it receives the props and the setup context. The return value should be a render function - both `h()` and JSX are supported:
+
+  ```js
+  import { ref, h } from 'vue'
+
+  const Comp = defineComponent(
+    (props) => {
+      // use Composition API here like in <script setup>
+      const count = ref(0)
+
+      return () => {
+        // render function or JSX
+        return h('div', count.value)
+      }
+    },
+    // extra options, e.g. declare props and emits
+    {
+      props: {
+        /* ... */
+      }
+    }
+  )
+  ```
+
+  The main use case for this signature is with TypeScript (and in particular with TSX), as it supports generics:
+
+  ```tsx
+  const Comp = defineComponent(
+    <T extends string | number>(props: { msg: T; list: T[] }) => {
+      // use Composition API here like in <script setup>
+      const count = ref(0)
+
+      return () => {
+        // render function or JSX
+        return <div>{count.value}</div>
+      }
+    },
+    // manual runtime props declaration is currently still needed.
+    {
+      props: ['msg', 'list']
+    }
+  )
+  ```
+
+  In the future, we plan to provide a Babel plugin that automatically infers and injects the runtime props (like for `defineProps` in SFCs) so that the runtime props declaration can be omitted.
+
+  ### Note on webpack Treeshaking {#note-on-webpack-treeshaking}
+
+  Because `defineComponent()` is a function call, it could look like it would produce side-effects to some build tools, e.g. webpack. This will prevent the component from being tree-shaken even when the component is never used.
+
+  To tell webpack that this function call is safe to be tree-shaken, you can add a `/*#__PURE__*/` comment notation before the function call:
+
+  ```js
+  export default /*#__PURE__*/ defineComponent(/* ... */)
+  ```
+
+  Note this is not necessary if you are using Vite, because Rollup (the underlying production bundler used by Vite) is smart enough to determine that `defineComponent()` is in fact side-effect-free without the need for manual annotations.
 
-## defineAsyncComponent()
+- **See also** [Guide - Using Vue with TypeScript](/guide/typescript/overview#general-usage-notes)
+
+## defineAsyncComponent() {#defineasynccomponent}
 
 Define an async component which is lazy loaded only when it is rendered. The argument can either be a loader function, or an options object for more advanced control of the loading behavior.
 
@@ -153,47 +224,4 @@ Define an async component which is lazy loaded only when it is rendered. The arg
   }
   ```
 
-- **See also:** [Guide - Async Components](/guide/components/async.html)
-
-## defineCustomElement()
-
-This method accepts the same argument as [`defineComponent`](#definecomponent), but instead returns a native [Custom Element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) class constructor.
-
-- **Type**
-
-  ```ts
-  function defineCustomElement(
-    component:
-      | (ComponentOptions & { styles?: string[] })
-      | ComponentOptions['setup']
-  ): {
-    new (props?: object): HTMLElement
-  }
-  ```
-
-  > Type is simplified for readability.
-
-- **Details**
-
-  In addition to normal component options, `defineCustomElement()` also supports a special option `styles`, which should be an array of inlined CSS strings, for providing CSS that should be injected into the element's shadow root.
-
-  The return value is a custom element constructor that can be registered using [`customElements.define()`](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define).
-
-- **Example**
-
-  ```js
-  import { defineCustomElement } from 'vue'
-
-  const MyVueElement = defineCustomElement({
-    /* component options */
-  })
-
-  // Register the custom element.
-  customElements.define('my-vue-element', MyVueElement)
-  ```
-
-- **See also:**
-
-  - [Guide - Building Custom Elements with Vue](/guide/extras/web-components.html#building-custom-elements-with-vue)
-
-  - Also note that `defineCustomElement()` requires [special config](/guide/extras/web-components.html#sfc-as-custom-element) when used with Single-File Components.
+- **See also** [Guide - Async Components](/guide/components/async)
diff --git a/src/api/options-composition.md b/src/api/options-composition.md
index 51228d22b5..5e79a0a7d8 100644
--- a/src/api/options-composition.md
+++ b/src/api/options-composition.md
@@ -1,8 +1,8 @@
-# Options: Composition
+# Options: Composition {#options-composition}
 
-## provide
+## provide {#provide}
 
-Provide values that can be injected by descendent components.
+Provide values that can be injected by descendant components.
 
 - **Type**
 
@@ -12,7 +12,7 @@ Provide values that can be injected by descendent components.
   }
   ```
 
-- **Details:**
+- **Details**
 
   `provide` and [`inject`](#inject) are used together to allow an ancestor component to serve as a dependency injector for all its descendants, regardless of how deep the component hierarchy is, as long as they are in the same parent chain.
 
@@ -50,11 +50,11 @@ Provide values that can be injected by descendent components.
   }
   ```
 
-  Note in the above example, the provided `msg` will NOT be reactive. See [Working with Reactivity](/guide/components/provide-inject.html#working-with-reactivity) for more details.
+  Note in the above example, the provided `msg` will NOT be reactive. See [Working with Reactivity](/guide/components/provide-inject#working-with-reactivity) for more details.
 
-- **See also:** [Provide / Inject](/guide/components/provide-inject.html)
+- **See also** [Provide / Inject](/guide/components/provide-inject)
 
-## inject
+## inject {#inject}
 
 Declare properties to inject into the current component by locating them from ancestor providers.
 
@@ -88,7 +88,7 @@ Declare properties to inject into the current component by locating them from an
 
   An injected property will be `undefined` if neither a matching property nor a default value was provided.
 
-  Note that injected bindings are NOT reactive. This is intentional. However, if the injected value is a reactive object, properties on that object do remain reactive. See [Working with Reactivity](/guide/components/provide-inject.html#working-with-reactivity) for more details.
+  Note that injected bindings are NOT reactive. This is intentional. However, if the injected value is a reactive object, properties on that object do remain reactive. See [Working with Reactivity](/guide/components/provide-inject#working-with-reactivity) for more details.
 
 - **Example**
 
@@ -167,9 +167,9 @@ Declare properties to inject into the current component by locating them from an
   }
   ```
 
-- **See also:** [Provide / Inject](/guide/components/provide-inject.html)
+- **See also** [Provide / Inject](/guide/components/provide-inject)
 
-## mixins
+## mixins {#mixins}
 
 An array of option objects to be mixed into the current component.
 
@@ -181,17 +181,17 @@ An array of option objects to be mixed into the current component.
   }
   ```
 
-- **Details:**
+- **Details**
 
   The `mixins` option accepts an array of mixin objects. These mixin objects can contain instance options like normal instance objects, and they will be merged against the eventual options using the certain option merging logic. For example, if your mixin contains a `created` hook and the component itself also has one, both functions will be called.
 
   Mixin hooks are called in the order they are provided, and called before the component's own hooks.
 
   :::warning No Longer Recommended
-  In Vue 2, mixins were the primary mechanism for creating reusable chunks of component logic. While mixins continue to be supported in Vue 3, [Composition API](/guide/reusability/composables.html) is now the preferred approach for code reuse between components.
+  In Vue 2, mixins were the primary mechanism for creating reusable chunks of component logic. While mixins continue to be supported in Vue 3, [Composable functions using Composition API](/guide/reusability/composables) is now the preferred approach for code reuse between components.
   :::
 
-- **Example:**
+- **Example**
 
   ```js
   const mixin = {
@@ -211,11 +211,11 @@ An array of option objects to be mixed into the current component.
   // => 2
   ```
 
-## extends
+## extends {#extends}
 
 A "base class" component to extend from.
 
-- **Type:**
+- **Type**
 
   ```ts
   interface ComponentOptions {
@@ -223,7 +223,7 @@ A "base class" component to extend from.
   }
   ```
 
-- **Details:**
+- **Details**
 
   Allows one component to extend another, inheriting its component options.
 
@@ -231,9 +231,9 @@ A "base class" component to extend from.
 
   However, `extends` and `mixins` express different intents. The `mixins` option is primarily used to compose chunks of functionality, whereas `extends` is primarily concerned with inheritance.
 
-  As with `mixins`, any options will be merged using the relevant merge strategy.
+  As with `mixins`, any options (except for `setup()`) will be merged using the relevant merge strategy.
 
-- **Example:**
+- **Example**
 
   ```js
   const CompA = { ... }
@@ -243,3 +243,24 @@ A "base class" component to extend from.
     ...
   }
   ```
+
+  :::warning Not Recommended for Composition API
+  `extends` is designed for Options API and does not handle the merging of the `setup()` hook.
+
+  In Composition API, the preferred mental model for logic reuse is "compose" over "inheritance". If you have logic from a component that needs to be reused in another one, consider extracting the relevant logic into a [Composable](/guide/reusability/composables#composables).
+
+  If you still intend to "extend" a component using Composition API, you can call the base component's `setup()` in the extending component's `setup()`:
+
+  ```js
+  import Base from './Base.js'
+  export default {
+    extends: Base,
+    setup(props, ctx) {
+      return {
+        ...Base.setup(props, ctx),
+        // local bindings
+      }
+    }
+  }
+  ```
+  :::
diff --git a/src/api/options-lifecycle.md b/src/api/options-lifecycle.md
index ec9e247567..a63c304733 100644
--- a/src/api/options-lifecycle.md
+++ b/src/api/options-lifecycle.md
@@ -1,10 +1,10 @@
-# Options: Lifecycle
+# Options: Lifecycle {#options-lifecycle}
 
 :::info See also
-For shared usage of lifecycle hooks, see [Guide - Lifecycle Hooks](/guide/essentials/lifecycle.html)
+For shared usage of lifecycle hooks, see [Guide - Lifecycle Hooks](/guide/essentials/lifecycle)
 :::
 
-## beforeCreate
+## beforeCreate {#beforecreate}
 
 Called when the instance is initialized.
 
@@ -18,11 +18,13 @@ Called when the instance is initialized.
 
 - **Details**
 
-  Called immediately when the instance is initialized, after props resolution, before processing other options such as `data()` or `computed`.
+  Called immediately when the instance is initialized and props are resolved.
+
+  Then the props will be defined as reactive properties and the state such as `data()` or `computed` will be set up.
 
   Note that the `setup()` hook of Composition API is called before any Options API hooks, even `beforeCreate()`.
 
-## created
+## created {#created}
 
 Called after the instance has finished processing all state-related options.
 
@@ -36,9 +38,9 @@ Called after the instance has finished processing all state-related options.
 
 - **Details**
 
-  When this hooks is called, the following have been set up: reactive data, computed properties, methods, and watchers. However, the mounting phase has not been started, and the `$el` property will not be available yet.
+  When this hook is called, the following have been set up: reactive data, computed properties, methods, and watchers. However, the mounting phase has not been started, and the `$el` property will not be available yet.
 
-## beforeMount
+## beforeMount {#beforemount}
 
 Called right before the component is to be mounted.
 
@@ -56,7 +58,7 @@ Called right before the component is to be mounted.
 
   **This hook is not called during server-side rendering.**
 
-## mounted
+## mounted {#mounted}
 
 Called after the component has been mounted.
 
@@ -76,11 +78,11 @@ Called after the component has been mounted.
 
   - Its own DOM tree has been created and inserted into the parent container. Note it only guarantees that the component's DOM tree is in-document if the application's root container is also in-document.
 
-  This hook is typically used for performing side effects that need access to the component's rendered DOM, or for limiting DOM-related code to the client in a [server-rendered application](/guide/scaling-up/ssr.html).
+  This hook is typically used for performing side effects that need access to the component's rendered DOM, or for limiting DOM-related code to the client in a [server-rendered application](/guide/scaling-up/ssr).
 
   **This hook is not called during server-side rendering.**
 
-## beforeUpdate
+## beforeUpdate {#beforeupdate}
 
 Called right before the component is about to update its DOM tree due to a reactive state change.
 
@@ -98,7 +100,7 @@ Called right before the component is about to update its DOM tree due to a react
 
   **This hook is not called during server-side rendering.**
 
-## updated
+## updated {#updated}
 
 Called after the component has updated its DOM tree due to a reactive state change.
 
@@ -114,7 +116,7 @@ Called after the component has updated its DOM tree due to a reactive state chan
 
   A parent component's updated hook is called after that of its child components.
 
-  This hook is called after any DOM update of the component, which can be caused by different state changes. If you need to access the updated DOM after a specific state change, use [nextTick()](/api/general.html#nexttick) instead.
+  This hook is called after any DOM update of the component, which can be caused by different state changes. If you need to access the updated DOM after a specific state change, use [nextTick()](/api/general#nexttick) instead.
 
   **This hook is not called during server-side rendering.**
 
@@ -122,7 +124,7 @@ Called after the component has updated its DOM tree due to a reactive state chan
   Do not mutate component state in the updated hook - this will likely lead to an infinite update loop!
   :::
 
-## beforeUnmount
+## beforeUnmount {#beforeunmount}
 
 Called right before a component instance is to be unmounted.
 
@@ -140,7 +142,7 @@ Called right before a component instance is to be unmounted.
 
   **This hook is not called during server-side rendering.**
 
-## unmounted
+## unmounted {#unmounted}
 
 Called after the component has been unmounted.
 
@@ -164,9 +166,9 @@ Called after the component has been unmounted.
 
   **This hook is not called during server-side rendering.**
 
-## errorCaptured
+## errorCaptured {#errorcaptured}
 
-Called when an error propagating from a descendent component has been captured.
+Called when an error propagating from a descendant component has been captured.
 
 - **Type**
 
@@ -195,24 +197,36 @@ Called when an error propagating from a descendent component has been captured.
 
   The hook receives three arguments: the error, the component instance that triggered the error, and an information string specifying the error source type.
 
+  :::tip
+  In production, the 3rd argument (`info`) will be a shortened code instead of the full information string. You can find the code to string mapping in the [Production Error Code Reference](/error-reference/#runtime-errors).
+  :::
+
   You can modify component state in `errorCaptured()` to display an error state to the user. However, it is important that the error state should not render the original content that caused the error; otherwise the component will be thrown into an infinite render loop.
 
   The hook can return `false` to stop the error from propagating further. See error propagation details below.
 
   **Error Propagation Rules**
 
-  - By default, all errors are still sent to the application-level [`app.config.errorHandler`](/api/application.html#app-config-errorhandler) if it is defined, so that these errors can still be reported to an analytics service in a single place.
+  - By default, all errors are still sent to the application-level [`app.config.errorHandler`](/api/application#app-config-errorhandler) if it is defined, so that these errors can still be reported to an analytics service in a single place.
 
-  - If multiple `errorCaptured` hooks exist on a component's inheritance chain or parent chain, all of them will be invoked on the same error.
+  - If multiple `errorCaptured` hooks exist on a component's inheritance chain or parent chain, all of them will be invoked on the same error, in the order of bottom to top. This is similar to the bubbling mechanism of native DOM events.
 
   - If the `errorCaptured` hook itself throws an error, both this error and the original captured error are sent to `app.config.errorHandler`.
 
   - An `errorCaptured` hook can return `false` to prevent the error from propagating further. This is essentially saying "this error has been handled and should be ignored." It will prevent any additional `errorCaptured` hooks or `app.config.errorHandler` from being invoked for this error.
 
-## renderTracked <sup class="vt-badge dev-only" />
+  **Error Capturing Caveats**
+  
+  - In components with async `setup()` function (with top-level `await`) Vue **will always** try to render component template, even if `setup()` throwed error. This will likely cause more errors because during render component's template might try to access non-existing properties of failed `setup()` context. When capturing errors in such components, be ready to handle errors from both failed async `setup()` (they will always come first) and failed render process.
+
+  - <sup class="vt-badge" data-text="SSR only"></sup> Replacing errored child component in parent component deep inside `<Suspense>` will cause hydration mismatches in SSR. Instead, try to separate logic that can possibly throw from child `setup()` into separate function and execute it in the parent component's `setup()`, where you can safely `try/catch` the execution process and make replacement if needed before rendering the actual child component.
+
+## renderTracked <sup class="vt-badge dev-only" /> {#rendertracked}
 
 Called when a reactive dependency has been tracked by the component's render effect.
 
+**This hook is development-mode-only and not called during server-side rendering.**
+
 - **Type**
 
   ```ts
@@ -228,12 +242,14 @@ Called when a reactive dependency has been tracked by the component's render eff
   }
   ```
 
-- **See also:** [Reactivity in Depth](/guide/extras/reactivity-in-depth.html)
+- **See also** [Reactivity in Depth](/guide/extras/reactivity-in-depth)
 
-## renderTriggered <sup class="vt-badge dev-only" />
+## renderTriggered <sup class="vt-badge dev-only" /> {#rendertriggered}
 
 Called when a reactive dependency triggers the component's render effect to be re-run.
 
+**This hook is development-mode-only and not called during server-side rendering.**
+
 - **Type**
 
   ```ts
@@ -252,11 +268,11 @@ Called when a reactive dependency triggers the component's render effect to be r
   }
   ```
 
-- **See also:** [Reactivity in Depth](/guide/extras/reactivity-in-depth.html)
+- **See also** [Reactivity in Depth](/guide/extras/reactivity-in-depth)
 
-## activated
+## activated {#activated}
 
-Called after the component instance is inserted into the DOM as part of a tree cached by [`<KeepAlive>`](/api/built-in-components.html#keepalive).
+Called after the component instance is inserted into the DOM as part of a tree cached by [`<KeepAlive>`](/api/built-in-components#keepalive).
 
 **This hook is not called during server-side rendering.**
 
@@ -268,11 +284,11 @@ Called after the component instance is inserted into the DOM as part of a tree c
   }
   ```
 
-- **See also:** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
+- **See also** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive#lifecycle-of-cached-instance)
 
-## deactivated
+## deactivated {#deactivated}
 
-Called after the component instance is removed from the DOM as part of a tree cached by [`<KeepAlive>`](/api/built-in-components.html#keepalive).
+Called after the component instance is removed from the DOM as part of a tree cached by [`<KeepAlive>`](/api/built-in-components#keepalive).
 
 **This hook is not called during server-side rendering.**
 
@@ -284,9 +300,9 @@ Called after the component instance is removed from the DOM as part of a tree ca
   }
   ```
 
-- **See also:** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
+- **See also** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive#lifecycle-of-cached-instance)
 
-## serverPrefetch <sup class="vt-badge" data-text="SSR only" />
+## serverPrefetch <sup class="vt-badge" data-text="SSR only" /> {#serverprefetch}
 
 Async function to be resolved before the component instance is to be rendered on the server.
 
@@ -329,4 +345,4 @@ Async function to be resolved before the component instance is to be rendered on
   }
   ```
 
-- **See also:** [Server-Side Rendering](/guide/scaling-up/ssr.html)
+- **See also** [Server-Side Rendering](/guide/scaling-up/ssr)
diff --git a/src/api/options-misc.md b/src/api/options-misc.md
index 303e94c7d8..beefe63127 100644
--- a/src/api/options-misc.md
+++ b/src/api/options-misc.md
@@ -1,6 +1,6 @@
-# Options: Misc
+# Options: Misc {#options-misc}
 
-## name
+## name {#name}
 
 Explicitly declare a display name for the component.
 
@@ -22,13 +22,19 @@ Explicitly declare a display name for the component.
 
   When you use Single-File Components, the component already infers its own name from the filename. For example, a file named `MyComponent.vue` will have the inferred display name "MyComponent".
 
-  Another case is that when a component is registered globally with [`app.component`](/api/application.html#app-component), the global ID is automatically set as its name.
+  Another case is that when a component is registered globally with [`app.component`](/api/application#app-component), the global ID is automatically set as its name.
 
   The `name` option allows you to override the inferred name, or to explicitly provide a name when no name can be inferred (e.g. when not using build tools, or an inlined non-SFC component).
 
-  There is one case where `name` is explicitly necessary: when matching against cacheable components in [`<KeepAlive>`](/guide/built-ins/keep-alive.html) via its `include / exclude` props.
+  There is one case where `name` is explicitly necessary: when matching against cacheable components in [`<KeepAlive>`](/guide/built-ins/keep-alive) via its `include / exclude` props.
 
-## inheritAttrs
+  :::tip
+  Since version 3.2.34, a single-file component using `<script setup>` will automatically infer its `name` option based on the filename, removing the need to manually declare the name even when used with `<KeepAlive>`.
+  :::
+
+## inheritAttrs {#inheritattrs}
+
+Controls whether the default component attribute fallthrough behavior should be enabled.
 
 - **Type**
 
@@ -70,18 +76,15 @@ Explicitly declare a display name for the component.
   </div>
   <div class="composition-api">
 
-  When declaring this option in a component that uses `<script setup>`, a separate `<script>` block is necessary:
+  When declaring this option in a component that uses `<script setup>`, you can use the [`defineOptions`](/api/sfc-script-setup#defineoptions) macro:
 
   ```vue
-  <script>
-  export default {
-    inheritAttrs: false
-  }
-  </script>
-
   <script setup>
   defineProps(['label', 'value'])
   defineEmits(['input'])
+  defineOptions({
+    inheritAttrs: false
+  })
   </script>
 
   <template>
@@ -98,9 +101,15 @@ Explicitly declare a display name for the component.
 
   </div>
 
-- **See also:** [Fallthrough Attributes](/guide/components/attrs.html)
+- **See also**
 
-## components
+  - [Fallthrough Attributes](/guide/components/attrs)
+  <div class="composition-api">
+
+  - [Using `inheritAttrs` in normal `<script>`](/api/sfc-script-setup.html#usage-alongside-normal-script)
+  </div>
+
+## components {#components}
 
 An object that registers components to be made available to the component instance.
 
@@ -128,9 +137,9 @@ An object that registers components to be made available to the component instan
   }
   ```
 
-- **See also:** [Component Registration](/guide/components/registration.html)
+- **See also** [Component Registration](/guide/components/registration)
 
-## directives
+## directives {#directives}
 
 An object that registers directives to be made available to the component instance.
 
@@ -161,6 +170,4 @@ An object that registers directives to be made available to the component instan
   <input v-focus>
   ```
 
-  A hash of directives to be made available to the component instance.
-
-- **See also:** [Custom Directives](/guide/reusability/custom-directives.html)
+- **See also** [Custom Directives](/guide/reusability/custom-directives)
diff --git a/src/api/options-rendering.md b/src/api/options-rendering.md
index 5ab41430d6..55b64860a6 100644
--- a/src/api/options-rendering.md
+++ b/src/api/options-rendering.md
@@ -1,6 +1,6 @@
-# Options: Rendering
+# Options: Rendering {#options-rendering}
 
-## template
+## template {#template}
 
 A string template for the component.
 
@@ -14,7 +14,7 @@ A string template for the component.
 
 - **Details**
 
-  A template provided via the `template` option will be compiled on-the-fly at runtime. It is only supported when using a full build of Vue that includes the template compiler. The builds that include the template compiler have the word `runtime` in their names, e.g. `vue.runtime.esm-bundler.js`. Consult the [dist file guide](https://github.com/vuejs/core/tree/main/packages/vue#which-dist-file-to-use) for more details about the different builds.
+  A template provided via the `template` option will be compiled on-the-fly at runtime. It is only supported when using a build of Vue that includes the template compiler. The template compiler is **NOT** included in Vue builds that have the word `runtime` in their names, e.g. `vue.runtime.esm-bundler.js`. Consult the [dist file guide](https://github.com/vuejs/core/tree/main/packages/vue#which-dist-file-to-use) for more details about the different builds.
 
   If the string starts with `#` it will be used as a `querySelector` and use the selected element's `innerHTML` as the template string. This allows the source template to be authored using native `<template>` elements.
 
@@ -23,10 +23,10 @@ A string template for the component.
   If the root component of your application doesn't have a `template` or `render` option specified, Vue will try to use the `innerHTML` of the mounted element as the template instead.
 
   :::warning Security Note
-  Only use template sources that you can trust. Do not use user-provided content as your template. See [Security Guide](/guide/best-practices/security.html#rule-no-1-never-use-non-trusted-templates) for more details.
+  Only use template sources that you can trust. Do not use user-provided content as your template. See [Security Guide](/guide/best-practices/security#rule-no-1-never-use-non-trusted-templates) for more details.
   :::
 
-## render
+## render {#render}
 
 A function that programmatically returns the virtual DOM tree of the component.
 
@@ -51,17 +51,17 @@ A function that programmatically returns the virtual DOM tree of the component.
   type VNodeArrayChildren = (VNodeArrayChildren | VNodeChildAtom)[]
   ```
 
-- **Details:**
+- **Details**
 
   `render` is an alternative to string templates that allows you to leverage the full programmatic power of JavaScript to declare the render output of the component.
 
   Pre-compiled templates, for example those in Single-File Components, are compiled into the `render` option at build time. If both `render` and `template` are present in a component, `render` will take higher priority.
 
-- **See also:**
-  - [Rendering Mechanism](/guide/extras/rendering-mechanism.html)
-  - [Render Functions](/guide/extras/render-function.html)
+- **See also**
+  - [Rendering Mechanism](/guide/extras/rendering-mechanism)
+  - [Render Functions](/guide/extras/render-function)
 
-## compilerOptions
+## compilerOptions {#compileroptions}
 
 Configure runtime compiler options for the component's template.
 
@@ -80,6 +80,35 @@ Configure runtime compiler options for the component's template.
 
 - **Details**
 
-  This config option is only respected when using the full build (i.e. the standalone `vue.js` that can compile templates in the browser). It supports the same options as the app-level [app.config.compilerOptions](/api/application.html#app-config-compileroptions), and has higher priority for the current component.
+  This config option is only respected when using the full build (i.e. the standalone `vue.js` that can compile templates in the browser). It supports the same options as the app-level [app.config.compilerOptions](/api/application#app-config-compileroptions), and has higher priority for the current component.
+
+- **See also** [app.config.compilerOptions](/api/application#app-config-compileroptions)
+
+## slots<sup class="vt-badge ts"/> {#slots}
 
-- **See also:** [app.config.compilerOptions](/api/application.html#app-config-compileroptions)
+- Only supported in 3.3+
+
+An option to assist with type inference when using slots programmatically in render functions.
+
+- **Details**
+
+  This option's runtime value is not used. The actual types should be declared via type casting using the `SlotsType` type helper:
+
+  ```ts
+  import { SlotsType } from 'vue'
+
+  defineComponent({
+    slots: Object as SlotsType<{
+      default: { foo: string; bar: number }
+      item: { data: number }
+    }>,
+    setup(props, { slots }) {
+      expectType<
+        undefined | ((scope: { foo: string; bar: number }) => any)
+      >(slots.default)
+      expectType<undefined | ((scope: { data: number }) => any)>(
+        slots.item
+      )
+    }
+  })
+  ```
diff --git a/src/api/options-state.md b/src/api/options-state.md
index 86b0d86982..4aa176a250 100644
--- a/src/api/options-state.md
+++ b/src/api/options-state.md
@@ -1,6 +1,6 @@
-# Options: State
+# Options: State {#options-state}
 
-## data
+## data {#data}
 
 A function that returns the initial reactive state for the component instance.
 
@@ -17,13 +17,13 @@ A function that returns the initial reactive state for the component instance.
 
 - **Details**
 
-  The function is expected to return a plain JavaScript object, which will be made reactive by Vue. After the instance is created, the original data object can be accessed as `this.$data`. The component instance also proxies all the properties found on the data object, so `this.a` will be equivalent to `this.$data.a`.
+  The function is expected to return a plain JavaScript object, which will be made reactive by Vue. After the instance is created, the reactive data object can be accessed as `this.$data`. The component instance also proxies all the properties found on the data object, so `this.a` will be equivalent to `this.$data.a`.
 
-  Once observed, you can no longer add reactive properties to the root data object. It is therefore recommended to declare all root-level reactive properties upfront, before creating the instance.
+  All top-level data properties must be included in the returned data object. Adding new properties to `this.$data` is possible, but it is **not** recommended. If the desired value of a property is not yet available then an empty value such as `undefined` or `null` should be included as a placeholder to ensure that Vue knows that the property exists.
 
   Properties that start with `_` or `$` will **not** be proxied on the component instance because they may conflict with Vue's internal properties and API methods. You will have to access them as `this.$data._property`.
 
-  It is **not** recommend to return objects with their own stateful behavior like browser API objects and prototype properties. The returned object should ideally be a plain object that only represents the state of the component.
+  It is **not** recommended to return objects with their own stateful behavior like browser API objects and prototype properties. The returned object should ideally be a plain object that only represents the state of the component.
 
 - **Example**
 
@@ -45,9 +45,9 @@ A function that returns the initial reactive state for the component instance.
   data: (vm) => ({ a: vm.myProp })
   ```
 
-- **See also:** [Reactivity in Depth](/guide/extras/reactivity-in-depth.html)
+- **See also** [Reactivity in Depth](/guide/extras/reactivity-in-depth)
 
-## props
+## props {#props}
 
 Declare the props of a component.
 
@@ -68,7 +68,7 @@ Declare the props of a component.
     type?: PropType<T>
     required?: boolean
     default?: T | ((rawProps: object) => T)
-    validator?: (value: unknown) => boolean
+    validator?: (value: unknown, rawProps: object) => boolean
   }
 
   type PropType<T> = { new (): T } | { new (): T }[]
@@ -83,17 +83,17 @@ Declare the props of a component.
   - Simple form using an array of strings
   - Full form using an object where each property key is the name of the prop, and the value is the prop's type (a constructor function) or advanced options.
 
-  With object-based syntax, each prop can further defined the following options:
+  With object-based syntax, each prop can further define the following options:
 
-  - **`type`**: Can be one of the following native constructors: `String`, `Number`, `Boolean`, `Array`, `Object`, `Date`, `Function`, `Symbol`, any custom constructor function or an array of those. In development mode, Vue will check if a prop's value matches the declared type, and will throw a warning if it doesn't. See [Prop Validation](/guide/components/props.html#prop-validation) for more details.
+  - **`type`**: Can be one of the following native constructors: `String`, `Number`, `Boolean`, `Array`, `Object`, `Date`, `Function`, `Symbol`, any custom constructor function or an array of those. In development mode, Vue will check if a prop's value matches the declared type, and will throw a warning if it doesn't. See [Prop Validation](/guide/components/props#prop-validation) for more details.
 
-    Also note that a prop with `Boolean` type affects its value casting behavior in both development and production. See [Boolean Casting](/guide/components/props.html#boolean-casting) for more details.
+    Also note that a prop with `Boolean` type affects its value casting behavior in both development and production. See [Boolean Casting](/guide/components/props#boolean-casting) for more details.
 
   - **`default`**: Specifies a default value for the prop when it is not passed by the parent or has `undefined` value. Object or array defaults must be returned using a factory function. The factory function also receives the raw props object as the argument.
 
   - **`required`**: Defines if the prop is required. In a non-production environment, a console warning will be thrown if this value is truthy and the prop is not passed.
 
-  - **`validator`**: Custom validator function that takes the prop value as the sole argument. In development mode, a console warning will be thrown if this function returns a falsy value (i.e. the validation fails).
+  - **`validator`**: Custom validator function that takes the prop value and props object as arguments. In development mode, a console warning will be thrown if this function returns a falsy value (i.e. the validation fails).
 
 - **Example**
 
@@ -125,9 +125,11 @@ Declare the props of a component.
   }
   ```
 
-- **See also:** [Props](/guide/components/props.html)
+- **See also**
+  - [Guide - Props](/guide/components/props)
+  - [Guide - Typing Component Props](/guide/typescript/options-api#typing-component-props) <sup class="vt-badge ts" />
 
-## computed
+## computed {#computed}
 
 Declare computed properties to be exposed on the component instance.
 
@@ -205,9 +207,11 @@ Declare computed properties to be exposed on the component instance.
   }
   ```
 
-- **See also:** [Computed Properties](/guide/essentials/computed.html)
+- **See also**
+  - [Guide - Computed Properties](/guide/essentials/computed)
+  - [Guide - Typing Computed Properties](/guide/typescript/options-api#typing-computed-properties) <sup class="vt-badge ts" />
 
-## methods
+## methods {#methods}
 
 Declare methods to be mixed into the component instance.
 
@@ -246,9 +250,9 @@ Declare methods to be mixed into the component instance.
   }
   ```
 
-- **See also:** [Event Handling](/guide/essentials/event-handling.html)
+- **See also** [Event Handling](/guide/essentials/event-handling)
 
-## watch
+## watch {#watch}
 
 Declare watch callbacks to be invoked on data change.
 
@@ -285,14 +289,14 @@ Declare watch callbacks to be invoked on data change.
 
   The `watch` option expects an object where keys are the reactive component instance properties to watch (e.g. properties declared via `data` or `computed`) — and values are the corresponding callbacks. The callback receives the new value and the old value of the watched source.
 
-  In addition to a root-level property, The key can also be a simple dot-delimited path, e.g. `a.b.c`. Note that this usage does **not** support complex expressions - only dot-delimited paths are supported. If you need to watch complex data sources, this the imperative [`$watch()`](/api/component-instance.html#watch) API instead.
+  In addition to a root-level property, the key can also be a simple dot-delimited path, e.g. `a.b.c`. Note that this usage does **not** support complex expressions - only dot-delimited paths are supported. If you need to watch complex data sources, use the imperative [`$watch()`](/api/component-instance#watch) API instead.
 
   The value can also be a string of a method name (declared via `methods`), or an object that contains additional options. When using the object syntax, the callback should be declared under the `handler` field. Additional options include:
 
   - **`immediate`**: trigger the callback immediately on watcher creation. Old value will be `undefined` on the first call.
-  - **`deep`**: force deep traversal of the source if it is an object or an array, so that the callback fires on deep mutations. See [Deep Watchers](/guide/essentials/watchers.html#deep-watchers).
-  - **`flush`**: adjust the callback's flush timing. See [Callback Flush Timing](/guide/essentials/watchers.html#callback-flush-timing).
-  - **`onTrack / onTrigger`**: debug the watcher's dependencies. See [Watcher Debugging](/guide/extras/reactivity-in-depth.html#watcher-debugging).
+  - **`deep`**: force deep traversal of the source if it is an object or an array, so that the callback fires on deep mutations. See [Deep Watchers](/guide/essentials/watchers#deep-watchers).
+  - **`flush`**: adjust the callback's flush timing. See [Callback Flush Timing](/guide/essentials/watchers#callback-flush-timing) and [`watchEffect()`](/api/reactivity-core#watcheffect).
+  - **`onTrack / onTrigger`**: debug the watcher's dependencies. See [Watcher Debugging](/guide/extras/reactivity-in-depth#watcher-debugging).
 
   Avoid using arrow functions when declaring watch callbacks as they will not have access to the component instance via `this`.
 
@@ -364,9 +368,9 @@ Declare watch callbacks to be invoked on data change.
   }
   ```
 
-- **See also:** [Watchers](/guide/essentials/watchers.html)
+- **See also** [Watchers](/guide/essentials/watchers)
 
-## emits
+## emits {#emits}
 
 Declare the custom events emitted by the component.
 
@@ -393,7 +397,7 @@ Declare the custom events emitted by the component.
 
   The validation function will receive the additional arguments passed to the component's `$emit` call. For example, if `this.$emit('foo', 1)` is called, the corresponding validator for `foo` will receive the argument `1`. The validator function should return a boolean to indicate whether the event arguments are valid.
 
-  Note that the `emits` option affects which event listeners received by the component are considered component event listeners vs. native DOM event listeners. A declared event's listener will not be added to the component's root element, and will be removed from the component's `$attrs` object. See [Fallthrough Attributes](/guide/components/attrs.html) for more details.
+  Note that the `emits` option affects which event listeners are considered component event listeners, rather than native DOM event listeners. The listeners for declared events will be removed from the component's `$attrs` object, so they will not be passed through to the component's root element. See [Fallthrough Attributes](/guide/components/attrs) for more details.
 
 - **Example**
 
@@ -429,9 +433,11 @@ Declare the custom events emitted by the component.
   }
   ```
 
-* **See also:** [Fallthrough Attributes](/guide/components/attrs.html)
+- **See also**
+  - [Guide - Fallthrough Attributes](/guide/components/attrs)
+  - [Guide - Typing Component Emits](/guide/typescript/options-api#typing-component-emits) <sup class="vt-badge ts" />
 
-## expose
+## expose {#expose}
 
 Declare exposed public properties when the component instance is accessed by a parent via template refs.
 
@@ -445,7 +451,7 @@ Declare exposed public properties when the component instance is accessed by a p
 
 - **Details**
 
-  By default, a component instance exposes all instance properties to the parent when accessed via `$parent`, `$root`, or template refs. This can be undesirable since a component most likely have internal state or methods that should be kept private to avoid tight coupling.
+  By default, a component instance exposes all instance properties to the parent when accessed via `$parent`, `$root`, or template refs. This can be undesirable, since a component most likely has internal state or methods that should be kept private to avoid tight coupling.
 
   The `expose` option expects a list of property name strings. When `expose` is used, only the properties explicitly listed will be exposed on the component's public instance.
 
diff --git a/src/api/reactivity-advanced.md b/src/api/reactivity-advanced.md
index 2a545034bc..a8c5f6350f 100644
--- a/src/api/reactivity-advanced.md
+++ b/src/api/reactivity-advanced.md
@@ -1,8 +1,8 @@
-# Reactivity API: Advanced
+# Reactivity API: Advanced {#reactivity-api-advanced}
 
-## shallowRef()
+## shallowRef() {#shallowref}
 
-Shallow version of [`ref()`](./reactivity-core.html#ref).
+Shallow version of [`ref()`](./reactivity-core#ref).
 
 - **Type**
 
@@ -32,13 +32,13 @@ Shallow version of [`ref()`](./reactivity-core.html#ref).
   state.value = { count: 2 }
   ```
 
-- **See also:**
-  - [Guide - Reduce Reactivity Overhead for Large Immutable Structures](/guide/best-practices/performance.html#reduce-reactivity-overhead-for-large-immutable-structures)
-  - [Guide - Integration with External State Systems](/guide/extras/reactivity-in-depth.html#integration-with-external-state-systems)
+- **See also**
+  - [Guide - Reduce Reactivity Overhead for Large Immutable Structures](/guide/best-practices/performance#reduce-reactivity-overhead-for-large-immutable-structures)
+  - [Guide - Integration with External State Systems](/guide/extras/reactivity-in-depth#integration-with-external-state-systems)
 
-## triggerRef()
+## triggerRef() {#triggerref}
 
-Force trigger effects that depends on a [shallow ref](#shallowref). This is typically used after making deep mutations to the inner value of a shallow ref.
+Force trigger effects that depend on a [shallow ref](#shallowref). This is typically used after making deep mutations to the inner value of a shallow ref.
 
 - **Type**
 
@@ -65,7 +65,7 @@ Force trigger effects that depends on a [shallow ref](#shallowref). This is typi
   triggerRef(shallow)
   ```
 
-## customRef()
+## customRef() {#customref}
 
 Creates a customized ref with explicit control over its dependency tracking and updates triggering.
 
@@ -94,7 +94,9 @@ Creates a customized ref with explicit control over its dependency tracking and
   Creating a debounced ref that only updates the value after a certain timeout after the latest set call:
 
   ```js
-  function useDebouncedRef(value, delay = 200) {
+  import { customRef } from 'vue'
+
+  export function useDebouncedRef(value, delay = 200) {
     let timeout
     return customRef((track, trigger) => {
       return {
@@ -127,11 +129,20 @@ Creates a customized ref with explicit control over its dependency tracking and
   </template>
   ```
 
-  [Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHVzZURlYm91bmNlZFJlZiB9IGZyb20gJy4vZGVib3VuY2VkUmVmLmpzJ1xuY29uc3QgdGV4dCA9IHVzZURlYm91bmNlZFJlZignaGVsbG8nLCAxMDAwKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPHA+XG4gICAgVGhpcyB0ZXh0IG9ubHkgdXBkYXRlcyAxIHNlY29uZCBhZnRlciB5b3UndmUgc3RvcHBlZCB0eXBpbmc6XG4gIDwvcD5cbiAgPHA+e3sgdGV4dCB9fTwvcD5cbiAgPGlucHV0IHYtbW9kZWw9XCJ0ZXh0XCIgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsImRlYm91bmNlZFJlZi5qcyI6ImltcG9ydCB7IGN1c3RvbVJlZiB9IGZyb20gJ3Z1ZSdcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZURlYm91bmNlZFJlZih2YWx1ZSwgZGVsYXkgPSAyMDApIHtcbiAgbGV0IHRpbWVvdXRcbiAgcmV0dXJuIGN1c3RvbVJlZigodHJhY2ssIHRyaWdnZXIpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgZ2V0KCkge1xuICAgICAgICB0cmFjaygpXG4gICAgICAgIHJldHVybiB2YWx1ZVxuICAgICAgfSxcbiAgICAgIHNldChuZXdWYWx1ZSkge1xuICAgICAgICBjbGVhclRpbWVvdXQodGltZW91dClcbiAgICAgICAgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIHZhbHVlID0gbmV3VmFsdWVcbiAgICAgICAgICB0cmlnZ2VyKClcbiAgICAgICAgfSwgZGVsYXkpXG4gICAgICB9XG4gICAgfVxuICB9KVxufSJ9)
+  [Try it in the Playground](https://play.vuejs.org/#eNplUkFugzAQ/MqKC1SiIekxIpEq9QVV1BMXCguhBdsyaxqE/PcuGAhNfYGd3Z0ZDwzeq1K7zqB39OI205UiaJGMOieiapTUBAOYFt/wUxqRYf6OBVgotGzA30X5Bt59tX4iMilaAsIbwelxMfCvWNfSD+Gw3++fEhFHTpLFuCBsVJ0ScgUQjw6Az+VatY5PiroHo3IeaeHANlkrh7Qg1NBL43cILUmlMAfqVSXK40QUOSYmHAZHZO0KVkIZgu65kTnWp8Qb+4kHEXfjaDXkhd7DTTmuNZ7MsGyzDYbz5CgSgbdppOBFqqT4l0eX1gZDYOm057heOBQYRl81coZVg9LQWGr+IlrchYKAdJp9h0C6KkvUT3A6u8V1dq4ASqRgZnVnWg04/QWYNyYzC2rD5Y3/hkDgz8fY/cOT1ZjqizMZzGY3rDPC12KGZYyd3J26M8ny1KKx7c3X25q1c1wrZN3L9LCMWs/+AmeG6xI=)
+
+  :::warning Use with caution
+  When using customRef, we should be cautious about the return value of its getter, particularly when generating new object datatypes each time the getter is run. This affects the relationship between parent and child components, where such a customRef has been passed as a prop.
 
-## shallowReactive()
+  The parent component's render function could be triggered by changes to a different reactive state. During rerender, the value of our customRef is reevaluated, returning a new object datatype as a prop to a child component. This prop is compared with its last value in the child component, and since they are different, the reactive dependencies of the customRef are triggered in the child component. Meanwhile, the reactive dependencies in the parent component do not run because the customRef's setter was not called, and its dependencies were not triggered as a result.
 
-Shallow version of [`reactive()`](./reactivity-core.html#reactive).
+  [See it in the Playground](https://play.vuejs.org/#eNqFVEtP3DAQ/itTS9Vm1ZCt1J6WBZUiDvTQIsoNcwiOkzU4tmU7+9Aq/71jO1mCWuhlN/PyfPP45kAujCk2HSdLsnLMCuPBcd+Zc6pEa7T1cADWOa/bW17nYMPPtvRsDT3UVrcww+DZ0flStybpKSkWQQqPU0IVVUwr58FYvdvDWXgpu6ek1pqSHL0fS0vJw/z0xbN1jUPHY/Ys87Zkzzl4K5qG2zmcnUN2oAqg4T6bQ/wENKNXNk+CxWKsSlmLTSk7XlhedYxnWclYDiK+MkQCoK4wnVtnIiBJuuEJNA2qPof7hzkEoc8DXgg9yzYTBBFgNr4xyY4FbaK2p6qfI0iqFgtgulOe27HyQRy69Dk1JXY9C03JIeQ6wg4xWvJCqFpnlNytOcyC2wzYulQNr0Ao+Mhw0KnTTEttl/CIaIJiMz8NGBHFtYetVrPwa58/IL48Zag4N0ssquNYLYBoW16J0vOkC3VQtVqk7cG9QcHz1kj0QAlgVYkNMFk6d0bJ1pbGYKUkmtD42HmvFfi94WhOEiXwjUnBnlEz9OLTJwy5qCo44D4O7en71SIFjI/F9VuG4jEy/GHQKq5hQrJAKOc4uNVighBF5/cygS0GgOMoK+HQb7+EWvLdMM7weVIJy5kXWi0Rj+xaNRhLKRp1IvB9hxYegA6WJ1xkUe9PcF4e9a+suA3YwYiC5MQ79KlFUzw5rZCZEUtoRWuE5PaXCXmxtuWIkpJSSr39EXXHQcWYNWfP/9A/uV3QUXJjueN2E1ZhtPnSIqGS+er3T77D76Ox1VUn0fsd4y3HfewCxuT2vVMVwp74RbTX8WQI1dy5qx12xI1Fpa1K5AreeEHCCN8q/QXul+LrSC3s4nh93jltkVPDIYt5KJkcIKStCReo4rVQ/CZI6dyEzToCCJu7hAtry/1QH/qXncQB400KJwqPxZHxEyona0xS/E3rt1m9Ld1rZl+uhaxecRtP3EjtgddCyimtXyj9H/Ii3eId7uOGTkyk/wOEbQ9h)
+
+  :::
+
+## shallowReactive() {#shallowreactive}
+
+Shallow version of [`reactive()`](./reactivity-core#reactive).
 
 - **Type**
 
@@ -167,9 +178,9 @@ Shallow version of [`reactive()`](./reactivity-core.html#reactive).
   state.nested.bar++
   ```
 
-## shallowReadonly()
+## shallowReadonly() {#shallowreadonly}
 
-Shallow version of [`readonly()`](./reactivity-core.html#readonly).
+Shallow version of [`readonly()`](./reactivity-core#readonly).
 
 - **Type**
 
@@ -205,7 +216,7 @@ Shallow version of [`readonly()`](./reactivity-core.html#readonly).
   state.nested.bar++
   ```
 
-## toRaw()
+## toRaw() {#toraw}
 
 Returns the raw, original object of a Vue-created proxy.
 
@@ -217,7 +228,7 @@ Returns the raw, original object of a Vue-created proxy.
 
 - **Details**
 
-  `toRaw()` can return the original object from proxies created by [`reactive()`](./reactivity-core.html#reactive), [`readonly()`](./reactivity-core.html#readonly), [`shallowReactive()`](#shallowreactive) or [`shallowReadonly()`](#shallowreadonly).
+  `toRaw()` can return the original object from proxies created by [`reactive()`](./reactivity-core#reactive), [`readonly()`](./reactivity-core#readonly), [`shallowReactive()`](#shallowreactive) or [`shallowReadonly()`](#shallowreadonly).
 
   This is an escape hatch that can be used to temporarily read without incurring proxy access / tracking overhead or write without triggering changes. It is **not** recommended to hold a persistent reference to the original object. Use with caution.
 
@@ -230,7 +241,7 @@ Returns the raw, original object of a Vue-created proxy.
   console.log(toRaw(reactiveFoo) === foo) // true
   ```
 
-## markRaw()
+## markRaw() {#markraw}
 
 Marks an object so that it will never be converted to a proxy. Returns the object itself.
 
@@ -277,7 +288,7 @@ Marks an object so that it will never be converted to a proxy. Returns the objec
 
   :::
 
-## effectScope()
+## effectScope() {#effectscope}
 
 Creates an effect scope object which can capture the reactive effects (i.e. computed and watchers) created within it so that these effects can be disposed together. For detailed use cases of this API, please consult its corresponding [RFC](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0041-reactivity-effect-scope.md).
 
@@ -309,7 +320,7 @@ Creates an effect scope object which can capture the reactive effects (i.e. comp
   scope.stop()
   ```
 
-## getCurrentScope()
+## getCurrentScope() {#getcurrentscope}
 
 Returns the current active [effect scope](#effectscope) if there is one.
 
@@ -319,14 +330,16 @@ Returns the current active [effect scope](#effectscope) if there is one.
   function getCurrentScope(): EffectScope | undefined
   ```
 
-## onScopeDispose()
+## onScopeDispose() {#onscopedispose}
 
 Registers a dispose callback on the current active [effect scope](#effectscope). The callback will be invoked when the associated effect scope is stopped.
 
 This method can be used as a non-component-coupled replacement of `onUnmounted` in reusable composition functions, since each Vue component's `setup()` function is also invoked in an effect scope.
 
+A warning will be thrown if this function is called without an active effect scope. In 3.5+, this warning can be suppressed by passing `true` as the second argument.
+
 - **Type**
 
   ```ts
-  function onScopeDispose(fn: () => void): void
+  function onScopeDispose(fn: () => void, failSilently?: boolean): void
   ```
diff --git a/src/api/reactivity-core.md b/src/api/reactivity-core.md
index bc355e29a5..61195ed0f2 100644
--- a/src/api/reactivity-core.md
+++ b/src/api/reactivity-core.md
@@ -1,13 +1,13 @@
-# Reactivity API: Core
+# Reactivity API: Core {#reactivity-api-core}
 
 :::info See also
 To better understand the Reactivity APIs, it is recommended to read the following chapters in the guide:
 
-- [Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals.html) (with the API preference set to Composition API)
-- [Reactivity in Depth](/guide/extras/reactivity-in-depth.html)
+- [Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals) (with the API preference set to Composition API)
+- [Reactivity in Depth](/guide/extras/reactivity-in-depth)
   :::
 
-## ref()
+## ref() {#ref}
 
 Takes an inner value and returns a reactive and mutable ref object, which has a single property `.value` that points to the inner value.
 
@@ -23,11 +23,11 @@ Takes an inner value and returns a reactive and mutable ref object, which has a
 
 - **Details**
 
-  The ref object is mutable - i.e. you can assign new values to `.value`. It is also reactive - i.e. any read operations to `.value` is tracked, and write operations will trigger associated effects.
+  The ref object is mutable - i.e. you can assign new values to `.value`. It is also reactive - i.e. any read operations to `.value` are tracked, and write operations will trigger associated effects.
 
   If an object is assigned as a ref's value, the object is made deeply reactive with [reactive()](#reactive). This also means if the object contains nested refs, they will be deeply unwrapped.
 
-  To avoid the deep conversion, use [`shallowRef()`](./reactivity-advanced.html#shallowref) instead.
+  To avoid the deep conversion, use [`shallowRef()`](./reactivity-advanced#shallowref) instead.
 
 - **Example**
 
@@ -35,24 +35,24 @@ Takes an inner value and returns a reactive and mutable ref object, which has a
   const count = ref(0)
   console.log(count.value) // 0
 
-  count.value++
+  count.value = 1
   console.log(count.value) // 1
   ```
 
-- **See also:**
-  - [Guide - Reactive Variables with `ref()`](/guide/essentials/reactivity-fundamentals.html#reactive-variables-with-ref)
-  - [Guide - Typing `ref()`](/guide/typescript/composition-api.html#typing-ref)
+- **See also**
+  - [Guide - Reactivity Fundamentals with `ref()`](/guide/essentials/reactivity-fundamentals#ref)
+  - [Guide - Typing `ref()`](/guide/typescript/composition-api#typing-ref) <sup class="vt-badge ts" />
 
-## computed()
+## computed() {#computed}
 
-Takes a getter function and returns a readonly reactive [ref](#ref) object for the returned value from the getter. It can also take an object with `get` and `set` functions to create a writable ref object.
+Takes a [getter function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description) and returns a readonly reactive [ref](#ref) object for the returned value from the getter. It can also take an object with `get` and `set` functions to create a writable ref object.
 
 - **Type**
 
   ```ts
   // read-only
   function computed<T>(
-    getter: () => T,
+    getter: (oldValue: T | undefined) => T,
     // see "Computed Debugging" link below
     debuggerOptions?: DebuggerOptions
   ): Readonly<Ref<Readonly<T>>>
@@ -60,7 +60,7 @@ Takes a getter function and returns a readonly reactive [ref](#ref) object for t
   // writable
   function computed<T>(
     options: {
-      get: () => T
+      get: (oldValue: T | undefined) => T
       set: (value: T) => void
     },
     debuggerOptions?: DebuggerOptions
@@ -108,12 +108,13 @@ Takes a getter function and returns a readonly reactive [ref](#ref) object for t
   })
   ```
 
-- **See also:**
-  - [Guide - Computed Properties](/guide/essentials/computed.html)
-  - [Guide - Computed Debugging](/guide/extras/reactivity-in-depth.html#computed-debugging)
-  - [Guide - Typing `computed()`](/guide/typescript/composition-api.html#typing-computed)
+- **See also**
+  - [Guide - Computed Properties](/guide/essentials/computed)
+  - [Guide - Computed Debugging](/guide/extras/reactivity-in-depth#computed-debugging)
+  - [Guide - Typing `computed()`](/guide/typescript/composition-api#typing-computed) <sup class="vt-badge ts" />
+  - [Guide - Performance - Computed Stability](/guide/best-practices/performance#computed-stability)
 
-## reactive()
+## reactive() {#reactive}
 
 Returns a reactive proxy of the object.
 
@@ -129,7 +130,7 @@ Returns a reactive proxy of the object.
 
   It should also be noted that there is no ref unwrapping performed when the ref is accessed as an element of a reactive array or a native collection type like `Map`.
 
-  To avoid the deep conversion and only retain reactivity at the root level, use [shallowReactive()](./reactivity-advanced.html#shallowreactive) instead.
+  To avoid the deep conversion and only retain reactivity at the root level, use [shallowReactive()](./reactivity-advanced#shallowreactive) instead.
 
   The returned object and its nested objects are wrapped with [ES Proxy](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) and **not** equal to the original objects. It is recommended to work exclusively with the reactive proxy and avoid relying on the original object.
 
@@ -186,11 +187,11 @@ Returns a reactive proxy of the object.
   console.log(obj.count === count.value) // true
   ```
 
-- **See also:**
-  - [Guide - Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals.html)
-  - [Guide - Typing `reactive()`](/guide/typescript/composition-api.html#typing-reactive)
+- **See also**
+  - [Guide - Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals)
+  - [Guide - Typing `reactive()`](/guide/typescript/composition-api#typing-reactive) <sup class="vt-badge ts" />
 
-## readonly()
+## readonly() {#readonly}
 
 Takes an object (reactive or plain) or a [ref](#ref) and returns a readonly proxy to the original.
 
@@ -206,7 +207,7 @@ Takes an object (reactive or plain) or a [ref](#ref) and returns a readonly prox
 
   A readonly proxy is deep: any nested property accessed will be readonly as well. It also has the same ref-unwrapping behavior as `reactive()`, except the unwrapped values will also be made readonly.
 
-  To avoid the deep conversion, use [shallowReadonly()](./reactivity-advanced.html#shallowreadonly) instead.
+  To avoid the deep conversion, use [shallowReadonly()](./reactivity-advanced#shallowreadonly) instead.
 
 - **Example**
 
@@ -227,7 +228,7 @@ Takes an object (reactive or plain) or a [ref](#ref) and returns a readonly prox
   copy.count++ // warning!
   ```
 
-## watchEffect()
+## watchEffect() {#watcheffect}
 
 Runs a function immediately while reactively tracking its dependencies and re-runs it whenever the dependencies are changed.
 
@@ -237,7 +238,7 @@ Runs a function immediately while reactively tracking its dependencies and re-ru
   function watchEffect(
     effect: (onCleanup: OnCleanup) => void,
     options?: WatchEffectOptions
-  ): StopHandle
+  ): WatchHandle
 
   type OnCleanup = (cleanupFn: () => void) => void
 
@@ -247,7 +248,12 @@ Runs a function immediately while reactively tracking its dependencies and re-ru
     onTrigger?: (event: DebuggerEvent) => void
   }
 
-  type StopHandle = () => void
+  interface WatchHandle {
+    (): void // callable, same as `stop`
+    pause: () => void
+    resume: () => void
+    stop: () => void
+  }
   ```
 
 - **Details**
@@ -256,6 +262,8 @@ Runs a function immediately while reactively tracking its dependencies and re-ru
 
   The second argument is an optional options object that can be used to adjust the effect's flush timing or to debug the effect's dependencies.
 
+  By default, watchers will run just prior to component rendering. Setting `flush: 'post'` will defer the watcher until after component rendering. See [Callback Flush Timing](/guide/essentials/watchers#callback-flush-timing) for more information. In rare cases, it might be necessary to trigger a watcher immediately when a reactive dependency changes, e.g. to invalidate a cache. This can be achieved using `flush: 'sync'`. However, this setting should be used with caution, as it can lead to problems with performance and data consistency if multiple properties are being updated at the same time.
+
   The return value is a handle function that can be called to stop the effect from running again.
 
 - **Example**
@@ -270,26 +278,54 @@ Runs a function immediately while reactively tracking its dependencies and re-ru
   // -> logs 1
   ```
 
+  Stopping the watcher:
+
+  ```js
+  const stop = watchEffect(() => {})
+
+  // when the watcher is no longer needed:
+  stop()
+  ```
+
+  Pausing / resuming the watcher: <sup class="vt-badge" data-text="3.5+" />
+
+  ```js
+  const { stop, pause, resume } = watchEffect(() => {})
+
+  // temporarily pause the watcher
+  pause()
+
+  // resume later
+  resume()
+
+  // stop
+  stop()
+  ```
+
   Side effect cleanup:
 
   ```js
   watchEffect(async (onCleanup) => {
-    const { response, cancel } = doAsyncWork(id.value)
-    // `cancel` will be called if `id` changes
-    // so that previous pending request will be cancelled
-    // if not yet completed
+    const { response, cancel } = doAsyncWork(newId)
+    // `cancel` will be called if `id` changes, cancelling
+    // the previous request if it hasn't completed yet
     onCleanup(cancel)
     data.value = await response
   })
   ```
 
-  Stopping the watcher:
+  Side effect cleanup in 3.5+:
 
   ```js
-  const stop = watchEffect(() => {})
+  import { onWatcherCleanup } from 'vue'
 
-  // when the watcher is no longer needed:
-  stop()
+  watchEffect(async () => {
+    const { response, cancel } = doAsyncWork(newId)
+    // `cancel` will be called if `id` changes, cancelling
+    // the previous request if it hasn't completed yet
+    onWatcherCleanup(cancel)
+    data.value = await response
+  })
   ```
 
   Options:
@@ -306,19 +342,19 @@ Runs a function immediately while reactively tracking its dependencies and re-ru
   })
   ```
 
-- **See also**:
-  - [Guide - Watchers](/guide/essentials/watchers.html#watcheffect)
-  - [Guide - Watcher Debugging](/guide/extras/reactivity-in-depth.html#watcher-debugging)
+- **See also**
+  - [Guide - Watchers](/guide/essentials/watchers#watcheffect)
+  - [Guide - Watcher Debugging](/guide/extras/reactivity-in-depth#watcher-debugging)
 
-## watchPostEffect()
+## watchPostEffect() {#watchposteffect}
 
 Alias of [`watchEffect()`](#watcheffect) with `flush: 'post'` option.
 
-## watchSyncEffect()
+## watchSyncEffect() {#watchsynceffect}
 
 Alias of [`watchEffect()`](#watcheffect) with `flush: 'sync'` option.
 
-## watch()
+## watch() {#watch}
 
 Watches one or more reactive data sources and invokes a callback function when the sources change.
 
@@ -330,14 +366,14 @@ Watches one or more reactive data sources and invokes a callback function when t
     source: WatchSource<T>,
     callback: WatchCallback<T>,
     options?: WatchOptions
-  ): StopHandle
+  ): WatchHandle
 
   // watching multiple sources
   function watch<T>(
     sources: WatchSource<T>[],
     callback: WatchCallback<T[]>,
     options?: WatchOptions
-  ): StopHandle
+  ): WatchHandle
 
   type WatchCallback<T> = (
     value: T,
@@ -348,16 +384,22 @@ Watches one or more reactive data sources and invokes a callback function when t
   type WatchSource<T> =
     | Ref<T> // ref
     | (() => T) // getter
-    | T extends object
-    ? T
-    : never // reactive object
+    | (T extends object ? T : never) // reactive object
 
   interface WatchOptions extends WatchEffectOptions {
     immediate?: boolean // default: false
-    deep?: boolean // default: false
+    deep?: boolean | number // default: false
     flush?: 'pre' | 'post' | 'sync' // default: 'pre'
     onTrack?: (event: DebuggerEvent) => void
     onTrigger?: (event: DebuggerEvent) => void
+    once?: boolean // default: false (3.4+)
+  }
+
+  interface WatchHandle {
+    (): void // callable, same as `stop`
+    pause: () => void
+    resume: () => void
+    stop: () => void
   }
   ```
 
@@ -381,9 +423,10 @@ Watches one or more reactive data sources and invokes a callback function when t
   The third optional argument is an options object that supports the following options:
 
   - **`immediate`**: trigger the callback immediately on watcher creation. Old value will be `undefined` on the first call.
-  - **`deep`**: force deep traversal of the source if it is an object, so that the callback fires on deep mutations. See [Deep Watchers](/guide/essentials/watchers.html#deep-watchers).
-  - **`flush`**: adjust the callback's flush timing. See [Callback Flush Timing](/guide/essentials/watchers.html#callback-flush-timing).
-  - **`onTrack / onTrigger`**: debug the watcher's dependencies. See [Watcher Debugging](/guide/extras/reactivity-in-depth.html#watcher-debugging).
+  - **`deep`**: force deep traversal of the source if it is an object, so that the callback fires on deep mutations. In 3.5+, this can also be a number indicating the max traversal depth. See [Deep Watchers](/guide/essentials/watchers#deep-watchers).
+  - **`flush`**: adjust the callback's flush timing. See [Callback Flush Timing](/guide/essentials/watchers#callback-flush-timing) and [`watchEffect()`](/api/reactivity-core#watcheffect).
+  - **`onTrack / onTrigger`**: debug the watcher's dependencies. See [Watcher Debugging](/guide/extras/reactivity-in-depth#watcher-debugging).
+  - **`once`**: (3.4+) run the callback only once. The watcher is automatically stopped after the first callback run.
 
   Compared to [`watchEffect()`](#watcheffect), `watch()` allows us to:
 
@@ -451,11 +494,88 @@ Watches one or more reactive data sources and invokes a callback function when t
     flush: 'post',
     onTrack(e) {
       debugger
+    },
+    onTrigger(e) {
+      debugger
     }
   })
   ```
 
-- **See also**:
+  Stopping the watcher:
+
+  ```js
+  const stop = watch(source, callback)
+
+  // when the watcher is no longer needed:
+  stop()
+  ```
+
+  Pausing / resuming the watcher: <sup class="vt-badge" data-text="3.5+" />
+
+  ```js
+  const { stop, pause, resume } = watch(() => {})
+
+  // temporarily pause the watcher
+  pause()
+
+  // resume later
+  resume()
+
+  // stop
+  stop()
+  ```
+
+  Side effect cleanup:
+
+  ```js
+  watch(id, async (newId, oldId, onCleanup) => {
+    const { response, cancel } = doAsyncWork(newId)
+    // `cancel` will be called if `id` changes, cancelling
+    // the previous request if it hasn't completed yet
+    onCleanup(cancel)
+    data.value = await response
+  })
+  ```
+
+  Side effect cleanup in 3.5+:
+
+  ```js
+  import { onWatcherCleanup } from 'vue'
+
+  watch(id, async (newId) => {
+    const { response, cancel } = doAsyncWork(newId)
+    onWatcherCleanup(cancel)
+    data.value = await response
+  })
+  ```
+
+- **See also**
+
+  - [Guide - Watchers](/guide/essentials/watchers)
+  - [Guide - Watcher Debugging](/guide/extras/reactivity-in-depth#watcher-debugging)
+
+## onWatcherCleanup() <sup class="vt-badge" data-text="3.5+" /> {#onwatchercleanup}
+
+Register a cleanup function to be executed when the current watcher is about to re-run. Can only be called during the synchronous execution of a `watchEffect` effect function or `watch` callback function (i.e. it cannot be called after an `await` statement in an async function.)
+
+- **Type**
 
-  - [Guide - Watchers](/guide/essentials/watchers.html)
-  - [Guide - Watcher Debugging](/guide/extras/reactivity-in-depth.html#watcher-debugging)
+  ```ts
+  function onWatcherCleanup(
+    cleanupFn: () => void,
+    failSilently?: boolean
+  ): void
+  ```
+
+- **Example**
+
+  ```ts
+  import { watch, onWatcherCleanup } from 'vue'
+
+  watch(id, (newId) => {
+    const { response, cancel } = doAsyncWork(newId)
+    // `cancel` will be called if `id` changes, cancelling
+    // the previous request if it hasn't completed yet
+    onWatcherCleanup(cancel)
+  })
+  ```
diff --git a/src/api/reactivity-utilities.md b/src/api/reactivity-utilities.md
index 4afc095241..684d49ea45 100644
--- a/src/api/reactivity-utilities.md
+++ b/src/api/reactivity-utilities.md
@@ -1,6 +1,6 @@
-# Reactivity API: Utilities
+# Reactivity API: Utilities {#reactivity-api-utilities}
 
-## isRef()
+## isRef() {#isref}
 
 Checks if a value is a ref object.
 
@@ -10,7 +10,7 @@ Checks if a value is a ref object.
   function isRef<T>(r: Ref<T> | unknown): r is Ref<T>
   ```
 
-  Note the return type is a [type predicate](https://www.typescriptlang.org/docs/handbook/advanced-types.html#user-defined-type-guards), which means `isRef` can be used as a type guard:
+  Note the return type is a [type predicate](https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates), which means `isRef` can be used as a type guard:
 
   ```ts
   let foo: unknown
@@ -20,7 +20,7 @@ Checks if a value is a ref object.
   }
   ```
 
-## unref()
+## unref() {#unref}
 
 Returns the inner value if the argument is a ref, otherwise return the argument itself. This is a sugar function for `val = isRef(val) ? val.value : val`.
 
@@ -39,13 +39,25 @@ Returns the inner value if the argument is a ref, otherwise return the argument
   }
   ```
 
-## toRef()
+## toRef() {#toref}
 
-Can be used to create a ref for a property on a source reactive object. The created ref is synced with its source property: mutating the source property will update the ref, and vice-versa.
+Can be used to normalize values / refs / getters into refs (3.3+).
+
+Can also be used to create a ref for a property on a source reactive object. The created ref is synced with its source property: mutating the source property will update the ref, and vice-versa.
 
 - **Type**
 
   ```ts
+  // normalization signature (3.3+)
+  function toRef<T>(
+    value: T
+  ): T extends () => infer R
+    ? Readonly<Ref<R>>
+    : T extends Ref
+    ? T
+    : Ref<UnwrapRef<T>>
+
+  // object property signature
   function toRef<T extends object, K extends keyof T>(
     object: T,
     key: K,
@@ -57,12 +69,29 @@ Can be used to create a ref for a property on a source reactive object. The crea
 
 - **Example**
 
+  Normalization signature (3.3+):
+
+  ```js
+  // returns existing refs as-is
+  toRef(existingRef)
+
+  // creates a readonly ref that calls the getter on .value access
+  toRef(() => props.foo)
+
+  // creates normal refs from non-function values
+  // equivalent to ref(1)
+  toRef(1)
+  ```
+
+  Object property signature:
+
   ```js
   const state = reactive({
     foo: 1,
     bar: 2
   })
 
+  // a two-way ref that syncs with the original property
   const fooRef = toRef(state, 'foo')
 
   // mutating the ref updates the original
@@ -80,23 +109,69 @@ Can be used to create a ref for a property on a source reactive object. The crea
   const fooRef = ref(state.foo)
   ```
 
-  The above ref is **not** synced with `state.foo`, because the `ref()` receives a plain string value.
+  The above ref is **not** synced with `state.foo`, because the `ref()` receives a plain number value.
 
   `toRef()` is useful when you want to pass the ref of a prop to a composable function:
 
   ```vue
   <script setup>
+  import { toRef } from 'vue'
+
   const props = defineProps(/* ... */)
 
   // convert `props.foo` into a ref, then pass into
   // a composable
   useSomeFeature(toRef(props, 'foo'))
+
+  // getter syntax - recommended in 3.3+
+  useSomeFeature(toRef(() => props.foo))
   </script>
   ```
 
-  `toRef()` will return a usable ref even if the source property doesn't currently exist. This makes it especially useful when working with optional props, which wouldn't be picked up by [`toRefs`](#torefs).
+  When `toRef` is used with component props, the usual restrictions around mutating the props still apply. Attempting to assign a new value to the ref is equivalent to trying to modify the prop directly and is not allowed. In that scenario you may want to consider using [`computed`](./reactivity-core#computed) with `get` and `set` instead. See the guide to [using `v-model` with components](/guide/components/v-model) for more information.
+
+  When using the object property signature, `toRef()` will return a usable ref even if the source property doesn't currently exist. This makes it possible to work with optional properties, which wouldn't be picked up by [`toRefs`](#torefs).
+
+## toValue() {#tovalue}
+
+- Only supported in 3.3+
+
+Normalizes values / refs / getters to values. This is similar to [unref()](#unref), except that it also normalizes getters. If the argument is a getter, it will be invoked and its return value will be returned.
+
+This can be used in [Composables](/guide/reusability/composables.html) to normalize an argument that can be either a value, a ref, or a getter.
+
+- **Type**
+
+  ```ts
+  function toValue<T>(source: T | Ref<T> | (() => T)): T
+  ```
+
+- **Example**
 
-## toRefs()
+  ```js
+  toValue(1) //       --> 1
+  toValue(ref(1)) //  --> 1
+  toValue(() => 1) // --> 1
+  ```
+
+  Normalizing arguments in composables:
+
+  ```ts
+  import type { MaybeRefOrGetter } from 'vue'
+
+  function useFeature(id: MaybeRefOrGetter<number>) {
+    watch(() => toValue(id), id => {
+      // react to id changes
+    })
+  }
+
+  // this composable supports any of the following:
+  useFeature(1)
+  useFeature(ref(1))
+  useFeature(() => 1)
+  ```
+
+## toRefs() {#torefs}
 
 Converts a reactive object to a plain object where each property of the resulting object is a ref pointing to the corresponding property of the original object. Each individual ref is created using [`toRef()`](#toref).
 
@@ -157,19 +232,19 @@ Converts a reactive object to a plain object where each property of the resultin
 
   `toRefs` will only generate refs for properties that are enumerable on the source object at call time. To create a ref for a property that may not exist yet, use [`toRef`](#toref) instead.
 
-## isProxy()
+## isProxy() {#isproxy}
 
-Checks if an object is a proxy created by [`reactive()`](./reactivity-core.html#reactive), [`readonly()`](./reactivity-core.html#readonly), [`shallowReactive()`](./reactivity-advanced.html#shallowreactive) or [`shallowReadonly()`](./reactivity-advanced.html#shallowreadonly).
+Checks if an object is a proxy created by [`reactive()`](./reactivity-core#reactive), [`readonly()`](./reactivity-core#readonly), [`shallowReactive()`](./reactivity-advanced#shallowreactive) or [`shallowReadonly()`](./reactivity-advanced#shallowreadonly).
 
 - **Type**
 
   ```ts
-  function isProxy(value: unknown): boolean
+  function isProxy(value: any): boolean
   ```
 
-## isReactive()
+## isReactive() {#isreactive}
 
-Checks if an object is a proxy created by [`reactive()`](./reactivity-core.html#reactive) or [`shallowReactive()`](./reactivity-advanced.html#shallowreactive).
+Checks if an object is a proxy created by [`reactive()`](./reactivity-core#reactive) or [`shallowReactive()`](./reactivity-advanced#shallowreactive).
 
 - **Type**
 
@@ -177,9 +252,11 @@ Checks if an object is a proxy created by [`reactive()`](./reactivity-core.html#
   function isReactive(value: unknown): boolean
   ```
 
-## isReadonly()
+## isReadonly() {#isreadonly}
+
+Checks whether the passed value is a readonly object. The properties of a readonly object can change, but they can't be assigned directly via the passed object.
 
-Checks if an object is a proxy created by [`readonly()`](./reactivity-core.html#readonly) or [`shallowReadonly()`](./reactivity-advanced.html#shallowreadonly).
+The proxies created by [`readonly()`](./reactivity-core#readonly) and [`shallowReadonly()`](./reactivity-advanced#shallowreadonly) are both considered readonly, as is a [`computed()`](./reactivity-core#computed) ref without a `set` function.
 
 - **Type**
 
diff --git a/src/api/render-function.md b/src/api/render-function.md
index 2c01230dd5..b79558fe55 100644
--- a/src/api/render-function.md
+++ b/src/api/render-function.md
@@ -1,6 +1,6 @@
-# Render Function APIs
+# Render Function APIs {#render-function-apis}
 
-## h()
+## h() {#h}
 
 Creates virtual DOM nodes (vnodes).
 
@@ -93,9 +93,9 @@ Creates virtual DOM nodes (vnodes).
   })
   ```
 
-- **See also:** [Guide - Creating VNodes](/guide/extras/render-function.html#creating-vnodes)
+- **See also** [Guide - Render Functions - Creating VNodes](/guide/extras/render-function#creating-vnodes)
 
-## mergeProps()
+## mergeProps() {#mergeprops}
 
 Merge multiple props objects with special handling for certain props.
 
@@ -139,7 +139,7 @@ Merge multiple props objects with special handling for certain props.
    */
   ```
 
-## cloneVNode()
+## cloneVNode() {#clonevnode}
 
 Clones a vnode.
 
@@ -166,7 +166,7 @@ Clones a vnode.
   const cloned = cloneVNode(original, { id: 'foo' })
   ```
 
-## isVNode()
+## isVNode() {#isvnode}
 
 Checks if a value is a vnode.
 
@@ -176,7 +176,7 @@ Checks if a value is a vnode.
   function isVNode(value: unknown): boolean
   ```
 
-## resolveComponent()
+## resolveComponent() {#resolvecomponent}
 
 For manually resolving a registered component by name.
 
@@ -199,7 +199,7 @@ For manually resolving a registered component by name.
   <div class="composition-api">
 
   ```js
-  const { h, resolveComponent } = Vue
+  import { h, resolveComponent } from 'vue'
 
   export default {
     setup() {
@@ -216,7 +216,7 @@ For manually resolving a registered component by name.
   <div class="options-api">
 
   ```js
-  const { h, resolveComponent } = Vue
+  import { h, resolveComponent } from 'vue'
 
   export default {
     render() {
@@ -228,9 +228,9 @@ For manually resolving a registered component by name.
 
   </div>
 
-- **See also:** [Guide - Render Functions - Components](/guide/extras/render-function.html#components)
+- **See also** [Guide - Render Functions - Components](/guide/extras/render-function#components)
 
-## resolveDirective()
+## resolveDirective() {#resolvedirective}
 
 For manually resolving a registered directive by name.
 
@@ -242,15 +242,15 @@ For manually resolving a registered directive by name.
 
 - **Details**
 
-  **Note: you do not need this if you can import the component directly.**
+  **Note: you do not need this if you can import the directive directly.**
 
   `resolveDirective()` must be called inside<span class="composition-api"> either `setup()` or</span> the render function in order to resolve from the correct component context.
 
   If the directive is not found, a runtime warning will be emitted, and the function returns `undefined`.
 
-- **See also:** [Guide - Render Functions - Custom Directives](/guide/extras/render-function.html#custom-directives)
+- **See also** [Guide - Render Functions - Custom Directives](/guide/extras/render-function#custom-directives)
 
-## withDirectives()
+## withDirectives() {#withdirectives}
 
 For adding custom directives to vnodes.
 
@@ -296,16 +296,16 @@ For adding custom directives to vnodes.
   ])
   ```
 
-- **See also:** [Guide - Render Functions - Custom Directives](/guide/extras/render-function.html#custom-directives)
+- **See also** [Guide - Render Functions - Custom Directives](/guide/extras/render-function#custom-directives)
 
-## withModifiers()
+## withModifiers() {#withmodifiers}
 
-For adding built-in [`v-on` modifiers](/guide/essentials/event-handling.html#event-modifiers) to an event handler function.
+For adding built-in [`v-on` modifiers](/guide/essentials/event-handling#event-modifiers) to an event handler function.
 
 - **Type**
 
   ```ts
-  function withModifiers(fn: Function, modifiers: string[]): Function
+  function withModifiers(fn: Function, modifiers: ModifierGuardsKeys[]): Function
   ```
 
 - **Example**
@@ -314,11 +314,11 @@ For adding built-in [`v-on` modifiers](/guide/essentials/event-handling.html#eve
   import { h, withModifiers } from 'vue'
 
   const vnode = h('button', {
-    // equivalent of v-on.stop.prevent
+    // equivalent of v-on:click.stop.prevent
     onClick: withModifiers(() => {
       // ...
     }, ['stop', 'prevent'])
   })
   ```
 
-- **See also:** [Guide - Render Functions - Event Modifiers](/guide/extras/render-function.html#event-modifiers)
+- **See also** [Guide - Render Functions - Event Modifiers](/guide/extras/render-function#event-modifiers)
diff --git a/src/api/sfc-css-features.md b/src/api/sfc-css-features.md
index 9c4d76d2e4..61fb7f9645 100644
--- a/src/api/sfc-css-features.md
+++ b/src/api/sfc-css-features.md
@@ -1,6 +1,6 @@
-# SFC CSS Features
+# SFC CSS Features {#sfc-css-features}
 
-## Scoped CSS
+## Scoped CSS {#scoped-css}
 
 When a `<style>` tag has the `scoped` attribute, its CSS will apply to elements of the current component only. This is similar to the style encapsulation found in Shadow DOM. It comes with some caveats, but doesn't require any polyfills. It is achieved by using PostCSS to transform the following:
 
@@ -30,11 +30,11 @@ Into the following:
 </template>
 ```
 
-### Child Component Root Elements
+### Child Component Root Elements {#child-component-root-elements}
 
 With `scoped`, the parent component's styles will not leak into child components. However, a child component's root node will be affected by both the parent's scoped CSS and the child's scoped CSS. This is by design so that the parent can style the child root element for layout purposes.
 
-### Deep Selectors
+### Deep Selectors {#deep-selectors}
 
 If you want a selector in `scoped` styles to be "deep", i.e. affecting child components, you can use the `:deep()` pseudo-class:
 
@@ -58,7 +58,7 @@ The above will be compiled into:
 DOM content created with `v-html` are not affected by scoped styles, but you can still style them using deep selectors.
 :::
 
-### Slotted Selectors
+### Slotted Selectors {#slotted-selectors}
 
 By default, scoped styles do not affect contents rendered by `<slot/>`, as they are considered to be owned by the parent component passing them in. To explicitly target slot content, use the `:slotted` pseudo-class:
 
@@ -70,7 +70,7 @@ By default, scoped styles do not affect contents rendered by `<slot/>`, as they
 </style>
 ```
 
-### Global Selectors
+### Global Selectors {#global-selectors}
 
 If you want just one rule to apply globally, you can use the `:global` pseudo-class rather than creating another `<style>` (see below):
 
@@ -82,7 +82,7 @@ If you want just one rule to apply globally, you can use the `:global` pseudo-cl
 </style>
 ```
 
-### Mixing Local and Global Styles
+### Mixing Local and Global Styles {#mixing-local-and-global-styles}
 
 You can also include both scoped and non-scoped styles in the same component:
 
@@ -96,13 +96,13 @@ You can also include both scoped and non-scoped styles in the same component:
 </style>
 ```
 
-### Scoped Style Tips
+### Scoped Style Tips {#scoped-style-tips}
 
 - **Scoped styles do not eliminate the need for classes**. Due to the way browsers render various CSS selectors, `p { color: red }` will be many times slower when scoped (i.e. when combined with an attribute selector). If you use classes or ids instead, such as in `.example { color: red }`, then you virtually eliminate that performance hit.
 
 - **Be careful with descendant selectors in recursive components!** For a CSS rule with the selector `.a .b`, if the element that matches `.a` contains a recursive child component, then all `.b` in that child component will be matched by the rule.
 
-## CSS Modules
+## CSS Modules {#css-modules}
 
 A `<style module>` tag is compiled as [CSS Modules](https://github.com/css-modules/css-modules) and exposes the resulting CSS classes to the component as an object under the key of `$style`:
 
@@ -120,9 +120,9 @@ A `<style module>` tag is compiled as [CSS Modules](https://github.com/css-modul
 
 The resulting classes are hashed to avoid collision, achieving the same effect of scoping the CSS to the current component only.
 
-Refer to the [CSS Modules spec](https://github.com/css-modules/css-modules) for more details such as [global exceptions](https://github.com/css-modules/css-modules#exceptions) and [composition](https://github.com/css-modules/css-modules#composition).
+Refer to the [CSS Modules spec](https://github.com/css-modules/css-modules) for more details such as [global exceptions](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) and [composition](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition).
 
-### Custom Inject Name
+### Custom Inject Name {#custom-inject-name}
 
 You can customize the property key of the injected classes object by giving the `module` attribute a value:
 
@@ -138,7 +138,7 @@ You can customize the property key of the injected classes object by giving the
 </style>
 ```
 
-### Usage with Composition API
+### Usage with Composition API {#usage-with-composition-api}
 
 The injected classes can be accessed in `setup()` and `<script setup>` via the `useCssModule` API. For `<style module>` blocks with custom injection names, `useCssModule` accepts the matching `module` attribute value as the first argument:
 
@@ -153,7 +153,27 @@ useCssModule()
 useCssModule('classes')
 ```
 
-## `v-bind()` in CSS
+- **Example**
+
+```vue
+<script setup lang="ts">
+import { useCssModule } from 'vue'
+
+const classes = useCssModule()
+</script>
+
+<template>
+  <p :class="classes.red">red</p>
+</template>
+
+<style module>
+.red {
+  color: red;
+}
+</style>
+```
+
+## `v-bind()` in CSS {#v-bind-in-css}
 
 SFC `<style>` tags support linking CSS values to dynamic component state using the `v-bind` CSS function:
 
@@ -183,9 +203,10 @@ The syntax works with [`<script setup>`](./sfc-script-setup), and supports JavaS
 
 ```vue
 <script setup>
-const theme = {
-  color: 'red'
-}
+import { ref } from 'vue'
+const theme = ref({
+    color: 'red',
+})
 </script>
 
 <template>
diff --git a/src/api/sfc-script-setup.md b/src/api/sfc-script-setup.md
index 2cd5520fc4..f1e9677015 100644
--- a/src/api/sfc-script-setup.md
+++ b/src/api/sfc-script-setup.md
@@ -1,13 +1,13 @@
-# \<script setup>
+# \<script setup> {#script-setup}
 
-`<script setup>` is a compile-time syntactic sugar for using Composition API inside Single File Components (SFCs). It is the recommended syntax if you are using both SFCs and Composition API. It provides a number of advantages over the normal `<script>` syntax:
+`<script setup>` is a compile-time syntactic sugar for using Composition API inside Single-File Components (SFCs). It is the recommended syntax if you are using both SFCs and Composition API. It provides a number of advantages over the normal `<script>` syntax:
 
 - More succinct code with less boilerplate
 - Ability to declare props and emitted events using pure TypeScript
 - Better runtime performance (the template is compiled into a render function in the same scope, without an intermediate proxy)
 - Better IDE type-inference performance (less work for the language server to extract types from code)
 
-## Basic Syntax
+## Basic Syntax {#basic-syntax}
 
 To opt-in to the syntax, add the `setup` attribute to the `<script>` block:
 
@@ -19,7 +19,7 @@ console.log('hello script setup')
 
 The code inside is compiled as the content of the component's `setup()` function. This means that unlike normal `<script>`, which only executes once when the component is first imported, code inside `<script setup>` will **execute every time an instance of the component is created**.
 
-### Top-level bindings are exposed to template
+### Top-level bindings are exposed to template {#top-level-bindings-are-exposed-to-template}
 
 When using `<script setup>`, any top-level bindings (including variables, function declarations, and imports) declared inside `<script setup>` are directly usable in the template:
 
@@ -35,7 +35,7 @@ function log() {
 </script>
 
 <template>
-  <div @click="log">{{ msg }}</div>
+  <button @click="log">{{ msg }}</button>
 </template>
 ```
 
@@ -51,9 +51,9 @@ import { capitalize } from './helpers'
 </template>
 ```
 
-## Reactivity
+## Reactivity {#reactivity}
 
-Reactive state needs to be explicitly created using [Reactivity APIs](./reactivity-core.html). Similar to values returned from a `setup()` function, refs are automatically unwrapped when referenced in templates:
+Reactive state needs to be explicitly created using [Reactivity APIs](./reactivity-core). Similar to values returned from a `setup()` function, refs are automatically unwrapped when referenced in templates:
 
 ```vue
 <script setup>
@@ -67,7 +67,7 @@ const count = ref(0)
 </template>
 ```
 
-## Using Components
+## Using Components {#using-components}
 
 Values in the scope of `<script setup>` can also be used directly as custom component tag names:
 
@@ -83,7 +83,7 @@ import MyComponent from './MyComponent.vue'
 
 Think of `MyComponent` as being referenced as a variable. If you have used JSX, the mental model is similar here. The kebab-case equivalent `<my-component>` also works in the template - however PascalCase component tags are strongly recommended for consistency. It also helps differentiating from native custom elements.
 
-### Dynamic Components
+### Dynamic Components {#dynamic-components}
 
 Since components are referenced as variables instead of registered under string keys, we should use dynamic `:is` binding when using dynamic components inside `<script setup>`:
 
@@ -101,7 +101,7 @@ import Bar from './Bar.vue'
 
 Note how the components can be used as variables in a ternary expression.
 
-### Recursive Components
+### Recursive Components {#recursive-components}
 
 An SFC can implicitly refer to itself via its filename. E.g. a file named `FooBar.vue` can refer to itself as `<FooBar/>` in its template.
 
@@ -111,7 +111,7 @@ Note this has lower priority than imported components. If you have a named impor
 import { FooBar as FooBarChild } from './components'
 ```
 
-### Namespaced Components
+### Namespaced Components {#namespaced-components}
 
 You can use component tags with dots like `<Foo.Bar>` to refer to components nested under object properties. This is useful when you import multiple components from a single file:
 
@@ -127,7 +127,7 @@ import * as Form from './form-components'
 </template>
 ```
 
-## Using Custom Directives
+## Using Custom Directives {#using-custom-directives}
 
 Globally registered custom directives just work as normal. Local custom directives don't need to be explicitly registered with `<script setup>`, but they must follow the naming scheme `vNameOfDirective`:
 
@@ -152,7 +152,7 @@ import { myDirective as vMyDirective } from './MyDirective.js'
 </script>
 ```
 
-## defineProps() & defineEmits()
+## defineProps() & defineEmits() {#defineprops-defineemits}
 
 To declare options like `props` and `emits` with full type inference support, we can use the `defineProps` and `defineEmits` APIs, which are automatically available inside `<script setup>`:
 
@@ -175,9 +175,189 @@ const emit = defineEmits(['change', 'delete'])
 
 - The options passed to `defineProps` and `defineEmits` will be hoisted out of setup into module scope. Therefore, the options cannot reference local variables declared in setup scope. Doing so will result in a compile error. However, it _can_ reference imported bindings since they are in the module scope as well.
 
-If you are using TypeScript, it is also possible to [declare props and emits using pure type annotations](#typescript-only-features).
+### Type-only props/emit declarations<sup class="vt-badge ts" /> {#type-only-props-emit-declarations}
 
-## defineExpose()
+Props and emits can also be declared using pure-type syntax by passing a literal type argument to `defineProps` or `defineEmits`:
+
+```ts
+const props = defineProps<{
+  foo: string
+  bar?: number
+}>()
+
+const emit = defineEmits<{
+  (e: 'change', id: number): void
+  (e: 'update', value: string): void
+}>()
+
+// 3.3+: alternative, more succinct syntax
+const emit = defineEmits<{
+  change: [id: number] // named tuple syntax
+  update: [value: string]
+}>()
+```
+
+- `defineProps` or `defineEmits` can only use either runtime declaration OR type declaration. Using both at the same time will result in a compile error.
+
+- When using type declaration, the equivalent runtime declaration is automatically generated from static analysis to remove the need for double declaration and still ensure correct runtime behavior.
+
+  - In dev mode, the compiler will try to infer corresponding runtime validation from the types. For example here `foo: String` is inferred from the `foo: string` type. If the type is a reference to an imported type, the inferred result will be `foo: null` (equal to `any` type) since the compiler does not have information of external files.
+
+  - In prod mode, the compiler will generate the array format declaration to reduce bundle size (the props here will be compiled into `['foo', 'bar']`)
+
+- In version 3.2 and below, the generic type parameter for `defineProps()` were limited to a type literal or a reference to a local interface.
+
+  This limitation has been resolved in 3.3. The latest version of Vue supports referencing imported and a limited set of complex types in the type parameter position. However, because the type to runtime conversion is still AST-based, some complex types that require actual type analysis, e.g. conditional types, are not supported. You can use conditional types for the type of a single prop, but not the entire props object.
+
+### Reactive Props Destructure <sup class="vt-badge" data-text="3.5+" /> {#reactive-props-destructure}
+
+In Vue 3.5 and above, variables destructured from the return value of `defineProps` are reactive. Vue's compiler automatically prepends `props.` when code in the same `<script setup>` block accesses variables destructured from `defineProps`:
+
+```ts
+const { foo } = defineProps(['foo'])
+
+watchEffect(() => {
+  // runs only once before 3.5
+  // re-runs when the "foo" prop changes in 3.5+
+  console.log(foo)
+})
+```
+
+The above is compiled to the following equivalent:
+
+```js {5}
+const props = defineProps(['foo'])
+
+watchEffect(() => {
+  // `foo` transformed to `props.foo` by the compiler
+  console.log(props.foo)
+})
+```
+
+In addition, you can use JavaScript's native default value syntax to declare default values for the props. This is particularly useful when using the type-based props declaration:
+
+```ts
+interface Props {
+  msg?: string
+  labels?: string[]
+}
+
+const { msg = 'hello', labels = ['one', 'two'] } = defineProps<Props>()
+```
+
+### Default props values when using type declaration <sup class="vt-badge ts" /> {#default-props-values-when-using-type-declaration}
+
+In 3.5 and above, default values can be naturally declared when using Reactive Props Destructure. But in 3.4 and below, Reactive Props Destructure is not enabled by default. In order to declare props default values with type-based declaration, the `withDefaults` compiler macro is needed:
+
+```ts
+interface Props {
+  msg?: string
+  labels?: string[]
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  msg: 'hello',
+  labels: () => ['one', 'two']
+})
+```
+
+This will be compiled to equivalent runtime props `default` options. In addition, the `withDefaults` helper provides type checks for the default values, and ensures the returned `props` type has the optional flags removed for properties that do have default values declared.
+
+:::info
+Note that default values for mutable reference types (like arrays or objects) should be wrapped in functions when using `withDefaults` to avoid accidental modification and external side effects. This ensures each component instance gets its own copy of the default value. This is **not** necessary when using default values with destructure.
+:::
+
+## defineModel() {#definemodel}
+
+- Only available in 3.4+
+
+This macro can be used to declare a two-way binding prop that can be consumed via `v-model` from the parent component. Example usage is also discussed in the [Component `v-model`](/guide/components/v-model) guide.
+
+Under the hood, this macro declares a model prop and a corresponding value update event. If the first argument is a literal string, it will be used as the prop name; Otherwise the prop name will default to `"modelValue"`. In both cases, you can also pass an additional object which can include the prop's options and the model ref's value transform options.
+
+```js
+// declares "modelValue" prop, consumed by parent via v-model
+const model = defineModel()
+// OR: declares "modelValue" prop with options
+const model = defineModel({ type: String })
+
+// emits "update:modelValue" when mutated
+model.value = 'hello'
+
+// declares "count" prop, consumed by parent via v-model:count
+const count = defineModel('count')
+// OR: declares "count" prop with options
+const count = defineModel('count', { type: Number, default: 0 })
+
+function inc() {
+  // emits "update:count" when mutated
+  count.value++
+}
+```
+
+:::warning
+If you have a `default` value for `defineModel` prop and you don't provide any value for this prop from the parent component, it can cause a de-synchronization between parent and child components. In the example below, the parent's `myRef` is undefined, but the child's `model` is 1:
+
+```js
+// child component:
+const model = defineModel({ default: 1 })
+
+// parent component:
+const myRef = ref()
+```
+
+```html
+<Child v-model="myRef"></Child>
+```
+
+:::
+
+### Modifiers and Transformers {#modifiers-and-transformers}
+
+To access modifiers used with the `v-model` directive, we can destructure the return value of `defineModel()` like this:
+
+```js
+const [modelValue, modelModifiers] = defineModel()
+
+// corresponds to v-model.trim
+if (modelModifiers.trim) {
+  // ...
+}
+```
+
+When a modifier is present, we likely need to transform the value when reading or syncing it back to the parent. We can achieve this by using the `get` and `set` transformer options:
+
+```js
+const [modelValue, modelModifiers] = defineModel({
+  // get() omitted as it is not needed here
+  set(value) {
+    // if the .trim modifier is used, return trimmed value
+    if (modelModifiers.trim) {
+      return value.trim()
+    }
+    // otherwise, return the value as-is
+    return value
+  }
+})
+```
+
+### Usage with TypeScript <sup class="vt-badge ts" /> {#usage-with-typescript}
+
+Like `defineProps` and `defineEmits`, `defineModel` can also receive type arguments to specify the types of the model value and the modifiers:
+
+```ts
+const modelValue = defineModel<string>()
+//    ^? Ref<string | undefined>
+
+// default model with options, required removes possible undefined values
+const modelValue = defineModel<string>({ required: true })
+//    ^? Ref<string>
+
+const [modelValue, modifiers] = defineModel<string, 'trim' | 'uppercase'>()
+//                 ^? Record<'trim' | 'uppercase', true | undefined>
+```
+
+## defineExpose() {#defineexpose}
 
 Components using `<script setup>` are **closed by default** - i.e. the public instance of the component, which is retrieved via template refs or `$parent` chains, will **not** expose any of the bindings declared inside `<script setup>`.
 
@@ -199,7 +379,44 @@ defineExpose({
 
 When a parent gets an instance of this component via template refs, the retrieved instance will be of the shape `{ a: number, b: number }` (refs are automatically unwrapped just like on normal instances).
 
-## `useSlots()` & `useAttrs()`
+## defineOptions() {#defineoptions}
+
+- Only supported in 3.3+
+
+This macro can be used to declare component options directly inside `<script setup>` without having to use a separate `<script>` block:
+
+```vue
+<script setup>
+defineOptions({
+  inheritAttrs: false,
+  customOptions: {
+    /* ... */
+  }
+})
+</script>
+```
+
+- This is a macro. The options will be hoisted to module scope and cannot access local variables in `<script setup>` that are not literal constants.
+
+## defineSlots()<sup class="vt-badge ts"/> {#defineslots}
+
+- Only supported in 3.3+
+
+This macro can be used to provide type hints to IDEs for slot name and props type checking.
+
+`defineSlots()` only accepts a type parameter and no runtime arguments. The type parameter should be a type literal where the property key is the slot name, and the value type is the slot function. The first argument of the function is the props the slot expects to receive, and its type will be used for slot props in the template. The return type is currently ignored and can be `any`, but we may leverage it for slot content checking in the future.
+
+It also returns the `slots` object, which is equivalent to the `slots` object exposed on the setup context or returned by `useSlots()`.
+
+```vue
+<script setup lang="ts">
+const slots = defineSlots<{
+  default(props: { msg: string }): any
+}>()
+</script>
+```
+
+## `useSlots()` & `useAttrs()` {#useslots-useattrs}
 
 Usage of `slots` and `attrs` inside `<script setup>` should be relatively rare, since you can access them directly as `$slots` and `$attrs` in the template. In the rare case where you do need them, use the `useSlots` and `useAttrs` helpers respectively:
 
@@ -214,11 +431,11 @@ const attrs = useAttrs()
 
 `useSlots` and `useAttrs` are actual runtime functions that return the equivalent of `setupContext.slots` and `setupContext.attrs`. They can be used in normal composition API functions as well.
 
-## Usage alongside normal `<script>`
+## Usage alongside normal `<script>` {#usage-alongside-normal-script}
 
 `<script setup>` can be used alongside normal `<script>`. A normal `<script>` may be needed in cases where we need to:
 
-- Declare options that cannot be expressed in `<script setup>`, for example `inheritAttrs` or custom options enabled via plugins.
+- Declare options that cannot be expressed in `<script setup>`, for example `inheritAttrs` or custom options enabled via plugins (Can be replaced by [`defineOptions`](/api/sfc-script-setup#defineoptions) in 3.3+).
 - Declaring named exports.
 - Run side effects or create objects that should only execute once.
 
@@ -239,7 +456,14 @@ export default {
 </script>
 ```
 
-## Top-level `await`
+Support for combining `<script setup>` and `<script>` in the same component is limited to the scenarios described above. Specifically:
+
+- Do **NOT** use a separate `<script>` section for options that can already be defined using `<script setup>`, such as `props` and `emits`.
+- Variables created inside `<script setup>` are not added as properties to the component instance, making them inaccessible from the Options API. Mixing APIs in this way is strongly discouraged.
+
+If you find yourself in one of the scenarios that is not supported then you should consider switching to an explicit [`setup()`](/api/composition-api-setup) function, instead of using `<script setup>`.
+
+## Top-level `await` {#top-level-await}
 
 Top-level `await` can be used inside `<script setup>`. The resulting code will be compiled as `async setup()`:
 
@@ -252,62 +476,83 @@ const post = await fetch(`/api/post/1`).then((r) => r.json())
 In addition, the awaited expression will be automatically compiled in a format that preserves the current component instance context after the `await`.
 
 :::warning Note
-`async setup()` must be used in combination with `Suspense`, which is currently still an experimental feature. We plan to finalize and document it in a future release - but if you are curious now, you can refer to its [tests](https://github.com/vuejs/core/blob/main/packages/runtime-core/__tests__/components/Suspense.spec.ts) to see how it works.
+`async setup()` must be used in combination with [`Suspense`](/guide/built-ins/suspense.html), which is currently still an experimental feature. We plan to finalize and document it in a future release - but if you are curious now, you can refer to its [tests](https://github.com/vuejs/core/blob/main/packages/runtime-core/__tests__/components/Suspense.spec.ts) to see how it works.
 :::
 
-## TypeScript-only Features <sup class="vt-badge ts" />
+## Import Statements {#imports-statements}
 
-### Type-only props/emit declarations
+Import statements in vue follow [ECMAScript module specification](https://nodejs.org/api/esm.html).
+In addition, you can use aliases defined in your build tool configuration:
 
-Props and emits can also be declared using pure-type syntax by passing a literal type argument to `defineProps` or `defineEmits`:
+```vue
+<script setup>
+import { ref } from 'vue'
+import { componentA } from './Components'
+import { componentB } from '@/Components'
+import { componentC } from '~/Components'
+</script>
+```
 
-```ts
-const props = defineProps<{
-  foo: string
-  bar?: number
-}>()
+## Generics <sup class="vt-badge ts" /> {#generics}
 
-const emit = defineEmits<{
-  (e: 'change', id: number): void
-  (e: 'update', value: string): void
+Generic type parameters can be declared using the `generic` attribute on the `<script>` tag:
+
+```vue
+<script setup lang="ts" generic="T">
+defineProps<{
+  items: T[]
+  selected: T
 }>()
+</script>
 ```
 
-- `defineProps` or `defineEmits` can only use either runtime declaration OR type declaration. Using both at the same time will result in a compile error.
-
-- When using type declaration, the equivalent runtime declaration is automatically generated from static analysis to remove the need for double declaration and still ensure correct runtime behavior.
-
-  - In dev mode, the compiler will try to infer corresponding runtime validation from the types. For example here `foo: String` is inferred from the `foo: string` type. If the type is a reference to an imported type, the inferred result will be `foo: null` (equal to `any` type) since the compiler does not have information of external files.
+The value of `generic` works exactly the same as the parameter list between `<...>` in TypeScript. For example, you can use multiple parameters, `extends` constraints, default types, and reference imported types:
 
-  - In prod mode, the compiler will generate the array format declaration to reduce bundle size (the props here will be compiled into `['foo', 'bar']`)
+```vue
+<script
+  setup
+  lang="ts"
+  generic="T extends string | number, U extends Item"
+>
+import type { Item } from './types'
+defineProps<{
+  id: T
+  list: U[]
+}>()
+</script>
+```
 
-  - The emitted code is still TypeScript with valid typing, which can be further processed by other tools.
+You can use `@vue-generic` the directive to pass in explicit types, for when the type cannot be inferred:
 
-- As of now, the type declaration argument must be one of the following to ensure correct static analysis:
+```vue
+<template>
+  <!-- @vue-generic {import('@/api').Actor} -->
+  <ApiSelect v-model="peopleIds" endpoint="/api/actors" id-prop="actorId" />
 
-  - A type literal
-  - A reference to an interface or a type literal in the same file
+  <!-- @vue-generic {import('@/api').Genre} -->
+  <ApiSelect v-model="genreIds" endpoint="/api/genres" id-prop="genreId" />
+</template>
+```
 
-  Currently complex types and type imports from other files are not supported. It is possible to support type imports in the future.
+In order to use a reference to a generic component in a `ref` you need to use the [`vue-component-type-helpers`](https://www.npmjs.com/package/vue-component-type-helpers) library as `InstanceType` won't work.
 
-### Default props values when using type declaration
+```vue
+<script
+  setup
+  lang="ts"
+>
+import componentWithoutGenerics from '../component-without-generics.vue';
+import genericComponent from '../generic-component.vue';
 
-One drawback of the type-only `defineProps` declaration is that it doesn't have a way to provide default values for the props. To resolve this problem, a `withDefaults` compiler macro is also provided:
+import type { ComponentExposed } from 'vue-component-type-helpers';
 
-```ts
-interface Props {
-  msg?: string
-  labels?: string[]
-}
+// Works for a component without generics
+ref<InstanceType<typeof componentWithoutGenerics>>();
 
-const props = withDefaults(defineProps<Props>(), {
-  msg: 'hello',
-  labels: () => ['one', 'two']
-})
+ref<ComponentExposed<typeof genericComponent>>();
 ```
 
-This will be compiled to equivalent runtime props `default` options. In addition, the `withDefaults` helper provides type checks for the default values, and ensures the returned `props` type has the optional flags removed for properties that do have default values declared.
-
-## Restrictions
+## Restrictions {#restrictions}
 
-Due to the difference in module execution semantics, code inside `<script setup>` relies on the context of an SFC. When moved into external `.js` or `.ts` files, it may lead to confusion for both developers and tools. Therefore, **`<script setup>`** cannot be used with the `src` attribute.
+- Due to the difference in module execution semantics, code inside `<script setup>` relies on the context of an SFC. When moved into external `.js` or `.ts` files, it may lead to confusion for both developers and tools. Therefore, **`<script setup>`** cannot be used with the `src` attribute.
+- `<script setup>` does not support In-DOM Root Component Template.([Related Discussion](https://github.com/vuejs/core/issues/8391))
diff --git a/src/api/sfc-spec.md b/src/api/sfc-spec.md
index 5747228c28..cdfb789836 100644
--- a/src/api/sfc-spec.md
+++ b/src/api/sfc-spec.md
@@ -1,8 +1,8 @@
-# SFC Syntax Specification
+# SFC Syntax Specification {#sfc-syntax-specification}
 
-## Overview
+## Overview {#overview}
 
-A Vue Single File Component (SFC), conventionally using the `*.vue` file extension, is a custom file format that uses an HTML-like syntax to describe a Vue component. A Vue SFC is syntactically compatible with HTML.
+A Vue Single-File Component (SFC), conventionally using the `*.vue` file extension, is a custom file format that uses an HTML-like syntax to describe a Vue component. A Vue SFC is syntactically compatible with HTML.
 
 Each `*.vue` file consists of three types of top-level language blocks: `<template>`, `<script>`, and `<style>`, and optionally additional custom blocks:
 
@@ -32,53 +32,53 @@ export default {
 </custom1>
 ```
 
-## Language Blocks
+## Language Blocks {#language-blocks}
 
-### `<template>`
+### `<template>` {#template}
 
-- Each `*.vue` file can contain at most one top-level `<template>` block at a time.
+- Each `*.vue` file can contain at most one top-level `<template>` block.
 
 - Contents will be extracted and passed on to `@vue/compiler-dom`, pre-compiled into JavaScript render functions, and attached to the exported component as its `render` option.
 
-### `<script>`
+### `<script>` {#script}
 
-- Each `*.vue` file can contain at most one `<script>` block at a time (excluding [`<script setup>`](/api/sfc-script-setup.html)).
+- Each `*.vue` file can contain at most one `<script>` block (excluding [`<script setup>`](/api/sfc-script-setup)).
 
 - The script is executed as an ES Module.
 
-- The **default export** should be a Vue component options object, either as a plain object or as the return value of [defineComponent](/api/general.html#definecomponent).
+- The **default export** should be a Vue component options object, either as a plain object or as the return value of [defineComponent](/api/general#definecomponent).
 
-### `<script setup>`
+### `<script setup>` {#script-setup}
 
-- Each `*.vue` file can contain at most one `<script setup>` block at a time (excluding normal `<script>`).
+- Each `*.vue` file can contain at most one `<script setup>` block (excluding normal `<script>`).
 
 - The script is pre-processed and used as the component's `setup()` function, which means it will be executed **for each instance of the component**. Top-level bindings in `<script setup>` are automatically exposed to the template. For more details, see [dedicated documentation on `<script setup>`](/api/sfc-script-setup).
 
-### `<style>`
+### `<style>` {#style}
 
 - A single `*.vue` file can contain multiple `<style>` tags.
 
 - A `<style>` tag can have `scoped` or `module` attributes (see [SFC Style Features](/api/sfc-css-features) for more details) to help encapsulate the styles to the current component. Multiple `<style>` tags with different encapsulation modes can be mixed in the same component.
 
-### Custom Blocks
+### Custom Blocks {#custom-blocks}
 
 Additional custom blocks can be included in a `*.vue` file for any project-specific needs, for example a `<docs>` block. Some real-world examples of custom blocks include:
 
 - [Gridsome: `<page-query>`](https://gridsome.org/docs/querying-data/)
 - [vite-plugin-vue-gql: `<gql>`](https://github.com/wheatjs/vite-plugin-vue-gql)
-- [vue-i18n: `<i18n>`](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n#i18n-custom-block)
+- [vue-i18n: `<i18n>`](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)
 
-Handling of Custom Blocks will depend on tooling - if you want to build your own custom block integrations, see [relevant tooling section](/guide/scaling-up/tooling.html#sfc-custom-block-integrations) for more details.
+Handling of Custom Blocks will depend on tooling - if you want to build your own custom block integrations, see the [SFC custom block integrations tooling section](/guide/scaling-up/tooling#sfc-custom-block-integrations) for more details.
 
-## Automatic Name Inference
+## Automatic Name Inference {#automatic-name-inference}
 
 An SFC automatically infers the component's name from its **filename** in the following cases:
 
 - Dev warning formatting
 - DevTools inspection
-- Recursive self-reference. E.g. a file named `FooBar.vue` can refer to itself as `<FooBar/>` in its template. This has lower priority than explicitly registered/imported components.
+- Recursive self-reference, e.g. a file named `FooBar.vue` can refer to itself as `<FooBar/>` in its template. This has lower priority than explicitly registered/imported components.
 
-## Pre-Processors
+## Pre-Processors {#pre-processors}
 
 Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `<script>` block:
 
@@ -88,7 +88,7 @@ Blocks can declare pre-processor languages using the `lang` attribute. The most
 </script>
 ```
 
-`lang` can be applied to any block - for example we can use `<style>` with [SASS](https://sass-lang.com/) and `<template>` with [Pug](https://pugjs.org/api/getting-started.html):
+`lang` can be applied to any block - for example we can use `<style>` with [Sass](https://sass-lang.com/) and `<template>` with [Pug](https://pugjs.org/api/getting-started.html):
 
 ```vue-html
 <template lang="pug">
@@ -105,11 +105,11 @@ p {{ msg }}
 
 Note that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:
 
-- [Vite](https://vitejs.dev](features.html#css-pre-processors)
-- [Vue CLI](https://cli.vuejs.org](css.html#pre-processors)
-- [webpack + vue-loader](https://vue-loader.vuejs.org](pre-processors.html#using-pre-processors)
+- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)
+- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)
+- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)
 
-## Src Imports
+## `src` Imports {#src-imports}
 
 If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:
 
@@ -136,6 +136,13 @@ Beware that `src` imports follow the same path resolution rules as webpack modul
 </unit-test>
 ```
 
-## Comments
+:::warning Note
+While using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:
+```vue
+<img src="http://github.com/~some-npm-package/foo.png">
+```
+:::
+
+## Comments {#comments}
 
 Inside each block you shall use the comment syntax of the language being used (HTML, CSS, JavaScript, Pug, etc.). For top-level comments, use HTML comment syntax: `<!-- comment contents here -->`
diff --git a/src/api/ssr.md b/src/api/ssr.md
index c6545347d8..a39ea41876 100644
--- a/src/api/ssr.md
+++ b/src/api/ssr.md
@@ -1,6 +1,6 @@
-# Server-Side Rendering API
+# Server-Side Rendering API {#server-side-rendering-api}
 
-## renderToString()
+## renderToString() {#rendertostring}
 
 - **Exported from `vue/server-renderer`**
 
@@ -30,11 +30,9 @@
   })()
   ```
 
-  ### Handling Teleports
+  ### SSR Context {#ssr-context}
 
-  If the rendered app contains Teleports, the teleported content will not be part of the rendered string. In most cases, the best solution is to conditionally render the Teleport on mount.
-
-  If you do need to hydrate teleported content, they are exposed under the `teleports` property of the ssr context object:
+  You can pass an optional context object, which can be used to record additional data during the render, for example [accessing content of Teleports](/guide/scaling-up/ssr#teleports):
 
   ```js
   const ctx = {}
@@ -43,9 +41,11 @@
   console.log(ctx.teleports) // { '#teleported': 'teleported content' }
   ```
 
-- **See also:** [Guide - Server-Side Rendering](/guide/scaling-up/ssr.html)
+  Most other SSR APIs on this page also optionally accept a context object. The context object can be accessed in component code via the [useSSRContext](#usessrcontext) helper.
+
+- **See also** [Guide - Server-Side Rendering](/guide/scaling-up/ssr)
 
-## renderToNodeStream()
+## renderToNodeStream() {#rendertonodestream}
 
 Renders input as a [Node.js Readable stream](https://nodejs.org/api/stream.html#stream_class_stream_readable).
 
@@ -71,7 +71,7 @@ Renders input as a [Node.js Readable stream](https://nodejs.org/api/stream.html#
   This method is not supported in the ESM build of `vue/server-renderer`, which is decoupled from Node.js environments. Use [`pipeToNodeWritable`](#pipetonodewritable) instead.
   :::
 
-## pipeToNodeWritable()
+## pipeToNodeWritable() {#pipetonodewritable}
 
 Render and pipe to an existing [Node.js Writable stream](https://nodejs.org/api/stream.html#stream_writable_streams) instance.
 
@@ -94,7 +94,7 @@ Render and pipe to an existing [Node.js Writable stream](https://nodejs.org/api/
   pipeToNodeWritable(app, {}, res)
   ```
 
-## renderToWebStream()
+## renderToWebStream() {#rendertowebstream}
 
 Renders input as a [Web ReadableStream](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API).
 
@@ -120,7 +120,7 @@ Renders input as a [Web ReadableStream](https://developer.mozilla.org/en-US/docs
   In environments that do not expose `ReadableStream` constructor in the global scope, [`pipeToWebWritable()`](#pipetowebwritable) should be used instead.
   :::
 
-## pipeToWebWritable()
+## pipeToWebWritable() {#pipetowebwritable}
 
 Render and pipe to an existing [Web WritableStream](https://developer.mozilla.org/en-US/docs/Web/API/WritableStream) instance.
 
@@ -149,7 +149,7 @@ Render and pipe to an existing [Web WritableStream](https://developer.mozilla.or
   return new Response(readable)
   ```
 
-## renderToSimpleStream()
+## renderToSimpleStream() {#rendertosimplestream}
 
 Renders input in streaming mode using a simple readable interface.
 
@@ -194,7 +194,7 @@ Renders input in streaming mode using a simple readable interface.
   )
   ```
 
-## useSSRContext()
+## useSSRContext() {#usessrcontext}
 
 A runtime API used to retrieve the context object passed to `renderToString()` or other server render APIs.
 
@@ -220,3 +220,23 @@ A runtime API used to retrieve the context object passed to `renderToString()` o
   }
   </script>
   ```
+
+## data-allow-mismatch <sup class="vt-badge" data-text="3.5+" /> {#data-allow-mismatch}
+
+A special attribute that can be used to suppress [hydration mismatch](/guide/scaling-up/ssr#hydration-mismatch) warnings.
+
+- **Example**
+
+  ```html
+  <div data-allow-mismatch="text">{{ data.toLocaleString() }}</div>
+  ```
+
+  The value can limit the allowed mismatch to a specific type. Allowed values are:
+
+  - `text`
+  - `children` (only allows mismatch for direct children)
+  - `class`
+  - `style`
+  - `attribute`
+
+  If no value is provided, all types of mismatches will be allowed.
diff --git a/src/api/utility-types.md b/src/api/utility-types.md
index a55bcd952d..e25a90a800 100644
--- a/src/api/utility-types.md
+++ b/src/api/utility-types.md
@@ -1,17 +1,17 @@
-# Utility Types
+# Utility Types {#utility-types}
 
 :::info
 This page only lists a few commonly used utility types that may need explanation for their usage. For a full list of exported types, consult the [source code](https://github.com/vuejs/core/blob/main/packages/runtime-core/src/index.ts#L131).
 :::
 
-## PropType\<T>
+## PropType\<T> {#proptype-t}
 
 Used to annotate a prop with more advanced types when using runtime props declarations.
 
 - **Example**
 
   ```ts
-  import { PropType } from 'vue'
+  import type { PropType } from 'vue'
 
   interface Book {
     title: string
@@ -30,9 +30,83 @@ Used to annotate a prop with more advanced types when using runtime props declar
   }
   ```
 
-- **See also:** [Guide - Typing Component Props](/guide/typescript/options-api.html#typing-component-props)
+- **See also** [Guide - Typing Component Props](/guide/typescript/options-api#typing-component-props)
 
-## ComponentCustomProperties
+## MaybeRef\<T> {#mayberef}
+
+- Only supported in 3.3+
+
+Alias for `T | Ref<T>`. Useful for annotating arguments of [Composables](/guide/reusability/composables.html).
+
+## MaybeRefOrGetter\<T> {#maybereforgetter}
+
+- Only supported in 3.3+
+
+Alias for `T | Ref<T> | (() => T)`. Useful for annotating arguments of [Composables](/guide/reusability/composables.html).
+
+## ExtractPropTypes\<T> {#extractproptypes}
+
+Extract prop types from a runtime props options object. The extracted types are internal facing - i.e. the resolved props received by the component. This means boolean props and props with default values are always defined, even if they are not required.
+
+To extract public facing props, i.e. props that the parent is allowed to pass, use [`ExtractPublicPropTypes`](#extractpublicproptypes).
+
+- **Example**
+
+  ```ts
+  const propsOptions = {
+    foo: String,
+    bar: Boolean,
+    baz: {
+      type: Number,
+      required: true
+    },
+    qux: {
+      type: Number,
+      default: 1
+    }
+  } as const
+
+  type Props = ExtractPropTypes<typeof propsOptions>
+  // {
+  //   foo?: string,
+  //   bar: boolean,
+  //   baz: number,
+  //   qux: number
+  // }
+  ```
+
+## ExtractPublicPropTypes\<T> {#extractpublicproptypes}
+
+- Only supported in 3.3+
+
+Extract prop types from a runtime props options object. The extracted types are public facing - i.e. the props that the parent is allowed to pass.
+
+- **Example**
+
+  ```ts
+  const propsOptions = {
+    foo: String,
+    bar: Boolean,
+    baz: {
+      type: Number,
+      required: true
+    },
+    qux: {
+      type: Number,
+      default: 1
+    }
+  } as const
+
+  type Props = ExtractPublicPropTypes<typeof propsOptions>
+  // {
+  //   foo?: string,
+  //   bar?: boolean,
+  //   baz: number,
+  //   qux?: number
+  // }
+  ```
+
+## ComponentCustomProperties {#componentcustomproperties}
 
 Used to augment the component instance type to support custom global properties.
 
@@ -50,12 +124,12 @@ Used to augment the component instance type to support custom global properties.
   ```
 
   :::tip
-  Augmentations must be placed in a module `.ts` or `.d.ts` file. See [Type Augmentation Placement](/guide/typescript/options-api.html#augmenting-global-properties) for more details.
+  Augmentations must be placed in a module `.ts` or `.d.ts` file. See [Type Augmentation Placement](/guide/typescript/options-api#augmenting-global-properties) for more details.
   :::
 
-- **See also:** [Guide - Augmenting Global Properties](/guide/typescript/options-api.html#augmenting-global-properties)
+- **See also** [Guide - Augmenting Global Properties](/guide/typescript/options-api#augmenting-global-properties)
 
-## ComponentCustomOptions
+## ComponentCustomOptions {#componentcustomoptions}
 
 Used to augment the component options type to support custom options.
 
@@ -72,12 +146,12 @@ Used to augment the component options type to support custom options.
   ```
 
   :::tip
-  Augmentations must be placed in a module `.ts` or `.d.ts` file. See [Type Augmentation Placement](/guide/typescript/options-api.html#augmenting-global-properties) for more details.
+  Augmentations must be placed in a module `.ts` or `.d.ts` file. See [Type Augmentation Placement](/guide/typescript/options-api#augmenting-global-properties) for more details.
   :::
 
-- **See also:** [Guide - Augmenting Custom Options](/guide/typescript/options-api.html#augmenting-custom-options)
+- **See also** [Guide - Augmenting Custom Options](/guide/typescript/options-api#augmenting-custom-options)
 
-## ComponentCustomProps
+## ComponentCustomProps {#componentcustomprops}
 
 Used to augment allowed TSX props in order to use non-declared props on TSX elements.
 
@@ -99,10 +173,10 @@ Used to augment allowed TSX props in order to use non-declared props on TSX elem
   ```
 
   :::tip
-  Augmentations must be placed in a module `.ts` or `.d.ts` file. See [Type Augmentation Placement](/guide/typescript/options-api.html#augmenting-global-properties) for more details.
+  Augmentations must be placed in a module `.ts` or `.d.ts` file. See [Type Augmentation Placement](/guide/typescript/options-api#augmenting-global-properties) for more details.
   :::
 
-## CSSProperties
+## CSSProperties {#cssproperties}
 
 Used to augment allowed values in style property bindings.
 
@@ -121,16 +195,17 @@ Used to augment allowed values in style property bindings.
   ```tsx
   <div style={ { '--bg-color': 'blue' } }>
   ```
+
   ```html
-  <div :style="{ '--bg-color': 'blue' }">
+  <div :style="{ '--bg-color': 'blue' }"></div>
   ```
 
- :::tip
-  Augmentations must be placed in a module `.ts` or `.d.ts` file. See [Type Augmentation Placement](/guide/typescript/options-api.html#augmenting-global-properties) for more details.
-  :::
-  
-  :::info See also
-SFC `<style>` tags support linking CSS values to dynamic component state using the `v-bind CSS` function. This allows for custom properties without type augmentation. 
+:::tip
+Augmentations must be placed in a module `.ts` or `.d.ts` file. See [Type Augmentation Placement](/guide/typescript/options-api#augmenting-global-properties) for more details.
+:::
+
+:::info See also
+SFC `<style>` tags support linking CSS values to dynamic component state using the `v-bind` CSS function. This allows for custom properties without type augmentation.
 
-- [v-bind() in CSS](/api/sfc-css-features.html#v-bind-in-css)
+- [v-bind() in CSS](/api/sfc-css-features#v-bind-in-css)
   :::
diff --git a/src/developers/[developerSlug].md b/src/developers/[developerSlug].md
new file mode 100644
index 0000000000..751efb0a08
--- /dev/null
+++ b/src/developers/[developerSlug].md
@@ -0,0 +1,23 @@
+---
+page: true
+footer: false
+title: Vue Developer
+---
+
+<script setup>
+import { useData } from 'vitepress'
+import { onMounted, ref } from 'vue'
+import developersData from './developers.json'
+import Page from './components/DeveloperPage.vue'
+
+const { page } = useData()
+const developer = ref(developersData.find(dev => dev.slug === page.value.params.developerSlug) || {})
+
+onMounted(() => {
+  if (developer.value) {
+    document.title = `${developer.value.name} - Vue Developer | Vue.js`
+  }
+})
+</script>
+
+<Page :developer="developer" />
diff --git a/src/developers/[developerSlug].paths.ts b/src/developers/[developerSlug].paths.ts
new file mode 100644
index 0000000000..9f5d4c1964
--- /dev/null
+++ b/src/developers/[developerSlug].paths.ts
@@ -0,0 +1,12 @@
+import developers from './developers.json'
+
+export default {
+  paths: developers.map((developer) => {
+    return {
+      params: {
+        developerId: developer.id,
+        developerSlug: developer.slug,
+      }
+    }
+  })
+}
diff --git a/src/developers/components/DeveloperCard.vue b/src/developers/components/DeveloperCard.vue
new file mode 100644
index 0000000000..f052938e57
--- /dev/null
+++ b/src/developers/components/DeveloperCard.vue
@@ -0,0 +1,325 @@
+<script setup lang="ts">
+import { DeveloperProfile } from './type'
+import { truncateTextFromArray } from './utils'
+import { VTIconMapPin } from '@vue/theme'
+import DeveloperImage from './DeveloperImage.vue'
+import DeveloperProficiencies from './DeveloperProficiencies.vue'
+import DeveloperCompensations from './DeveloperCompensations.vue'
+
+const props = defineProps<{
+  data: DeveloperProfile
+  hero?: boolean
+}>()
+
+const { id, slug, name, description, compensations, proficiencies, location } = props.data
+
+const profileLink = `/developers/${slug}.html`
+const profileImage = `/vue/developers/${id}.jpg`
+const trimmedDescription = truncateTextFromArray(description, 220)
+
+</script>
+
+<template>
+  <a
+    class="developer-card"
+    :class="{ 'developer-card--hero': hero }"
+    :href="http://github.com/profileLink"
+  >
+    <div class="developer-card__header">
+      <div v-if="!hero && profileImage" class="developer-card__avatar">
+        <DeveloperImage
+          :src="http://github.com/profileImage"
+          :alt="name"
+          :width="120"
+          :height="120"
+          :faceRecognition="true"
+          crop="c_fill"
+          loading="lazy"
+          class="avatar"
+        />
+      </div>
+      <div class="developer-card__summary">
+        <h3 class="developer-card__name">{{ name }}</h3>
+        <p class="developer-card__location">
+          <VTIconMapPin class="developer-card__icon" />
+          {{ location }}
+        </p>
+        <p v-if="!hero" class="developer-card__compensation">{{ compensations.monthly }}</p>
+      </div>
+    </div>
+
+    <p class="developer-card__intro">{{ trimmedDescription }}</p>
+
+    <DeveloperCompensations
+      v-if="hero && compensations"
+      title="Compensation"
+      :compensations="compensations"
+      class="developer-card__section developer-card__compensation"
+    />
+
+    <DeveloperProficiencies
+      v-if="proficiencies"
+      :proficiencies="proficiencies"
+      :title="hero ? 'Main proficiencies' : undefined"
+      enable-show-all
+      class="developer-card__section developer-card__proficiencies"
+      @click.stop
+    />
+
+    <div v-if="hero && profileImage" class="developer-card__image">
+      <DeveloperImage
+        :src="http://github.com/profileImage"
+        :alt="name"
+        :width="526"
+        :height="605"
+      />
+    </div>
+  </a>
+</template>
+
+<style scoped>
+/* General Styles */
+.developer-card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  width: 48.5%;
+  margin-bottom: 36px;
+  padding: 24px 28px;
+  background-color: var(--vt-c-bg);
+  border-radius: 4px;
+  border: 1px solid var(--vt-c-white-soft);
+  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.05);
+  font-size: 15px;
+  transition: background-color 0.5s, box-shadow 0.25s ease, border-color 0.25s ease;
+}
+
+.developer-card:hover {
+  cursor: pointer;
+  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
+}
+
+/* Header Styles */
+.developer-card__header {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  color: var(--vt-c-text-2);
+  font-size: 13.5px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0.2px;
+  margin-bottom: 8px;
+}
+
+.developer-card__avatar {
+  width: 88px;
+  height: 88px;
+  border-radius: 50%;
+  overflow: hidden;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+
+.developer-card__avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: top;
+}
+
+.developer-card__summary {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.developer-card__name {
+  color: var(--vt-c-text-1);
+  font-size: 22.5px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: -0.1px;
+}
+
+
+/* Location Styles */
+.developer-card__location {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+
+.developer-card__icon {
+  width: 20px;
+  height: 20px;
+  opacity: 0.5;
+  fill: var(--vt-c-text-2);
+}
+
+/* Card Sections Styles */
+.developer-card__section h4,
+.developer-card__section :deep(h4) {
+  color: var(--vt-c-text-1);
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 8px;
+}
+
+.developer-card__proficiencies {
+  cursor: default;
+}
+
+/* Image Styles */
+.developer-card__image {
+  display: inline-block;
+  object-fit: cover;
+}
+
+/* Hero Card Styles */
+.developer-card--hero {
+  display: grid;
+  gap: 16px;
+  width: 100%;
+  font-size: 16px;
+  grid-template-areas:
+    "header"
+    "intro"
+    "compensation"
+    "proficiencies"
+    "image";
+  border: none;
+}
+
+/* Hero - Header, Intro, Sections, and Image Styles */
+.developer-card--hero .developer-card__header {
+  grid-area: header;
+  margin-bottom: 0;
+}
+
+.developer-card--hero .developer-card__intro {
+  grid-area: intro;
+}
+
+.developer-card--hero .developer-card__location {
+  font-size: 14px;
+  line-height: 24px;
+}
+
+.developer-card--hero .developer-card__name {
+  font-size: 24px;
+  line-height: 32px;
+}
+
+.developer-card--hero .developer-card__proficiencies {
+  grid-area: proficiencies;
+}
+
+.developer-card--hero .developer-card__compensation {
+  grid-area: compensation;
+}
+
+.developer-card--hero .developer-card__image {
+  grid-area: image;
+  width: 100%;
+  max-height: 400px;
+  overflow: hidden;
+}
+
+.developer-card--hero .developer-card__image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: top;
+}
+
+/* Media Queries */
+@media (min-width: 640px) and (max-width: 959px) {
+  .developer-card__header {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+
+@media (max-width: 768px) {
+  .developer-card {
+    width: 100%;
+  }
+
+  .developer-card--hero .developer-card__image {
+    margin-top: 16px;
+  }
+}
+
+@media (min-width: 640px) and (max-width: 768px) {
+  .developer-card--hero {
+    grid-template-areas:
+      "header image"
+      "intro image"
+      "compensation compensation"
+      "proficiencies proficiencies";
+    grid-template-rows: auto 1fr auto auto;
+    grid-template-columns: 1fr 250px;
+    align-items: start;
+  }
+
+  .developer-card--hero .developer-card__image {
+    max-width: 250px;
+    height: auto;
+    margin-left: auto;
+  }
+}
+
+@media (min-width: 769px) and (max-width: 959px) {
+  .developer-card--hero {
+    grid-template-areas:
+      "header image"
+      "intro image"
+      "compensation image"
+      "proficiencies proficiencies";
+    grid-template-rows: auto auto 1fr auto;
+    grid-template-columns: 1fr 288px;
+  }
+
+  .developer-card--hero .developer-card__image {
+    max-width: 288px;
+  }
+}
+
+@media (min-width: 960px) {
+  .developer-card--hero {
+    grid-template-areas:
+      "header image"
+      "intro image"
+      "compensation image"
+      "proficiencies image";
+    grid-template-columns: 1fr 288px;
+    grid-template-rows: auto auto auto 1fr;
+  }
+
+  .developer-card--hero .developer-card__name {
+    font-size: 32px;
+    line-height: 40px;
+  }
+
+  .developer-card--hero .developer-card__image {
+    overflow: visible;
+  }
+
+  .developer-card--hero .developer-card__image img {
+    height: auto;
+  }
+}
+
+/* Dark Mode Styles */
+.dark .developer-card:not(.developer-card--hero) {
+  border: 1px solid var(--vt-c-divider-light);
+}
+
+.dark .developer-card:not(.developer-card--hero):hover {
+  border-color: #555;
+}
+</style>
diff --git a/src/developers/components/DeveloperCompensations.vue b/src/developers/components/DeveloperCompensations.vue
new file mode 100644
index 0000000000..c7bd417182
--- /dev/null
+++ b/src/developers/components/DeveloperCompensations.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { DeveloperCompensations } from './type'
+
+defineProps<{
+  compensations?: DeveloperCompensations
+  showDetails?: boolean
+  title?: string
+}>()
+</script>
+
+<template>
+  <div>
+    <h4 v-if="title">{{ title }}</h4>
+    <div>
+      <div v-if="compensations" class="developer-compensations__list">
+        <div v-for="(compensation, key) in compensations" :key="`compensation-${key}`">
+          {{ compensation }}
+        </div>
+      </div>
+      <div v-if="showDetails" class="developer-compensations__details">
+        <p>No other costs.</p>
+        <p>One month trial period, thereafter, one month notice period.</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.developer-compensations__list {
+  display: flex;
+  flex-direction: column;
+}
+
+.developer-compensations__details {
+  margin-top: 32px;
+}
+</style>
diff --git a/src/developers/components/DeveloperEducation.vue b/src/developers/components/DeveloperEducation.vue
new file mode 100644
index 0000000000..f72bcedacc
--- /dev/null
+++ b/src/developers/components/DeveloperEducation.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { DeveloperEducation } from './type'
+
+defineProps<{
+  education?: DeveloperEducation[]
+  title?: string
+}>()
+</script>
+
+<template>
+  <div>
+    <h4 v-if="title">{{ title }}</h4>
+    <div v-if="education?.length" class="developer-education__list">
+      <div class="developer-education__item" v-for="ed in education" :key="ed.id">
+        <h5 class="developer-education__degree">{{ ed.degree }}</h5>
+        <i class="developer-education__details">{{ ed.school }} · {{ ed.startDate }} - {{ ed.endDate }}</i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.developer-education__list {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 40px;
+  align-self: stretch;
+}
+
+.developer-education__degree {
+  color: var(--vt-c-text-code);
+  font-weight: 600;
+}
+</style>
diff --git a/src/developers/components/DeveloperExperiences.vue b/src/developers/components/DeveloperExperiences.vue
new file mode 100644
index 0000000000..6610549abe
--- /dev/null
+++ b/src/developers/components/DeveloperExperiences.vue
@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { DeveloperExperience } from './type'
+import DeveloperProficiencies from './DeveloperProficiencies.vue'
+
+defineProps<{
+  experiences?: DeveloperExperience[]
+  title?: string
+}>()
+</script>
+
+<template>
+  <div class="developer-experiences">
+    <h4 v-if="title" class="developer-experiences__title">{{ title }}</h4>
+    <div v-if="experiences?.length" class="developer-experiences__list">
+      <div class="developer-experience" v-for="experience in experiences" :key="experience.id">
+        <div class="developer-experience__header">
+          <h5 class="developer-experience__role">{{ experience.role }}</h5>
+          <i class="developer-experience__details">
+            {{ experience.company }} · {{ experience.startDate }} - {{ experience.endDate }} ({{ experience.period }})
+          </i>
+        </div>
+        <div v-if="experience.description" class="developer-experience__description">
+          <template v-for="(desc, index) in experience.description" :key="`desc-${index}`">
+            <ul v-if="desc.isGrouped" class="developer-experience__list">
+              <li v-for="(item, idx) in desc.content" :key="`item-${idx}`">{{ item }}</li>
+            </ul>
+            <p v-else>{{ desc.content }}</p>
+          </template>
+        </div>
+        <DeveloperProficiencies v-if="experience.skills" :proficiencies="experience.skills" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.developer-experiences {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 40px;
+  align-self: stretch;
+}
+
+.developer-experiences__list {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  align-self: stretch;
+}
+
+.developer-experience__role {
+  color: var(--vt-c-text-code);
+  font-weight: 600;
+}
+
+.developer-experience__description {
+  margin: 32px 0 24px;
+}
+
+.developer-experience__description ul {
+  list-style-type: disc;
+  margin-left: 20px;
+  margin-bottom: 8px;
+}
+
+@media (min-width: 768px) {
+  .developer-experiences__list {
+    gap: 40px;
+  }
+}
+</style>
diff --git a/src/developers/components/DeveloperHero.vue b/src/developers/components/DeveloperHero.vue
new file mode 100644
index 0000000000..9263d837bc
--- /dev/null
+++ b/src/developers/components/DeveloperHero.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import PageHero from '@theme/components/PageHero.vue'
+import partnerConfig from '../partnerConfig.js'
+import { useRoute } from 'vitepress'
+import { generateUTMUrl } from './utils'
+
+defineProps<{ title?: string }>()
+
+const route = useRoute()
+const hireUsLink = computed(() => generateUTMUrl(partnerConfig.hireUsButtonUrl, route.path))
+</script>
+
+<template>
+  <PageHero class="page-hero">
+    <template #title>{{ title || partnerConfig.pageHeroBanner.title }}</template>
+    <template #lead>
+      <p class="description">
+        {{ partnerConfig.pageHeroBanner.description1 }}
+        <br />
+        {{ partnerConfig.pageHeroBanner.description2 }}
+        <br />
+      </p>
+
+      <a
+        v-if="hireUsLink"
+        :href="http://github.com/hireUsLink"
+        target="_blank"
+        class="accent-button"
+      >
+        {{ partnerConfig.pageHeroBanner.hireButton.label }}
+      </a>
+
+      <p class="description">{{ partnerConfig.pageHeroBanner.footer }}</p>
+    </template>
+  </PageHero>
+</template>
+
+<style scoped>
+.accent-button {
+  margin: 40px auto 16px;
+}
+
+br {
+  display: none;
+}
+
+/* Media Queries */
+@media (min-width: 768px) {
+  .accent-button {
+    margin-top: 48px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .page-hero {
+    max-width: 846px;
+    padding: 64px 0;
+  }
+
+  br {
+    display: block;
+  }
+}
+</style>
diff --git a/src/developers/components/DeveloperImage.vue b/src/developers/components/DeveloperImage.vue
new file mode 100644
index 0000000000..9cb1aee6c5
--- /dev/null
+++ b/src/developers/components/DeveloperImage.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import partnerConfig from '../partnerConfig.js'
+
+const { imageStorageUrl } = partnerConfig
+
+const props = withDefaults(defineProps<{
+  src: string
+  alt: string
+  width: number
+  height: number
+  quality?: string
+  crop?: string
+  faceRecognition?: boolean
+  loading?: 'lazy' | 'eager'
+  className?: string
+}>(), {
+  quality: 'q_auto:best',
+  crop: 'c_fit',
+  faceRecognition: false
+})
+
+const imageSrc = computed(() => {
+  const attributes = [
+    'f_auto',
+    'dpr_auto',
+    props.crop,
+    props.quality,
+    props.faceRecognition ? 'g_face' : '',
+    props.width ? `w_${props.width}` : '',
+    props.height ? `h_${props.height}` : '',
+  ]
+    .filter((item) => item !== '')
+    .join(',')
+
+  return `${imageStorageUrl}/${attributes}/v1/${props.src.replace(/^\/+/, '')}`
+})
+</script>
+
+<template>
+  <img
+    :src="http://github.com/imageSrc"
+    :alt="alt"
+    :width="width"
+    :height="height"
+    :loading="loading"
+    :class="['c-image', className || '']"
+  />
+</template>
+
+<style scoped>
+.c-image {
+  max-width: 100%;
+  height: auto;
+  vertical-align: top;
+}
+</style>
diff --git a/src/developers/components/DeveloperJoin.vue b/src/developers/components/DeveloperJoin.vue
new file mode 100644
index 0000000000..69c329e1ef
--- /dev/null
+++ b/src/developers/components/DeveloperJoin.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import CallToActionSection from '@theme/components/CallToActionSection.vue'
+import partnerConfig from '../partnerConfig.js'
+import { generateUTMUrl } from './utils'
+import { useRoute } from 'vitepress'
+
+const route = useRoute()
+
+const applyLink = computed(() => generateUTMUrl(partnerConfig.pageJoinSection.applyButton.url, route.path))
+</script>
+
+<template>
+  <CallToActionSection
+    v-if="partnerConfig.pageJoinSection.applyButton.label"
+    :title="partnerConfig.pageJoinSection.title"
+    :description="partnerConfig.pageJoinSection.description"
+    :link="applyLink"
+    :linkText="partnerConfig.pageJoinSection.applyButton.label"
+  />
+</template>
diff --git a/src/developers/components/DeveloperLanding.vue b/src/developers/components/DeveloperLanding.vue
new file mode 100644
index 0000000000..34a2a8100a
--- /dev/null
+++ b/src/developers/components/DeveloperLanding.vue
@@ -0,0 +1,116 @@
+<script setup lang="ts">
+import { ref, computed, onMounted } from 'vue'
+import data from '../developers.json'
+import { DeveloperProfiles, DeveloperProfile } from './type'
+import { useRoute } from 'vitepress'
+import { generateUTMUrl } from './utils'
+import PageShowcaseListLayout from '@theme/components/PageShowcaseListLayout.vue'
+import CardList from '@theme/components/CardList.vue'
+import DeveloperHero from './DeveloperHero.vue'
+import DeveloperCard from './DeveloperCard.vue'
+import DeveloperJoin from './DeveloperJoin.vue'
+import partnerConfig from '../partnerConfig'
+
+const route = useRoute()
+const hireUsLink = computed(() => generateUTMUrl(partnerConfig.hireUsButtonUrl, route.path))
+
+const allDevelopers = ref<DeveloperProfiles>(data as DeveloperProfiles)
+
+const spotlightedProfile = ref<DeveloperProfile | null>(null)
+onMounted(() => {
+  spotlightedProfile.value = allDevelopers.value.length
+    ? allDevelopers.value[Math.floor(Math.random() * allDevelopers.value.length)]
+    : null
+})
+</script>
+
+<template>
+  <PageShowcaseListLayout
+    spotlightTitle="Spotlight"
+    featuredTitle="Vue.js Certified developers"
+  >
+    <template #hero>
+      <DeveloperHero />
+    </template>
+
+    <template #spotlight>
+      <DeveloperCard v-if="spotlightedProfile" hero :data="spotlightedProfile" />
+    </template>
+
+    <template #actions>
+      <a
+        v-if="hireUsLink"
+        :href="http://github.com/hireUsLink"
+        target="_blank"
+        class="accent-button"
+      >
+        Contact {{ partnerConfig.partnerName }} for a tailored fit
+      </a>
+    </template>
+
+    <template #featured-list>
+      <CardList
+        v-if="allDevelopers?.length"
+        :items="allDevelopers"
+        :cardComponent="DeveloperCard"
+      />
+    </template>
+
+    <template #featured-cta>
+      <div class="featured-cta">
+        <a
+          v-if="hireUsLink"
+          :href="http://github.com/hireUsLink"
+          target="_blank"
+          class="accent-button"
+        >
+          Contact {{ partnerConfig.partnerName }} for a tailored fit
+        </a>
+      </div>
+    </template>
+
+    <template #join>
+      <DeveloperJoin />
+    </template>
+  </PageShowcaseListLayout>
+</template>
+
+<style scoped>
+/* Action Selection Styles */
+:deep(.featured-actions) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 40px;
+}
+
+/* Card title */
+:deep(.section-title) {
+  margin-bottom: 32px;
+}
+
+/* Page CTA */
+.featured-cta {
+  margin: 1.5rem auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+@media (min-width: 768px) {
+  /* Action Selection Styles */
+  :deep(.showcase-layout__featured) {
+    padding: 48px 48px;
+    position: relative;
+  }
+
+  :deep(.featured-actions) {
+    width: auto;
+    display: block;
+    position: absolute;
+    top: 34px;
+    right: 48px;
+  }
+}
+</style>
diff --git a/src/developers/components/DeveloperPage.vue b/src/developers/components/DeveloperPage.vue
new file mode 100644
index 0000000000..e7800de909
--- /dev/null
+++ b/src/developers/components/DeveloperPage.vue
@@ -0,0 +1,340 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import partnerConfig from '../partnerConfig.js'
+import { DeveloperProfile } from './type'
+import { generateUTMUrl } from './utils'
+import { VTIconChevronLeft, VTIconMapPin } from '@vue/theme'
+import DeveloperImage from './DeveloperImage.vue'
+import DeveloperCompensations from './DeveloperCompensations.vue'
+import DeveloperProficiencies from './DeveloperProficiencies.vue'
+import DeveloperProfileDiagram from './DeveloperProfileDiagram.vue'
+import DeveloperExperiences from './DeveloperExperiences.vue'
+import DeveloperEducation from './DeveloperEducation.vue'
+import DeveloperPageFooter from './DeveloperPageFooter.vue'
+import { useRoute } from 'vitepress'
+
+const props = defineProps<{
+  developer: DeveloperProfile
+}>()
+
+const { id, name, location, description, compensations, proficiencies, experiences, education } = props.developer
+
+const profileImage = `/vue/developers/${id}.jpg`
+
+const route = useRoute()
+const hireUsLink = computed(() => generateUTMUrl(partnerConfig.hireUsButtonUrl, route.path))
+</script>
+
+<template>
+  <div class="developer-page">
+    <div class="developer-page__back">
+      <a href="http://github.com/index.html">
+        <VTIconChevronLeft class="developer-page__icon" />
+        All Vue.js certified developers
+      </a>
+    </div>
+
+    <div class="developer-page__content">
+      <div v-if="profileImage" class="developer-page__profile-image">
+        <DeveloperImage
+          :src="http://github.com/profileImage"
+          :alt="name"
+          :width="592"
+          :height="680"
+        />
+      </div>
+
+      <div class="developer-page__main">
+        <div class="developer-page__main-info">
+          <h2 v-if="name" class="developer-page__name">{{ name }}</h2>
+          <a v-if="hireUsLink" class="accent-button developer-page__main-action" :href="http://github.com/hireUsLink" target="_blank">
+            Get in contact
+          </a>
+
+          <p v-if="location" class="developer-page__location">
+            <VTIconMapPin class="developer-page__icon" />
+            {{ location }}
+          </p>
+
+          <div v-if="description" class="developer-page__description">
+            <p v-for="(desc, key) in description" :key="`p-desc-${key}`">{{ desc }}</p>
+          </div>
+        </div>
+
+        <DeveloperCompensations
+          v-if="compensations"
+          class="developer-page__text-section"
+          title="Compensation"
+          :compensations="compensations"
+          :showDetails="true"
+        />
+
+        <DeveloperProficiencies
+          v-if="proficiencies"
+          class="developer-page__text-section"
+          title="Proficiencies"
+          :proficiencies="proficiencies"
+        />
+
+        <DeveloperProfileDiagram
+          v-if="partnerConfig?.profileDiagram"
+          :developerId="id"
+          diagramType="profile"
+          :title="partnerConfig.profileDiagram.title"
+          :prependText="partnerConfig.profileDiagram.prependText"
+          class="developer-page__text-section"
+        />
+
+        <DeveloperProfileDiagram
+          v-if="partnerConfig?.scoreDiagram"
+          :developerId="id"
+          diagramType="score"
+          :title="partnerConfig.scoreDiagram.title"
+          :prependText="partnerConfig.scoreDiagram.prependText"
+          :appendText="partnerConfig.scoreDiagram.appendText"
+          class="developer-page__text-section"
+        />
+
+        <DeveloperExperiences
+          v-if="experiences"
+          class="developer-page__text-section"
+          title="Selected experience"
+          :experiences="experiences"
+        />
+
+        <DeveloperEducation
+          v-if="education"
+          class="developer-page__text-section"
+          title="Education"
+          :education="education"
+        />
+      </div>
+
+      <DeveloperPageFooter class="developer-page__footer" />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.developer-page {
+  color: var(--vt-c-text-2);
+  width: 100%;
+  max-width: 1080px;
+  padding: 0 28px;
+  margin: 0 auto;
+}
+
+.developer-page__back {
+  display: block;
+  font-size: 0.9em;
+  font-weight: 600;
+  margin: 24px 0 96px;
+}
+
+.developer-page__back a {
+  color: var(--vt-c-text-3);
+  transition: color 0.5s;
+}
+
+.developer-page__back a:hover {
+  color: var(--vt-c-text-2);
+}
+
+.developer-page__icon {
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+  fill: var(--vt-c-text-3);
+  position: relative;
+  top: -1px;
+  margin-right: 4px;
+}
+
+.developer-page__profile-image {
+  grid-area: image;
+  width: 100%;
+  max-height: 400px;
+  overflow: hidden;
+  margin-bottom: 24px;
+}
+
+.developer-page__profile-image img {
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  object-position: top;
+}
+
+.developer-page__main-info {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto auto auto auto;
+  gap: 10px;
+  align-items: center;
+}
+
+.developer-page__text-section {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+  padding: 24px 0;
+  border-top: 1px solid var(--vt-c-divider-light);
+}
+
+.developer-page__text-section h4,
+.developer-page__text-section :deep(h4) {
+  color: var(--vt-c-text-1);
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.developer-page__name {
+  grid-column: 1 / 2;
+  grid-row: 1 / 2;
+  color: var(--vt-c-text-1);
+  font-size: 32px;
+  line-height: 100%;
+}
+
+.developer-page__location {
+  grid-column: 1 / 3;
+  grid-row: 2 / 3;
+  font-size: 14px;
+  margin-bottom: 14px;
+}
+
+.developer-page__description {
+  grid-column: 1 / 3;
+  grid-row: 3 / 4;
+  font-size: 16px;
+  margin-bottom: 14px;
+}
+
+.developer-page__description p {
+  margin-bottom: 24px;
+}
+
+.developer-page__description p:last-child {
+  margin-bottom: 0;
+}
+
+.developer-page__main-action {
+  grid-column: 1 / 2;
+  grid-row: 4 / 5;
+  justify-self: flex-start;
+  margin-bottom: 40px;
+}
+
+.developer-page__location svg {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  opacity: 0.5;
+  position: relative;
+  top: -1px;
+  left: -2px;
+  fill: var(--vt-c-text-2);
+}
+
+.accent-button,
+:deep(.accent-button) {
+  display: block;
+  width: fit-content;
+  max-width: 100%;
+  text-align: center;
+  background-color: var(--vt-c-brand);
+  color: var(--vt-c-bg);
+  padding: 12px 24px;
+  font-size: 13.6px;
+  line-height: 24px;
+  font-weight: 600;
+  border-radius: 6px;
+  transition: background-color 0.5s, color 0.5s;
+}
+
+.accent-button:hover,
+:deep(.accent-button):hover {
+  background-color: var(--vt-c-brand-dark);
+}
+
+@media (min-width: 512px) {
+  .developer-page__profile-image {
+    max-height: 500px;
+  }
+}
+
+@media (min-width: 768px) {
+  .developer-page {
+    padding: 0 28px 64px;
+  }
+
+  .developer-page__content {
+    display: grid;
+    grid-template-columns: 1fr 213px;
+    grid-template-rows: auto 1fr;
+    align-items: start;
+    column-gap: 40px;
+  }
+
+  .developer-page__main {
+    grid-column: 1 / 2;
+    grid-row: 1 / 3;
+    height: 100%;
+  }
+
+  .developer-page__profile-image {
+    grid-column: 2 / 3;
+    grid-row: 1 / 2;
+    margin-bottom: 32px;
+  }
+
+  .developer-page__footer {
+    grid-column: 2 / 3;
+    grid-row: 2 / 3;
+  }
+
+  .developer-page__main-info {
+    grid-template-columns: 1fr max-content;
+    grid-template-rows: auto auto auto;
+  }
+
+  .developer-page__main-action {
+    grid-column: 2 / 3;
+    grid-row: 1 / 2;
+    justify-self: flex-end;
+    margin-bottom: 0;
+  }
+
+  .developer-page__description {
+    margin-bottom: 40px;
+  }
+
+  .developer-page__location {
+    margin-bottom: 0;
+  }
+
+
+  .developer-page__text-section {
+    padding: 40px 0;
+  }
+}
+
+@media (min-width: 1440px) {
+  .developer-page__content {
+    grid-template-columns: 1fr 306px;
+    column-gap: 76px;
+  }
+
+  .developer-page__name {
+    font-size: 40px;
+  }
+}
+
+@media (max-width: 768px) {
+  .developer-page__back {
+    margin-bottom: 48px;
+  }
+}
+</style>
diff --git a/src/developers/components/DeveloperPageFooter.vue b/src/developers/components/DeveloperPageFooter.vue
new file mode 100644
index 0000000000..585b59a85a
--- /dev/null
+++ b/src/developers/components/DeveloperPageFooter.vue
@@ -0,0 +1,86 @@
+<script setup lang="ts">
+import partnerConfig from '../partnerConfig.js'
+import { getLogo } from '../../partners/components/utils'
+import { useRoute } from 'vitepress'
+import { computed } from 'vue'
+import { generateUTMUrl } from './utils'
+
+const route = useRoute()
+
+const logoLink = computed(() => generateUTMUrl(partnerConfig.pageFooter.websiteVueLink || partnerConfig.websiteUrl, route.path))
+const hireUsLink = computed(() => generateUTMUrl(partnerConfig.hireUsButtonUrl, route.path))
+const websiteVuePageLink = computed(() => generateUTMUrl(partnerConfig.pageFooter.websiteVueLink, route.path))
+
+const { text, email, phone, websiteVueLabel } = partnerConfig.pageFooter
+const { logo, partnerName } = partnerConfig
+</script>
+
+<template>
+  <footer class="partner-footer">
+    <p v-if="text" class="partner-footer__text">{{ text }}</p>
+
+    <a v-if="logo" :href="http://github.com/logoLink" target="_blank" class="partner-footer__logo-link">
+      <img
+        class="partner-footer__logo dark"
+        :alt="`${partnerName} logo`"
+        :src="http://github.com/getLogo(logo,%20true)"
+        width="135"
+        height="30"
+      />
+      <img
+        class="partner-footer__logo"
+        :alt="`${partnerConfig.partnerName} logo`"
+        :src="http://github.com/getLogo(logo)"
+        width="135"
+        height="30"
+      />
+    </a>
+
+    <div class="partner-footer__social-links">
+      <a v-if="email" :href="http://github.com/%60mailto:$%7Bemail%7D%60">{{ email }}</a>
+      <br />
+      <a v-if="phone" :href="http://github.com/%60tel:$%7Bphone%7D%60">{{ phone }}</a>
+      <br />
+      <a v-if="websiteVuePageLink" :href="http://github.com/websiteVuePageLink" target="_blank">{{ websiteVueLabel }}</a>
+    </div>
+
+    <a class="partner-footer__contact-button accent-button" :href="http://github.com/hireUsLink" target="_blank">
+      Get in contact
+    </a>
+  </footer>
+</template>
+
+<style scoped>
+.partner-footer {
+  color: var(--vt-c-text-2);
+  padding: 40px 10px;
+}
+
+.partner-footer__text {
+  margin-bottom: 40px;
+}
+
+.partner-footer__logo {
+  margin-bottom: 16px;
+  max-width: 135px;
+}
+
+.partner-footer__logo.dark,
+.dark .partner-footer__logo:not(.dark) {
+  display: none;
+}
+
+.dark .partner-footer__logo.dark {
+  display: inline-block;
+}
+
+.partner-footer__social-links {
+  margin-bottom: 40px;
+}
+
+@media (min-width: 768px) {
+  .partner-footer {
+    padding: 0;
+  }
+}
+</style>
diff --git a/src/developers/components/DeveloperProficiencies.vue b/src/developers/components/DeveloperProficiencies.vue
new file mode 100644
index 0000000000..65a4e8becc
--- /dev/null
+++ b/src/developers/components/DeveloperProficiencies.vue
@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import partnerConfig from '../partnerConfig'
+
+const props = defineProps<{
+  proficiencies: string[]
+  title?: string
+  enableShowAll?: boolean
+}>()
+
+const showAll = ref(false)
+const maxVisibleProficiencies = partnerConfig.proficiencies.skillsPerCard
+
+const visibleProficiencies = computed(() => {
+  if (!props.enableShowAll) {
+    return props.proficiencies
+  }
+
+  if (props.proficiencies.length <= maxVisibleProficiencies) {
+    return props.proficiencies
+  }
+  return showAll.value ? props.proficiencies : props.proficiencies.slice(0, maxVisibleProficiencies)
+})
+
+const shouldShowButton = computed(() => {
+  return props.enableShowAll && props.proficiencies.length > maxVisibleProficiencies
+})
+
+const toggleShowAll = (event: Event) => {
+  event.stopPropagation()
+  event.preventDefault()
+  showAll.value = !showAll.value
+}
+</script>
+
+<template>
+  <div class="developer-proficiencies">
+    <h4 v-if="title" class="developer-proficiencies__title">{{ title }}</h4>
+    <div class="developer-proficiencies__list">
+      <span class="developer-proficiencies__item" v-for="(p, key) in visibleProficiencies" :key="`prof-${key}`">{{ p }}</span>
+      <button
+        v-if="shouldShowButton"
+        class="developer-proficiencies__toggle"
+        @click.stop="toggleShowAll"
+      >
+        {{ showAll ? 'Show less' : 'Show all' }}
+      </button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.developer-proficiencies {
+  display: flex;
+  flex-direction: column;
+}
+
+.developer-proficiencies__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.developer-proficiencies__item {
+  display: inline-block;
+  color: var(--vt-c-text-code);
+  font-weight: 600;
+  font-size: 0.85em;
+  background-color: var(--vt-c-bg-mute);
+  padding: 4px 10px;
+  border-radius: 6px;
+}
+
+.developer-proficiencies__toggle {
+  display: inline-block;
+  font-weight: 600;
+  font-size: 0.85em;
+  color: var(--vt-c-brand);
+  padding: 4px 10px;
+  border-radius: 6px;
+  cursor: pointer;
+}
+
+.developer-proficiencies__toggle:hover {
+  color: var(--vt-c-brand-dark);
+}
+</style>
diff --git a/src/developers/components/DeveloperProfileDiagram.vue b/src/developers/components/DeveloperProfileDiagram.vue
new file mode 100644
index 0000000000..7042af24f1
--- /dev/null
+++ b/src/developers/components/DeveloperProfileDiagram.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+
+const props = defineProps<{
+  title?: string
+  developerId: number
+  diagramType: 'profile' | 'score'
+  prependText?: string
+  appendText?: string
+}>()
+
+const svgContent = ref('')
+
+onMounted(async () => {
+  const url = `/images/developers/${props.developerId}-${props.diagramType}.svg`
+  const response = await fetch(url)
+  if (response.ok) {
+    svgContent.value = await response.text()
+  }
+})
+</script>
+
+<template>
+  <div v-if="svgContent" class="developer-diagram">
+    <h4 v-if="title" class="developer-diagram__title"> {{ title }} </h4>
+    <p v-if="prependText" class="developer-diagram__prepend-text">{{ prependText }}</p>
+    <div v-html="svgContent" class="developer-diagram__svg-wrapper"></div>
+    <p v-if="appendText" class="developer-diagram__append-text">{{ appendText }}</p>
+  </div>
+</template>
+
+<style scoped>
+.developer-diagram__svg-wrapper {
+  max-width: 500px;
+  min-width: 200px;
+  height: auto;
+  width: 100%;
+}
+
+.developer-diagram__svg-wrapper svg {
+  height: auto;
+  width: 100%;
+}
+</style>
diff --git a/src/developers/components/type.ts b/src/developers/components/type.ts
new file mode 100644
index 0000000000..4271a19764
--- /dev/null
+++ b/src/developers/components/type.ts
@@ -0,0 +1,44 @@
+export interface DeveloperExperienceDescription {
+  isGrouped: boolean
+  content: string | string[]
+}
+export interface DeveloperExperience {
+  id: number
+  role: string
+  company: string
+  startDate: string
+  endDate: string
+  period: string
+  description: DeveloperExperienceDescription[]
+  skills: string[]
+}
+
+export interface DeveloperEducation {
+  id: number
+  degree: string
+  school: string
+  startDate: string
+  endDate: string
+}
+
+export interface DeveloperCompensations {
+  partTime: string
+  monthly: string
+}
+
+export interface DeveloperProfile {
+  id: number
+  slug: string
+  name: string
+  alias: string
+  description: string[]
+  proficiencies: string[]
+  compensations: DeveloperCompensations
+  location: string
+  region: string
+  experiences?: DeveloperExperience[]
+  education?: DeveloperEducation[]
+}
+
+export interface DeveloperProfiles extends Array<DeveloperProfile> {
+}
diff --git a/src/developers/components/utils.ts b/src/developers/components/utils.ts
new file mode 100644
index 0000000000..3528f4826b
--- /dev/null
+++ b/src/developers/components/utils.ts
@@ -0,0 +1,54 @@
+/**
+ * Generate a UTM-encoded URL for tracking purposes.
+ * @param baseUrl - The base URL to append UTM parameters to.
+ * @param page - The page path to be used for the UTM campaign.
+ * @param utmSource - The UTM source parameter.
+ * @param utmMedium - The UTM medium parameter.
+ * @returns The full URL with UTM parameters.
+ */
+export function generateUTMUrl(
+  baseUrl: string,
+  page: string = '/developers/',
+  utmSource: string = 'partnership',
+  utmMedium: string = 'vuejs'
+): string {
+  if (!baseUrl) {
+    console.warn('Base URL is empty. Returning an empty string.')
+    return ''
+  }
+
+  const cleanedPage = page.replace(/\//g, '-').replace(/^-+|-+$/g, '')
+
+  const url = new URL(baseUrl)
+  url.searchParams.append('utm_source', utmSource)
+  url.searchParams.append('utm_medium', utmMedium)
+  url.searchParams.append('utm_campaign', cleanedPage)
+
+  return url.toString()
+}
+
+/**
+ * Truncate a combined string from an array of text to a specified length.
+ * @param textArray - The array of strings to combine and truncate.
+ * @param maxLength - The maximum allowed length of the resulting string.
+ * @param ellipsis - The string to append to truncated text, defaulting to '...'.
+ * @returns The truncated string with ellipsis if truncation occurs.
+ */
+export function truncateTextFromArray(
+  textArray: string[],
+  maxLength: number,
+  ellipsis: string = '...'
+): string {
+  if (textArray.length === 0) return ''
+
+  const combinedText = textArray.join(' ')
+
+  if (combinedText.length <= maxLength) return combinedText
+
+  let truncatedText = combinedText.slice(0, combinedText.lastIndexOf(' ', maxLength))
+
+  // Remove trailing comma or punctuation
+  truncatedText = truncatedText.replace(/,\s*$/, '')
+
+  return `${truncatedText}${ellipsis}`
+}
diff --git a/src/developers/developers.json b/src/developers/developers.json
new file mode 100644
index 0000000000..00e1011b38
--- /dev/null
+++ b/src/developers/developers.json
@@ -0,0 +1,2027 @@
+[
+  {
+    "id": 1346,
+    "name": "Stelios Kitziris",
+    "slug": "stelios-vue-node-fullstack-developer",
+    "alias": "Stelios",
+    "description": [
+      "Stelios is a fullstack developer with over six years of commercial experience, specializing in the MEVN stack.",
+      "He is skilled in building scalable software solutions and has successfully led the development of several large-scale and business-critical systems. Also, he is interested in emerging technologies such as Web3 and AI.",
+      "Stelios holds a Master’s Degree in Computing, equipping him with a thorough understanding of the tech landscape. His perfectionist approach is ideal for projects that benefit from meticulous attention to detail."
+    ],
+    "proficiencies": [
+      "MongoDB",
+      "Vue.js",
+      "Express.js",
+      "Node.js",
+      "TypeScript",
+      "Nuxt.js",
+      "Laravel",
+      "PHP",
+      "PostgreSQL",
+      "Ionic",
+      "Cordova",
+      "MySQL",
+      "Docker",
+      "React.js"
+    ],
+    "compensations": {
+      "partTime": "€4,276 /month (20 h per week)",
+      "monthly": "€7,879 /month (40 h per week)"
+    },
+    "location": "Greece",
+    "region": "GTM+3",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Senior Frontend Engineer",
+        "company": "White Hat Gaming",
+        "startDate": "Dec 2020",
+        "endDate": "May 2024",
+        "period": "3 years 5 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "White Hat Gaming is a casino game provider company in Malta:"
+          },
+          {
+            "isGrouped": true,
+            "content": [
+              "Using Vue.js version 3 with composition API for front end development Software Architecture;",
+              "Planning and Development for in-house Web Apps; Unit testing."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "PostgreSQL",
+          "Node.js",
+          "Nuxt.js",
+          "TypeScript"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Lead Node.js Developer",
+        "company": "Netguru S.A.",
+        "startDate": "Dec 2019",
+        "endDate": "Dec 2020",
+        "period": "1 year",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Provided effective troubleshooting and remediation for web applications;",
+              "Interfaced with clients to identify business requirements;",
+              "Utilized the latest software development tools, techniques, and approaches. Using Node.js, Express.js, Vue.js, React.js, MongoDB, PostgreSQL. Brought forth a passion and dedication to software development;",
+              "Utilized the latest software development tools, techniques, and approaches."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "MongoDB",
+          "Node.js",
+          "Express.js",
+          "PostgreSQL",
+          "TypeScript",
+          "Nuxt.js"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Lead Software Engineer",
+        "company": "Draxis Environment S.A.",
+        "startDate": "Oct 2017",
+        "endDate": "Dec 2019",
+        "period": "2 years 2 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "Draxis was a company that created applications for European unions, with a focus on agricultural applications:"
+          },
+          {
+            "isGrouped": true,
+            "content": [
+              "Performed software architecture, planning, and development for web apps, and mobile apps;",
+              "Designed and developed large-scale ICT systems, funded by international donors, the Horizon 2020 program, and the European Commission."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "Laravel",
+          "JavaScript",
+          "React.js",
+          "Vue.js",
+          "PostgreSQL",
+          "TypeScript",
+          "Node.js",
+          "Nuxt.js",
+          "Cordova"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Full-Stack Developer",
+        "company": "Archirodon Group N.V.",
+        "startDate": "Sept 2015",
+        "endDate": "Aug 2017",
+        "period": "1 year 11 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "Archirodon Group N.V. was a construction company focused on building artificial lakes and skyscrapers."
+          },
+          {
+            "isGrouped": true,
+            "content": [
+              "Developed web applications;",
+              "Created, communicated, and managed project plans."
+            ]
+          }
+        ],
+        "skills": [
+          "Laravel",
+          "JavaScript",
+          "Angular.js",
+          "Vue.js"
+        ]
+      },
+      {
+        "id": 5,
+        "role": "Web Developer",
+        "company": "24 Media Digital Media Group",
+        "startDate": "Jan 2015",
+        "endDate": "Aug 2015",
+        "period": "7 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "It was an internship. 24 Media Digital Media Group is a big journal company in Greece."
+          },
+          {
+            "isGrouped": true,
+            "content": [
+              "Created websites and web applications."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "Laravel",
+          "Angular.js",
+          "WordPress"
+        ]
+      },
+      {
+        "id": 6,
+        "role": "Web Developer",
+        "company": "Shape LTD",
+        "startDate": "Dec 2013",
+        "endDate": "Feb 2014",
+        "period": "2 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "It was an ads company, and Stelios was creating websites."
+          },
+          {
+            "isGrouped": true,
+            "content": [
+              "Developed and supported the website;",
+              "Performed SEO of the platform."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "WordPress"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "MSc. Computing",
+        "school": "Cardiff Metropolitan University",
+        "startDate": "2019",
+        "endDate": "2022"
+      },
+      {
+        "id": 2,
+        "degree": "BSc. Computer Science",
+        "school": "IEK Akmi",
+        "startDate": "2014",
+        "endDate": "2016"
+      }
+    ]
+  },
+  {
+    "id": 2535,
+    "name": "Tomek Jankowski",
+    "slug": "tomek-vue-node-fullstack-developer",
+    "alias": "Tomek",
+    "description": [
+      "Tomek is a fullstack developer with over 17 years of commercial experience. Over the years, he has transitioned from using PHP to mastering modern tech stacks, focusing on Vue.js and Node.js in the last six years. His expertise in these technologies has driven the development and support of robust, high-traffic systems.",
+      "As the Technical Director at a web development agency for over a decade, he has successfully managed a team of 12 to 17 people and overseen projects for high-profile clients across various sectors.",
+      "Tomek has consistently received high appreciation from Proxify clients for his outstanding contributions and leadership."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "Node.js",
+      "MongoDB",
+      "Nuxt.js",
+      "PHP",
+      "MySQL",
+      "Google Cloud",
+      "ElasticSearch",
+      "Redis",
+      "RabbitMQ",
+      "Kubernetes",
+      "TypeScript",
+      "Express.js",
+      "Koa",
+      "Nest.js"
+    ],
+    "compensations": {
+      "partTime": "€4,696 /month (20 h per week)",
+      "monthly": "€8,551 /month (40 h per week)"
+    },
+    "location": "Poland",
+    "region": "GTM+3",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Technical Director",
+        "company": "i3MEDIA LTD",
+        "startDate": "Jul 2010",
+        "endDate": "Jun 2022",
+        "period": "11 years 11 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Feature design, requirements for the dev team.",
+              "Development of more advanced or mission-critical features.",
+              "Code reviews + support for the other dev/front-end.",
+              "Technical meetings with clients.",
+              "Infrastructure design and maintenance/automation (GCP last 10 years).",
+              "Time & cost estimates."
+            ]
+          },
+          {
+            "isGrouped": false,
+            "content": "Systems That Built"
+          },
+          {
+            "isGrouped": true,
+            "content": [
+              "Multi-channel (eBay, Amazon + web front) eCommerce solution with advanced modules to calculate optimal selling prices, complex product definitions & shipping rules, promotions, and integrations with couriers & warehousing solutions.",
+              "Public sector CMS with content versioning, advanced access control, publishing flows, widget-based content editor, dynamic forms module with manageable logic, validation, and payments; eventually used by councils for most citizen-council interactions (about 80 forms per website, i.e., bus passes, reporting issues, bins).",
+              "Charity donation platform - used to this date by a number of medium to large charities in the UK, integrated with MS Dynamics and other CRM solutions, also integrated with Gov.UK.",
+              "Project management - dedicated for media agencies, used internally for about 4 years. Too many features to list, definitely more than Basecamp/TeamWork (leaders at the time).",
+              "SEO campaign management - dedicated to marketing agencies, integrated into all relevant tools in the world of online marketing, report generation, prospect negotiations, content writing, time tracking, campaign schedule planning, task lists, etc.",
+              "Many bespoke websites: penny auctions, online poster design, search directories of various sorts, award applications, recruitment...the list goes on."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "Symfony",
+          "Laravel",
+          "MySQL",
+          "JavaScript",
+          "Vue.js",
+          "jQuery",
+          "Node.js",
+          "Zend",
+          "Google Cloud"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Web Developer, then Lead Developer",
+        "company": "i3MEDIA",
+        "startDate": "May 2007",
+        "endDate": "Jul 2010",
+        "period": "3 years 2 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "i3MEDIA was a small agency building websites for local businesses.\n\n"
+          },
+          {
+            "isGrouped": true,
+            "content": [
+              "Developed the first bespoke CMS, which became the core product, the second version of which was implemented on some nationally recognized websites in 2010."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "MySQL",
+          "JavaScript",
+          "Zend"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Web Developer",
+        "company": "Freelance",
+        "startDate": "Mar 2005",
+        "endDate": "Mar 2007",
+        "period": "2 years",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "Managed to complete 3 commercial projects."
+          }
+        ],
+        "skills": [
+          "PHP",
+          "MySQL",
+          "Adobe Flash"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "MSc. Computer Science",
+        "school": "Faculty of Mathematics and Computer Science, University of Łódź",
+        "startDate": "2002",
+        "endDate": "2006"
+      }
+    ]
+  },
+  {
+    "id": 3021,
+    "name": "Vardan Hayrapetyan",
+    "slug": "vardan-vue-node-fullstack-developer",
+    "alias": "Vardan",
+    "description": [
+      "Vardan is a frontend-heavy fullstack developer with expertise in Vue.js, and Node.js. With six years of experience, he has worked on several large-scale web applications, particularly excelling in the real estate sector.",
+      "He is known for his leadership skills, guiding development teams toward completing high-quality projects that often exceed expectations. His problem-solving and management abilities ensure successful project outcomes.",
+      "Beyond his technical proficiency, Vardan's analytical skills are enhanced by his Master’s in International Relations, adding a unique perspective to his approach in technology projects."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "React.js",
+      "Node.js",
+      "MongoDB",
+      "TypeScript",
+      "PostgreSQL",
+      "SQL",
+      "Apollo",
+      "Flask"
+    ],
+    "compensations": {
+      "partTime": "€3,772 /month (20 h per week)",
+      "monthly": "€6,871 /month (40 h per week)"
+    },
+    "location": "Armenia",
+    "region": "GTM+4",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Tech Lead",
+        "company": "Flair.hr",
+        "startDate": "Feb 2023",
+        "endDate": "Feb 2024",
+        "period": "1 year",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Led the development of the HR Help Desk, Ticketing, Inventory, Documents Management and Performance Reviews projects.",
+              "Participated in code reviews and provided constructive feedback to colleagues to ensure best practices and high-quality code.",
+              "Led post-project evaluations to identify areas for improvement and implemented process improvements for future projects."
+            ]
+          }
+        ],
+        "skills": [
+          "React.js",
+          "Node.js",
+          "GraphQL",
+          "Apollo"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Tech Lead",
+        "company": "Monday Merch",
+        "startDate": "Feb 2022",
+        "endDate": "Dec 2023",
+        "period": "1 year 10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Effectively communicated project progress, risks, and issues to stakeholders, ensuring that all parties were informed and aligned throughout the project.",
+              "Conducted a thorough analysis of existing processes and identified areas for improvement, using this knowledge to develop and implement new processes that better aligned with business needs and objectives.",
+              "Switched the MVP version by defining the project structure and revisiting the architecture."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js",
+          "TypeScript",
+          "Python",
+          "Tailwind",
+          "Team leading"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Web Developer",
+        "company": "Remix",
+        "startDate": "May 2022",
+        "endDate": "Nov 2022",
+        "period": "6 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Developed the Remix official website's user interface and core functionalities, ensuring mobile responsiveness;",
+              "Utilized GitHub Pages to deploy the React application;",
+              "Implemented a custom section scroller for enhanced user experience."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "React.js",
+          "TypeScript",
+          "Project management",
+          "Tailwind"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Tech Lead",
+        "company": "Flote",
+        "startDate": "May 2017",
+        "endDate": "Nov 2022",
+        "period": "5 years 6 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Mentored 4 junior frontend developers, enhancing their proficiency in JavaScript and Vue.js;",
+              "Collaborated closely with the PM to ensure alignment with project plans, timelines, and billing;",
+              "Developed and constructed dynamic user interfaces within Agile environments for enterprise clients with valuations of up to $3 billion;",
+              "Participated actively in all development phases, from conceptualization and functional design to detailed implementation, debugging, and software solution deployment;",
+              "Supervised and coordinated a team of six employees, overseeing multiple critical business processes;",
+              "Led the design of the project's frontend architecture, leading weekly team meetings and formulating and executing strategies and plans;",
+              "Provided 24/7 technical support to maintain the seamless operation of the website;",
+              "Generated wireframes, mockups, and prototypes to communicate design concepts visually;",
+              "Implemented responsive design techniques, ensuring optimal user interface performance across various devices and screen sizes;",
+              "Contributed to enhancing the software development by proposing new tools and implementing best practices;",
+              "Conducted user research and usability testing, gathering feedback and pinpointing areas for improvement;",
+              "Played a key role in documenting project requirements, technical specifications, and development procedures."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js",
+          "TypeScript",
+          "Project management",
+          "Design",
+          "Tailwind",
+          "Team leading"
+        ]
+      },
+      {
+        "id": 5,
+        "role": "Tech Lead",
+        "company": "Tenanti",
+        "startDate": "Dec 2019",
+        "endDate": "Jun 2021",
+        "period": "1 year 6 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Supervised a web development team, which included contract and off-shore developers, and held supervisory responsibilities over employees;",
+              "Established team-wide standards for quality processes and methodologies, ensuring that all applications met the highest quality benchmarks;",
+              "Provided mentorship and support to fellow team members, functioning as a team leader and in client interactions;",
+              "Led team meetings and organized task prioritization to ensure the punctual delivery of projects met required standards;",
+              "Maintained vigilant oversight across all facets of application development to guarantee alignment with quality standards;",
+              "Created comprehensive documentation for development tasks and Product Requirement Documents (PRD), ensuring clarity for team members and stakeholders;",
+              "Orchestrated software release planning and execution, encompassing testing, deployment, and documentation processes;",
+              "Conducted code reviews of team members' work, offering constructive feedback and guidance to enhance code quality."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "React.js",
+          "TypeScript",
+          "Flask",
+          "Design",
+          "Tailwind",
+          "Team leading"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "MSc. International Relations and Affairs",
+        "school": "Armenian National Academy of Sciences",
+        "startDate": "2017",
+        "endDate": "2019"
+      },
+      {
+        "id": 2,
+        "degree": "BSc. Caucasian Studies",
+        "school": "Yerevan State University",
+        "startDate": "2013",
+        "endDate": "2017"
+      }
+    ]
+  },
+  {
+    "id": 2030,
+    "name": "Emre Demir",
+    "slug": "emre-vue-frontend-developer",
+    "alias": "Emre",
+    "description": [
+      "Emre is a talented frontend developer with over six years of commercial experience in IT services & solutions and design. Throughout his career, Emre has worked in various industries, including FinTech, banking, gaming, marketing automation, defense, and cybersecurity.",
+      "He is the most skilled in frontend programming languages like JS framework Vue.js, React.js, Typescript, and RxJs. Specializing in collaborating with product managers and designers to gather requirements, produce plans and improve designs for usability and functionality.",
+      "Emre is goal-oriented and brings a strong commitment to collaboration. He uses various web design packages to develop custom-crafted, customer-focused websites and designs."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "JavaScript",
+      "React.js",
+      "Node.js",
+      "Nuxt.js",
+      "Java",
+      "AWS",
+      "Figma",
+      "Jira",
+      "REST API"
+    ],
+    "compensations": {
+      "partTime": "€4,452 /month (20 h per week)",
+      "monthly": "€8,215 /month (40 h per week)"
+    },
+    "location": "Turkey",
+    "region": "GTM+3",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Senior Front-end Developer",
+        "company": "A5 Labs",
+        "startDate": "Mar 2021",
+        "endDate": "Oct 2022",
+        "period": "1 year 7 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Worked as a Front End Developer in the Back Office project of the WPTO Poker application. This project is responsible for CRUD operations such as reading BOT Detection results, locking accounts, locking withdrawal/deposit, etc...",
+              "Responsible for creating GraphQL contracts, and integrating them with the backend (GraphQL, Rest, Websocket).",
+              "Created UI library using MaterialUI.",
+              "Scheduled meetings with the designer and product manager to handle edge cases, improvements, and requirements."
+            ]
+          }
+        ],
+        "skills": [
+          "React.js",
+          "Vue.js",
+          "RxJs",
+          "GraphQL",
+          "Figma",
+          "API",
+          "Jira",
+          "Material-UI",
+          "REST API"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Senior Consultant",
+        "company": "Softtech",
+        "startDate": "Aug 2020",
+        "endDate": "Apr 2021",
+        "period": "8 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "Worked as a Senior Consultant in banking and finance projects as a member of international Agile teams - (Delivery Hub - Remote) Vue.js, Amazon AWS"
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "AWS",
+          "Agile"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Senior Front-end Developer",
+        "company": "Insider",
+        "startDate": "Feb 2020",
+        "endDate": "Aug 2020",
+        "period": "6 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Insider—one platform for individualized, cross-channel experiences—enables enterprise marketers to connect customer data across channels and systems, predict their future behavior with an AI intent engine and individualize customer experiences. Marketers use Insider’s platform to deliver experiences across channels like Web, App, Web Push, Email, SMS, and Messaging Apps (WhatsApp, Facebook Messenger, RCS).",
+              "Worked as a Lead Senior Frontend Developer, implemented the frontend part of a dashboard using Vue.js."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Expert Software Developer",
+        "company": "Comodo",
+        "startDate": "May 2018",
+        "endDate": "Dec 2019",
+        "period": "1 year 7 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "Worked in DNS-based Web filtering project, Dome Shield, and also worked in sub-projects, Dome Analytics, Comodo Threat Analysis, and NuEDUSec. Worked as a full-stack developer in all of the projects -  Dome Shield, Dome Analytics ,Comodo Threat Analysis and NuEDUSec"
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "MySQL",
+          "MongoDB",
+          "AWS",
+          "Redis",
+          "Node.js",
+          "Jenkins",
+          "AWS SQS",
+          "AWS Lambda",
+          "Nuxt.js",
+          "Angular"
+        ]
+      },
+      {
+        "id": 5,
+        "role": "Software Developer",
+        "company": "Freelance",
+        "startDate": "Jul 2017",
+        "endDate": "May 2018",
+        "period": "10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "He quit his job because he accepted a master's degree at Berlin Technical University. He started freelance work to make some money before he went to Berlin. Some medical issues occurred, and he canceled his master's degree.",
+              "Worked in development, design, deployment, and ASO for Android and iOS games using Unity.",
+              "Created SPA using Vue.js and Node.js for customers that found me on upwork.com"
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "Node.js",
+          "Unity"
+        ]
+      },
+      {
+        "id": 6,
+        "role": "Research and Development Engineer",
+        "company": "Havelsan Teknoloji Radar(HTR)",
+        "startDate": "Sep 2016",
+        "endDate": "Jul 2017",
+        "period": "10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Designed and implemented Geographic Information System in Java and Android.",
+              "Built and managed a database system for both Java and Android versions of GIS using PostgreSql and Java.",
+              "Designed RabbitMQ messaging infrastructure for communicating with all system devices.",
+              "Integrated Radar, Sonars, Cameras, Cabins, and UPS to GIS using both RabbitMQ and PostgreSQL.",
+              "Displayed both live and recorded cameras using video encoder and decoder libraries.",
+              "This project is shown by Havelsan Teknoloji Radar A.Ş. at IDEF17 International Defence Industry Fair in İstanbul."
+            ]
+          }
+        ],
+        "skills": [
+          "PostgreSQL",
+          "Java",
+          "Android",
+          "RabbitMQ"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "BSc. Computer Engineering",
+        "school": "TOBB Ekonomi ve Teknoloji Üniversitesi",
+        "startDate": "2011",
+        "endDate": "2016"
+      },
+      {
+        "id": 2,
+        "degree": "BSc. Computer Engineering",
+        "school": "School name AGH University of Science and Technology (Exchange)",
+        "startDate": "2013",
+        "endDate": "2014"
+      }
+    ]
+  },
+  {
+    "id": 5328,
+    "name": "Santiago Anaya",
+    "slug": "santiago-anaya-vue-ruby-fullstack-developer",
+    "alias": "Santiago",
+    "description": [
+      "Santiago is a fullstack engineer with over six years of commercial experience, focusing on frontend development. He is an expert in Vue.js. On the backend, he uses Ruby on Rails and various relational databases, particularly PostgreSQL.",
+      "He is adept at increasing app performance and enhancing user experience, significantly contributing to every engagement he undertakes. His experience as a Tech and Engineering Lead highlights his leadership capabilities and ability to drive technical initiatives.",
+      "Santiago's combination of technical expertise, leadership skills, and dedication to improving application performance makes him a valuable asset to any development team."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "PostgreSQL",
+      "Ruby",
+      "Ruby on Rails",
+      "TypeScript",
+      "SQL",
+      "Java",
+      "Vuex",
+      "Backbone",
+      "Angular",
+      "MySQL",
+      "Vuetify",
+      "React.js",
+      "Node.js",
+      "WordPress",
+      "MongoDB"
+    ],
+    "compensations": {
+      "partTime": "€3,100 /month (20 h per week)",
+      "monthly": "€5,695 /month (40 h per week)"
+    },
+    "location": "Argentina",
+    "region": "GTM-3",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Engineer Manager",
+        "company": "WISBOO.COM",
+        "startDate": "Oct 2022",
+        "endDate": "Aug 2023",
+        "period": "10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "GROUP TECH LEAD & DEVELOPER ENGINEER MANAGER.",
+              "APP DEVELOPMENT - WISBOO.COM / A dynamic application tailored for content creators, enabling them to craft and sell courses through personalized websites.",
+              "Responsible for the roles of Engineer Manager and Tech Lead.",
+              "Helped the team with contributing significantly to a dedicated working cell focused on a specific component of the app."
+            ]
+          }
+        ],
+        "skills": [
+          "Angular.js",
+          "React.js",
+          "Ruby on Rails",
+          "Bootstrap"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Full Stack Developer",
+        "company": "KEEPCON",
+        "startDate": "Jun 2020",
+        "endDate": "Apr 2022",
+        "period": "1 year 10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "APP DEVELOPMENT - KEEPCON.COM / An innovative application for large corporations, aggregating messages from various social media platforms for efficient operator response.",
+              "Responsible for a strategic migration to Vue.js.",
+              "Helped the team with enhancing the app's performance and user experience."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js",
+          "Ruby on Rails",
+          "Bootstrap",
+          "TypeScript",
+          "Java",
+          "Backbone"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Full Stack Developer",
+        "company": "XUBIO",
+        "startDate": "Mar 2019",
+        "endDate": "Dec 2019",
+        "period": "9 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "APP DEVELOPMENT - XUBIO.COM / A specialized application for accountants, designed to manage client or company accounts with features tailored to different countries.",
+              "Responsible for providing a robust and user-friendly platform for accounting needs."
+            ]
+          }
+        ],
+        "skills": [
+          "MySQL",
+          "Bootstrap",
+          "TypeScript",
+          "Java"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Full Stack Developer",
+        "company": "KEEPERS",
+        "startDate": "Feb 2018",
+        "endDate": "Mar 2019",
+        "period": "1 year 1 month",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "WEB APPLICATIONS DEVELOPMENT.",
+              "Responsible for user-friendly and efficient platforms."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "MongoDB",
+          "Node.js"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "BSc. Systems Engeneering",
+        "school": "Universidad Technologica Nacinal",
+        "startDate": "2015",
+        "endDate": "2021"
+      }
+    ]
+  },
+  {
+    "id": 5697,
+    "name": "Harshit Sangani",
+    "slug": "harshit-vue-frontend-developer",
+    "alias": "Harshit",
+    "description": [
+      "Harshit is a frontend engineer with over six years of commercial experience, specializing in Vue.js. He has been integral to various stages of the software development lifecycle, from ideation to deployment, ensuring top-notch user experiences and scalable applications.",
+      "His expertise extends to modern frontend technologies and proficiency in DevOps practices. Notably, he has led the development of a CO2 Calculator for cost-splitting emissions and a community application targeting a 15M+ user base.",
+      "His strong background in building complex, modular frontend solutions and managing deployment cycles and state management tools like Vuex and Apollo further solidifies his capability to deliver high-quality, user-centric applications."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "Nuxt.js",
+      "TypeScript",
+      "Flutter",
+      "Node.js",
+      "Golang",
+      "GraphQL",
+      "React.js",
+      "JavaScript",
+      "Tailwind",
+      "Dart",
+      "Apollo",
+      "Vuex",
+      "Figma",
+      "Neo4j",
+      "Vuetify",
+      "Angular",
+      "Storybook",
+      "Laravel",
+      "React Native"
+    ],
+    "compensations": {
+      "partTime": "€3,688 /month (20 h per week)",
+      "monthly": "€6,552 /month (40 h per week)"
+    },
+    "location": "India",
+    "region": "GTM+5:30",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Sr. Software Engineer",
+        "company": "Purpose Digital Real Estate GmbH",
+        "startDate": "Nov 2022",
+        "endDate": "Jun 2024",
+        "period": "1 year 7 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Single-handedly worked on a CO2 Calculator, which helped easily calculate the cost split for CO2 emission between landlords and tenants.",
+              "Created the base project setup, leveraging TypeScript to speed up the development in the long run.",
+              "Generated many modular base components to be used throughout the project.",
+              "Helped setting up deployment cycles and environments using Vercel."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "TypeScript",
+          "Microservices",
+          "Tailwind",
+          "DevOps",
+          "Angular",
+          "VSCode",
+          "Storybook",
+          "Vuex"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Founder and Engineering Manager",
+        "company": "BK Softech",
+        "startDate": "Jun 2022",
+        "endDate": "Apr 2024",
+        "period": "1 year and 10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Managed a team of 15+ members actively collaborating on non-profit community projects.",
+              "Connected communities across divided regions on a single platform to perform integrated businesses, find matrimonial matches, engage in advanced discussions, and much more."
+            ]
+          }
+        ],
+        "skills": [
+          "React.js",
+          "Vue.js",
+          "TypeScript",
+          "Node.js",
+          "Flutter",
+          "Golang",
+          "Microservices",
+          "Figma",
+          "Tailwind",
+          "Nuxt.js",
+          "DevOps",
+          "Dart",
+          "Neo4j",
+          "MVVM",
+          "Vuetify",
+          "VSCode",
+          "Chakra UI",
+          "Vuex"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Sr. Software Engineer",
+        "company": "REO",
+        "startDate": "Nov 2021",
+        "endDate": "Oct 2022",
+        "period": "11 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Worked with a great team to build advanced real-estate brokerage software.",
+              "Solved many user-centric issues and helped the team transition to TypeScript.",
+              "Created real-time compilation of GraphQL schemas to be directly used in the Frontend codebase, reducing the related bug reports by ~40% and enhancing Developer Experience."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "TypeScript",
+          "GraphQL",
+          "Microservices",
+          "Tailwind",
+          "Nuxt.js",
+          "DevOps",
+          "VSCode",
+          "Apollo",
+          "Vuex"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Co-Founder and Sr. Software Engineer",
+        "company": "HK Byte",
+        "startDate": "Nov 2017",
+        "endDate": "Apr 2022",
+        "period": "4 years 5 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Fulfilled requirements of 20+ clients.",
+              "Developed 25+ projects.",
+              "Helped the team grow with an overall experience in the SDLC process.",
+              "Managed a team of 8+ members.",
+              "Provided technical support to two successful startups, uplifting their profits by more than 250% and still counting."
+            ]
+          }
+        ],
+        "skills": [
+          "Laravel",
+          "JavaScript",
+          "Vue.js",
+          "TypeScript",
+          "Adobe Illustrator",
+          "Node.js",
+          "React Native",
+          "Flutter",
+          "Figma",
+          "Tailwind",
+          "Nuxt.js",
+          "DevOps",
+          "Dart",
+          "Neo4j",
+          "MVVM",
+          "VSCode",
+          "Fusion 360",
+          "Storybook",
+          "Vuex"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "BSc. Computer Science",
+        "school": "Smt. CZMG BCA College",
+        "startDate": "2015",
+        "endDate": "2018"
+      }
+    ]
+  },
+  {
+    "id": 3709,
+    "name": "Kostiantyn Draliuk",
+    "slug": "kostiantyn-vue-frontend-developer",
+    "alias": "Kostiantyn",
+    "description": [
+      "Kostiantyn is a frontend developer with eight years of commercial experience. His primary expertise lies in Vue.js, where he has demonstrated exceptional proficiency in building robust and scalable web applications.",
+      "On top of his development skills, he has a great eye for design and works alongside the designers in his teams using Figma.",
+      "He has a proven track record of working with Proxify clients, delivering outstanding results with both high output and high code quality."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "Vuex",
+      "Figma",
+      "Nuxt.js",
+      "TypeScript",
+      "Cypress",
+      "Svelte",
+      "JavaScript",
+      "SvelteKit"
+    ],
+    "compensations": {
+      "partTime": "€4,024 /month (20 h per week)",
+      "monthly": "€7,375 /month (40 h per week)"
+    },
+    "location": "Ukraine",
+    "region": "GTM+3",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Software Engineer (Frontend Developer / VueJs Developer / Svelte Developer)",
+        "company": "DNV GL (Norway, Remote)",
+        "startDate": "Oct 2021",
+        "endDate": "Jul 2024",
+        "period": "2 years 9 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Developed high-performance micro-frontends using cutting-edge technologies like VueJS, Svelte, and TypeScript, resulting in improved application performance and scalability.",
+              "Played a key role in designing and implementing a micro-frontend applications, component libraries, and routing, which allowed for faster development, easier maintenance, and consistent user experiences across multiple applications.",
+              "Collaborated with cross-functional teams, including UX/UI designers, backend developers, and product managers, in an Agile environment to ensure smooth communication, timely delivery of features, and overall project success.",
+              "Actively participated in code reviews, ensuring adherence to best practices and high-quality code standards.",
+              "Implemented and maintained unit and integration tests, resulting in increased application stability and reduced time spent on bug fixes.",
+              "Demonstrated commitment to continuous learning and professional development by staying up-to-date with the latest frontend technologies and industry trends, leading to adopting new tools and practices that improved team efficiency and product quality."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "TypeScript",
+          "Svelte"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Full-stack Developer",
+        "company": "Freelance",
+        "startDate": "Dec 2017",
+        "endDate": "Oct 2021",
+        "period": "3 years 10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Successfully delivered a wide range of projects for diverse clients, including the development of websites from scratch, enhancements to existing frontends, and the creation of custom web applications, showcasing adaptability and versatility in addressing varied client needs.",
+              "Achieved outstanding results in speed optimization, SEO optimization, and quality audits, leading to increased client satisfaction, improved site rankings, and reduced page load times.",
+              "Expertly utilized a diverse range of frontend and backend technologies, including VueJS, Laravel, NodeJS, AdonisJs, and ExpressJS, to develop tailor-made solutions that met client requirements and exceeded expectations.",
+              "Developed and maintained component libraries and design systems in VueJS, ensuring a seamless user experience, improved maintainability, and efficient UI development across multiple projects.",
+              "Collaborated with clients to gather requirements, provide estimates, and offer technical guidance, ensuring clear communication, timely delivery, and alignment with project goals.",
+              "Effectively managed projects using tools like Jira, Azure, and YouTrack, prioritizing tasks, tracking progress, and providing regular status updates to clients.",
+              "Proactively identified and addressed performance bottlenecks, security vulnerabilities, and code maintainability issues, resulting in the delivery of robust, secure, and maintainable web applications.",
+              "Kept up-to-date with the latest industry trends, best practices, and emerging technologies, incorporating them into projects when appropriate to deliver cutting-edge solutions and stay competitive in the market."
+            ]
+          }
+        ],
+        "skills": [
+          "Laravel",
+          "Vue.js",
+          "Node.js",
+          "Express.js",
+          "Azure"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Frontend Developer",
+        "company": "Boboyan (Khmelnytskyy, Ukraine)",
+        "startDate": "Mar 2016",
+        "endDate": "Dec 2017",
+        "period": "1 year 9 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Developed high-quality frontend solutions for Magento and OpenCart e-commerce platforms, consistently meeting project deadlines and exceeding client expectations with visually appealing and user-friendly designs.",
+              "Leveraged expertise in Git, Docker, and Linux to optimize development workflows, enhance collaboration among team members, and ensure efficient deployment and maintenance of applications.",
+              "Mentored colleagues in frontend development best practices, fostering a collaborative and supportive team environment that encouraged skill development and knowledge sharing.",
+              "Acted as a key contributor in the planning and execution of projects, working closely with project managers and other team members to gather requirements, estimate timelines, and allocate resources effectively.",
+              "Implemented responsive design principles, ensuring seamless and consistent user experiences across various devices and browsers, resulting in increased customer engagement and reduced bounce rates.",
+              "Proactively identified and resolved performance issues, bugs, and usability concerns, leading to improved site stability, increased conversion rates, and overall enhanced user satisfaction.",
+              "Participated in regular code reviews, providing constructive feedback and suggestions for improvement, leading to higher quality code and reduced technical debt.",
+              "Stayed up-to-date with the latest industry trends and frontend technologies, incorporating new tools and best practices to improve team efficiency, product quality, and client satisfaction."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Angular.js",
+          "Docker",
+          "Magento",
+          "Linux",
+          "eCommerce"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Frontend Developer",
+        "company": "Avivi (Khmelnytskyy, Ukraine)",
+        "startDate": "Feb 2015",
+        "endDate": "Oct 2016",
+        "period": "1 year 8 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Crafted visually stunning and responsive frontend designs for a variety of CMS-based websites using Photoshop and Zeplin mockups, resulting in increased client satisfaction and enhanced user experiences.",
+              "Developed responsive email templates that significantly improved client engagement, open rates, and click-through rates by optimizing for various devices and email clients.",
+              "Demonstrated proficiency in CSS, HTML, JavaScript, PHP, Angular, and Git to deliver exceptional results, showcasing adaptability and a strong foundation in frontend development technologies.",
+              "Collaborated with cross-functional teams, including designers, developers, and project managers, to ensure clear communication, efficient workflows, and alignment with project goals.",
+              "Implemented web accessibility best practices, ensuring that websites were usable and inclusive for a diverse range of users, leading to increased site traffic and improved brand reputation.",
+              "Actively participated in code reviews and knowledge sharing sessions, contributing to the continuous improvement of the team's coding standards and practices.",
+              "Worked with various CMS platforms, gaining valuable experience in customizing and extending their functionality to meet unique client requirements.",
+              "Kept up-to-date with the latest industry trends, best practices, and emerging frontend technologies, applying new knowledge and techniques to projects as appropriate."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "JavaScript",
+          "Angular"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "BSc. Computer Engineering and Systems Programming",
+        "school": "Khmelnytskyi National University",
+        "startDate": "2013",
+        "endDate": "2017"
+      }
+    ]
+  },
+  {
+    "id": 5022,
+    "name": "Eduard Miskov",
+    "slug": "eduard-miskov-vue-frontend-developer",
+    "alias": "Eduard",
+    "description": [
+      "Eduard is a frontend developer with over seven years of commercial experience. His primary expertise is crafting visually appealing and user-friendly web applications using Vue.js.",
+      "Eduard's positivity and high motivation set him apart in the fast-evolving field of frontend development. His outstanding code quality highlights his technical expertise and commitment to excellence.",
+      "He has successfully collaborated with Proxify clients, consistently delivering timely results and maintaining high-quality standards. Eduard's ability to focus on engagement goals and deliver outstanding results makes him a valuable team member."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "Vuex",
+      "Nuxt.js",
+      "Vanilla JavaScript",
+      "TypeScript",
+      "Jest",
+      "Figma",
+      "Vagrant",
+      "Shopware",
+      "jQuery",
+      "Storybook"
+    ],
+    "compensations": {
+      "partTime": "€3,436 /month (20 h per week)",
+      "monthly": "€6,119 /month (40 h per week)"
+    },
+    "location": "Ukraine",
+    "region": "GTM+3",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Frontend Developer",
+        "company": "Avenga",
+        "startDate": "May 2023",
+        "endDate": "Aug 2023",
+        "period": "3 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Led frontend development efforts in creating the online clothing store network for a leading German market player.",
+              "Focused on designing and implementing user panels, product listing pages, and search functionalities to enhance user experience.",
+              "Developed reusable components for Storybook, featuring diverse themes, to ensure consistent design elements across all online stores with unique visual identities.",
+              "Employed Nuxt 3 for its performance optimization and server-side rendering capabilities, enhancing overall website speed and responsiveness.",
+              "Demonstrated proficiency in Storybook, Vue, Nuxt, and Shopware to meet project requirements effectively."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js",
+          "TypeScript",
+          "Nuxt.js",
+          "Storybook",
+          "Shopware"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Frontend Developer",
+        "company": "Simplifai",
+        "startDate": "Feb 2021",
+        "endDate": "Oct 2022",
+        "period": "1 year 8 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Developed a web application for a subsidiary of Elop specializing in smart concrete scanning solutions for architectural and bridge building firms.",
+              "Designed and implemented reusable UI components to enhance the application's usability and maintainability.",
+              "Utilized TypeScript to write clean and maintainable code, ensuring codebase quality and reliability.",
+              "Leveraged the Three.js library to create interactive 3D visualizations of concrete structures, enhancing the user experience.",
+              "Demonstrated expertise in Vue.js, JavaScript, Vuetify, and TypeScript to meet the project's technical requirements effectively.",
+              "Contributed to the advancement of smart concrete scanning solutions, supporting architectural and bridge-building companies in their projects."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js",
+          "TypeScript",
+          "Vuetify"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Frontend Developer",
+        "company": "Recman AS",
+        "startDate": "May 2020",
+        "endDate": "Feb 2021",
+        "period": "9 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Spearheaded the development of a robust web calendar as an integral module within the Recman platform.",
+              "Employed Vanilla.js extensively to implement core features, including routing, MVC architecture, state management, and view rendering, all crafted from scratch.",
+              "Designed and built a calendar system akin to Google Calendar, seamlessly integrated into the organization's internal infrastructure.",
+              "Demonstrated proficiency in Vue.js, JavaScript, and SASS, ensuring the successful completion of the project.",
+              "Contributed significantly to enhancing the Recman platform's functionality by adding a feature-rich, internally focused web calendar module."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Frontend Developer",
+        "company": "Trinetix",
+        "startDate": "Jun 2019",
+        "endDate": "May 2020",
+        "period": "11 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Played a key role in a substantial analytical project aimed at enhancing the hotel and restaurant industry.",
+              "Led the migration process of an Angular.js application to Angular, ensuring the seamless transition while preserving the existing design system guidelines.",
+              "Successfully implemented new features within the Angular framework to enhance the functionality and capabilities of the application.",
+              "Demonstrated proficiency in Vue.js, JavaScript, SASS, and Angular to meet project requirements effectively.",
+              "Contributed significantly to the project's success, improving the analytical tools and capabilities available to the hotel and restaurant business."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Angular.js",
+          "Vue.js",
+          "Less CSS",
+          "Angular"
+        ]
+      },
+      {
+        "id": 5,
+        "role": "Medior Frontend Developer",
+        "company": "Devellar",
+        "startDate": "Mar 2017",
+        "endDate": "Jun 2019",
+        "period": "2 years 3 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Developed custom WordPress templates from scratch within the educational sector, paying close attention to design aesthetics, SEO best practices, and alignment with the business's core values.",
+              "Demonstrated proficiency in JavaScript, WordPress, PHP, and Angular to successfully create bespoke templates tailored to educational needs.",
+              "Played a crucial role in enhancing the online presence and functionality of educational websites, catering to both user experience and search engine optimization.",
+              "Contributed to the growth and success of educational institutions by providing them with tailored WordPress solutions that aligned with their unique requirements and goals."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "MySQL",
+          "JavaScript",
+          "HTML",
+          "WordPress",
+          "SQL",
+          "Angular",
+          "SASS"
+        ]
+      },
+      {
+        "id": 6,
+        "role": "Medior Frontend Developer",
+        "company": "Webkitchen",
+        "startDate": "Jun 2016",
+        "endDate": "Jan 2017",
+        "period": "7 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Crafted customized templates to meet clients' unique design and functionality demands during my tenure at a web agency.",
+              "Delivered tailored solutions for various projects, including basic corporate websites and expansive online cosmetics stores, all built from the ground up.",
+              "Demonstrated expertise in WordPress, PHP, and MySQL to develop templates that catered to the specific needs and goals of each client.",
+              "Played a pivotal role in the agency's ability to provide clients with highly individualized web solutions, contributing to the success of various online ventures."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "MySQL",
+          "HTML",
+          "WordPress",
+          "SQL",
+          "SASS"
+        ]
+      },
+      {
+        "id": 7,
+        "role": "Web Development Mentor",
+        "company": "Education US",
+        "startDate": "Nov 2014",
+        "endDate": "Jun 2016",
+        "period": "1 year 7 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Offered valuable guidance and mentorship to students, focusing on contemporary website creation techniques, Adobe Creative Cloud (CC) tools, and navigating the job search process.",
+              "Equipped students with the necessary skills and knowledge to excel in website development within the dynamic IT industry.",
+              "Facilitated students' journeys toward securing their first positions in the IT field by providing essential insights and practical advice.",
+              "Acted as a supportive and knowledgeable resource for aspiring professionals, contributing to their career development and growth."
+            ]
+          }
+        ],
+        "skills": [
+          "jQuery",
+          "Adobe Photoshop"
+        ]
+      },
+      {
+        "id": 8,
+        "role": "Web Designer",
+        "company": "Slicemix",
+        "startDate": "Mar 2014",
+        "endDate": "Aug 2014",
+        "period": "5 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Held the position of lead web designer, with primary responsibilities encompassing the creation of visually captivating and impactful promotional websites.",
+              "Designed banners and engaging printed materials tailored to clients' distinct requirements within our digital marketing agency.",
+              "Leveraged skills in Adobe Photoshop and Adobe Illustrator to ensure the delivery of high-quality design work that effectively communicated our clients' messages and brand identities.",
+              "Played a pivotal role in enhancing the online presence and marketing collateral of various clients, contributing to their success in the digital landscape."
+            ]
+          }
+        ],
+        "skills": [
+          "Adobe Photoshop",
+          "Adobe Illustrator"
+        ]
+      },
+      {
+        "id": 9,
+        "role": "Web Designer",
+        "company": "DigitalDealerz",
+        "startDate": "Feb 2013",
+        "endDate": "Jan 2014",
+        "period": "11 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Designed and developed commercial websites and promotional materials catering to the needs of small to mid-sized businesses.",
+              "Prioritized user-friendliness, responsiveness, and visual appeal in all web projects to enhance the online presence and customer engagement for clients.",
+              "Generated blueprints and wireframes for websites, establishing clear and concise plans before the development phase.",
+              "Ensured that the end products were not only interactive but also engaging for users, enhancing the overall user experience and client satisfaction."
+            ]
+          }
+        ],
+        "skills": [
+          "Adobe Photoshop",
+          "Adobe Illustrator",
+          "AutoCAD"
+        ]
+      },
+      {
+        "id": 10,
+        "role": "Junior PHP Developer",
+        "company": "Metr&co",
+        "startDate": "Jan 2012",
+        "endDate": "Jan 2013",
+        "period": "1 year",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Actively explored and applied Drupal's API to enhance the functionality and interactivity of web applications, contributing to the mastery of this versatile content management system.",
+              "Acquired knowledge and expertise in leveraging Drupal's capabilities to build dynamic and feature-rich web applications.",
+              "Kept abreast of the latest trends and best practices in Drupal web development, ensuring the ability to create robust and efficient solutions."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "MySQL",
+          "SQL",
+          "Drupal"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "BSc. Computer Science and Information Technologies",
+        "school": "National University of Food Technologies",
+        "startDate": "2014",
+        "endDate": "2019"
+      },
+      {
+        "id": 2,
+        "degree": "Sc. Software Development",
+        "school": "Kyiv Optical and Mechanical College",
+        "startDate": "2010",
+        "endDate": "2014"
+      }
+    ]
+  },
+  {
+    "id": 4290,
+    "name": "Nicolas Tellez",
+    "slug": "nicolas-vue-php-fullstack-developer",
+    "alias": "Nicolas",
+    "description": [
+      "Nicolas is a Fullstack and Integrations Developer with seven years of experience working in industries like education, government, transportation, and consulting in both Argentina and the US. He has gained strong technical skills and knows how to adapt to different business needs.",
+      "Along with his technical work, Nicolas has been responsible for technical hiring, choosing staff, and helping with internal technical training. His leadership has helped build solid development teams and improve technical knowledge within the companies he's worked for.",
+      "Nicolas is skilled in integrating systems with Hubspot and Mercadopago using APIs and webhooks. He has also worked with Mulesoft products to create solutions for both on-premise and cloud-based systems. He is experienced in designing data integration solutions and building Firebase-based projects."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "JavaScript",
+      "Nuxt.js",
+      "PHP",
+      "Laravel",
+      "Node.js",
+      "MySQL",
+      "Firebase",
+      "MongoDB",
+      "Express.js",
+      "Java"
+    ],
+    "compensations": {
+      "partTime": "€4,452 /month (20 h per week)",
+      "monthly": "€8,215 /month (40 h per week)"
+    },
+    "location": "Argentina",
+    "region": "GTM-3",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Principal Technical Engineer",
+        "company": "MuleSoft",
+        "startDate": "Jul 2020",
+        "endDate": "May 2024",
+        "period": "3 years and 10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Customer-facing position providing solutions on Mulesoft products and services for integrated solutions for on-premise and cloud.",
+              "Member of the Core Runtime team."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Docker",
+          "Java",
+          "Microservices",
+          "Maven",
+          "Eclipse",
+          "Bash",
+          "Data Engineering",
+          "Linux",
+          "API",
+          "IntelliJ",
+          "Load testing",
+          "Apache HTTP Server",
+          "AWS EC2"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Software Engineer",
+        "company": "Fundacion Conocimiento Abierto",
+        "startDate": "Jan 2018",
+        "endDate": "Jun 2024",
+        "period": "6 years 5 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Design and development of communication solutions for the organization.",
+              "Involved and responsible for the delivery process as a sysadmin but also self-carry projects as a Full Stack developer."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "Laravel",
+          "Node.js",
+          "SQL",
+          "Google Cloud",
+          "Product Development",
+          "Linux",
+          "Vuetify",
+          "Unix",
+          "REST API",
+          "Serverless",
+          "Vuex"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "NodeJS Backend Developer",
+        "company": "ProMujer",
+        "startDate": "Jun 2022",
+        "endDate": "Mar 2023",
+        "period": "9 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Backend development for Edutech using typescript, NestJs, typeORM.",
+              "Worked on the Integration with Hubspot and Mercadopago by API and webhooks."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "TypeScript",
+          "Node.js",
+          "Nest.js",
+          "REST API",
+          "eCommerce"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Fullstack Developer",
+        "company": "El Patronato en Casa",
+        "startDate": "Feb 2020",
+        "endDate": "Dec 2020",
+        "period": "10 months",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "Development of an educational site, ruins VueJs and Nuxt, based on the Firebase suite (Auth, Firestore, Storage, Hosting, and Functions) and custom integration with Stripe and Vimeo."
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js",
+          "Bootstrap",
+          "Node.js",
+          "Express.js",
+          "Google Cloud",
+          "Firebase",
+          "Nuxt.js",
+          "Vuex"
+        ]
+      },
+      {
+        "id": 5,
+        "role": "Development/Operations Lead",
+        "company": "Raxar",
+        "startDate": "Sep 2019",
+        "endDate": "Jul 2020",
+        "period": "10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Development and infrastructure lead of the company. Involved and responsible for the delivery process.",
+              "Responsible for technical hiring and staff selection. Self-carried critical projects as Full Stack developer. (PHP/Laravel/JS/Vue) Internal technical training."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "Laravel",
+          "JavaScript",
+          "Vue.js",
+          "Docker",
+          "NGINX",
+          "Zend",
+          "Operational management",
+          "Google Cloud",
+          "Firebase",
+          "Nuxt.js",
+          "Jira",
+          "HTML / CSS",
+          "Apache HTTP Server",
+          "Electron"
+        ]
+      },
+      {
+        "id": 6,
+        "role": "Product Owner / FullStack Developer",
+        "company": "National Ministry of culture",
+        "startDate": "Jun 2018",
+        "endDate": "Jul 2019",
+        "period": "1 year 1 month",
+        "description": [
+          {
+            "isGrouped": false,
+            "content": "Led the development of a system to enable artists to submit information and data to run contests for not only visibility/exposure but also potentially earn financial support from the government."
+          }
+        ],
+        "skills": [
+          "PHP",
+          "Laravel",
+          "MySQL",
+          "Vue.js",
+          "SQL",
+          "Nuxt.js",
+          "Product Development",
+          "REST API",
+          "Vuex"
+        ]
+      },
+      {
+        "id": 7,
+        "role": "Independent Information Technology Consultant",
+        "company": "IT Consultant",
+        "startDate": "Jun 2016",
+        "endDate": "Jul 2019",
+        "period": "3 years 1 month",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Custom application and product development as a fullstack developer using PHP/Laravel, VueJS, and mongoDB/MySQL.",
+              "Unix sysadmin working with AWS/Azure/GoogleCloud. Provided project management services. Infrastructure support and strategy planning Unix Security assessment and hardening."
+            ]
+          }
+        ],
+        "skills": [
+          "PHP",
+          "Laravel",
+          "JavaScript",
+          "Vue.js",
+          "MongoDB",
+          "AWS",
+          "Google Cloud",
+          "Linux",
+          "Vuetify",
+          "Azure Cloud",
+          "REST API",
+          "HTML / CSS",
+          "Apache HTTP Server",
+          "Electron",
+          "Vuex"
+        ]
+      },
+      {
+        "id": 8,
+        "role": "Senior Web Middleware Specialist",
+        "company": "Hewlett Packard",
+        "startDate": "Jun 2007",
+        "endDate": "Oct 2016",
+        "period": "9 years 4 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "L3/L4 support the most widely used web-serving product types and brands. Performed the environment build-outs.",
+              "Provided coordination, assessment, and fixes for PCI security compliance rules involving access control, data protection, encryption, and best practices to allow systems to handle credit card transactions.",
+              "In charge of the offshore’s web middleware team to act as work queue manager and region SME. Management of thousands of SSL certificates across many platforms."
+           ]
+          }
+        ],
+        "skills": [
+          "Java",
+          "Project management",
+          "Google Cloud",
+          "Perl",
+          "Linux",
+          "Unix",
+          "Load testing",
+          "REST API",
+          "Apache HTTP Server",
+          "Tomcat",
+          "Jakarta",
+          "Team leading"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "Sc. Certified MuleSoft Developer",
+        "school": "SalesForce",
+        "startDate": "2020",
+        "endDate": "2020"
+      },
+      {
+        "id": 2,
+        "degree": "Sc. Certified Websphere Network Deployment Administration",
+        "school": "IBM",
+        "startDate": "2004",
+        "endDate": "2004"
+      }
+    ]
+  },
+  {
+    "id": 1020,
+    "name": "Abdusaid Umarov",
+    "slug": "abdusaid-html-css-vue-typescript-frontend-dev",
+    "alias": "Abdusaid",
+    "intro": "Abdusaid is a Senior Frontend Developer with over six years of experience, where he’s made a name for himself in Vue.js and Nuxt.js. His skill in Vue.js is top-notch, proven by the perfect 100% score he achieved on the Proxify test.",
+    "description": [
+      "Though he focuses on frontend work, Abdusaid isn’t just limited to that—he’s also jumped in to help with backend tasks using Laravel.",
+      "His experience across identity management, fintech, eCommerce, and other tech sectors shows his ability to adapt and thrive in different environments.",
+      "What makes Abdusaid stand out is not just his technical skills but his knack for understanding the bigger picture and delivering work that truly meets the needs of each project he takes on."
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "Vuex",
+      "Nuxt.js",
+      "Laravel",
+      "Java",
+      "Tailwind",
+      "Jest",
+      "React.js",
+      "Jenkins",
+      "Storybook",
+      "SonarQube",
+      "Docker"
+    ],
+    "compensations": {
+      "partTime": "€2,764 /month (20 h per week)",
+      "monthly": "€5,359 /month (40 h per week)"
+    },
+    "location": "Uzbekistan",
+    "region": "GTM+5",
+    "experiences": [
+      {
+        "id": 1,
+        "role": "Senior Frontend Developer",
+        "company": "Identity Blitz",
+        "startDate": "Sept 2023",
+        "endDate": "Jul 2024",
+        "period": "10 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Got experience creating custom web plugins: i18n localization plugin and automated docker runner plugin using Vite.",
+              "Configured project settings with prettierrc and vite.config, postcss.config, tsup.config, ts.config.",
+              "Developed Tablet and Mobile views by applying PostCSS."
+            ]
+          }
+        ],
+        "skills": [
+          "Vue.js",
+          "Docker",
+          "TypeScript",
+          "SCSS"
+        ]
+      },
+      {
+        "id": 2,
+        "role": "Senior Frontend Developer",
+        "company": "Uzum",
+        "startDate": "Jan 2023",
+        "endDate": "Sept 2023",
+        "period": "8 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Got experience in building web apps using Modular Architecture.",
+              "Took full responsibility for complex tasks (such as authentication and fixing merge conflicts).",
+              "Got experience in using Turbo repo in projects that are based on mono repo architecture.",
+              "Did releases into the PROD environment.",
+              "Integrated localization using i18n-vue package."
+            ]
+          }
+        ],
+        "skills": [
+          "Laravel",
+          "MySQL",
+          "JavaScript",
+          "Vue.js",
+          "TypeScript",
+          "Tailwind"
+        ]
+      },
+      {
+        "id": 3,
+        "role": "Software Engineer",
+        "company": "EPAM Systems",
+        "startDate": "Sept 2021",
+        "endDate": "May 2023",
+        "period": "1 year 8 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Implemented new features using Vue.js/NUXT.js.",
+              "Conducted Code reviews.",
+              "Bug fixing.",
+              "Refactored the code to make it cleaner.",
+              "Made documented reports about commits using Gitlab's MergeRequests and Spikes.",
+              "Learnt new Prismic CMS.",
+              "Got experience with Magnolia CMS to work with the classic version of the project.",
+              "Worked in a Scrum environment and understood all of the features and terminologies of the methodology, including sprints, sprint plannings, retrospectives, and daily meetings/Stand-Ups."
+            ]
+          }
+        ],
+        "skills": [
+          "MySQL",
+          "JavaScript",
+          "Vue.js",
+          "ES5/ES6",
+          "Jenkins",
+          "Nuxt.js",
+          "SonarQube"
+        ]
+      },
+      {
+        "id": 4,
+        "role": "Frontend Developer",
+        "company": "Genesis-Innovation LLC. (Uzcard)",
+        "startDate": "Jan 2021",
+        "endDate": "Dec 2021",
+        "period": "11 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Created components/UI according to Figma design.",
+              "Connected APIs to UI using Axios.",
+              "Provided token authorizations, silent authentication method, and refreshed token/ JWT token.",
+              "Connected charts using Apex charts.",
+              "Created Vue Routers.",
+              "Used i18n internal language localization.",
+              "Widely used 'Vuex' module-based structure.",
+              "Created Designs using Element UI."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js",
+          "UI",
+          "Vuex"
+        ]
+      },
+      {
+        "id": 5,
+        "role": "Web Developer",
+        "company": "Fido-Biznes LLC",
+        "startDate": "Jun 2019",
+        "endDate": "Jun 2021",
+        "period": "2 years",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Worked in a team to build the Uzbekistan Banking System.",
+              "Improved System’s performance, stability Querying, indexing, writing procedures, and functions to make the backend section of the system.",
+              "Created sophisticated JSP pages with JavaScript language for the frontend logic of the banking system.",
+              "Made Java services for exchanging information with the Government Custom Center in XML and JSON formats with key exchange techniques for providing such potential REST APIs."
+            ]
+          }
+        ],
+        "skills": [
+          "MySQL",
+          "JavaScript",
+          "Java",
+          "SQL",
+          "Oracle",
+          "JSON",
+          "PL/SQL",
+          "XML"
+        ]
+      },
+      {
+        "id": 6,
+        "role": "Web Developer",
+        "company": "Artel",
+        "startDate": "Sept 2018",
+        "endDate": "Jan 2020",
+        "period": "1 year 4 months",
+        "description": [
+          {
+            "isGrouped": true,
+            "content": [
+              "Worked in a team to build a real-world system for the technology industry.",
+              "Improved UI/frontend interface.",
+              "Built an Analytical section of the System with graphic analysis, according to the industry's provided Excel sheets, using logic to extract data.",
+              "Implemented frontend structures/components of the Internal Document Exchange System."
+            ]
+          }
+        ],
+        "skills": [
+          "JavaScript",
+          "Vue.js",
+          "ES5/ES6",
+          "SCSS",
+          "Vuex"
+        ]
+      }
+    ],
+    "education": [
+      {
+        "id": 1,
+        "degree": "BSc. Computer Science and Software Engineering",
+        "school": "INHA University in Tashkent",
+        "startDate": "2015",
+        "endDate": "2019"
+      }
+    ]
+  }
+]
diff --git a/src/developers/index.md b/src/developers/index.md
new file mode 100644
index 0000000000..2346253772
--- /dev/null
+++ b/src/developers/index.md
@@ -0,0 +1,11 @@
+---
+page: true
+footer: false
+title: Vue Developers
+---
+
+<script setup>
+import DeveloperLanding from './components/DeveloperLanding.vue'
+</script>
+
+<DeveloperLanding />
diff --git a/src/developers/partnerConfig.js b/src/developers/partnerConfig.js
new file mode 100644
index 0000000000..48c391c94a
--- /dev/null
+++ b/src/developers/partnerConfig.js
@@ -0,0 +1,75 @@
+import partnerData from '../partners/partners.json'
+
+const partnerName = 'Proxify'
+const partner = partnerData.find(partner => partner.name === partnerName)
+
+const websiteLabel = 'proxify.io'
+const websiteUrl = 'https://proxify.io/'
+const applyUrl = 'https://career.proxify.io/apply'
+const hireUrl = 'https://proxify.io/hire-vuejs'
+const vueArticleUrl = 'https://proxify.io/hire-vue-developers'
+const imageStorageUrl = 'https://res.cloudinary.com/proxify-io/image/upload'
+
+const partnerConfig = {
+  // Partner information
+  partnerName: partner?.name,
+  logo: partner?.logo,
+  flipLogo: partner?.flipLogo || false,
+
+  // Partner website
+  websiteUrl: websiteUrl,
+  hireUsButtonUrl: hireUrl,
+
+  // Image storage URL
+  imageStorageUrl: imageStorageUrl,
+
+  // Hero Section
+  pageHeroBanner: {
+    title: 'Find top Vue.js developers for your team',
+    description1: 'Access certified Vue.js developers available for your next project.',
+    description2: 'Proxify handles the vetting process to ensure top-tier quality and reliability.',
+    hireButton: {
+      url: hireUrl,
+      label: 'Find Vue.js developers now'
+    },
+    footer: "Get matched with a top Vue.js developer in less than 48 hours",
+  },
+
+  // Hero Section
+  pageJoinSection: {
+    title: 'Become a listed developer',
+    description: 'Get a long-term part-time or full-time position at company looking for a Vue.js developer.',
+    applyButton: {
+      url: applyUrl,
+      label: 'Apply to join'
+    }
+  },
+
+  // Footer Configuration
+  pageFooter: {
+    text: `This highly vetted developer is brought to you by Vue’s partner:`,
+    email: 'vue@proxify.io',
+    phone: '+44 20 4614 2667',
+    websiteVueLink: vueArticleUrl,
+    websiteVueLabel: websiteLabel + '/hire-vue-developers'
+  },
+
+  // Diagram sections
+  profileDiagram: {
+    title: 'Candidate profile',
+    prependText: 'How our developers score in the parameters that correlate best with future success in the role.'
+  },
+
+  scoreDiagram: {
+    title: 'Engineering excellence score',
+    prependText: 'The practical score range is 0 to 300. This is the distribution of scores for all evaluated Vue.js developers, and here’s where your candidate scored.',
+    appendText: 'Data from 3,661 evaluated Vue.js developers and 38,008 applicants.'
+  },
+
+  // Proficiency Section
+  proficiencies: {
+    skillsPerCard: 5
+  }
+}
+
+export default partnerConfig
diff --git a/src/ecosystem/newsletters.md b/src/ecosystem/newsletters.md
new file mode 100644
index 0000000000..bebf687feb
--- /dev/null
+++ b/src/ecosystem/newsletters.md
@@ -0,0 +1,11 @@
+# Community Newsletters {#community-newsletters}
+
+There are many great newsletters / Vue-dedicated blogs from the community bringing you latest news and happenings in the Vue ecosystem. Here is a non-exhaustive list of active ones that we have come across:
+
+- [Vue.js Feed](https://vuejsfeed.com/)
+- [Michael Thiessen](https://michaelnthiessen.com/newsletter)
+- [Jakub Andrzejewski](https://dev.to/jacobandrewsky)
+- [Weekly Vue News](https://weekly-vue.news/)
+- [Vue.js Developers Newsletter](https://vuejsdevelopers.com/newsletter/)
+
+If you know a great one that isn't already included, please submit a pull request using the link below!
diff --git a/src/ecosystem/partners.md b/src/ecosystem/partners.md
deleted file mode 100644
index 85668c49b9..0000000000
--- a/src/ecosystem/partners.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-page: true
----
-
-<script setup>
-import PartnerPage from './partners/PartnerPage.vue'
-</script>
-
-<PartnerPage />
diff --git a/src/ecosystem/partners/PartnerList.vue b/src/ecosystem/partners/PartnerList.vue
deleted file mode 100644
index 74dac465ba..0000000000
--- a/src/ecosystem/partners/PartnerList.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import partners from './partners.json'
-import PartnerListItem from './PartnerListItem.vue'
-</script>
-
-<template>
-  <div class="PartnerList">
-    <div v-for="partner in partners" :key="partner.name" class="item">
-      <PartnerListItem :partner="partner" />
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.item + .item {
-  padding-top: 16px;
-}
-</style>
diff --git a/src/ecosystem/partners/PartnerListItem.vue b/src/ecosystem/partners/PartnerListItem.vue
deleted file mode 100644
index a727273cb7..0000000000
--- a/src/ecosystem/partners/PartnerListItem.vue
+++ /dev/null
@@ -1,319 +0,0 @@
-<script setup lang="ts">
-import {
-  VTIconFacebook,
-  VTIconGitHub,
-  VTIconGlobe,
-  VTIconInstagram,
-  VTIconLink,
-  VTIconLinkedIn,
-  VTIconMail,
-  VTIconMapPin,
-  VTIconTwitter,
-  VTIconYouTube,
-  VTLink
-} from '@vue/theme'
-
-const props = defineProps({
-  partner: { type: Object, required: true }
-})
-
-const linkIcons = {
-  email: VTIconMail,
-  facebook: VTIconFacebook,
-  github: VTIconGitHub,
-  instagram: VTIconInstagram,
-  linkedin: VTIconLinkedIn,
-  twitter: VTIconTwitter,
-  youtube: VTIconYouTube
-}
-</script>
-
-<template>
-  <article class="PartnerListItem">
-    <div class="container">
-      <div class="billboard">
-        <VTLink class="logo" :href="http://github.com/partner.website.url" no-icon>
-          <img class="logo-image" :src="http://github.com/%60/images/partners/$%7Bpartner.logo%7D%60" :alt="partner.name">
-        </VTLink>
-
-        <div class="social-links">
-          <VTLink
-            v-for="link in partner.links"
-            :key="link.url"
-            class="social-link"
-            :href="http://github.com/link.url"
-            no-icon
-          >
-            <component :is="linkIcons[link.type]" class="social-link-icon" />
-          </VTLink>
-        </div>
-      </div>
-
-      <div class="content">
-        <h1 class="title">About {{ partner.name }}</h1>
-        <p v-for="(lead, index) in partner.description" :key="index" class="description">
-          {{ lead }}
-        </p>
-
-        <section class="proficiencies">
-          <h2 class="title">Proficiencies</h2>
-
-          <ul class="proficiency-list">
-            <li
-              v-for="proficiency in partner.proficiencies"
-              :key="proficiency.name"
-              class="proficiency-item"
-            >
-              <VTLink v-if="proficiency.url" class="proficiency-link" :href="http://github.com/proficiency.url" no-icon>
-                {{ proficiency.name }}
-              </VTLink>
-              <span v-else class="proficiency-text">
-                {{ proficiency.name }}
-              </span>
-            </li>
-          </ul>
-        </section>
-
-        <section class="data">
-          <ul class="data-list">
-            <li class="data-item">
-              <div class="data-icon">
-                <VTIconLink class="data-icon-svg" />
-              </div>
-              <VTLink class="data-link" :href="http://github.com/partner.website.url" no-icon>
-                {{ partner.website.text }}
-              </VTLink>
-            </li>
-            <li class="data-item">
-              <div class="data-icon">
-                <VTIconMapPin class="data-icon-svg" />
-              </div>
-              <ul class="data-texts">
-                <li v-for="location in partner.locations" :key="location" class="data-text">
-                  {{ location }}
-                </li>
-              </ul>
-            </li>
-            <li class="data-item">
-              <div class="data-icon">
-                <VTIconGlobe class="data-icon-svg" />
-              </div>
-              <ul class="data-texts">
-                <li v-for="language in partner.languages" :key="language" class="data-text">
-                  {{ language }}
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </section>
-      </div>
-    </div>
-  </article>
-</template>
-
-<style scoped>
-.PartnerListItem {
-  padding: 64px 24px;
-  background-color: var(--vt-c-bg-soft);
-  transition: background-color 0.5s;
-}
-
-@media (min-width: 768px) {
-  .PartnerListItem {
-    padding: 64px 32px;
-  }
-}
-
-.container {
-  margin: 0 auto;
-  max-width: 392px;
-}
-
-@media (min-width: 768px) {
-  .container {
-    display: flex;
-    max-width: 768px;
-  }
-}
-
-.billboard {
-  flex-shrink: 0;
-  margin: 0 auto;
-  width: 192px;
-}
-
-.logo {
-  display: block;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  width: 192px;
-  height: 192px;
-  overflow: hidden;
-  transition: border-color 0.25s;
-}
-
-.logo:hover {
-  border-color: var(--vt-c-brand);
-}
-
-.social-links {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 8px 16px;
-}
-
-.social-link {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-  color: var(--vt-c-text-2);
-  transition: color 0.25s;
-}
-
-.social-link:hover {
-  color: var(--vt-c-text-1);
-}
-
-.social-link-icon {
-  width: 20px;
-  height: 20px;
-  fill: currentColor;
-}
-
-.content {
-  padding-top: 24px;
-  flex-grow: 1;
-}
-
-@media (min-width: 768px) {
-  .content {
-    padding-top: 4px;
-    padding-left: 32px;
-  }
-}
-
-@media (min-width: 960px) {
-  .content {
-    padding-left: 64px;
-  }
-}
-
-.title {
-  padding-bottom: 8px;
-  font-size: 14px;
-  font-weight: 700;
-}
-
-.description {
-  font-size: 14px;
-}
-
-.description + .description {
-  padding-top: 12px;
-}
-
-.proficiencies {
-  padding-top: 24px;
-}
-
-.proficiency-list {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0 -4px;
-}
-
-.proficiency-item {
-  padding: 0 4px;
-}
-
-.proficiency-item::after {
-  margin-left: 8px;
-  content: "•";
-  color: var(--vt-c-text-3);
-  transition: color 0.25s;
-}
-
-.proficiency-item:last-child::after {
-  display: none;
-}
-
-.proficiency-link,
-.proficiency-text {
-  font-size: 14px;
-  font-weight: 500;
-  transition: color 0.25s;
-}
-
-.proficiency-link       { color: var(--vt-c-brand); }
-.proficiency-link:hover { color: var(--vt-c-brand-dark); }
-.proficiency-text       { color: var(--vt-c-text-1); }
-
-.data {
-  padding-top: 24px;
-}
-
-.data-item {
-  display: flex;
-}
-
-.data-item + .data-item {
-  padding-top: 12px;
-}
-
-.data-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-  margin-right: 12px;
-  width: 16px;
-  height: 24px;
-}
-
-.data-icon-svg {
-  width: 16px;
-  height: 16px;
-  fill: var(--vt-c-text-2);
-  transition: fill 0.25s;
-}
-
-.data-item {
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.data-link {
-  line-height: 24px;
-  color: var(--vt-c-brand);
-  transition: color 0.25s;
-}
-
-.data-link:hover {
-  color: var(--vt-c-brand-dark);
-}
-
-.data-texts {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0 -4px;
-}
-
-.data-text {
-  padding: 0 4px;
-  line-height: 24px;
-  transition: color 0.25s;
-}
-
-.data-text::after {
-  margin-left: 8px;
-  content: "•";
-  color: var(--vt-c-text-3);
-  transition: color 0.25s;
-}
-
-.data-text:last-child::after {
-  display: none;
-}
-</style>
diff --git a/src/ecosystem/partners/PartnerPage.vue b/src/ecosystem/partners/PartnerPage.vue
deleted file mode 100644
index 4e2f9bc9d8..0000000000
--- a/src/ecosystem/partners/PartnerPage.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { VTLink } from '@vue/theme'
-import PartnerHero from './PartnerHero.vue'
-import PartnerList from './PartnerList.vue'
-</script>
-
-<template>
-  <div class="PartnerPage">
-    <PartnerHero>
-      <template #title>Vue Partners</template>
-      <template #lead>Vue Partners are premium shops that provide first-class Vue consulting and development. If your company is interested in being listed as a partner, please <VTLink href="https://airtable.com/shrCQhat57SApJI2l" no-icon>register your interest here</VTLink>.</template>
-    </PartnerHero>
-
-    <PartnerList />
-  </div>
-</template>
-
-<style scoped>
-.PartnerPage {
-  padding-bottom: 16px;
-}
-</style>
diff --git a/src/ecosystem/partners/partners.json b/src/ecosystem/partners/partners.json
deleted file mode 100644
index 0166cfd105..0000000000
--- a/src/ecosystem/partners/partners.json
+++ /dev/null
@@ -1,171 +0,0 @@
-[
-  {
-    "name": "Vehikl",
-    "logo": "vehikl.png",
-    "description": [
-      "Vehikl is a software consultancy specialising in PHP and JavaScript. We build best-in-class web applications written with popular frameworks such as Laravel, Express, NestJS, Vue, and React. Think of us as an extension of your team."
-    ],
-    "proficiencies": [
-      { "name": "VueJs", "url": "https://vuejs.org/" },
-      { "name": "Laravel", "url": "https://laravel.com/" },
-      { "name": "Node", "url": "https://nodejs.org/" },
-      { "name": "Team Augmentation" }
-    ],
-    "locations": ["Ontario", "Canada"],
-    "languages": ["English"],
-    "website": {
-      "text": "www.vehikl.com",
-      "url": "https://www.vehikl.com/?utm_source=vue_partners_page"
-    },
-    "links": [
-      { "type": "email", "url": "mailto:go+partner@vehikl.com" },
-      { "type": "github", "url": "https://github.com/vehikl" },
-      { "type": "twitter", "url": "https://twitter.com/vehikl" },
-      { "type": "instagram", "url": "https://www.instagram.com/vehiklteam/" }
-    ]
-  },
-  {
-    "name": "Modus Create",
-    "logo": "modus.png",
-    "description": [
-      "Modus Create is a disruptive consulting firm that helps companies transform for success in the digital future. Clients work with Modus to effect transformational change through a unique collaborative engagement model that focuses on strategy, product design/build, user experience, company culture, and process change to accelerate their response to digital disruption.",
-      "Modus is uniquely expert at executing within the new reality of global talent sourcing and globally distributed teams. Modus culture is based on recruiting only top talent regardless of their location. Modus delivers time zone-aligned, highly productive, English-speaking teams, accessibility, and a totally collaborative environment regardless of individual location."
-    ],
-    "proficiencies": [
-      {
-        "name": "Vue.js",
-        "url": "https://moduscreate.com/partners/vue/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-      },
-      {
-        "name": "AWS",
-        "url": "https://moduscreate.com/partners/aws/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-      },
-      {
-        "name": "Atlassian",
-        "url": "https://moduscreate.com/partners/atlassian/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-      },
-      {
-        "name": "Ionic",
-        "url": "https://moduscreate.com/partners/ionic/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-      },
-      {
-        "name": "Product Management",
-        "url": "https://moduscreate.com/what-we-do/product-management/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-      },
-      {
-        "name": "Customer Experience",
-        "url": "https://moduscreate.com/what-we-do/customer-experience/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-      },
-      {
-        "name": "Agile Transformation",
-        "url": "https://moduscreate.com/what-we-do/agile-transformation/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-      },
-      {
-        "name": "Cloud Migration",
-        "url": "https://moduscreate.com/what-we-do/cloud-migration/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-      }
-    ],
-    "locations": ["Reston, VA, USA", "Los Angeles, CA, USA", "Cluj, Romania", "San José, Costa Rica"],
-    "languages": ["English", "Global"],
-    "website": {
-      "text": "moduscreate.com",
-      "url": "https://moduscreate.com/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage"
-    },
-    "links": [
-      { "type": "email", "url": "mailto:contact@moduscreate.com" },
-      { "type": "github", "url": "https://github.com/ModusCreateOrg" },
-      { "type": "twitter", "url": "https://twitter.com/ModusCreate" },
-      { "type": "linkedin", "url": "https://www.linkedin.com/company/modus-create-inc" },
-      { "type": "youtube", "url": "https://www.youtube.com/moduscreate" }
-    ]
-  },
-  {
-    "name": "Monterail",
-    "logo": "monterail.png",
-    "description": [
-      "Monterail is a full-service software development company with 110+ experts on board delivering meaningful software for start-ups, SMBs and enterprises. We are organizers of the first official Vue-related conference in the world and authors of the State of Vue.js report (2017&2019). Our experts delivered 30 Vue.js-based projects so far."
-    ],
-    "proficiencies": [
-      {
-        "name": "VueJs",
-        "url": "https://hi.monterail.co/2NqPUa6"
-      },
-      {
-        "name": "Ruby on Rails",
-        "url": "https://hi.monterail.co/31RvfBm"
-      },
-      {
-        "name": "Javascript",
-        "url": "https://hi.monterail.co/34cWQhR"
-      },
-      {
-        "name": "Python",
-        "url": "https://hi.monterail.co/2MXHLeb"
-      },
-      {
-        "name": "Services",
-        "url": "https://www.monterail.com/services?utm_medium=referral&utm_source=partner-list&utm_campaign=vue.js"
-      },
-      {
-        "name": "Projects",
-        "url": "https://www.monterail.com/projects?utm_medium=referral&utm_source=partner-list&utm_campaign=vue.js"
-      }
-    ],
-    "locations": ["Wrocław, Poland"],
-    "languages": ["English", "Polish"],
-    "website": {
-      "text": "www.monterail.com",
-      "url": "https://www.monterail.com/services/vue-development?utm_campaign=Vue.js&utm_source=partner-list"
-    },
-    "links": [
-      { "type": "email", "url": "mailto:hello@monterail.com" },
-      { "type": "github", "url": "https://github.com/monterail" },
-      { "type": "linkedin", "url": "https://www.linkedin.com/company/monterail" },
-      { "type": "facebook", "url": "https://www.facebook.com/monterail/" },
-      { "type": "twitter", "url": "https://twitter.com/monterail" },
-      { "type": "instagram", "url": "https://www.instagram.com/monterail/" }
-    ]
-  },
-  {
-    "name": "Rangle",
-    "logo": "rangle.png",
-    "description": [
-      "Rangle is a global digital consultancy that helps ambitious organizations outperform the competition in the most demanding markets. We work closely with our clients as one team to imagine, design, and deliver human-centered digital experiences that create lasting results and real business value. Anchored in innovation and lean startup best-practices, our unique delivery and partnership model is purposed-built to this task."
-    ],
-    "proficiencies": [
-      {
-        "name": "Building Products",
-        "url": "https://rangle.io/#build-a-product/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners"
-      },
-      {
-        "name": "Improving Experiences",
-        "url": "https://rangle.io/#improve-an-experience/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners"
-      },
-      {
-        "name": "Training & Coaching",
-        "url": "https://rangle.io/#level-up-your-team/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners"
-      },
-      {
-        "name": "Agile Transformation",
-        "url": "https://rangle.io/#adopt-agile-delivery/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners"
-      },
-      {
-        "name": "Business Transformation",
-        "url": "https://rangle.io/#transform-your-business/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners"
-      }
-    ],
-    "locations": ["Toronto, ON, CA", "Atlanta, GA, USA", "Amsterdam, Netherlands", "Tokyo, Japan"],
-    "languages": ["English", "French", "Dutch"],
-    "website": {
-      "text": "rangle.io",
-      "url": "https://rangle.io/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners"
-    },
-    "links": [
-      { "type": "email", "url": "mailto:info@rangle.io" },
-      { "type": "github", "url": "https://github.com/rangle" },
-      { "type": "linkedin", "url": "https://www.linkedin.com/company/rangle/" },
-      { "type": "twitter", "url": "https://twitter.com/rangleio" },
-      { "type": "instagram", "url": "https://www.instagram.com/rangleio/?hl=en" }
-    ]
-  }
-]
diff --git a/src/ecosystem/themes/ThemeListItem.vue b/src/ecosystem/themes/ThemeListItem.vue
index 5c246537af..8c79939491 100644
--- a/src/ecosystem/themes/ThemeListItem.vue
+++ b/src/ecosystem/themes/ThemeListItem.vue
@@ -3,17 +3,15 @@ import { computed } from 'vue'
 import { VTLink } from '@vue/theme'
 import ThemeProduct from './ThemeProduct.vue'
 
-const props = defineProps({
-  provider: { type: Object, required: true }
-})
-
-const regex = /\[([^\[]+)\](\(.*\))/gm
+const props = defineProps<{
+  provider: Record<string, any>
+}>()
 
 const description = computed(() => {
   // replace markdown link to html tag.
   // [name](https://...) -> <a href="https://.../">name</a>
   return props.provider.description.replace(
-    /\[([^\]]+)\]\(([^\)]+)\)/,
+    /\[([^\]]+)\]\(([^\)]+)\)/g,
     '<a href="http://github.com/$2" class="link" target="_blank" rel="noopener">$1</a>'
   )
 })
diff --git a/src/ecosystem/themes/ThemePage.vue b/src/ecosystem/themes/ThemePage.vue
index 41ab1c8231..5dfa963b4e 100644
--- a/src/ecosystem/themes/ThemePage.vue
+++ b/src/ecosystem/themes/ThemePage.vue
@@ -8,7 +8,7 @@ import ThemeContact from './ThemeContact.vue'
   <div class="ThemePage">
     <ThemeHero>
       <template #title>Themes</template>
-      <template #lead>Check out the themes, UI Kits, and plugins. you can see how a real world application is built with Vue by our partners.</template>
+      <template #lead>Check out the themes, UI Kits, and plugins. You can see how a real-world application is built with Vue by our partners.</template>
     </ThemeHero>
 
     <ThemeList />
diff --git a/src/ecosystem/themes/ThemeProduct.vue b/src/ecosystem/themes/ThemeProduct.vue
index dc8226877f..18be836d91 100644
--- a/src/ecosystem/themes/ThemeProduct.vue
+++ b/src/ecosystem/themes/ThemeProduct.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { VTLink } from '@vue/theme'
 
-const props = defineProps({
-  product: { type: Object, required: true }
-})
+defineProps<{
+  product: Record<string, any>
+}>()
 </script>
 
 <template>
diff --git a/src/ecosystem/themes/themes.json b/src/ecosystem/themes/themes.json
index b5582c8f94..a042892035 100644
--- a/src/ecosystem/themes/themes.json
+++ b/src/ecosystem/themes/themes.json
@@ -1,7 +1,28 @@
 [
+  {
+    "name": "Nuxt UI",
+    "description": "[Nuxt UI](https://ui.nuxt.com) is a free and open-source UI library for Vue.js. It is built on top of Tailwind CSS and includes a variety of components and utilities that can be used to quickly build modern, responsive web applications.",
+    "seeMoreUrl": "https://ui.nuxt.com/pro",
+    "products": [
+      {
+        "name": "UI Pro Components",
+        "price": 199,
+        "description": "Premium Vue components, composables, and utils based on Nuxt UI.",
+        "url": "https://ui.nuxt.com/pro",
+        "image": "https://res.cloudinary.com/nuxt/image/upload/v1742036103/nuxt-ui/nuxt-ui-pro-og-image_vzvwge.png"
+      },
+      {
+        "name": "Dashboard",
+        "price": 199,
+        "description": "Vue Dashboard Template made with Nuxt UI Pro.",
+        "url": "https://vue-dashboard-template.nuxt.dev/",
+        "image": "https://res.cloudinary.com/nuxt/image/upload/v1742036101/nuxt-ui/nuxt-ui-dashboard-social-card_kpeysq.png"
+      }
+    ]
+  },
   {
     "name": "Creative Tim",
-    "description": "With the examples below built by our partners from [Creative Tim](https://creative-tim.com?affiliate_id=116187) you can see how a real world application is built, the technology stack behind it and how most of the concepts you've learned so far apply in a real world application.",
+    "description": "With the examples below built by our partners from [Creative Tim](https://creative-tim.com?affiliate_id=116187) you can see how a real-world application is built, the technology stack behind it and how most of the concepts you've learned so far apply in a real-world application.",
     "seeMoreUrl": "https://www.creative-tim.com/bootstrap-themes/vuejs-themes?affiliate_id=116187",
     "products": [
       {
@@ -45,76 +66,34 @@
         "description": "Premium Vue.js UI Kit",
         "url": "https://www.creative-tim.com/product/vue-now-ui-kit-pro?affiliate_id=116187",
         "image": "https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-kit-pro/vue-now-ui-kit-pro.jpg"
-      },
-      {
-        "name": "Vue Now UI Dashboard Pro",
-        "price": 59,
-        "description": "Premium Vue.js Admin Template",
-        "url": "https://www.creative-tim.com/product/vue-now-ui-dashboard-pro?affiliate_id=116187",
-        "image": "https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-dashboard-pro/vue-now-ui-dashboard-pro.jpg"
-      },
-      {
-        "name": "Vue Now UI Kit",
-        "price": 0,
-        "description": "Free Vue.js UI Kit",
-        "url": "https://www.creative-tim.com/product/vue-now-ui-kit?affiliate_id=116187",
-        "image": "https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-kit/vue-now-ui-kit.jpg"
-      },
-      {
-        "name": "Vue Light Bootstrap Dashboard Pro",
-        "price": 49,
-        "description": "Premium Vue.js Admin Template",
-        "url": "https://www.creative-tim.com/product/vue-light-bootstrap-dashboard-pro?affiliate_id=116187",
-        "image": "https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-light-bootstrap-dashboard-pro/vue-light-bootstrap-dashboard-pro.jpg"
-      },
-      {
-        "name": "Vue Material Dashboard Pro",
-        "price": 59,
-        "description": "Premium Vue.js Admin Template",
-        "url": "https://www.creative-tim.com/product/vue-material-dashboard-pro?affiliate_id=116187",
-        "image": "https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-dashboard-pro/vue-material-dashboard-pro.jpg"
-      },
-      {
-        "name": "Vue Material Kit Pro",
-        "price": 89,
-        "description": "Premium Vue.js UI Kit",
-        "url": "https://www.creative-tim.com/product/vue-material-kit-pro?affiliate_id=116187",
-        "image": "https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-kit-pro/vue-material-kit-pro.jpg"
-      },
-      {
-        "name": "Vue Light Bootstrap Dashboard",
-        "price": 0,
-        "description": "Free Vue.js Admin Template",
-        "url": "https://www.creative-tim.com/product/vue-light-bootstrap-dashboard?affiliate_id=116187",
-        "image": "https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-light-bootstrap-dashboard/vue-light-bootstrap-dashboard.jpg"
       }
     ]
   },
   {
     "name": "MDBootstrap",
-    "description": "Check out the themes, UI Kits and plugins below built by our partners from [MDBootstrap](https://mdbootstrap.com/?utm_ref_id=82665). Learn how to use Vue in professional projects along such technologies as Bootstrap. Templates & ready components make your development faster and more efficient.`",
-    "seeMoreUrl": "https://mdbootstrap.com/docs/vue?utm_ref_id=82665",
+    "description": "Check out the themes, UI Kits and plugins below built by our partners from [MDBootstrap](https://mdbootstrap.com/?utm_ref_id=82665). Learn how to use Vue in professional projects along such technologies as Bootstrap. Templates & ready components make your development faster and more efficient.",
+    "seeMoreUrl": "https://mdbootstrap.com/docs/vue/?utm_ref_id=82665",
     "products": [
       {
-        "url": "https://mdbootstrap.com/products/vue-ui-kit?utm_ref_id=82665",
+        "url": "https://mdbootstrap.com/docs/vue/pro/?utm_ref_id=82665",
         "name": "Vue Material Bootstrap Pro",
         "description": "Premium Vue.js UI Kit",
         "image": "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/ui-kit.jpg",
-        "price": 99
+        "price": 199
       },
       {
-        "url": "https://mdbootstrap.com/docs/vue?utm_ref_id=82665",
+        "url": "https://mdbootstrap.com/docs/vue/?utm_ref_id=82665",
         "name": "Vue Material Bootstrap Kit",
         "description": "Free Vue.js UI Kit",
         "image": "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/ui-kit.jpg",
         "price": 0
       },
       {
-        "url": "https://mdbootstrap.com/products/vue-admin-dashboard?utm_ref_id=82665",
+        "url": "https://mdbootstrap.com/docs/vue/templates/admin-dashboard/?utm_ref_id=82665",
         "name": " Vue Admin Bootstrap Pro",
         "description": "Premium Vue.js Templates Pack",
         "image": "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/admin-pack.jpg",
-        "price": 79
+        "price": 199
       },
       {
         "url": "https://mdbootstrap.com/freebies/vue/admin-dashboard?utm_ref_id=82665",
@@ -122,13 +101,27 @@
         "description": "Free Vue.js Templates Pack",
         "image": "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/admin-pack.jpg",
         "price": 0
+      },
+      {
+        "url": "https://mdbootstrap.com/docs/vue/plugins/calendar/?utm_ref_id=82665",
+        "name": "Vue Calendar Bootstrap",
+        "description": "Premium Vue.js Plugin",
+        "image": "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/plugins/calendar.jpg",
+        "price": 199
+      },
+      {
+        "url": "https://mdbootstrap.com/docs/vue/plugins/color-picker/?utm_ref_id=82665",
+        "name": "Vue Color Picker Bootstrap",
+        "description": "Premium Vue.js Plugin",
+        "image": "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/plugins/color-picker.jpg",
+        "price": 199
       }
     ]
   },
   {
     "name": "PrimeVue",
-    "description": "The open-source UI component library [PrimeVue](https://www.primefaces.org/primevue/#/?af_id=4218) offers over 80 flexible components to build your apps with! They have a ton of different component themes and Vue-CLI application templates available to get the look & feel that suits you best.`",
-    "seeMoreUrl": "https://www.primefaces.org/primevue/#/?af_id=4218",
+    "description": "The open-source UI component library [PrimeVue](https://www.primefaces.org/primevue/?af_id=4218) offers over 90 flexible components to build your apps with! They have a ton of different component themes and application templates available to get the look & feel that suits you best.",
+    "seeMoreUrl": "https://www.primefaces.org/primevue/?af_id=4218",
     "products": [
       {
         "name": "Sakai",
@@ -137,6 +130,13 @@
         "url": "https://www.primefaces.org/sakai-vue/#/?af_id=4218",
         "image": "https://www.primefaces.org/vue-templates/sakai.jpg"
       },
+      {
+        "name": "Apollo",
+        "price": 59,
+        "description": "Next-Gen Application Template",
+        "url": "https://www.primefaces.org/layouts/apollo-vue?af_id=4218",
+        "image": "https://www.primefaces.org/vue-templates/apollo.jpg"
+      },
       {
         "name": "Atlantis",
         "price": 59,
@@ -164,61 +164,12 @@
         "description": "PrimeOne Design Admin Template",
         "url": "https://www.primefaces.org/layouts/diamond-vue?af_id=4218",
         "image": "https://www.primefaces.org/vue-templates/diamond.jpg"
-      },
-      {
-        "name": "Sapphire",
-        "price": 49,
-        "description": "Material Design Admin Template",
-        "url": "https://www.primefaces.org/layouts/sapphire-vue?af_id=4218",
-        "image": "https://www.primefaces.org/vue-templates/sapphire.jpg"
-      },
-      {
-        "name": "Avalon",
-        "price": 49,
-        "description": "Bootstrap Inspired Admin Template",
-        "url": "https://www.primefaces.org/layouts/avalon-vue?af_id=4218",
-        "image": "https://www.primefaces.org/vue-templates/avalon.jpg"
-      },
-      {
-        "name": "Serenity",
-        "price": 49,
-        "description": "Material Design Admin Template",
-        "url": "https://www.primefaces.org/layouts/serenity-vue?af_id=4218",
-        "image": "https://www.primefaces.org/vue-templates/serenity.jpg"
-      },
-      {
-        "name": "Apollo",
-        "price": 49,
-        "description": "Admin Template with a Dark Mode",
-        "url": "https://www.primefaces.org/layouts/apollo-vue?af_id=4218",
-        "image": "https://www.primefaces.org/vue-templates/apollo.jpg"
-      },
-      {
-        "name": "Babylon",
-        "price": 49,
-        "description": "Admin Template with Extensive Options",
-        "url": "https://www.primefaces.org/layouts/babylon-vue?af_id=4218",
-        "image": "https://www.primefaces.org/vue-templates/babylon.jpg"
-      },
-      {
-        "name": "Roma",
-        "price": 39,
-        "description": "Admin Template with a Clean Design System",
-        "url": "https://www.primefaces.org/layouts/roma-vue?af_id=4218",
-        "image": "https://www.primefaces.org/vue-templates/roma.jpg"
-      },
-      {
-        "name": "Prestige",
-        "price": 39,
-        "description": "Highly Customizable Admin Template",
-        "url": "https://www.primefaces.org/layouts/prestige-vue?af_id=4218",
-        "image": "https://www.primefaces.org/vue-templates/prestige.jpg"
       }
     ]
   },
   {
     "name": "Flatlogic",
-    "description": "Check out the admin dashboard templates built by our partners from [Flatlogic](https://flatlogic.com/templates?ref=x-fdkuTAVW). With these themes you can see how real applications are built. Additionally, these templates will help you to start a new application and save you time and money.`",
+    "description": "Check out the admin dashboard templates built by our partners from [Flatlogic](https://flatlogic.com/templates?ref=x-fdkuTAVW). With these themes you can see how real applications are built. Additionally, these templates will help you to start a new application and save you time and money.",
     "seeMoreUrl": "https://flatlogic.com/templates?ref=x-fdkuTAVW",
     "products": [
       {
@@ -264,5 +215,201 @@
         "image": "https://flatlogic.com/assets/templates/light_blue_vue_full_nodejs-06f941c849f0a83a3c0d38c728101eace06a7515ea048f12bcd91f165280246f.webp"
       }
     ]
+  },
+  {
+    "name": "WrapPixel",
+    "description": "Check out top [dashboard templates](https://www.wrappixel.com/templates/category/admin-dashboard-templates/?ref=320) built by our partners from [WrapPixel](https://www.wrappixel.com/?ref=320). Download highly customizable [Vue templates](https://www.wrappixel.com/templates/category/vuejs-templates/?ref=320) to start building your real time web application quickly to save hundreds of hours in development and design.",
+    "seeMoreUrl": "https://www.wrappixel.com/templates/category/vuejs-templates/?ref=320",
+    "products": [
+      {
+        "name": "Spike Free VueJs Admin Template",
+        "price": 0,
+        "description": "Free & Open Source VueJs Admin Template",
+        "url": "https://www.wrappixel.com/templates/spike-free-vuejs-admin-template/?ref=320",
+        "image": "https://www.wrappixel.com/wp-content/uploads/edd/2023/10/spike-free-vuetify-vuejs-admin-template-wp.jpg"
+      },
+      {
+        "name": "Spike Vue3 Admin Dashboard",
+        "price": 49,
+        "description": "Powerful Vue3 Dashboard Theme",
+        "url": "https://www.wrappixel.com/templates/spike-vuejs-admin-dashboard/?ref=320",
+        "image": "https://www.wrappixel.com/wp-content/uploads/edd/2023/09/spike-vuejs-admin-dashboard-prev-img.jpg"
+      },
+      {
+        "name": "MaterialPro Vue3 Admin Dashboard",
+        "price": 49,
+        "description": "Vue 3 + Vuetify 3 + Vite + Typescript",
+        "url": "https://www.wrappixel.com/templates/materialpro-vuetify-admin/?ref=320",
+        "image": "https://www.wrappixel.com/wp-content/uploads/edd/2020/05/materialpro-vuejs-dashboard-template-20.jpg"
+      },
+      {
+        "name": "Free MaterialPro Vuetify Admin",
+        "price": 0,
+        "description": "Free Vuetify Dashboard Template",
+        "url": "https://www.wrappixel.com/templates/materialpro-vuetify-admin-lite/?ref=320",
+        "image": "https://www.wrappixel.com/wp-content/uploads/edd/2020/05/materialpro-vuejs-lite-admin-wp-20.jpg"
+      },
+      {
+        "name": "Free AdminPro VueJs Lite",
+        "price": 0,
+        "description": "Free & Open Source VueJs Admin Template",
+        "url": "https://www.wrappixel.com/templates/adminpro-vuetify-admin-lite/?ref=320",
+        "image": "https://www.wrappixel.com/wp-content/uploads/edd/2020/11/feature_image.jpg"
+      },
+      {
+        "name": "AdminPro Vue3 + Vuetify Dashboard",
+        "price": 49,
+        "description": "Vue3 + Vite + Vuetify + Typescript",
+        "url": "https://www.wrappixel.com/templates/adminpro-vuetify-dashboard/?ref=320",
+        "image": "https://www.wrappixel.com/wp-content/uploads/edd/2020/10/adminpro-vuetify-dasboard-template-y.jpg"
+      }
+    ]
+  },
+  {
+    "name": "CodedThemes",
+    "description": "Explore Vue.js admin dashboard templates crafted with developers in mind by our partners at [CodedThemes](https://codedthemes.com). Download now to expedite the development of your real-time web applications, saving you countless hours in design and development.",
+    "seeMoreUrl": "https://codedthemes.com/item/category/templates/vue-template/",
+    "products": [
+      {
+        "name": "Free Berry Vuetify VueJs Admin Template",
+        "price": 0,
+        "description": "Free & Open Source VueJs Admin Template with well known desing of Berry",
+        "url": "https://codedthemes.com/item/berry-free-vuetify-vuejs-admin-template/?ref=evan.vuejs",
+        "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Berry-free-vue.png"
+      },
+      {
+        "name": "Berry Vue3 Admin Dashboard",
+        "price": 49,
+        "description": "Discover our visually captivating Vue 3 Dashboard Theme!",
+        "url": "https://codedthemes.com/item/berry-vue-admin-dashboard/?ref=evan.vuejs",
+        "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Berry-pro-vue.png"
+      },
+      {
+        "name": "Mantis Vue3 Admin Dashboard",
+        "price": 49,
+        "description": "Simple yet rebust to start any development with latest VueJs and Vuetify",
+        "url": "https://codedthemes.com/item/mantis-vue-admin-template/?ref=evan.vuejs",
+        "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Mantis-pro-vue.png"
+      },
+      {
+        "name": "Free Mantis Vuetify VueJs Admin Template",
+        "price": 0,
+        "description": "Free Vuetify Dashboard Template with simplest design and code",
+        "url": "https://codedthemes.com/item/mantis-free-vuetify-vuejs-admin-template/?ref=evan.vuejs",
+        "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Mantis-free-vue.png"
+      },
+      {
+        "name": "Free Able Pro VueJs",
+        "price": 0,
+        "description": "Free & Open Source Able pro VueJs Admin Template",
+        "url": "https://codedthemes.com/item/able-pro-free-vuejs-admin-dashboard/?ref=evan.vuejs",
+        "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Able+pro-free-vue.png"
+      },
+      {
+        "name": "Able Pro Vue3 + Vuetify Dashboard",
+        "price": 11,
+        "description": "Vue3 + Vite + Vuetify + Typescript",
+        "url": "https://codedthemes.com/item/able-pro-vuejs-admin-dashboard/?ref=evan.vuejs",
+        "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Able+pro-pro-vue.png"
+      }
+    ]
+  },
+  {
+    "name": "ThemeSelection",
+    "description": "Check out the admin [dashboard templates](https://themeselection.com/item/category/admin-templates/?ref=14) built by our partners from ThemeSelection.\n\nThey provide production-ready and highly customizable Free & Premium [Vue Admin Template](https://themeselection.com/item/category/vuejs-admin-templates/?ref=14), Vue + Laravel & NuxtJS Admin Templates to build modern web applications in no time!",
+    "seeMoreUrl": "https://themeselection.com/item/category/vuejs-admin-templates/?ref=14",
+    "products": [
+      {
+        "name": "Materio - Vue Admin Template",
+        "price": 0,
+        "description": "Free & Open Source VueJS Admin inspired by Material Design",
+        "url": "https://themeselection.com/item/materio-free-vuetify-vuejs-admin-template/?ref=14",
+        "image": "https://cdn.themeselection.com/ts-assets/materio/materio-vuetify-vuejs-admin-template-free/banner/banner.png"
+      },
+      {
+        "name": "Materio - Vue Admin Template",
+        "price": 69,
+        "description": "Most Powerful & Comprehensive VueJS Admin built for developers",
+        "url": "https://themeselection.com/item/materio-vuetify-vuejs-admin-template/?ref=14",
+        "image": "https://cdn.themeselection.com/ts-assets/materio/materio-vuetify-vuejs-admin-template/banner/banner.png"
+      },
+      {
+        "name": "Sneat - Vue Laravel Admin",
+        "price": 0,
+        "description": "Free & Open Source VueJS Laravel Admin using Sneat Design System",
+        "url": "https://themeselection.com/item/sneat-free-vuetify-vuejs-laravel-admin-template/ref=14",
+        "image": "https://cdn.themeselection.com/ts-assets/sneat/sneat-vuetify-vuejs-laravel-admin-template-free/banner/banner.png"
+      },
+      {
+        "name": "Sneat - Vue Laravel Admin",
+        "price": 79,
+        "description": "Production Ready, Carefully Crafted VueJS Laravel Dashboard",
+        "url": "https://themeselection.com/item/sneat-vuetify-vuejs-laravel-admin-template/?ref=14",
+        "image": "https://cdn.themeselection.com/ts-assets/sneat/sneat-vuetify-vuejs-laravel-admin-template/banner/banner.png"
+      },
+      {
+        "name": "Materio - NuxtJS Dashboard",
+        "price": 0,
+        "description": "Free & Open Source NuxtJS Admin inspired by Material Design",
+        "url": "https://themeselection.com/item/materio-free-vuetify-nuxtjs-admin-template/?ref=14",
+        "image": "https://cdn.themeselection.com/ts-assets/materio/materio-vuetify-nuxtjs-admin-template-free/banner/banner.png"
+      },
+      {
+        "name": "Materio - NuxtJS Dashboard",
+        "price": 79,
+        "description": "Incredibly versatile, flexible and powerful NuxtJS Admin Template",
+        "url": "https://themeselection.com/item/materio-vuetify-nuxtjs-admin-template/?ref=14",
+        "image": "https://cdn.themeselection.com/ts-assets/materio/materio-vuetify-nuxtjs-admin-template/banner/banner.png"
+      }
+    ]
+  },
+  {
+    "name": "AdminMart",
+    "description": "Check out top [Vue dashboard templates](https://adminmart.com/templates/vuejs-admin/?ref=34) built by our partners from [AdminMart](https://adminmart.com/?ref=34). Download them to speed up your web development process and build top class web applications.",
+    "seeMoreUrl": "https://adminmart.com/templates/vuejs-admin/?ref=34",
+    "products": [
+      {
+        "name": "Matdash Free Vuejs Admin Dashboard",
+        "price": 0,
+        "description": "Free & Open Source VueJs Admin Template",
+        "url": "https://adminmart.com/product/matdash-free-vuejs-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2024/05/matdash-vuetifi-vuejs-2.png"
+      },
+      {
+        "name": "Matdash Vuejs Admin Dashboard",
+        "price": 49,
+        "description": "Empowering Developers with Unmatched Flexibility and Power",
+        "url": "https://adminmart.com/product/matdash-vuejs-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2024/05/matdash-vuetify-vuejs-admin-dashboard.png"
+      },
+      {
+        "name": "Modernize Vuetify 3 & Vue 3 Admin Dashboard",
+        "price": 49,
+        "description": "Developer Friendly & Most Powerful Vue Admin Dashboard Template",
+        "url": "https://adminmart.com/product/modernize-vuetify-vue-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2023/02/modernize-vuetify-admin-dashboard-min.png"
+      },
+      {
+        "name": "Modernize Free Vuetify + Vue js Admin Dashboard",
+        "price": 0,
+        "description": "Free & Open Source VueJs Admin Template",
+        "url": "https://adminmart.com/product/modernize-free-vuetify-vue-js-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2023/02/modernize-free-vuetify-admin-dashboard-am-min1.png"
+      },
+      {
+        "name": "Modernize Free NuxtJs Admin Dashboard Template",
+        "price": 0,
+        "description": "Free NuxtJs Dashboard Template",
+        "url": "https://adminmart.com/product/modernize-free-vuetify-vue-js-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2023/02/modernize-free-nuxt-admin-dashboard-am-min.png"
+      },
+      {
+        "name": "Modernize Nuxt Js Admin Dashboard",
+        "price": 49,
+        "description": "Rapidly Build Powerful Dashboards with NuxtJs - Vuetify: A Developer's Dream",
+        "url": "https://adminmart.com/product/modernize-nuxt-js-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2023/02/modernize-nuxt-js-admin-dashboard.png"
+      }
+    ]
   }
 ]
diff --git a/src/ecosystem/video-courses.md b/src/ecosystem/video-courses.md
deleted file mode 100644
index ac866c9681..0000000000
--- a/src/ecosystem/video-courses.md
+++ /dev/null
@@ -1 +0,0 @@
-# Video Courses
\ No newline at end of file
diff --git a/src/error-reference/ErrorsTable.vue b/src/error-reference/ErrorsTable.vue
new file mode 100644
index 0000000000..b278c1a9fe
--- /dev/null
+++ b/src/error-reference/ErrorsTable.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+defineProps<{
+  kind: string
+  errors: Record<any, string>
+  highlight?: any
+}>()
+</script>
+
+<template>
+  <table>
+    <thead>
+      <tr>
+        <th>Code</th>
+        <th>Message</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr
+        v-for="(msg, code) of errors"
+        :class="{ highlight: highlight === `${kind}-${code}` }"
+      >
+        <td :id="`${kind}-${code}`" v-text="code" />
+        <td v-text="msg" />
+      </tr>
+    </tbody>
+  </table>
+</template>
+
+<style scoped>
+.highlight {
+  color: var(--vt-c-yellow-darker);
+  font-weight: bold;
+}
+</style>
diff --git a/src/error-reference/errors.data.ts b/src/error-reference/errors.data.ts
new file mode 100644
index 0000000000..d8044adf01
--- /dev/null
+++ b/src/error-reference/errors.data.ts
@@ -0,0 +1,17 @@
+import { defineLoader } from 'vitepress'
+import { errorMessages } from 'vue/compiler-sfc'
+// @ts-expect-error internal api
+import { ErrorTypeStrings } from 'vue'
+
+function filterEmptyMsg(data: Record<number, string>) {
+  return Object.fromEntries(Object.entries(data).filter(([_, msg]) => msg))
+}
+
+export default defineLoader({
+  load() {
+    return {
+      compiler: filterEmptyMsg(errorMessages),
+      runtime: filterEmptyMsg(ErrorTypeStrings)
+    }
+  }
+})
diff --git a/src/error-reference/index.md b/src/error-reference/index.md
new file mode 100644
index 0000000000..9bae893d18
--- /dev/null
+++ b/src/error-reference/index.md
@@ -0,0 +1,30 @@
+<script setup>
+import { ref, onMounted } from 'vue'
+import { data } from './errors.data.ts'
+import ErrorsTable from './ErrorsTable.vue'
+
+const highlight = ref()
+onMounted(() => {
+  highlight.value = location.hash.slice(1)
+})
+</script>
+
+# Production Error Code Reference {#error-reference}
+
+## Runtime Errors {#runtime-errors}
+
+In production builds, the 3rd argument passed to the following error handler APIs will be a short code instead of the full information string:
+
+- [`app.config.errorHandler`](/api/application#app-config-errorhandler)
+- [`onErrorCaptured`](/api/composition-api-lifecycle#onerrorcaptured) (Composition API)
+- [`errorCaptured`](/api/options-lifecycle#errorcaptured) (Options API)
+
+The following table maps the codes to their original full information strings.
+
+<ErrorsTable kind="runtime" :errors="data.runtime" :highlight="highlight" />
+
+## Compiler Errors {#compiler-errors}
+
+The following table provides a mapping of the production compiler error codes to their original messages.
+
+<ErrorsTable kind="compiler" :errors="data.compiler" :highlight="highlight" />
diff --git a/src/examples/ExampleRepl.vue b/src/examples/ExampleRepl.vue
index 7b531579e4..4247fb4b39 100644
--- a/src/examples/ExampleRepl.vue
+++ b/src/examples/ExampleRepl.vue
@@ -1,18 +1,34 @@
 <script setup lang="ts">
-import { Repl, ReplStore } from '@vue/repl'
-import '@vue/repl/style.css'
+import { Repl, useStore, useVueImportMap } from '@vue/repl'
+import CodeMirror from '@vue/repl/codemirror-editor'
 import { data } from './examples.data'
-import { inject, watchEffect, version, Ref } from 'vue'
-import { resolveSFCExample, resolveNoBuildExample, onHashChange } from './utils'
+import { inject, watchEffect, Ref, onMounted, ref, onUnmounted } from 'vue'
+import {
+  resolveSFCExample,
+  resolveNoBuildExample,
+  onHashChange
+} from './utils'
 
-const store = new ReplStore({
-  defaultVueRuntimeURL: `https://unpkg.com/vue@${version}/dist/vue.esm-browser.js`
+const { vueVersion, defaultVersion, importMap } = useVueImportMap({
+  runtimeDev: () =>
+    `https://unpkg.com/vue@${
+      vueVersion.value || defaultVersion
+    }/dist/vue.esm-browser.js`
+})
+const store = useStore({
+  vueVersion,
+  builtinImportMap: importMap
 })
 
 const preferComposition = inject('prefer-composition') as Ref<boolean>
 const preferSFC = inject('prefer-sfc') as Ref<boolean>
 
-watchEffect(updateExample)
+watchEffect(updateExample, {
+  onTrigger(e) {
+    console.log(e)
+    debugger
+  }
+})
 onHashChange(updateExample)
 
 /**
@@ -34,29 +50,51 @@ function updateExample() {
     preferSFC.value ? 'App.vue' : 'index.html'
   )
 }
+
+const heightProvider = ref<HTMLDivElement>()
+onMounted(() => {
+  const set = () => {
+    heightProvider.value!.style.setProperty(
+      '--vh',
+      window.innerHeight + 'px'
+    )
+  }
+  set()
+  window.addEventListener('resize', set)
+
+  onUnmounted(() => {
+    window.removeEventListener('resize', set)
+  })
+})
 </script>
 
 <template>
-  <Repl
-    :store="store"
-    :showImportMap="!preferSFC"
-    :showCompileOutput="false"
-    :clearConsole="false"
-  />
+  <div ref="heightProvider">
+    <Repl
+      :editor="CodeMirror"
+      :store="store"
+      :showImportMap="!preferSFC"
+      :showCompileOutput="false"
+      :clearConsole="false"
+    />
+  </div>
 </template>
 
-<style scoped>
+<style>
 .vue-repl {
   max-width: 1105px;
   border-right: 1px solid var(--vt-c-divider-light);
-  height: calc(100vh - var(--vt-nav-height) - var(--vt-banner-height, 0px));
+  height: calc(
+    var(--vh, 0px) - var(--vt-nav-height) - var(--vt-banner-height, 0px)
+  );
 }
 
 @media (max-width: 960px) {
   .vue-repl {
     border: none;
     height: calc(
-      100vh - var(--vt-nav-height) - var(--vt-banner-height, 0px) - 48px
+      var(--vh, 0px) - var(--vt-nav-height) - var(--vt-banner-height, 0px) -
+        48px
     );
   }
 }
diff --git a/src/examples/index.md b/src/examples/index.md
index 0b3fcfc854..069a6b8717 100644
--- a/src/examples/index.md
+++ b/src/examples/index.md
@@ -3,12 +3,12 @@ page: true
 title: Examples
 aside: false
 footer: false
-returnToTop: false
+outline: false
 ---
 
 <script>
 import { defineAsyncComponent } from 'vue'
-import ReplLoading from '/@theme/components/ReplLoading.vue'
+import ReplLoading from '@theme/components/ReplLoading.vue'
 
 export default {
   components: {
diff --git a/src/examples/src/cells/Cell/template.html b/src/examples/src/cells/Cell/template.html
index 5efe0477c7..9cc0c8ad7d 100644
--- a/src/examples/src/cells/Cell/template.html
+++ b/src/examples/src/cells/Cell/template.html
@@ -4,7 +4,7 @@
     :value="cells[c][r]"
     @change="update"
     @blur="update"
-    @vnode-mounted="({ el }) => el.focus()"
-  />
+    @vue:mounted="({ el }) => el.focus()"
+  >
   <span v-else>{{ evalCell(cells[c][r]) }}</span>
 </div>
diff --git a/src/examples/src/circle-drawer/App/composition.js b/src/examples/src/circle-drawer/App/composition.js
index 07ac8704c9..20bb14f17f 100644
--- a/src/examples/src/circle-drawer/App/composition.js
+++ b/src/examples/src/circle-drawer/App/composition.js
@@ -16,7 +16,7 @@ export default {
         return
       }
 
-      selected.value = circles.value.find(({ cx, cy, r }) => {
+      selected.value = [...circles.value].reverse().find(({ cx, cy, r }) => {
         const dx = cx - x
         const dy = cy - y
         return Math.sqrt(dx * dx + dy * dy) <= r
@@ -57,10 +57,12 @@ export default {
 
     return {
       history,
+      index,
       circles,
       selected,
       adjusting,
       onClick,
+      adjust,
       undo,
       redo
     }
diff --git a/src/examples/src/circle-drawer/App/options.js b/src/examples/src/circle-drawer/App/options.js
index f697f85660..0c191d908b 100644
--- a/src/examples/src/circle-drawer/App/options.js
+++ b/src/examples/src/circle-drawer/App/options.js
@@ -21,7 +21,7 @@ export default {
         return
       }
 
-      this.selected = this.circles.find(({ cx, cy, r }) => {
+      this.selected = [...this.circles].reverse().find(({ cx, cy, r }) => {
         const dx = cx - x
         const dy = cy - y
         return Math.sqrt(dx * dx + dy * dy) <= r
diff --git a/src/examples/src/circle-drawer/App/template.html b/src/examples/src/circle-drawer/App/template.html
index 7019b65d4b..98978d66b8 100644
--- a/src/examples/src/circle-drawer/App/template.html
+++ b/src/examples/src/circle-drawer/App/template.html
@@ -23,5 +23,5 @@
 
 <div class="dialog" v-if="adjusting" @click.stop>
   <p>Adjust radius of circle at ({{ selected.cx }}, {{ selected.cy }})</p>
-  <input type="range" v-model="selected.r" min="1" max="300" />
+  <input type="range" v-model="selected.r" min="1" max="300">
 </div>
diff --git a/src/examples/src/crud/App/composition.js b/src/examples/src/crud/App/composition.js
index ef63960e26..5543164aa6 100644
--- a/src/examples/src/crud/App/composition.js
+++ b/src/examples/src/crud/App/composition.js
@@ -15,7 +15,7 @@ export default {
     )
 
     watch(selected, (name) => {
-      ;[last.value, first.value] = name.split(', ')
+      [last.value, first.value] = name.split(', ')
     })
 
     function create() {
diff --git a/src/examples/src/crud/App/template.html b/src/examples/src/crud/App/template.html
index 54afdc4f42..97d33123ec 100644
--- a/src/examples/src/crud/App/template.html
+++ b/src/examples/src/crud/App/template.html
@@ -1,7 +1,7 @@
 <div><input v-model="prefix" placeholder="Filter prefix"></div>
 
 <select size="5" v-model="selected">
-  <option v-for="name in filteredNames">{{ name }}</option>
+  <option v-for="name in filteredNames" :key="name">{{ name }}</option>
 </select>
 
 <label>Name: <input v-model="first"></label>
diff --git a/src/examples/src/fetching-data/App/composition.js b/src/examples/src/fetching-data/App/composition.js
index aff950285f..eb57ef58ed 100644
--- a/src/examples/src/fetching-data/App/composition.js
+++ b/src/examples/src/fetching-data/App/composition.js
@@ -1,12 +1,12 @@
 import { ref, watchEffect } from 'vue'
 
 const API_URL = `https://api.github.com/repos/vuejs/core/commits?per_page=3&sha=`
-const branches = ['main', 'v2-compat']
+const branches = ['main', 'minor']
 
 export default {
   setup() {
     const currentBranch = ref(branches[0])
-    const commits = ref(null)
+    const commits = ref([])
 
     watchEffect(async () => {
       // this effect will run immediately and then
diff --git a/src/examples/src/fetching-data/App/options.js b/src/examples/src/fetching-data/App/options.js
index eff25f1201..bba1063ae6 100644
--- a/src/examples/src/fetching-data/App/options.js
+++ b/src/examples/src/fetching-data/App/options.js
@@ -2,9 +2,9 @@ const API_URL = `https://api.github.com/repos/vuejs/core/commits?per_page=3&sha=
 
 export default {
   data: () => ({
-    branches: ['main', 'v2-compat'],
+    branches: ['main', 'minor'],
     currentBranch: 'main',
-    commits: null
+    commits: []
   }),
 
   created() {
diff --git a/src/examples/src/fetching-data/App/template.html b/src/examples/src/fetching-data/App/template.html
index 4f54e05fd6..4a5e6e359e 100644
--- a/src/examples/src/fetching-data/App/template.html
+++ b/src/examples/src/fetching-data/App/template.html
@@ -7,9 +7,9 @@ <h1>Latest Vue Core Commits</h1>
     v-model="currentBranch">
   <label :for="branch">{{ branch }}</label>
 </template>
-<p>vuejs/vue@{{ currentBranch }}</p>
-<ul>
-  <li v-for="{ html_url, sha, author, commit } in commits">
+<p>vuejs/core@{{ currentBranch }}</p>
+<ul v-if="commits.length > 0">
+  <li v-for="{ html_url, sha, author, commit } in commits" :key="sha">
     <a :href="http://github.com/html_url" target="_blank" class="commit">{{ sha.slice(0, 7) }}</a>
     - <span class="message">{{ truncate(commit.message) }}</span><br>
     by <span class="author">
diff --git a/src/examples/src/fetching-data/description.txt b/src/examples/src/fetching-data/description.txt
index 830bcfde99..2af035802a 100644
--- a/src/examples/src/fetching-data/description.txt
+++ b/src/examples/src/fetching-data/description.txt
@@ -1,2 +1,2 @@
-This example fetches latest Vue.js commits data from GitHub’s API and displays them as a list.
-You can switch between the two branches.
\ No newline at end of file
+This example fetches latest Vue Core commits data from GitHub’s API and displays them as a list.
+You can switch between the two primary branches.
diff --git a/src/examples/src/flight-booker/App/template.html b/src/examples/src/flight-booker/App/template.html
index ddb27342b3..efedf5ef89 100644
--- a/src/examples/src/flight-booker/App/template.html
+++ b/src/examples/src/flight-booker/App/template.html
@@ -3,8 +3,8 @@
   <option value="return flight">Return Flight</option>
 </select>
 
-<input type="date" v-model="departureDate" />
-<input type="date" v-model="returnDate" :disabled="!isReturn" />
+<input type="date" v-model="departureDate">
+<input type="date" v-model="returnDate" :disabled="!isReturn">
 
 <button :disabled="!canBook" @click="book">Book</button>
 
diff --git a/src/examples/src/form-bindings/App/template.html b/src/examples/src/form-bindings/App/template.html
index 065cf3a86b..29fa8acc22 100644
--- a/src/examples/src/form-bindings/App/template.html
+++ b/src/examples/src/form-bindings/App/template.html
@@ -1,8 +1,9 @@
 <h2>Text Input</h2>
-<input v-model="text" /> {{ text }}
+<input v-model="text">
+<p>{{ text }}</p>
 
 <h2>Checkbox</h2>
-<input type="checkbox" id="checkbox" v-model="checked" />
+<input type="checkbox" id="checkbox" v-model="checked">
 <label for="checkbox">Checked: {{ checked }}</label>
 
 <!--
@@ -10,22 +11,21 @@ <h2>Checkbox</h2>
   array v-model value
 -->
 <h2>Multi Checkbox</h2>
-<input type="checkbox" id="jack" value="Jack" v-model="checkedNames" />
+<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
 <label for="jack">Jack</label>
-<input type="checkbox" id="john" value="John" v-model="checkedNames" />
+<input type="checkbox" id="john" value="John" v-model="checkedNames">
 <label for="john">John</label>
-<input type="checkbox" id="mike" value="Mike" v-model="checkedNames" />
+<input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
 <label for="mike">Mike</label>
-<p>Checked names: <pre>{{ checkedNames }}</pre></p>
+<p>Checked names: {{ checkedNames }}</p>
 
 <h2>Radio</h2>
-<input type="radio" id="one" value="One" v-model="picked" />
+<input type="radio" id="one" value="One" v-model="picked">
 <label for="one">One</label>
-<br />
-<input type="radio" id="two" value="Two" v-model="picked" />
+<br>
+<input type="radio" id="two" value="Two" v-model="picked">
 <label for="two">Two</label>
-<br />
-<span>Picked: {{ picked }}</span>
+<p>Picked: {{ picked }}</p>
 
 <h2>Select</h2>
 <select v-model="selected">
@@ -34,7 +34,7 @@ <h2>Select</h2>
   <option>B</option>
   <option>C</option>
 </select>
-<span>Selected: {{ selected }}</span>
+<p>Selected: {{ selected }}</p>
 
 <h2>Multi Select</h2>
 <select v-model="multiSelected" multiple style="width:100px">
@@ -42,4 +42,4 @@ <h2>Multi Select</h2>
   <option>B</option>
   <option>C</option>
 </select>
-<span>Selected: {{ multiSelected }}</span>
\ No newline at end of file
+<p>Selected: {{ multiSelected }}</p>
diff --git a/src/examples/src/list-transition/App/composition.js b/src/examples/src/list-transition/App/composition.js
index be855c2d12..a69ab3f74b 100644
--- a/src/examples/src/list-transition/App/composition.js
+++ b/src/examples/src/list-transition/App/composition.js
@@ -14,6 +14,7 @@ export default {
 
     function reset() {
       items.value = getInitialItems()
+      id = items.value.length + 1
     }
 
     function shuffle() {
diff --git a/src/examples/src/list-transition/App/options.js b/src/examples/src/list-transition/App/options.js
index 2b09e5d2a3..bd31bc4d9e 100644
--- a/src/examples/src/list-transition/App/options.js
+++ b/src/examples/src/list-transition/App/options.js
@@ -16,6 +16,7 @@ export default {
     },
     reset() {
       this.items = getInitialItems()
+      id = getInitialItems().length + 1
     },
     shuffle() {
       this.items = shuffle(this.items)
diff --git a/src/examples/src/list-transition/App/style.css b/src/examples/src/list-transition/App/style.css
index aa1ee9eeec..836bda3df2 100644
--- a/src/examples/src/list-transition/App/style.css
+++ b/src/examples/src/list-transition/App/style.css
@@ -1,6 +1,7 @@
 .container {
   position: relative;
   padding: 0;
+  list-style-type: none;
 }
 
 .item {
diff --git a/src/examples/src/list-transition/App/template.html b/src/examples/src/list-transition/App/template.html
index f62d65decb..92cbb56987 100644
--- a/src/examples/src/list-transition/App/template.html
+++ b/src/examples/src/list-transition/App/template.html
@@ -1,10 +1,10 @@
-<button @click="insert">insert at random index</button>
-<button @click="reset">reset</button>
-<button @click="shuffle">shuffle</button>
+<button @click="insert">Insert at random index</button>
+<button @click="reset">Reset</button>
+<button @click="shuffle">Shuffle</button>
 
 <TransitionGroup tag="ul" name="fade" class="container">
-  <div v-for="item in items" class="item" :key="item">
+  <li v-for="item in items" class="item" :key="item">
     {{ item }}
     <button @click="remove(item)">x</button>
-  </div>
+  </li>
 </TransitionGroup>
diff --git a/src/examples/src/modal/App/template.html b/src/examples/src/modal/App/template.html
index e7e56eda04..8db462199d 100644
--- a/src/examples/src/modal/App/template.html
+++ b/src/examples/src/modal/App/template.html
@@ -4,7 +4,7 @@
   <!-- use the modal component, pass in the prop -->
   <modal :show="showModal" @close="showModal = false">
     <template #header>
-      <h3>custom header</h3>
+      <h3>Custom Header</h3>
     </template>
   </modal>
 </Teleport>
diff --git a/src/examples/src/modal/Modal/style.css b/src/examples/src/modal/Modal/style.css
index 7776c41020..d7058c7002 100644
--- a/src/examples/src/modal/Modal/style.css
+++ b/src/examples/src/modal/Modal/style.css
@@ -6,18 +6,13 @@
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
-  display: table;
+  display: flex;
   transition: opacity 0.3s ease;
 }
 
-.modal-wrapper {
-  display: table-cell;
-  vertical-align: middle;
-}
-
 .modal-container {
   width: 300px;
-  margin: 0px auto;
+  margin: auto;
   padding: 20px 30px;
   background-color: #fff;
   border-radius: 2px;
diff --git a/src/examples/src/modal/Modal/template.html b/src/examples/src/modal/Modal/template.html
index 7800d6039a..550eedea7f 100644
--- a/src/examples/src/modal/Modal/template.html
+++ b/src/examples/src/modal/Modal/template.html
@@ -1,24 +1,22 @@
 <Transition name="modal">
   <div v-if="show" class="modal-mask">
-    <div class="modal-wrapper">
-      <div class="modal-container">
-        <div class="modal-header">
-          <slot name="header">default header</slot>
-        </div>
+    <div class="modal-container">
+      <div class="modal-header">
+        <slot name="header">default header</slot>
+      </div>
 
-        <div class="modal-body">
-          <slot name="body">default body</slot>
-        </div>
+      <div class="modal-body">
+        <slot name="body">default body</slot>
+      </div>
 
-        <div class="modal-footer">
-          <slot name="footer">
-            default footer
-            <button
-              class="modal-default-button"
-              @click="$emit('close')"
-            >OK</button>
-          </slot>
-        </div>
+      <div class="modal-footer">
+        <slot name="footer">
+          default footer
+          <button
+            class="modal-default-button"
+            @click="$emit('close')"
+          >OK</button>
+        </slot>
       </div>
     </div>
   </div>
diff --git a/src/examples/src/svg/description.txt b/src/examples/src/svg/description.txt
index 4b30e49fd1..60b709e0c0 100644
--- a/src/examples/src/svg/description.txt
+++ b/src/examples/src/svg/description.txt
@@ -1 +1 @@
-Say Hello World with Vue!
\ No newline at end of file
+An SVG graph
diff --git a/src/examples/src/timer/App/composition.js b/src/examples/src/timer/App/composition.js
index a53e0aff6f..ad784a2730 100644
--- a/src/examples/src/timer/App/composition.js
+++ b/src/examples/src/timer/App/composition.js
@@ -1,27 +1,41 @@
-import { ref, onUnmounted } from 'vue'
-
+import { ref, onUnmounted, computed } from 'vue'
 export default {
   setup() {
     const duration = ref(15 * 1000)
     const elapsed = ref(0)
 
-    let lastTime = performance.now()
+    let lastTime
     let handle
+
     const update = () => {
-      const time = performance.now()
-      elapsed.value += Math.min(time - lastTime, duration.value - elapsed.value)
-      lastTime = time
-      handle = requestAnimationFrame(update)
+      elapsed.value = performance.now() - lastTime
+      if (elapsed.value >= duration.value) {
+        cancelAnimationFrame(handle)
+      } else {
+        handle = requestAnimationFrame(update)
+      }
+    }
+
+    const reset = () => {
+      elapsed.value = 0
+      lastTime = performance.now()
+      update()
     }
 
-    update()
+    const progressRate = computed(() =>
+      Math.min(elapsed.value / duration.value, 1)
+    )
+
+    reset()
+
     onUnmounted(() => {
       cancelAnimationFrame(handle)
     })
-
     return {
       duration,
-      elapsed
+      elapsed,
+      progressRate,
+      reset
     }
   }
 }
diff --git a/src/examples/src/timer/App/options.js b/src/examples/src/timer/App/options.js
index 79a9546203..1dd506f492 100644
--- a/src/examples/src/timer/App/options.js
+++ b/src/examples/src/timer/App/options.js
@@ -6,16 +6,29 @@ export default {
     }
   },
   created() {
-    let lastTime = performance.now()
-    const update = () => {
-      const time = performance.now()
-      this.elapsed += Math.min(time - lastTime, this.duration - this.elapsed)
-      lastTime = time
-      this.handle = requestAnimationFrame(update)
-    }
-    update()
+    this.reset()
   },
   unmounted() {
     cancelAnimationFrame(this.handle)
+  },
+  computed: {
+    progressRate() {
+      return Math.min(this.elapsed / this.duration, 1)
+    }
+  },
+  methods: {
+    update() {
+      this.elapsed = performance.now() - this.lastTime
+      if (this.elapsed >= this.duration) {
+        cancelAnimationFrame(this.handle)
+      } else {
+        this.handle = requestAnimationFrame(this.update)
+      }
+    },
+    reset() {
+      this.elapsed = 0
+      this.lastTime = performance.now()
+      this.update()
+    }
   }
 }
diff --git a/src/examples/src/timer/App/template.html b/src/examples/src/timer/App/template.html
index 84e80fe266..cb3b3a0514 100644
--- a/src/examples/src/timer/App/template.html
+++ b/src/examples/src/timer/App/template.html
@@ -1,12 +1,12 @@
 <label
-  >Elapsed Time: <progress :value="elapsed / duration"></progress
+  >Elapsed Time: <progress :value="progressRate"></progress
 ></label>
 
 <div>{{ (elapsed / 1000).toFixed(1) }}s</div>
 
 <div>
-  Duration: <input type="range" v-model="duration" min="1" max="30000" />
+  Duration: <input type="range" v-model="duration" min="1" max="30000">
   {{ (duration / 1000).toFixed(1) }}s
 </div>
 
-<button @click="elapsed = 0">Reset</button>
+<button @click="reset">Reset</button>
\ No newline at end of file
diff --git a/src/examples/src/todomvc/App/composition.js b/src/examples/src/todomvc/App/composition.js
deleted file mode 100644
index 3d168e840f..0000000000
--- a/src/examples/src/todomvc/App/composition.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import { ref, computed, watchEffect } from 'vue'
-
-const STORAGE_KEY = 'vue-todomvc'
-
-const filters = {
-  all: (todos) => todos,
-  active: (todos) => todos.filter((todo) => !todo.completed),
-  completed: (todos) => todos.filter((todo) => todo.completed)
-}
-
-export default {
-  setup() {
-    // state
-    const todos = ref(JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]'))
-    const visibility = ref('all')
-    const editedTodo = ref()
-
-    // derived state
-    const filteredTodos = computed(() => filters[visibility.value](todos.value))
-    const remaining = computed(() => filters.active(todos.value).length)
-
-    // handle routing
-    window.addEventListener('hashchange', onHashChange)
-    onHashChange()
-
-    // persist state
-    watchEffect(() => {
-      localStorage.setItem(STORAGE_KEY, JSON.stringify(todos.value))
-    })
-
-    function toggleAll(e) {
-      todos.value.forEach((todo) => (todo.completed = e.target.checked))
-    }
-
-    function addTodo(e) {
-      const value = e.target.value.trim()
-      if (value) {
-        todos.value.push({
-          id: Date.now(),
-          title: value,
-          completed: false
-        })
-        e.target.value = ''
-      }
-    }
-
-    function removeTodo(todo) {
-      todos.value.splice(todos.value.indexOf(todo), 1)
-    }
-
-    let beforeEditCache = ''
-    function editTodo(todo) {
-      beforeEditCache = todo.title
-      editedTodo.value = todo
-    }
-
-    function cancelEdit(todo) {
-      editedTodo.value = null
-      todo.title = beforeEditCache
-    }
-
-    function doneEdit(todo) {
-      if (editedTodo.value) {
-        editedTodo.value = null
-        todo.title = todo.title.trim()
-        if (!todo.title) removeTodo(todo)
-      }
-    }
-
-    function removeCompleted() {
-      todos.value = filters.active(todos.value)
-    }
-
-    function onHashChange() {
-      const route = window.location.hash.replace(/#\/?/, '')
-      if (filters[route]) {
-        visibility.value = route
-      } else {
-        window.location.hash = ''
-        visibility.value = 'all'
-      }
-    }
-
-    return {
-      todos,
-      visibility,
-      editedTodo,
-      filteredTodos,
-      remaining,
-      toggleAll,
-      addTodo,
-      removeTodo,
-      editTodo,
-      doneEdit,
-      cancelEdit,
-      removeCompleted,
-    }
-  }
-}
diff --git a/src/examples/src/todomvc/App/options.js b/src/examples/src/todomvc/App/options.js
deleted file mode 100644
index 6adf5706df..0000000000
--- a/src/examples/src/todomvc/App/options.js
+++ /dev/null
@@ -1,100 +0,0 @@
-const STORAGE_KEY = 'vue-todomvc'
-
-const filters = {
-  all: (todos) => todos,
-  active: (todos) => todos.filter((todo) => !todo.completed),
-  completed: (todos) => todos.filter((todo) => todo.completed)
-}
-
-export default {
-  // app initial state
-  data: () => ({
-    todos: JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]'),
-    editedTodo: null,
-    visibility: 'all'
-  }),
-
-  // watch todos change for localStorage persistence
-  watch: {
-    todos: {
-      handler(todos) {
-        localStorage.setItem(STORAGE_KEY, JSON.stringify(todos))
-      },
-      deep: true
-    }
-  },
-
-  mounted() {
-    window.addEventListener('hashchange', this.onHashChange)
-    this.onHashChange()
-  },
-
-  computed: {
-    filteredTodos() {
-      return filters[this.visibility](this.todos)
-    },
-    remaining() {
-      return filters.active(this.todos).length
-    }
-  },
-
-  // methods that implement data logic.
-  // note there's no DOM manipulation here at all.
-  methods: {
-    toggleAll(e) {
-      this.todos.forEach((todo) => (todo.completed = e.target.checked))
-    },
-
-    addTodo(e) {
-      const value = e.target.value.trim()
-      if (!value) {
-        return
-      }
-      this.todos.push({
-        id: Date.now(),
-        title: value,
-        completed: false
-      })
-      e.target.value = ''
-    },
-
-    removeTodo(todo) {
-      this.todos.splice(this.todos.indexOf(todo), 1)
-    },
-
-    editTodo(todo) {
-      this.beforeEditCache = todo.title
-      this.editedTodo = todo
-    },
-
-    doneEdit(todo) {
-      if (!this.editedTodo) {
-        return
-      }
-      this.editedTodo = null
-      todo.title = todo.title.trim()
-      if (!todo.title) {
-        this.removeTodo(todo)
-      }
-    },
-
-    cancelEdit(todo) {
-      this.editedTodo = null
-      todo.title = this.beforeEditCache
-    },
-
-    removeCompleted() {
-      this.todos = filters.active(this.todos)
-    },
-
-    onHashChange() {
-      var visibility = window.location.hash.replace(/#\/?/, '')
-      if (filters[visibility]) {
-        this.visibility = visibility
-      } else {
-        window.location.hash = ''
-        this.visibility = 'all'
-      }
-    }
-  }
-}
diff --git a/src/examples/src/todomvc/App/style.css b/src/examples/src/todomvc/App/style.css
deleted file mode 100644
index 6011b41b58..0000000000
--- a/src/examples/src/todomvc/App/style.css
+++ /dev/null
@@ -1 +0,0 @@
-@import "http://github.com/service/https://unpkg.com/todomvc-app-css@2.4.1/index.css";
\ No newline at end of file
diff --git a/src/examples/src/todomvc/App/template.html b/src/examples/src/todomvc/App/template.html
deleted file mode 100644
index ac927cf25c..0000000000
--- a/src/examples/src/todomvc/App/template.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<section class="todoapp">
-  <header class="header">
-    <h1>todos</h1>
-    <input
-      class="new-todo"
-      autofocus
-      placeholder="What needs to be done?"
-      @keyup.enter="addTodo"
-    />
-  </header>
-  <section class="main" v-show="todos.length">
-    <input
-      id="toggle-all"
-      class="toggle-all"
-      type="checkbox"
-      :checked="remaining === 0"
-      @change="toggleAll"
-    />
-    <label for="toggle-all">Mark all as complete</label>
-    <ul class="todo-list">
-      <li
-        v-for="todo in filteredTodos"
-        class="todo"
-        :key="todo.id"
-        :class="{ completed: todo.completed, editing: todo === editedTodo }"
-      >
-        <div class="view">
-          <input class="toggle" type="checkbox" v-model="todo.completed" />
-          <label @dblclick="editTodo(todo)">{{ todo.title }}</label>
-          <button class="destroy" @click="removeTodo(todo)"></button>
-        </div>
-        <input
-          v-if="todo === editedTodo"
-          class="edit"
-          type="text"
-          v-model="todo.title"
-          @vnode-mounted="({ el }) => el.focus()"
-          @blur="doneEdit(todo)"
-          @keyup.enter="doneEdit(todo)"
-          @keyup.escape="cancelEdit(todo)"
-        />
-      </li>
-    </ul>
-  </section>
-  <footer class="footer" v-show="todos.length">
-    <span class="todo-count">
-      <strong>{{ remaining }}</strong>
-      <span>{{ remaining === 1 ? 'item' : 'items' }} left</span>
-    </span>
-    <ul class="filters">
-      <li>
-        <a href="#/all" :class="{ selected: visibility === 'all' }">All</a>
-      </li>
-      <li>
-        <a href="#/active" :class="{ selected: visibility === 'active' }">Active</a>
-      </li>
-      <li>
-        <a href="#/completed" :class="{ selected: visibility === 'completed' }">Completed</a>
-      </li>
-    </ul>
-    <button class="clear-completed" @click="removeCompleted" v-show="todos.length > remaining">
-      Clear completed
-    </button>
-  </footer>
-</section>
\ No newline at end of file
diff --git a/src/examples/src/todomvc/description.txt b/src/examples/src/todomvc/description.txt
deleted file mode 100644
index 5892ea1f99..0000000000
--- a/src/examples/src/todomvc/description.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-A fully spec-compliant TodoMVC implementation
-https://todomvc.com/
\ No newline at end of file
diff --git a/src/examples/utils.ts b/src/examples/utils.ts
index c02416670e..b93a53ec26 100644
--- a/src/examples/utils.ts
+++ b/src/examples/utils.ts
@@ -131,9 +131,9 @@ export function resolveSFCExample(
     raw,
     files,
     (filename, { template, composition, options, style }) => {
-      const desc = raw['description.txt']
+      const desc = raw['description.txt'] as string
       let sfcContent =
-        desc && filename === 'App' ? `<!--\n${desc}\n-->\n\n` : ``
+        desc && filename === 'App' ? `<!--\n${desc.trim()}\n-->\n\n` : ``
       if (preferComposition && composition) {
         sfcContent += `<script setup>\n${toScriptSetup(
           composition,
@@ -159,8 +159,8 @@ export function resolveNoBuildExample(
 ) {
   const files: Record<string, string> = {}
 
-  const desc = raw['description.txt']
-  let html = desc ? `<!--\n${desc}\n-->\n\n` : ``
+  const desc = raw['description.txt'] as string
+  let html = desc ? `<!--\n${desc.trim()}\n-->\n\n` : ``
   let css = ''
 
   // set it first for ordering
diff --git a/src/glossary/index.md b/src/glossary/index.md
new file mode 100644
index 0000000000..bdbdeedc2c
--- /dev/null
+++ b/src/glossary/index.md
@@ -0,0 +1,422 @@
+# Glossary {#glossary}
+
+This glossary is intended to provide some guidance about the meanings of technical terms that are in common usage when talking about Vue. It is intended to be *descriptive* of how terms are commonly used, not a *prescriptive* specification of how they must be used. Some terms may have slightly different meanings or nuances depending on the surrounding context.
+
+[[TOC]]
+
+## async component {#async-component}
+
+An *async component* is a wrapper around another component that allows for the wrapped component to be lazy loaded. This is typically used as a way to reduce the size of the built `.js` files, allowing them to be split into smaller chunks that are loaded only when required.
+
+Vue Router has a similar feature for the [lazy loading of route components](https://router.vuejs.org/guide/advanced/lazy-loading.html), though this does not use Vue's async components feature.
+
+For more details see:
+- [Guide - Async Components](/guide/components/async.html)
+
+## compiler macro {#compiler-macro}
+
+A *compiler macro* is special code that is processed by a compiler and converted into something else. They are effectively a clever form of string replacement.
+
+Vue's [SFC](#single-file-component) compiler supports various macros, such as `defineProps()`, `defineEmits()` and `defineExpose()`. These macros are intentionally designed to look like normal JavaScript functions so that they can leverage the same parser and type inference tooling around JavaScript / TypeScript. However, they are not actual functions that are run in the browser. These are special strings that the compiler detects and replaces with the real JavaScript code that will actually be run.
+
+Macros have limitations on their use that don't apply to normal JavaScript code. For example, you might think that `const dp = defineProps` would allow you to create an alias for `defineProps`, but it'll actually result in an error. There are also limitations on what values can be passed to `defineProps()`, as the 'arguments' have to be processed by the compiler and not at runtime.
+
+For more details see:
+- [`<script setup>` - `defineProps()` & `defineEmits()`](/api/sfc-script-setup.html#defineprops-defineemits)
+- [`<script setup>` - `defineExpose()`](/api/sfc-script-setup.html#defineexpose)
+
+## component {#component}
+
+The term *component* is not unique to Vue. It is common to many UI frameworks. It describes a chunk of the UI, such as a button or checkbox. Components can also be combined to form larger components.
+
+Components are the primary mechanism provided by Vue to split a UI into smaller pieces, both to improve maintainability and to allow for code reuse.
+
+A Vue component is an object. All properties are optional, but either a template or render function is required for the component to render. For example, the following object would be a valid component:
+
+```js
+const HelloWorldComponent = {
+  render() {
+    return 'Hello world!'
+  }
+}
+```
+
+In practice, most Vue applications are written using [Single-File Components](#single-file-component) (`.vue` files). While these components may not appear to be objects at first glance, the SFC compiler will convert them into an object, which is used as the default export for the file. From an external perspective, a `.vue` file is just an ES module that exports a component object.
+
+The properties of a component object are usually referred to as *options*. This is where the [Options API](#options-api) gets its name.
+
+The options for a component define how instances of that component should be created. Components are conceptually similar to classes, though Vue doesn't use actual JavaScript classes to define them.
+
+The term component can also be used more loosely to refer to component instances.
+
+For more details see:
+- [Guide - Component Basics](/guide/essentials/component-basics.html)
+
+The word 'component' also features in several other terms:
+- [async component](#async-component)
+- [dynamic component](#dynamic-component)
+- [functional component](#functional-component)
+- [Web Component](#web-component)
+
+## composable {#composable}
+
+The term *composable* describes a common usage pattern in Vue. It isn't a separate feature of Vue, it's just a way of using the framework's [Composition API](#composition-api).
+
+* A composable is a function.
+* Composables are used to encapsulate and reuse stateful logic.
+* The function name usually begins with `use`, so that other developers know it's a composable.
+* The function is typically expected to be called during the synchronous execution of a component's `setup()` function (or, equivalently, during the execution of a `<script setup>` block). This ties the invocation of the composable to the current component context, e.g. via calls to `provide()`, `inject()` or `onMounted()`.
+* Composables typically return a plain object, not a reactive object. This object usually contains refs and functions and is expected to be destructured within the calling code.
+
+As with many patterns, there can be some disagreement about whether specific code qualifies for the label. Not all JavaScript utility functions are composables. If a function doesn't use the Composition API then it probably isn't a composable. If it doesn't expect to be called during the synchronous execution of `setup()` then it probably isn't a composable. Composables are specifically used to encapsulate stateful logic, they are not just a naming convention for functions.
+
+See [Guide - Composables](/guide/reusability/composables.html) for more details about writing composables.
+
+## Composition API {#composition-api}
+
+The *Composition API* is a collection of functions used to write components and composables in Vue.
+
+The term is also used to describe one of the two main styles used to write components, the other being the [Options API](#options-api). Components written using the Composition API use either `<script setup>` or an explicit `setup()` function.
+
+See the [Composition API FAQ](/guide/extras/composition-api-faq) for more details.
+
+## custom element {#custom-element}
+
+A *custom element* is a feature of the [Web Components](#web-component) standard, which is implemented in modern web browsers. It refers to the ability to use a custom HTML element in your HTML markup to include a Web Component at that point in the page.
+
+Vue has built-in support for rendering custom elements and allows them to be used directly in Vue component templates.
+
+Custom elements should not be confused with the ability to include Vue components as tags within another Vue component's template. Custom elements are used to create Web Components, not Vue components.
+
+For more details see:
+- [Guide - Vue and Web Components](/guide/extras/web-components.html)
+
+## directive {#directive}
+
+The term *directive* refers to template attributes beginning with the `v-` prefix, or their equivalent shorthands.
+
+Built-in directives include `v-if`, `v-for`, `v-bind`, `v-on` and `v-slot`.
+
+Vue also supports creating custom directives, though they are typically only used as an 'escape hatch' for manipulating DOM nodes directly. Custom directives generally can't be used to recreate the functionality of the built-in directives.
+
+For more details see:
+- [Guide - Template Syntax - Directives](/guide/essentials/template-syntax.html#directives)
+- [Guide - Custom Directives](/guide/reusability/custom-directives.html)
+
+## dynamic component {#dynamic-component}
+
+The term *dynamic component* is used to describe cases where the choice of which child component to render needs to be made dynamically. Typically, this is achieved using `<component :is="type">`.
+
+A dynamic component is not a special type of component. Any component can be used as a dynamic component. It is the choice of component that is dynamic, rather than the component itself.
+
+For more details see:
+- [Guide - Components Basics - Dynamic Components](/guide/essentials/component-basics.html#dynamic-components)
+
+## effect {#effect}
+
+See [reactive effect](#reactive-effect) and [side effect](#side-effect).
+
+## event {#event}
+
+The use of events for communicating between different parts of a program is common to many different areas of programming. Within Vue, the term is commonly applied to both native HTML element events and Vue component events. The `v-on` directive is used in templates to listen for both types of event.
+
+For more details see:
+- [Guide - Event Handling](/guide/essentials/event-handling.html)
+- [Guide - Component Events](/guide/components/events.html)
+
+## fragment {#fragment}
+
+The term *fragment* refers to a special type of [VNode](#vnode) that is used as a parent for other VNodes, but which doesn't render any elements itself.
+
+The name comes from the similar concept of a [`DocumentFragment`](https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment) in the native DOM API.
+
+Fragments are used to support components with multiple root nodes. While such components might appear to have multiple roots, behind the scenes they use a fragment node as a single root, as a parent of the 'root' nodes.
+
+Fragments are also used by the template compiler as a way to wrap multiple dynamic nodes, e.g. those created via `v-for` or `v-if`. This allows for extra hints to be passed to the [VDOM](#virtual-dom) patching algorithm. Much of this is handled internally, but one place you may encounter this directly is using a `key` on a `<template>` tag with `v-for`. In that scenario, the `key` is added as a [prop](#prop) to the fragment VNode.
+
+Fragment nodes are currently rendered to the DOM as empty text nodes, though that is an implementation detail. You may encounter those text nodes if you use `$el` or attempt to walk the DOM with built-in browser APIs.
+
+## functional component {#functional-component}
+
+A component definition is usually an object containing options. It may not appear that way if you're using `<script setup>`, but the component exported from the `.vue` file will still be an object.
+
+A *functional component* is an alternative form of component that is declared using a function instead. That function acts as the [render function](#render-function) for the component.
+
+A functional component cannot have any state of its own. It also doesn't go through the usual component lifecycle, so lifecycle hooks can't be used. This makes them slightly lighter than normal, stateful components.
+
+For more details see:
+- [Guide - Render Functions & JSX - Functional Components](/guide/extras/render-function.html#functional-components)
+
+## hoisting {#hoisting}
+
+The term *hoisting* is used to describe running a section of code before it is reached, ahead of other code. The execution is 'pulled up' to an earlier point.
+
+JavaScript uses hoisting for some constructs, such as `var`, `import` and function declarations.
+
+In a Vue context, the compiler applies *hoisting* to improve performance. When compiling a component, static values are moved out of the component's scope. These static values are described as 'hoisted' because they are created outside the component.
+
+## cache static {#cache-static}
+
+The term *cache* is used to describe the temporary storage of frequently accessed data to improve performance.
+
+The Vue template compiler identifies those static VNodes, caches them during the initial render, and reuses the same VNodes for every subsequent re-render.
+
+For more details see:
+- [Guide - Rendering Mechanism - Cache Static](/guide/extras/rendering-mechanism.html#cache-static)
+
+## in-DOM template {#in-dom-template}
+
+There are various ways to specify a template for a component. In most cases the template is provided as a string.
+
+The term *in-DOM template* refers to the scenario where the template is provided in the form of DOM nodes, instead of a string. Vue then converts the DOM nodes into a template string using `innerHTML`.
+
+Typically, an in-DOM template starts off as HTML markup written directly in the HTML of the page. The browser then parses this into DOM nodes, which Vue then uses to read off the `innerHTML`.
+
+For more details see:
+- [Guide - Creating an Application - In-DOM Root Component Template](/guide/essentials/application.html#in-dom-root-component-template)
+- [Guide - Component Basics - in-DOM Template Parsing Caveats](/guide/essentials/component-basics.html#in-dom-template-parsing-caveats)
+- [Options: Rendering - template](/api/options-rendering.html#template)
+
+## inject {#inject}
+
+See [provide / inject](#provide-inject).
+
+## lifecycle hooks {#lifecycle-hooks}
+
+A Vue component instance goes through a lifecycle. For example, it is created, mounted, updated, and unmounted.
+
+The *lifecycle hooks* are a way to listen for these lifecycle events.
+
+With the Options API, each hook is provided as a separate option, e.g. `mounted`. The Composition API uses functions instead, such as `onMounted()`.
+
+For more details see:
+- [Guide - Lifecycle Hooks](/guide/essentials/lifecycle.html)
+
+## macro {#macro}
+
+See [compiler macro](#compiler-macro).
+
+## named slot {#named-slot}
+
+A component can have multiple slots, differentiated by name. Slots other than the default slot are referred to as *named slots*.
+
+For more details see:
+- [Guide - Slots - Named Slots](/guide/components/slots.html#named-slots)
+
+## Options API {#options-api}
+
+Vue components are defined using objects. The properties of these component objects are known as *options*.
+
+Components can be written in two styles. One style uses the [Composition API](#composition-api) in conjunction with `setup` (either via a `setup()` option or `<script setup>`). The other style makes very little direct use of the Composition API, instead using various component options to achieve a similar result. The component options that are used in this way are referred to as the *Options API*.
+
+The Options API includes options such as `data()`, `computed`, `methods` and `created()`.
+
+Some options, such as `props`, `emits` and `inheritAttrs`, can be used when authoring components with either API. As they are component options, they could be considered part of the Options API. However, as these options are also used in conjunction with `setup()`, it is usually more useful to think of them as shared between the two component styles.
+
+The `setup()` function itself is a component option, so it *could* be described as part of the Options API. However, this is not how the term 'Options API' is normally used. Instead, the `setup()` function is considered to be part of Composition API.
+
+## plugin {#plugin}
+
+While the term *plugin* can be used in a wide variety of contexts, Vue has a specific concept of a plugin as a way to add functionality to an application.
+
+Plugins are added to an application by calling `app.use(plugin)`. The plugin itself is either a function or an object with an `install` function. That function will be passed the application instance and can then do whatever it needs to do.
+
+For more details see:
+- [Guide - Plugins](/guide/reusability/plugins.html)
+
+## prop {#prop}
+
+There are three common uses of the term *prop* in Vue:
+
+* Component props
+* VNode props
+* Slot props
+
+*Component props* are what most people think of as props. These are explicitly defined by a component using either `defineProps()` or the `props` option.
+
+The term *VNode props* refers to the properties of the object passed as the second argument to `h()`. These can include component props, but they can also include component events, DOM events, DOM attributes and DOM properties. You'd usually only encounter VNode props if you're working with render functions to manipulate VNodes directly.
+
+*Slot props* are the properties passed to a scoped slot.
+
+In all cases, props are properties that are passed in from elsewhere.
+
+While the word props is derived from the word *properties*, the term props has a much more specific meaning in the context of Vue. You should avoid using it as an abbreviation of properties.
+
+For more details see:
+- [Guide - Props](/guide/components/props.html)
+- [Guide - Render Functions & JSX](/guide/extras/render-function.html)
+- [Guide - Slots - Scoped Slots](/guide/components/slots.html#scoped-slots)
+
+## provide / inject {#provide-inject}
+
+`provide` and `inject` are a form of inter-component communication.
+
+When a component *provides* a value, all descendants of that component can then choose to grab that value, using `inject`. Unlike with props, the providing component doesn't know precisely which component is receiving the value.
+
+`provide` and `inject` are sometimes used to avoid *prop drilling*. They can also be used as an implicit way for a component to communicate with its slot contents.
+
+`provide` can also be used at the application level, making a value available to all components within that application.
+
+For more details see:
+- [Guide - provide / inject](/guide/components/provide-inject.html)
+
+## reactive effect {#reactive-effect}
+
+A *reactive effect* is part of Vue's reactivity system. It refers to the process of tracking the dependencies of a function and re-running that function when the values of those dependencies change.
+
+`watchEffect()` is the most direct way to create an effect. Various other parts of Vue use effects internally. e.g. component rendering updates, `computed()` and `watch()`.
+
+Vue can only track reactive dependencies within a reactive effect. If a property's value is read outside a reactive effect it'll 'lose' reactivity, in the sense that Vue won't know what to do if that property subsequently changes.
+
+The term is derived from 'side effect'. Calling the effect function is a side effect of the property value being changed.
+
+For more details see:
+- [Guide - Reactivity in Depth](/guide/extras/reactivity-in-depth.html)
+
+## reactivity {#reactivity}
+
+In general, *reactivity* refers to the ability to automatically perform actions in response to data changes. For example, updating the DOM or making a network request when a data value changes.
+
+In a Vue context, reactivity is used to describe a collection of features. Those features combine to form a *reactivity system*, which is exposed via the [Reactivity API](#reactivity-api).
+
+There are various different ways that a reactivity system could be implemented. For example, it could be done by static analysis of code to determine its dependencies. However, Vue doesn't employ that form of reactivity system.
+
+Instead, Vue's reactivity system tracks property access at runtime. It does this using both Proxy wrappers and [getter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description)/[setter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set#description) functions for properties.
+
+For more details see:
+- [Guide - Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals.html)
+- [Guide - Reactivity in Depth](/guide/extras/reactivity-in-depth.html)
+
+## Reactivity API {#reactivity-api}
+
+The *Reactivity API* is a collection of core Vue functions related to [reactivity](#reactivity). These can be used independently of components. It includes functions such as `ref()`, `reactive()`, `computed()`, `watch()` and `watchEffect()`.
+
+The Reactivity API is a subset of the Composition API.
+
+For more details see:
+- [Reactivity API: Core](/api/reactivity-core.html)
+- [Reactivity API: Utilities](/api/reactivity-utilities.html)
+- [Reactivity API: Advanced](/api/reactivity-advanced.html)
+
+## ref {#ref}
+
+> This entry is about the use of `ref` for reactivity. For the `ref` attribute used in templates, see [template ref](#template-ref) instead.
+
+A `ref` is part of Vue's reactivity system. It is an object with a single reactive property, called `value`.
+
+There are various different types of ref. For example, refs can be created using `ref()`, `shallowRef()`, `computed()`, and `customRef()`. The function `isRef()` can be used to check whether an object is a ref, and `isReadonly()` can be used to check whether the ref allows the direct reassignment of its value.
+
+For more details see:
+- [Guide - Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals.html)
+- [Reactivity API: Core](/api/reactivity-core.html)
+- [Reactivity API: Utilities](/api/reactivity-utilities.html)
+- [Reactivity API: Advanced](/api/reactivity-advanced.html)
+
+## render function {#render-function}
+
+A *render function* is the part of a component that generates the VNodes used during rendering. Templates are compiled down into render functions.
+
+For more details see:
+- [Guide - Render Functions & JSX](/guide/extras/render-function.html)
+
+## scheduler {#scheduler}
+
+The *scheduler* is the part of Vue's internals that controls the timing of when [reactive effects](#reactive-effect) are run.
+
+When reactive state changes, Vue doesn't immediately trigger rendering updates. Instead, it batches them together using a queue. This ensures that a component only re-renders once, even if multiple changes are made to the underlying data.
+
+[Watchers](/guide/essentials/watchers.html) are also batched using the scheduler queue. Watchers with `flush: 'pre'` (the default) will run before component rendering, whereas those with `flush: 'post'` will run after component rendering.
+
+Jobs in the scheduler are also used to perform various other internal tasks, such as triggering some [lifecycle hooks](#lifecycle-hooks) and updating [template refs](#template-ref).
+
+## scoped slot {#scoped-slot}
+
+The term *scoped slot* is used to refer to a [slot](#slot) that receives [props](#prop).
+
+Historically, Vue made a much greater distinction between scoped and non-scoped slots. To some extent they could be regarded as two separate features, unified behind a common template syntax.
+
+In Vue 3, the slot APIs were simplified to make all slots behave like scoped slots. However, the use cases for scoped and non-scoped slots often differ, so the term still proves useful as a way to refer to slots with props.
+
+The props passed to a slot can only be used within a specific region of the parent template, responsible for defining the slot's contents. This region of the template behaves as a variable scope for the props, hence the name 'scoped slot'.
+
+For more details see:
+- [Guide - Slots - Scoped Slots](/guide/components/slots.html#scoped-slots)
+
+## SFC {#sfc}
+
+See [Single-File Component](#single-file-component).
+
+## side effect {#side-effect}
+
+The term *side effect* is not specific to Vue. It is used to describe operations or functions that do something beyond their local scope.
+
+For example, in the context of setting a property like `user.name = null`, it is expected that this will change the value of `user.name`. If it also does something else, like triggering Vue's reactivity system, then this would be described as a side effect. This is the origin of the term [reactive effect](#reactive-effect) within Vue.
+
+When a function is described as having side effects, it means that the function performs some sort of action that is observable outside the function, aside from just returning a value. This might mean that it updates a value in state, or triggers a network request.
+
+The term is often used when describing rendering or computed properties. It is considered best practice for rendering to have no side effects. Likewise, the getter function for a computed property should have no side effects.
+
+## Single-File Component {#single-file-component}
+
+The term *Single-File Component*, or SFC, refers to the `.vue` file format that is commonly used for Vue components.
+
+See also:
+- [Guide - Single-File Components](/guide/scaling-up/sfc.html)
+- [SFC Syntax Specification](/api/sfc-spec.html)
+
+## slot {#slot}
+
+Slots are used to pass content to child components. Whereas props are used to pass data values, slots are used to pass richer content consisting of HTML elements and other Vue components.
+
+For more details see:
+- [Guide - Slots](/guide/components/slots.html)
+
+## template ref {#template-ref}
+
+The term *template ref* refers to using a `ref` attribute on a tag within a template. After the component renders, this attribute is used to populate a corresponding property with either the HTML element or the component instance that corresponds to the tag in the template.
+
+If you are using the Options API then the refs are exposed via properties of the `$refs` object.
+
+With the Composition API, template refs populate a reactive [ref](#ref) with the same name.
+
+Template refs should not be confused with the reactive refs found in Vue's reactivity system.
+
+For more details see:
+- [Guide - Template Refs](/guide/essentials/template-refs.html)
+
+## VDOM {#vdom}
+
+See [virtual DOM](#virtual-dom).
+
+## virtual DOM {#virtual-dom}
+
+The term *virtual DOM* (VDOM) is not unique to Vue. It is a common approach used by several web frameworks for managing updates to the UI.
+
+Browsers use a tree of nodes to represent the current state of the page. That tree, and the JavaScript APIs used to interact with it, are referred to as the *document object model*, or *DOM*.
+
+Manipulating the DOM is a major performance bottleneck. The virtual DOM provides one strategy for managing that.
+
+Rather than creating DOM nodes directly, Vue components generate a description of what DOM nodes they would like. These descriptors are plain JavaScript objects, known as VNodes (virtual DOM nodes). Creating VNodes is relatively cheap.
+
+Every time a component re-renders, the new tree of VNodes is compared to the previous tree of VNodes and any differences are then applied to the real DOM. If nothing has changed then the DOM doesn't need to be touched.
+
+Vue uses a hybrid approach that we call [Compiler-Informed Virtual DOM](/guide/extras/rendering-mechanism.html#compiler-informed-virtual-dom). Vue's template compiler is able to apply performance optimizations based on static analysis of the template. Rather than performing a full comparison of a component's old and new VNode trees at runtime, Vue can use information extracted by the compiler to reduce the comparison to just the parts of the tree that can actually change.
+
+For more details see:
+- [Guide - Rendering Mechanism](/guide/extras/rendering-mechanism.html)
+- [Guide - Render Functions & JSX](/guide/extras/render-function.html)
+
+## VNode {#vnode}
+
+A *VNode* is a *virtual DOM node*. They can be created using the [`h()`](/api/render-function.html#h) function.
+
+See [virtual DOM](#virtual-dom) for more information.
+
+## Web Component {#web-component}
+
+The *Web Components* standard is a collection of features implemented in modern web browsers.
+
+Vue components are not Web Components, but `defineCustomElement()` can be used to create a [custom element](#custom-element) from a Vue component. Vue also supports the use of custom elements inside Vue components.
+
+For more details see:
+- [Guide - Vue and Web Components](/guide/extras/web-components.html)
diff --git a/src/guide/best-practices/accessibility.md b/src/guide/best-practices/accessibility.md
index 759b3bd381..2651f2d0b8 100644
--- a/src/guide/best-practices/accessibility.md
+++ b/src/guide/best-practices/accessibility.md
@@ -1,4 +1,4 @@
-# Accessibility
+# Accessibility {#accessibility}
 
 Web accessibility (also known as a11y) refers to the practice of creating websites that can be used by anyone — be that a person with a disability, a slow connection, outdated or broken hardware or simply someone in an unfavorable environment. For example, adding subtitles to a video would help both your deaf and hard-of-hearing users and your users who are in a loud environment and can't hear their phone. Similarly, making sure your text isn't too low contrast will help both your low-vision users and your users who are trying to use their phone in bright sunlight.
 
@@ -6,16 +6,17 @@ Ready to start but aren’t sure where?
 
 Checkout the [Planning and managing web accessibility guide](https://www.w3.org/WAI/planning-and-managing/) provided by [World Wide Web Consortium (W3C)](https://www.w3.org/)
 
-## Skip link
+## Skip link {#skip-link}
 
 You should add a link at the top of each page that goes directly to the main content area so users can skip content that is repeated on multiple Web pages.
 
 Typically this is done on the top of `App.vue` as it will be the first focusable element on all your pages:
 
 ```vue-html
+<span ref="backToTop" tabindex="-1" />
 <ul class="skip-links">
   <li>
-    <a href="#main" ref="skipLink">Skip to main content</a>
+    <a href="#main" ref="skipLink" class="skip-link">Skip to main content</a>
   </li>
 </ul>
 ```
@@ -23,7 +24,10 @@ Typically this is done on the top of `App.vue` as it will be the first focusable
 To hide the link unless it is focused, you can add the following style:
 
 ```css
-.skipLink {
+.skip-links {
+  list-style: none;
+}
+.skip-link {
   white-space: nowrap;
   margin: 1em auto;
   top: 0;
@@ -32,7 +36,7 @@ To hide the link unless it is focused, you can add the following style:
   margin-left: -72px;
   opacity: 0;
 }
-.skipLink:focus {
+.skip-link:focus {
   opacity: 1;
   background-color: white;
   padding: 0.5em;
@@ -40,7 +44,7 @@ To hide the link unless it is focused, you can add the following style:
 }
 ```
 
-Once a user changes route, bring focus back to the skip link. This can be achieved by calling focus on the skip link's template ref (assuming usage of `vue-router`):
+Once a user changes route, bring focus back to the very beginning of the page, right before the skip link. This can be achieved by calling focus on the `backToTop` template ref (assuming usage of `vue-router`):
 
 <div class="options-api">
 
@@ -49,7 +53,7 @@ Once a user changes route, bring focus back to the skip link. This can be achiev
 export default {
   watch: {
     $route() {
-      this.$refs.skipLink.focus()
+      this.$refs.backToTop.focus()
     }
   }
 }
@@ -65,12 +69,12 @@ import { ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 
 const route = useRoute()
-const skipLink = ref()
+const backToTop = ref()
 
 watch(
   () => route.path,
   () => {
-    skipLink.value.focus()
+    backToTop.value.focus()
   }
 )
 </script>
@@ -80,11 +84,11 @@ watch(
 
 [Read documentation on skip link to main content](https://www.w3.org/WAI/WCAG21/Techniques/general/G1.html)
 
-## Content Structure
+## Content Structure {#content-structure}
 
 One of the most important pieces of accessibility is making sure that design can support accessible implementation. Design should consider not only color contrast, font selection, text sizing, and language, but also how the content is structured in the application.
 
-### Headings
+### Headings {#headings}
 
 Users can navigate an application through headings. Having descriptive headings for every section of your application makes it easier for users to predict the content of each section. When it comes to headings, there are a couple of recommended accessibility practices:
 
@@ -97,13 +101,13 @@ Users can navigate an application through headings. Having descriptive headings
 ```vue-html
 <main role="main" aria-labelledby="main-title">
   <h1 id="main-title">Main title</h1>
-  <section aria-labelledby="section-title">
-    <h2 id="section-title"> Section Title </h2>
+  <section aria-labelledby="section-title-1">
+    <h2 id="section-title-1"> Section Title </h2>
     <h3>Section Subtitle</h3>
     <!-- Content -->
   </section>
-  <section aria-labelledby="section-title">
-    <h2 id="section-title"> Section Title </h2>
+  <section aria-labelledby="section-title-2">
+    <h2 id="section-title-2"> Section Title </h2>
     <h3>Section Subtitle</h3>
     <!-- Content -->
     <h3>Section Subtitle</h3>
@@ -112,7 +116,7 @@ Users can navigate an application through headings. Having descriptive headings
 </main>
 ```
 
-### Landmarks
+### Landmarks {#landmarks}
 
 [Landmarks](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/landmark_role) provide programmatic access to sections within an application. Users who rely on assistive technology can navigate to each section of the application and skip over content. You can use [ARIA roles](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) to help you achieve this.
 
@@ -123,17 +127,13 @@ Users can navigate an application through headings. Having descriptive headings
 | main            | role="main"          | The main or central content of the document.                                                                     |
 | footer          | role="contentinfo"   | Information about the parent document: footnotes/copyrights/links to privacy statement                           |
 | aside           | role="complementary" | Supports the main content, yet is separated and meaningful on its own content                                    |
-| _Not available_ | role="search"        | This section contains the search functionality for the application                                               |
+| search          | role="search"        | This section contains the search functionality for the application                                               |
 | form            | role="form"          | Collection of form-associated elements                                                                           |
 | section         | role="region"        | Content that is relevant and that users will likely want to navigate to. Label must be provided for this element |
 
-:::tip Tip:
-It is recommended to use landmark HTML elements with redundant landmark role attributes in order to maximize compatibility with legacy [browsers that don’t support HTML5 semantic elements](https://caniuse.com/#feat=html5semantic).
-:::
-
 [Read more about landmarks](https://www.w3.org/TR/wai-aria-1.2/#landmark_roles)
 
-## Semantic Forms
+## Semantic Forms {#semantic-forms}
 
 When creating a form, you can use the following elements: `<form>`, `<label>`, `<input>`, `<textarea>`, and `<button>`
 
@@ -154,22 +154,18 @@ Labels are typically placed on top or to the left of the form fields:
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Simple Form" slug="dyNzzWZ" :height="368" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 Notice how you can include `autocomplete='on'` on the form element and it will apply to all inputs in your form. You can also set different [values for autocomplete attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for each input.
 
-### Labels
+### Labels {#labels}
 
 Provide labels to describe the purpose of all form control; linking `for` and `id`:
 
 ```vue-html
-<label for="name">Name</label>
+<label for="name">Name: </label>
 <input type="text" name="name" id="name" v-model="name" />
 ```
 
-<!-- <common-codepen-snippet title="Form Label" slug="XWpaaaj" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
-If you inspect this element in your chrome developer tools and open the Accessibility tab inside the Elements tab, you will see how the input gets its name from the label:
+If you inspect this element in your Chrome DevTools and open the Accessibility tab inside the Elements tab, you will see how the input gets its name from the label:
 
 ![Chrome Developer Tools showing input accessible name from label](./images/AccessibleLabelChromeDevTools.png)
 
@@ -186,12 +182,12 @@ Though you might have seen labels wrapping the input fields like this:
 Explicitly setting the labels with a matching id is better supported by assistive technology.
 :::
 
-#### `aria-label`
+#### `aria-label` {#aria-label}
 
-You can also give the input an accessible name with [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute).
+You can also give the input an accessible name with [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).
 
 ```vue-html
-<label for="name">Name</label>
+<label for="name">Name: </label>
 <input
   type="text"
   name="name"
@@ -201,15 +197,13 @@ You can also give the input an accessible name with [`aria-label`](https://devel
 />
 ```
 
-<!-- <common-codepen-snippet title="Form ARIA label" slug="NWdvvYQ" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 Feel free to inspect this element in Chrome DevTools to see how the accessible name has changed:
 
 ![Chrome Developer Tools showing input accessible name from aria-label](./images/AccessibleARIAlabelDevTools.png)
 
-#### `aria-labelledby`
+#### `aria-labelledby` {#aria-labelledby}
 
-Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) is similar to `aria-label` except it is used if the label text is visible on screen. It is paired to other elements by their `id` and you can link multiple `id`s:
+Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) is similar to `aria-label` except it is used if the label text is visible on screen. It is paired to other elements by their `id` and you can link multiple `id`s:
 
 ```vue-html
 <form
@@ -220,7 +214,7 @@ Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibi
 >
   <h1 id="billing">Billing</h1>
   <div class="form-item">
-    <label for="name">Name:</label>
+    <label for="name">Name: </label>
     <input
       type="text"
       name="name"
@@ -233,13 +227,11 @@ Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibi
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Form ARIA labelledby" slug="MWJvvBe" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 ![Chrome Developer Tools showing input accessible name from aria-labelledby](./images/AccessibleARIAlabelledbyDevTools.png)
 
-#### `aria-describedby`
+#### `aria-describedby` {#aria-describedby}
 
-[aria-describedby](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute) is used the same way as `aria-labelledby` except provides a description with additional information that the user might need. This can be used to describe the criteria for any input:
+[aria-describedby](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used the same way as `aria-labelledby` except provides a description with additional information that the user might need. This can be used to describe the criteria for any input:
 
 ```vue-html
 <form
@@ -250,7 +242,7 @@ Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibi
 >
   <h1 id="billing">Billing</h1>
   <div class="form-item">
-    <label for="name">Full Name:</label>
+    <label for="name">Full Name: </label>
     <input
       type="text"
       name="name"
@@ -265,18 +257,18 @@ Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibi
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Form ARIA describedby" slug="gOgxxQE" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 You can see the description by inspecting Chrome DevTools:
 
 ![Chrome Developer Tools showing input accessible name from aria-labelledby and description with aria-describedby](./images/AccessibleARIAdescribedby.png)
 
-### Placeholder
+### Placeholder {#placeholder}
 
 Avoid using placeholders as they can confuse many users.
 
 One of the issues with placeholders is that they don't meet the [color contrast criteria](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html) by default; fixing the color contrast makes the placeholder look like pre-populated data in the input fields. Looking at the following example, you can see that the Last Name placeholder which meets the color contrast criteria looks like pre-populated data:
 
+![Accessible placeholder](./images/AccessiblePlaceholder.png)
+
 ```vue-html
 <form
   class="demo"
@@ -298,19 +290,37 @@ One of the issues with placeholders is that they don't meet the [color contrast
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Form Placeholder" slug="ExZvvMw" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
+```css
+/* https://www.w3schools.com/howto/howto_css_placeholder.asp */
+
+#lastName::placeholder {
+  /* Chrome, Firefox, Opera, Safari 10.1+ */
+  color: black;
+  opacity: 1; /* Firefox */
+}
+
+#lastName:-ms-input-placeholder {
+  /* Internet Explorer 10-11 */
+  color: black;
+}
+
+#lastName::-ms-input-placeholder {
+  /* Microsoft Edge */
+  color: black;
+}
+```
 
 It is best to provide all the information the user needs to fill out forms outside any inputs.
 
-### Instructions
+### Instructions {#instructions}
 
 When adding instructions for your input fields, make sure to link it correctly to the input.
-You can provide additional instructions and bind multiple ids inside an [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute). This allows for more flexible design.
+You can provide additional instructions and bind multiple ids inside an [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby). This allows for more flexible design.
 
 ```vue-html
 <fieldset>
   <legend>Using aria-labelledby</legend>
-  <label id="date-label" for="date">Current Date:</label>
+  <label id="date-label" for="date">Current Date: </label>
   <input
     type="date"
     name="date"
@@ -321,20 +331,18 @@ You can provide additional instructions and bind multiple ids inside an [`aria-l
 </fieldset>
 ```
 
-Alternatively, you can attach the instructions to the input with [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute):
+Alternatively, you can attach the instructions to the input with [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby):
 
 ```vue-html
 <fieldset>
   <legend>Using aria-describedby</legend>
-  <label id="dob" for="dob">Date of Birth:</label>
+  <label id="dob" for="dob">Date of Birth: </label>
   <input type="date" name="dob" id="dob" aria-describedby="dob-instructions" />
   <p id="dob-instructions">MM/DD/YYYY</p>
 </fieldset>
 ```
 
-<!-- <common-codepen-snippet title="Form Instructions" slug="WNREEqv" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
-### Hiding Content
+### Hiding Content {#hiding-content}
 
 Usually it is not recommended to visually hide labels, even if the input has an accessible name. However, if the functionality of the input can be understood with surrounding content, then we can hide the visual label.
 
@@ -366,9 +374,7 @@ We can use CSS to visually hide elements but keep them available for assistive t
 }
 ```
 
-<!-- <common-codepen-snippet title="Form Search" slug="QWdMqWy" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
-#### `aria-hidden="true"`
+#### `aria-hidden="true"` {#aria-hidden-true}
 
 Adding `aria-hidden="true"` will hide the element from assistive technology but leave it visually available for other users. Do not use it on focusable elements, purely on decorative, duplicated or offscreen content.
 
@@ -377,7 +383,7 @@ Adding `aria-hidden="true"` will hide the element from assistive technology but
 <p aria-hidden="true">This is hidden from screen readers.</p>
 ```
 
-### Buttons
+### Buttons {#buttons}
 
 When using buttons inside a form, you must set the type to prevent submitting the form.
 You can also use an input to create buttons:
@@ -394,9 +400,7 @@ You can also use an input to create buttons:
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Form Buttons" slug="JjEyrYZ" :height="467" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
-### Functional Images
+### Functional Images {#functional-images}
 
 You can use this technique to create functional images.
 
@@ -430,9 +434,7 @@ You can use this technique to create functional images.
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Functional Images" slug="jOyLGqM" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
-## Standards
+## Standards {#standards}
 
 The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) develops web accessibility standards for the different components:
 
@@ -443,11 +445,11 @@ The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) develops
 - [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/standards-guidelines/wcag/)
   - web content - used by developers, authoring tools, and accessibility evaluation tools
 
-### Web Content Accessibility Guidelines (WCAG)
+### Web Content Accessibility Guidelines (WCAG) {#web-content-accessibility-guidelines-wcag}
 
 [WCAG 2.1](https://www.w3.org/TR/WCAG21/) extends on [WCAG 2.0](https://www.w3.org/TR/WCAG20/) and allows implementation of new technologies by addressing changes to the web. The W3C encourages use of the most current version of WCAG when developing or updating Web accessibility policies.
 
-#### WCAG 2.1 Four Main Guiding Principles (abbreviated as POUR):
+#### WCAG 2.1 Four Main Guiding Principles (abbreviated as POUR): {#wcag-2-1-four-main-guiding-principles-abbreviated-as-pour}
 
 - [Perceivable](https://www.w3.org/TR/WCAG21/#perceivable)
   - Users must be able to perceive the information being presented
@@ -458,23 +460,23 @@ The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) develops
 - [Robust](https://www.w3.org/TR/WCAG21/#robust)
   - Users must be able to access the content as technologies advance
 
-#### Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA)
+#### Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA) {#web-accessibility-initiative-–-accessible-rich-internet-applications-wai-aria}
 
 W3C's WAI-ARIA provides guidance on how to build dynamic content and advanced user interface controls.
 
 - [Accessible Rich Internet Applications (WAI-ARIA) 1.2](https://www.w3.org/TR/wai-aria-1.2/)
 - [WAI-ARIA Authoring Practices 1.2](https://www.w3.org/TR/wai-aria-practices-1.2/)
 
-## Resources
+## Resources {#resources}
 
-### Documentation
+### Documentation {#documentation}
 
 - [WCAG 2.0](https://www.w3.org/TR/WCAG20/)
 - [WCAG 2.1](https://www.w3.org/TR/WCAG21/)
 - [Accessible Rich Internet Applications (WAI-ARIA) 1.2](https://www.w3.org/TR/wai-aria-1.2/)
 - [WAI-ARIA Authoring Practices 1.2](https://www.w3.org/TR/wai-aria-practices-1.2/)
 
-### Assistive Technologies
+### Assistive Technologies {#assistive-technologies}
 
 - Screen Readers
   - [NVDA](https://www.nvaccess.org/download/)
@@ -483,24 +485,26 @@ W3C's WAI-ARIA provides guidance on how to build dynamic content and advanced us
   - [ChromeVox](https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en)
 - Zooming Tools
   - [MAGic](https://www.freedomscientific.com/products/software/magic/)
-  - [ZoomText](https://www.zoomtext.com/)
+  - [ZoomText](https://www.freedomscientific.com/products/software/zoomtext/)
   - [Magnifier](https://support.microsoft.com/en-us/help/11542/windows-use-magnifier-to-make-things-easier-to-see)
 
-### Testing
+### Testing {#testing}
 
 - Automated Tools
   - [Lighthouse](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk)
   - [WAVE](https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh)
+  - [ARC Toolkit](https://chrome.google.com/webstore/detail/arc-toolkit/chdkkkccnlfncngelccgbgfmjebmkmce?hl=en-US)
 - Color Tools
   - [WebAim Color Contrast](https://webaim.org/resources/contrastchecker/)
   - [WebAim Link Color Contrast](https://webaim.org/resources/linkcontrastchecker)
 - Other Helpful Tools
   - [HeadingMap](https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi?hl=en…)
   - [Color Oracle](https://colororacle.org)
-  - [Focus Indicator](https://chrome.google.com/webstore/detail/focus-indicator/heeoeadndnhebmfebjccbhmccmaoedlf?hl=en-US…)
   - [NerdeFocus](https://chrome.google.com/webstore/detail/nerdefocus/lpfiljldhgjecfepfljnbjnbjfhennpd?hl=en-US…)
+  - [Visual Aria](https://chrome.google.com/webstore/detail/visual-aria/lhbmajchkkmakajkjenkchhnhbadmhmk?hl=en-US)
+  - [Silktide Website Accessibility Simulator](https://chrome.google.com/webstore/detail/silktide-website-accessib/okcpiimdfkpkjcbihbmhppldhiebhhaf?hl=en-US)
 
-### Users
+### Users {#users}
 
 The World Health Organization estimates that 15% of the world's population has some form of disability, 2-4% of them severely so. That is an estimated 1 billion people worldwide; making people with disabilities the largest minority group in the world.
 
diff --git a/src/guide/best-practices/images/AccessiblePlaceholder.png b/src/guide/best-practices/images/AccessiblePlaceholder.png
new file mode 100644
index 0000000000..5136c2937b
Binary files /dev/null and b/src/guide/best-practices/images/AccessiblePlaceholder.png differ
diff --git a/src/guide/best-practices/performance.md b/src/guide/best-practices/performance.md
index 33102192f9..eafa30cf29 100644
--- a/src/guide/best-practices/performance.md
+++ b/src/guide/best-practices/performance.md
@@ -2,25 +2,25 @@
 outline: deep
 ---
 
-# Performance
+# Performance {#performance}
 
-## Overview
+## Overview {#overview}
 
 Vue is designed to be performant for most common use cases without much need for manual optimizations. However, there are always challenging scenarios where extra fine-tuning is needed. In this section, we will discuss what you should pay attention to when it comes to performance in a Vue application.
 
 First, let's discuss the two major aspects of web performance:
 
-- **Page Load Performance**: how fast the application shows content and becomes interactive on the initial visit. This is usually measured using web vital metrics like [Largest Contentful Paint (LCP)](https://web.dev/lcp/) and [First Input Delay](https://web.dev/fid/).
+- **Page Load Performance**: how fast the application shows content and becomes interactive on the initial visit. This is usually measured using web vital metrics like [Largest Contentful Paint (LCP)](https://web.dev/lcp/) and [Interaction to Next Paint](https://web.dev/articles/inp).
 
 - **Update Performance**: how fast the application updates in response to user input. For example, how fast a list updates when the user types in a search box, or how fast the page switches when the user clicks a navigation link in a Single-Page Application (SPA).
 
 While it would be ideal to maximize both, different frontend architectures tend to affect how easy it is to attain desired performance in these aspects. In addition, the type of application you are building greatly influences what you should prioritize in terms of performance. Therefore, the first step of ensuring optimal performance is picking the right architecture for the type of application you are building:
 
-- Consult [Ways of Using Vue](/guide/extras/ways-of-using-vue.html) to see how you can leverage Vue in different ways.
+- Consult [Ways of Using Vue](/guide/extras/ways-of-using-vue) to see how you can leverage Vue in different ways.
 
 - Jason Miller discusses the types of web applications and their respective ideal implementation / delivery in [Application Holotypes](https://jasonformat.com/application-holotypes/).
 
-## Profiling Options
+## Profiling Options {#profiling-options}
 
 To improve performance, we need to first know how to measure it. There are a number of great tools that can help in this regard:
 
@@ -32,14 +32,20 @@ For profiling load performance of production deployments:
 For profiling performance during local development:
 
 - [Chrome DevTools Performance Panel](https://developer.chrome.com/docs/devtools/evaluate-performance/)
-  - [`app.config.performance`](/api/application.html#app-config-performance) enables Vue-specific performance markers in Chrome DevTools' performance timeline.
-- [Vue DevTools Extension](/guide/scaling-up/tooling.html#browser-devtools) also provides a performance profiling feature.
+  - [`app.config.performance`](/api/application#app-config-performance) enables Vue-specific performance markers in Chrome DevTools' performance timeline.
+- [Vue DevTools Extension](/guide/scaling-up/tooling#browser-devtools) also provides a performance profiling feature.
 
-## Page Load Optimizations
+## Page Load Optimizations {#page-load-optimizations}
 
 There are many framework-agnostic aspects for optimizing page load performance - check out [this web.dev guide](https://web.dev/fast/) for a comprehensive round up. Here, we will primarily focus on techniques that are specific to Vue.
 
-### Bundle Size and Tree-shaking
+### Choosing the Right Architecture {#choosing-the-right-architecture}
+
+If your use case is sensitive to page load performance, avoid shipping it as a pure client-side SPA. You want your server to be directly sending HTML containing the content the users want to see. Pure client-side rendering suffers from slow time-to-content. This can be mitigated with [Server-Side Rendering (SSR)](/guide/extras/ways-of-using-vue#fullstack-ssr) or [Static Site Generation (SSG)](/guide/extras/ways-of-using-vue#jamstack-ssg). Check out the [SSR Guide](/guide/scaling-up/ssr) to learn about performing SSR with Vue. If your app doesn't have rich interactivity requirements, you can also use a traditional backend server to render the HTML and enhance it with Vue on the client.
+
+If your main application has to be an SPA, but has marketing pages (landing, about, blog), ship them separately! Your marketing pages should ideally be deployed as static HTML with minimal JS, by using SSG.
+
+### Bundle Size and Tree-shaking {#bundle-size-and-tree-shaking}
 
 One of the most effective ways to improve page load performance is shipping smaller JavaScript bundles. Here are a few ways to reduce bundle size when using Vue:
 
@@ -49,15 +55,15 @@ One of the most effective ways to improve page load performance is shipping smal
 
   - When using a build step, templates are pre-compiled so we don't need to ship the Vue compiler to the browser. This saves **14kb** min+gzipped JavaScript and avoids the runtime compilation cost.
 
-- Be cautious of size when introducing new dependencies! In real world applications, bloated bundles are most often a result of introducing heavy dependencies without realizing it.
+- Be cautious of size when introducing new dependencies! In real-world applications, bloated bundles are most often a result of introducing heavy dependencies without realizing it.
 
   - If using a build step, prefer dependencies that offer ES module formats and are tree-shaking friendly. For example, prefer `lodash-es` over `lodash`.
 
-  - Check a dependency's size and evaluate whether it is worth the functionality it provides. Note if the dependency is tree-shaking friendly, the actual size increase will depend on the APIs you actually import from it. Tools like [bundle.js.org](https://bundle.js.org/) can be used for quick checks, but measuring with your actual build setup will always be the most accurate.
+  - Check a dependency's size and evaluate whether it is worth the functionality it provides. Note if the dependency is tree-shaking friendly, the actual size increase will depend on the APIs you actually import from it. Tools like [bundlejs.com](https://bundlejs.com/) can be used for quick checks, but measuring with your actual build setup will always be the most accurate.
 
 - If you are using Vue primarily for progressive enhancement and prefer to avoid a build step, consider using [petite-vue](https://github.com/vuejs/petite-vue) (only **6kb**) instead.
 
-### Code Splitting
+### Code Splitting {#code-splitting}
 
 Code splitting is where a build tool splits the application bundle into multiple smaller chunks, which can then be loaded on demand or in parallel. With proper code splitting, features required at page load can be downloaded immediately, with additional chunks being lazy loaded only when needed, thus improving performance.
 
@@ -71,7 +77,7 @@ function loadLazy() {
 }
 ```
 
-Lazy loading is best used on features that are not immediately needed after initial page load. In Vue applications, this is typically used in combination with Vue's [Async Component](/guide/components/async.html) feature to create split chunks for component trees:
+Lazy loading is best used on features that are not immediately needed after initial page load. In Vue applications, this can be used in combination with Vue's [Async Component](/guide/components/async) feature to create split chunks for component trees:
 
 ```js
 import { defineAsyncComponent } from 'vue'
@@ -82,15 +88,11 @@ import { defineAsyncComponent } from 'vue'
 const Foo = defineAsyncComponent(() => import('./Foo.vue'))
 ```
 
-If using client-side routing via Vue Router, it is strongly recommended to use async components as route components. See [Lazy Loading Routes](https://router.vuejs.org/guide/advanced/lazy-loading.html) for more details.
+For applications using Vue Router, it is strongly recommended to use lazy loading for route components. Vue Router has explicit support for lazy loading, separate from `defineAsyncComponent`. See [Lazy Loading Routes](https://router.vuejs.org/guide/advanced/lazy-loading.html) for more details.
 
-### SSR / SSG
+## Update Optimizations {#update-optimizations}
 
-Pure client-side rendering suffers from slow time-to-content. This can be mitigated with Server-Side Rendering (SSR) or Static Site Generation (SSG). Check out the [SSR Guide](/guide/scaling-up/ssr.html) for more details.
-
-## Update Optimizations
-
-### Props Stability
+### Props Stability {#props-stability}
 
 In Vue, a child component only updates when at least one of its received props has changed. Consider the following example:
 
@@ -114,19 +116,64 @@ Ideally, only the items whose active status changed should update. We can achiev
 
 Now, for most components the `active` prop will remain the same when `activeId` changes, so they no longer need to update. In general, the idea is keeping the props passed to child components as stable as possible.
 
-### `v-once`
+### `v-once` {#v-once}
+
+`v-once` is a built-in directive that can be used to render content that relies on runtime data but never needs to update. The entire sub-tree it is used on will be skipped for all future updates. Consult its [API reference](/api/built-in-directives#v-once) for more details.
+
+### `v-memo` {#v-memo}
+
+`v-memo` is a built-in directive that can be used to conditionally skip the update of large sub-trees or `v-for` lists. Consult its [API reference](/api/built-in-directives#v-memo) for more details.
+
+### Computed Stability {#computed-stability}
+
+In Vue 3.4 and above, a computed property will only trigger effects when its computed value has changed from the previous one. For example, the following `isEven` computed only triggers effects if the returned value has changed from `true` to `false`, or vice-versa:
+
+```js
+const count = ref(0)
+const isEven = computed(() => count.value % 2 === 0)
 
-`v-once` is a built-in directive that can be used to render content that relies on runtime data but never needs to update. The entire sub-tree it is used on will be skipped for all future updates. Consult its [API reference](/api/built-in-directives.html#v-once) for more details.
+watchEffect(() => console.log(isEven.value)) // true
+
+// will not trigger new logs because the computed value stays `true`
+count.value = 2
+count.value = 4
+```
+
+This reduces unnecessary effect triggers, but unfortunately doesn't work if the computed creates a new object on each compute:
+
+```js
+const computedObj = computed(() => {
+  return {
+    isEven: count.value % 2 === 0
+  }
+})
+```
+
+Because a new object is created each time, the new value is technically always different from the old value. Even if the `isEven` property remains the same, Vue won't be able to know unless it performs a deep comparison of the old value and the new value. Such comparison could be expensive and likely not worth it.
+
+Instead, we can optimize this by manually comparing the new value with the old value, and conditionally returning the old value if we know nothing has changed:
+
+```js
+const computedObj = computed((oldValue) => {
+  const newValue = {
+    isEven: count.value % 2 === 0
+  }
+  if (oldValue && oldValue.isEven === newValue.isEven) {
+    return oldValue
+  }
+  return newValue
+})
+```
 
-### `v-memo`
+[Try it in the playground](https://play.vuejs.org/#eNqVVMtu2zAQ/JUFgSZK4UpuczMkow/40AJ9IC3aQ9mDIlG2EokUyKVt1PC/d0lKtoEminMQQC1nZ4c7S+7Yu66L11awGUtNoesOwQi03ZzLuu2URtiBFtUECtV2FkU5gU2OxWpRVaJA2EOlVQuXxHDJJZeFkgYJayVC5hKj6dUxLnzSjZXmV40rZfFrh3Vb/82xVrLH//5DCQNNKPkweNiNVFP+zBsrIJvDjksgGrRahjVAbRZrIWdBVLz2yBfwBrIsg6mD7LncPyryfIVnywupUmz68HOEEqqCI+XFBQzrOKR79MDdx66GCn1jhpQDZx8f0oZ+nBgdRVcH/aMuBt1xZ80qGvGvh/X6nlXwnGpPl6qsLLxTtitzFFTNl0oSN/79AKOCHHQuS5pw4XorbXsr9ImHZN7nHFdx1SilI78MeOJ7Ca+nbvgd+GgomQOv6CNjSQqXaRJuHd03+kHRdg3JoT+A3a7XsfcmpbcWkQS/LZq6uM84C8o5m4fFuOg0CemeOXXX2w2E6ylsgj2gTgeYio/f1l5UEqj+Z3yC7lGuNDlpApswNNTrql7Gd0ZJeqW8TZw5t+tGaMdDXnA2G4acs7xp1OaTj6G2YjLEi5Uo7h+I35mti3H2TQsj9Jp6etjDXC8Fhu3F9y9iS+vDZqtK2xB6ZPNGGNVYpzHA3ltZkuwTnFf70b+1tVz+MIstCmmGQzmh/p56PGf00H4YOfpR7nV8PTxubP8P2GAP9Q==)
 
-`v-memo` is a built-in directive that can be used to conditionally skip the update of large sub-trees or `v-for` lists. Consult its [API reference](/api/built-in-directives.html#v-memo) for more details.
+Note that you should always perform the full computation before comparing and returning the old value, so that the same dependencies can be collected on every run.
 
-## General Optimizations
+## General Optimizations {#general-optimizations}
 
 > The following tips affect both page load and update performance.
 
-### Virtualize Large Lists
+### Virtualize Large Lists {#virtualize-large-lists}
 
 One of the most common performance issues in all frontend applications is rendering large lists. No matter how performant a framework is, rendering a list with thousands of items **will** be slow due to the sheer number of DOM nodes that the browser needs to handle.
 
@@ -136,12 +183,13 @@ Implementing list virtualization isn't easy, luckily there are existing communit
 
 - [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller)
 - [vue-virtual-scroll-grid](https://github.com/rocwang/vue-virtual-scroll-grid)
+- [vueuc/VVirtualList](https://github.com/07akioni/vueuc)
 
-### Reduce Reactivity Overhead for Large Immutable Structures
+### Reduce Reactivity Overhead for Large Immutable Structures {#reduce-reactivity-overhead-for-large-immutable-structures}
 
 Vue's reactivity system is deep by default. While this makes state management intuitive, it does create a certain level of overhead when the data size is large, because every property access triggers proxy traps that perform dependency tracking. This typically becomes noticeable when dealing with large arrays of deeply nested objects, where a single render needs to access 100,000+ properties, so it should only affect very specific use cases.
 
-Vue does provide an escape hatch to opt-out of deep reactivity by using [`shallowRef()`](/api/reactivity-advanced.html#shallowref) and [`shallowReactive()`](/api/reactivity-advanced.html#shallowreactive). Shallow APIs create state that is reactive only at the root level, and exposes all nested objects untouched. This keeps nested property access fast, with the trade-off being that we must now treat all nested objects as immutable, and updates can only be triggered by replacing the root state:
+Vue does provide an escape hatch to opt-out of deep reactivity by using [`shallowRef()`](/api/reactivity-advanced#shallowref) and [`shallowReactive()`](/api/reactivity-advanced#shallowreactive). Shallow APIs create state that is reactive only at the root level, and exposes all nested objects untouched. This keeps nested property access fast, with the trade-off being that we must now treat all nested objects as immutable, and updates can only be triggered by replacing the root state:
 
 ```js
 const shallowArray = shallowRef([
@@ -151,7 +199,7 @@ const shallowArray = shallowRef([
 // this won't trigger updates...
 shallowArray.value.push(newObject)
 // this does:
-shallowArray.value = [...shallowArr.value, newObject]
+shallowArray.value = [...shallowArray.value, newObject]
 
 // this won't trigger updates...
 shallowArray.value[0].foo = 1
@@ -165,8 +213,8 @@ shallowArray.value = [
 ]
 ```
 
-### Avoid Unnecessary Component Abstractions
+### Avoid Unnecessary Component Abstractions {#avoid-unnecessary-component-abstractions}
 
-Sometimes we may create [renderless components](/guide/components/slots.html#renderless-components) or higher-order components (i.e. components that render other components with extra props) for better abstraction or code organization. While there is nothing wrong with this, do keep in mind that component instances are much more expensive than plain DOM nodes, and creating too many of them due to abstraction patterns will incur performance costs.
+Sometimes we may create [renderless components](/guide/components/slots#renderless-components) or higher-order components (i.e. components that render other components with extra props) for better abstraction or code organization. While there is nothing wrong with this, do keep in mind that component instances are much more expensive than plain DOM nodes, and creating too many of them due to abstraction patterns will incur performance costs.
 
 Note that reducing only a few instances won't have noticeable effect, so don't sweat it if the component is rendered only a few times in the app. The best scenario to consider this optimization is again in large lists. Imagine a list of 100 items where each item component contains many child components. Removing one unnecessary component abstraction here could result in a reduction of hundreds of component instances.
diff --git a/src/guide/best-practices/production-deployment.md b/src/guide/best-practices/production-deployment.md
index 5eac9a75c7..50ce44229d 100644
--- a/src/guide/best-practices/production-deployment.md
+++ b/src/guide/best-practices/production-deployment.md
@@ -1,17 +1,17 @@
-# Production Deployment
+# Production Deployment {#production-deployment}
 
-## Development vs. Production
+## Development vs. Production {#development-vs-production}
 
 During development, Vue provides a number of features to improve the development experience:
 
 - Warning for common errors and pitfalls
 - Props / events validation
-- Reactivity debugging hooks
+- [Reactivity debugging hooks](/guide/extras/reactivity-in-depth#reactivity-debugging)
 - Devtools integration
 
 However, these features become useless in production. Some of the warning checks can also incur a small amount of performance overhead. When deploying to production, we should drop all the unused, development-only code branches for smaller payload size and better performance.
 
-## Without Build Tools
+## Without Build Tools {#without-build-tools}
 
 If you are using Vue without a build tool by loading it from a CDN or self-hosted script, make sure to use the production build (dist files that end in `.prod.js`) when deploying to production. Production builds are pre-minified with all development-only code branches removed.
 
@@ -20,14 +20,14 @@ If you are using Vue without a build tool by loading it from a CDN or self-hoste
 
 Consult the [dist file guide](https://github.com/vuejs/core/tree/main/packages/vue#which-dist-file-to-use) for more details.
 
-## With Build Tools
+## With Build Tools {#with-build-tools}
 
 Projects scaffolded via `create-vue` (based on Vite) or Vue CLI (based on webpack) are pre-configured for production builds.
 
 If using a custom setup, make sure that:
 
 1. `vue` resolves to `vue.runtime.esm-bundler.js`.
-2. The [compile time feature flags](https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags) are properly configured.
+2. The [compile time feature flags](/api/compile-time-flags) are properly configured.
 3. <code>process.env<wbr>.NODE_ENV</code> is replaced with `"production"` during build.
 
 Additional references:
@@ -36,9 +36,9 @@ Additional references:
 - [Vite deployment guide](https://vitejs.dev/guide/static-deploy.html)
 - [Vue CLI deployment guide](https://cli.vuejs.org/guide/deployment.html)
 
-## Tracking Runtime Errors
+## Tracking Runtime Errors {#tracking-runtime-errors}
 
-The [app-level error handler](/api/application.html#app-config-errorhandler) can be used to report errors to tracking services:
+The [app-level error handler](/api/application#app-config-errorhandler) can be used to report errors to tracking services:
 
 ```js
 import { createApp } from 'vue'
diff --git a/src/guide/best-practices/security.md b/src/guide/best-practices/security.md
index f119d072a2..7bc62b0dee 100644
--- a/src/guide/best-practices/security.md
+++ b/src/guide/best-practices/security.md
@@ -1,12 +1,12 @@
-# Security
+# Security {#security}
 
-## Reporting Vulnerabilities
+## Reporting Vulnerabilities {#reporting-vulnerabilities}
 
 When a vulnerability is reported, it immediately becomes our top concern, with a full-time contributor dropping everything to work on it. To report a vulnerability, please email [security@vuejs.org](mailto:security@vuejs.org).
 
 While the discovery of new vulnerabilities is rare, we also recommend always using the latest versions of Vue and its official companion libraries to ensure your application remains as secure as possible.
 
-## Rule No.1: Never Use Non-trusted Templates
+## Rule No.1: Never Use Non-trusted Templates {#rule-no-1-never-use-non-trusted-templates}
 
 The most fundamental security rule when using Vue is **never use non-trusted content as your component template**. Doing so is equivalent to allowing arbitrary JavaScript execution in your application - and worse, could lead to server breaches if the code is executed during server-side rendering. An example of such usage:
 
@@ -18,9 +18,9 @@ Vue.createApp({
 
 Vue templates are compiled into JavaScript, and expressions inside templates will be executed as part of the rendering process. Although the expressions are evaluated against a specific rendering context, due to the complexity of potential global execution environments, it is impractical for a framework like Vue to completely shield you from potential malicious code execution without incurring unrealistic performance overhead. The most straightforward way to avoid this category of problems altogether is to make sure the contents of your Vue templates are always trusted and entirely controlled by you.
 
-## What Vue Does to Protect You
+## What Vue Does to Protect You {#what-vue-does-to-protect-you}
 
-### HTML content
+### HTML content {#html-content}
 
 Whether using templates or render functions, content is automatically escaped. That means in this template:
 
@@ -42,7 +42,7 @@ then it would be escaped to the following HTML:
 
 thus preventing the script injection. This escaping is done using native browser APIs, like `textContent`, so a vulnerability can only exist if the browser itself is vulnerable.
 
-### Attribute bindings
+### Attribute bindings {#attribute-bindings}
 
 Similarly, dynamic attribute bindings are also automatically escaped. That means in this template:
 
@@ -66,15 +66,15 @@ then it would be escaped to the following HTML:
 
 thus preventing the close of the `title` attribute to inject new, arbitrary HTML. This escaping is done using native browser APIs, like `setAttribute`, so a vulnerability can only exist if the browser itself is vulnerable.
 
-## Potential Dangers
+## Potential Dangers {#potential-dangers}
 
-In any web application, allowing unsanitized, user-provided content to be executed as HTML, CSS, or JavaScript is potentially dangerous, so should be avoided wherever possible. There are times when some risk may be acceptable though.
+In any web application, allowing unsanitized, user-provided content to be executed as HTML, CSS, or JavaScript is potentially dangerous, so it should be avoided wherever possible. There are times when some risk may be acceptable, though.
 
 For example, services like CodePen and JSFiddle allow user-provided content to be executed, but it's in a context where this is expected and sandboxed to some extent inside iframes. In the cases when an important feature inherently requires some level of vulnerability, it's up to your team to weigh the importance of the feature against the worst-case scenarios the vulnerability enables.
 
-### Injecting HTML
+### HTML Injection {#html-injection}
 
-As you learned earlier, Vue automatically escapes HTML content, preventing you from accidentally injecting executable HTML into your application. However, in cases where you know the HTML is safe, you can explicitly render HTML content:
+As you learned earlier, Vue automatically escapes HTML content, preventing you from accidentally injecting executable HTML into your application. However, **in cases where you know the HTML is safe**, you can explicitly render HTML content:
 
 - Using a template:
 
@@ -96,11 +96,11 @@ As you learned earlier, Vue automatically escapes HTML content, preventing you f
   <div innerHTML={this.userProvidedHtml}></div>
   ```
 
-:::tip
-Note that user-provided HTML can never be considered 100% safe unless it's in a sandboxed iframe or in a part of the app where only the user who wrote that HTML can ever be exposed to it. Additionally, allowing users to write their own Vue templates brings similar dangers.
+:::warning
+User-provided HTML can never be considered 100% safe unless it's in a sandboxed iframe or in a part of the app where only the user who wrote that HTML can ever be exposed to it. Additionally, allowing users to write their own Vue templates brings similar dangers.
 :::
 
-### Injecting URLs
+### URL Injection {#url-injection}
 
 In a URL like this:
 
@@ -110,13 +110,9 @@ In a URL like this:
 </a>
 ```
 
-There's a potential security issue if the URL has not been "sanitized" to prevent JavaScript execution using `javascript:`. There are libraries such as [sanitize-url](https://www.npmjs.com/package/@braintree/sanitize-url) to help with this, but note:
+There's a potential security issue if the URL has not been "sanitized" to prevent JavaScript execution using `javascript:`. There are libraries such as [sanitize-url](https://www.npmjs.com/package/@braintree/sanitize-url) to help with this, but note: if you're ever doing URL sanitization on the frontend, you already have a security issue. **User-provided URLs should always be sanitized by your backend before even being saved to a database.** Then the problem is avoided for _every_ client connecting to your API, including native mobile apps. Also note that even with sanitized URLs, Vue cannot help you guarantee that they lead to safe destinations.
 
-:::tip
-If you're ever doing URL sanitization on the frontend, you already have a security issue. User-provided URLs should always be sanitized by your backend before even being saved to a database. Then the problem is avoided for _every_ client connecting to your API, including native mobile apps. Also note that even with sanitized URLs, Vue cannot help you guarantee that they lead to safe destinations.
-:::
-
-### Injecting Styles
+### Style Injection {#style-injection}
 
 Looking at this example:
 
@@ -129,7 +125,7 @@ Looking at this example:
 </a>
 ```
 
-let's assume that `sanitizedUrl` has been sanitized, so that it's definitely a real URL and not JavaScript. With the `userProvidedStyles`, malicious users could still provide CSS to "click jack", e.g. styling the link into a transparent box over the "Log in" button. Then if `https://user-controlled-website.com/` is built to resemble the login page of your application, they might have just captured a user's real login information.
+Let's assume that `sanitizedUrl` has been sanitized, so that it's definitely a real URL and not JavaScript. With the `userProvidedStyles`, malicious users could still provide CSS to "click jack", e.g. styling the link into a transparent box over the "Log in" button. Then if `https://user-controlled-website.com/` is built to resemble the login page of your application, they might have just captured a user's real login information.
 
 You may be able to imagine how allowing user-provided content for a `<style>` element would create an even greater vulnerability, giving that user full control over how to style the entire page. That's why Vue prevents rendering of style tags inside templates, such as:
 
@@ -137,7 +133,7 @@ You may be able to imagine how allowing user-provided content for a `<style>` el
 <style>{{ userProvidedStyles }}</style>
 ```
 
-To keep your users fully safe from click jacking, we recommend only allowing full control over CSS inside a sandboxed iframe. Alternatively, when providing user control through a style binding, we recommend using its [object syntax](/guide/essentials/class-and-style.html#binding-to-objects-1) and only allowing users to provide values for specific properties it's safe for them to control, like this:
+To keep your users fully safe from clickjacking, we recommend only allowing full control over CSS inside a sandboxed iframe. Alternatively, when providing user control through a style binding, we recommend using its [object syntax](/guide/essentials/class-and-style#binding-to-objects-1) and only allowing users to provide values for specific properties it's safe for them to control, like this:
 
 ```vue-html
 <a
@@ -151,25 +147,25 @@ To keep your users fully safe from click jacking, we recommend only allowing ful
 </a>
 ```
 
-### Injecting JavaScript
+### JavaScript Injection {#javascript-injection}
 
 We strongly discourage ever rendering a `<script>` element with Vue, since templates and render functions should never have side effects. However, this isn't the only way to include strings that would be evaluated as JavaScript at runtime.
 
-Every HTML element has attributes with values accepting strings of JavaScript, such as `onclick`, `onfocus`, and `onmouseenter`. Binding user-provided JavaScript to any of these event attributes is a potential security risk, so should be avoided.
+Every HTML element has attributes with values accepting strings of JavaScript, such as `onclick`, `onfocus`, and `onmouseenter`. Binding user-provided JavaScript to any of these event attributes is a potential security risk, so it should be avoided.
 
-:::tip
-Note that user-provided JavaScript can never be considered 100% safe unless it's in a sandboxed iframe or in a part of the app where only the user who wrote that JavaScript can ever be exposed to it.
+:::warning
+User-provided JavaScript can never be considered 100% safe unless it's in a sandboxed iframe or in a part of the app where only the user who wrote that JavaScript can ever be exposed to it.
 :::
 
-Sometimes we receive vulnerability reports on how it's possible to do cross-site scripting (XSS) in Vue templates. In general, we do not consider such cases to be actual vulnerabilities, because there's no practical way to protect developers from the two scenarios that would allow XSS:
+Sometimes we receive vulnerability reports on how it's possible to do cross-site scripting (XSS) in Vue templates. In general, we do not consider such cases to be actual vulnerabilities because there's no practical way to protect developers from the two scenarios that would allow XSS:
 
-1. The developer is explicitly asking Vue to render user-provided, unsanitized content as Vue templates. This is inherently unsafe and there's no way for Vue to know the origin.
+1. The developer is explicitly asking Vue to render user-provided, unsanitized content as Vue templates. This is inherently unsafe, and there's no way for Vue to know the origin.
 
-2. The developer is mounting Vue to an entire HTML page which happens to contain server-rendered and user-provided content. This is fundamentally the same problem as \#1, but sometimes devs may do it without realizing. This can lead to possible vulnerabilities where the attacker provides HTML which is safe as plain HTML but unsafe as a Vue template. The best practice is to never mount Vue on nodes that may contain server-rendered and user-provided content.
+2. The developer is mounting Vue to an entire HTML page which happens to contain server-rendered and user-provided content. This is fundamentally the same problem as \#1, but sometimes devs may do it without realizing it. This can lead to possible vulnerabilities where the attacker provides HTML which is safe as plain HTML but unsafe as a Vue template. The best practice is to **never mount Vue on nodes that may contain server-rendered and user-provided content**.
 
-## Best Practices
+## Best Practices {#best-practices}
 
-The general rule is that if you allow unsanitized, user-provided content to be executed (as either HTML, JavaScript, or even CSS), you might be opening yourself up to attacks. This advice actually holds true whether using Vue, another framework, or even no framework.
+The general rule is that if you allow unsanitized, user-provided content to be executed (as either HTML, JavaScript, or even CSS), you might open yourself up to attacks. This advice actually holds true whether using Vue, another framework, or even no framework.
 
 Beyond the recommendations made above for [Potential Dangers](#potential-dangers), we also recommend familiarizing yourself with these resources:
 
@@ -178,10 +174,10 @@ Beyond the recommendations made above for [Potential Dangers](#potential-dangers
 
 Then use what you learn to also review the source code of your dependencies for potentially dangerous patterns, if any of them include 3rd-party components or otherwise influence what's rendered to the DOM.
 
-## Backend Coordination
+## Backend Coordination {#backend-coordination}
 
-HTTP security vulnerabilities, such as cross-site request forgery (CSRF/XSRF) and cross-site script inclusion (XSSI), are primarily addressed on the backend, so aren't a concern of Vue's. However, it's still a good idea to communicate with your backend team to learn how to best interact with their API, e.g. by submitting CSRF tokens with form submissions.
+HTTP security vulnerabilities, such as cross-site request forgery (CSRF/XSRF) and cross-site script inclusion (XSSI), are primarily addressed on the backend, so they aren't a concern of Vue's. However, it's still a good idea to communicate with your backend team to learn how to best interact with their API, e.g., by submitting CSRF tokens with form submissions.
 
-## Server-Side Rendering (SSR)
+## Server-Side Rendering (SSR) {#server-side-rendering-ssr}
 
-There are some additional security concerns when using SSR, so make sure to follow the best practices outlined throughout [our SSR documentation](/guide/scaling-up/ssr.html) to avoid vulnerabilities.
+There are some additional security concerns when using SSR, so make sure to follow the best practices outlined throughout [our SSR documentation](/guide/scaling-up/ssr) to avoid vulnerabilities.
diff --git a/src/guide/built-ins/keep-alive-demos/CompA.vue b/src/guide/built-ins/keep-alive-demos/CompA.vue
index 437524c1d4..eaf6daf9fb 100644
--- a/src/guide/built-ins/keep-alive-demos/CompA.vue
+++ b/src/guide/built-ins/keep-alive-demos/CompA.vue
@@ -1,9 +1,10 @@
 <script setup>
-let count = $ref(0)
+import { ref } from 'vue'
+const count = ref(0)
 </script>
 
 <template>
   <p>Current component: A</p>
-  <span style="margin-right:20px">count: {{ count }}</span>
+  <span style="margin-right: 20px">Count: {{ count }}</span>
   <button @click="count++">+</button>
 </template>
diff --git a/src/guide/built-ins/keep-alive-demos/CompB.vue b/src/guide/built-ins/keep-alive-demos/CompB.vue
index b236717e15..026f707171 100644
--- a/src/guide/built-ins/keep-alive-demos/CompB.vue
+++ b/src/guide/built-ins/keep-alive-demos/CompB.vue
@@ -1,9 +1,10 @@
 <script setup>
-let msg = $ref('')
+import { ref } from 'vue'
+const msg = ref('')
 </script>
 
 <template>
   <p>Current component: B</p>
-  <span style="margin-right:20px;">Message is: {{ msg }}</span>
+  <span style="margin-right: 20px">Message is: {{ msg }}</span>
   <input v-model="msg">
 </template>
diff --git a/src/guide/built-ins/keep-alive-demos/SwitchComponent.vue b/src/guide/built-ins/keep-alive-demos/SwitchComponent.vue
index 757feb43e5..97b9006323 100644
--- a/src/guide/built-ins/keep-alive-demos/SwitchComponent.vue
+++ b/src/guide/built-ins/keep-alive-demos/SwitchComponent.vue
@@ -1,10 +1,11 @@
 <script setup>
+import { shallowRef } from 'vue'
 import CompA from './CompA.vue'
 import CompB from './CompB.vue'
 
-let current = $shallowRef(CompA)
+const current = shallowRef(CompA)
 
-const { useKeepAlive } = defineProps({ useKeepAlive: Boolean })
+defineProps({ useKeepAlive: Boolean })
 </script>
 
 <template>
diff --git a/src/guide/built-ins/keep-alive.md b/src/guide/built-ins/keep-alive.md
index e9017d6629..8d202f1876 100644
--- a/src/guide/built-ins/keep-alive.md
+++ b/src/guide/built-ins/keep-alive.md
@@ -2,21 +2,21 @@
 import SwitchComponent from './keep-alive-demos/SwitchComponent.vue'
 </script>
 
-# KeepAlive
+# KeepAlive {#keepalive}
 
 `<KeepAlive>` is a built-in component that allows us to conditionally cache component instances when dynamically switching between multiple components.
 
-## Basic Usage
+## Basic Usage {#basic-usage}
 
-In the Component Basics chapter, we introduced the syntax for [Dynamic Components](/guide/essentials/component-basics.html#dynamic-components), using the `<component>` special element:
+In the Component Basics chapter, we introduced the syntax for [Dynamic Components](/guide/essentials/component-basics#dynamic-components), using the `<component>` special element:
 
 ```vue-html
 <component :is="activeComponent" />
 ```
 
-By default, an active component instance will be unmounted when switched away from. This will cause any changed state it holds to be lost.
+By default, an active component instance will be unmounted when switching away from it. This will cause any changed state it holds to be lost. When this component is displayed again, a new instance will be created with only the initial state.
 
-In the example below, we have two stateful components - A contains a counter, while B contains a message synced with an input via `v-model`. Try update the state of one of them, switch away, and then switch back to it:
+In the example below, we have two stateful components - A contains a counter, while B contains a message synced with an input via `v-model`. Try updating the state of one of them, switch away, and then switch back to it:
 
 <SwitchComponent />
 
@@ -37,43 +37,47 @@ Now, the state will be persisted across component switches:
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHNoYWxsb3dSZWYgfSBmcm9tICd2dWUnXG5pbXBvcnQgQ29tcEEgZnJvbSAnLi9Db21wQS52dWUnXG5pbXBvcnQgQ29tcEIgZnJvbSAnLi9Db21wQi52dWUnXG5cbmNvbnN0IGN1cnJlbnQgPSBzaGFsbG93UmVmKENvbXBBKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cImRlbW9cIj5cbiAgICA8bGFiZWw+PGlucHV0IHR5cGU9XCJyYWRpb1wiIHYtbW9kZWw9XCJjdXJyZW50XCIgOnZhbHVlPVwiQ29tcEFcIiAvPiBBPC9sYWJlbD5cbiAgICA8bGFiZWw+PGlucHV0IHR5cGU9XCJyYWRpb1wiIHYtbW9kZWw9XCJjdXJyZW50XCIgOnZhbHVlPVwiQ29tcEJcIiAvPiBCPC9sYWJlbD5cbiAgICA8S2VlcEFsaXZlPlxuICAgICAgPGNvbXBvbmVudCA6aXM9XCJjdXJyZW50XCI+PC9jb21wb25lbnQ+XG4gICAgPC9LZWVwQWxpdmU+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT5cbiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJDb21wQS52dWUiOiI8c2NyaXB0IHNldHVwPlxuaW1wb3J0IHsgcmVmIH0gZnJvbSAndnVlJ1xuXG5jb25zdCBjb3VudCA9IHJlZigwKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPHA+Q3VycmVudCBjb21wb25lbnQ6IEE8L3A+XG4gIDxzcGFuPmNvdW50OiB7eyBjb3VudCB9fTwvc3Bhbj5cbiAgPGJ1dHRvbiBAY2xpY2s9XCJjb3VudCsrXCI+KzwvYnV0dG9uPlxuPC90ZW1wbGF0ZT5cbiIsIkNvbXBCLnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5pbXBvcnQgeyByZWYgfSBmcm9tICd2dWUnXG5jb25zdCBtc2cgPSByZWYoJycpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8cD5DdXJyZW50IGNvbXBvbmVudDogQjwvcD5cbiAgPHNwYW4+TWVzc2FnZSBpczoge3sgbXNnIH19PC9zcGFuPlxuICA8aW5wdXQgdi1tb2RlbD1cIm1zZ1wiPlxuPC90ZW1wbGF0ZT5cbiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqtUsFOwzAM/RWrl4IGC+cqq2h3RFw495K12YhIk6hJi1DVf8dJSllBaAJxi+2XZz8/j0lhzHboeZIl1NadMA4sd73JKyVaozsHI9hnJqV+feJHmODY6RZS/JEuiL1uTTEXtiREnnINKFeAcgZUqtbKOqj7ruPKwe6s2VVguq4UJXEynAkDx1sjmeMYAdBGDFBLZu2uShre6ioJeaxIduAyp0KZ3oF7MxwRHWsEQmC4bXXDJWbmxpjLBiZ7DwptMUFyKCiJNP/BWUbO8gvnA+emkGKIgkKqRrRWfh+Z8MIWwpySpfbxn6wJKMGV4IuSs0UlN1HVJae7bxYvBuk+2IOIq7sLnph8P9u5DJv5VfpWWLaGqTzwZTCOM/M0IaMvBMihd04ruK+lqF/8Ajxms8EFbCiJxR8khsP6ncQosLWnWV6a/kUf2nqu75Fby04chA0iPftaYryhz6NBRLjdtajpHZTWPio=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBDb21wQSBmcm9tICcuL0NvbXBBLnZ1ZSdcbmltcG9ydCBDb21wQiBmcm9tICcuL0NvbXBCLnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHsgQ29tcEEsIENvbXBCIH0sXG4gIGRhdGEoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGN1cnJlbnQ6ICdDb21wQSdcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJkZW1vXCI+XG4gICAgPGxhYmVsPjxpbnB1dCB0eXBlPVwicmFkaW9cIiB2LW1vZGVsPVwiY3VycmVudFwiIHZhbHVlPVwiQ29tcEFcIiAvPiBBPC9sYWJlbD5cbiAgICA8bGFiZWw+PGlucHV0IHR5cGU9XCJyYWRpb1wiIHYtbW9kZWw9XCJjdXJyZW50XCIgdmFsdWU9XCJDb21wQlwiIC8+IEI8L2xhYmVsPlxuICAgIDxLZWVwQWxpdmU+XG4gICAgICA8Y29tcG9uZW50IDppcz1cImN1cnJlbnRcIj48L2NvbXBvbmVudD5cbiAgICA8L0tlZXBBbGl2ZT5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPlxuIiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkNvbXBBLnZ1ZSI6IjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIGRhdGEoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNvdW50OiAwXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8cD5DdXJyZW50IGNvbXBvbmVudDogQTwvcD5cbiAgPHNwYW4+Y291bnQ6IHt7IGNvdW50IH19PC9zcGFuPlxuICA8YnV0dG9uIEBjbGljaz1cImNvdW50KytcIj4rPC9idXR0b24+XG48L3RlbXBsYXRlPlxuIiwiQ29tcEIudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbXNnOiAnJ1xuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cblxuPHRlbXBsYXRlPlxuICA8cD5DdXJyZW50IGNvbXBvbmVudDogQjwvcD5cbiAgPHNwYW4+TWVzc2FnZSBpczoge3sgbXNnIH19PC9zcGFuPlxuICA8aW5wdXQgdi1tb2RlbD1cIm1zZ1wiPlxuPC90ZW1wbGF0ZT5cbiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqtU8tugzAQ/JUVl7RKWveMXFTIseofcHHAiawasPxArRD/3rVNSEhbpVUrIWB3x7PM7jAkuVL3veNJmlBTaaFsVraiUZ22sO0alcNedw2s7kmIPHS1ABQLQDEBAMqWvwVQzffMSQuDz1aI6VreWpPCEBtsJppx4wE1s+zmNoIBNLdOt8cIjzut8XAKq3A0NAIY/QNveFEyi8DA8kZJZjlGALQWPVSSGfNYJjVvujIJeaxItuMyo6JVzoJ9VxwRmtUCIdDfNV3NJWam5j7HpPOY8BEYkwxySiLLP1AWkbK4oHzmXOVS9FFOSM3jhFR4WTNfRslcO54nSwJKcCD4RsnZmJJNFPXJEl8t88quOuc39fCrHalsGyWcnJL62apYNoq12UQ8DLEFjCMy+kKA7Jy1XQtPlRTVqx+Jx6zXOJI1JbH4jejg3T+KbswBzXnFlz9Tjes/V/3CjWEHDsL/OYNvdCE8Wu3kLUQEhy+ljh+brFFu)
 
 </div>
 
 :::tip
-When used in [DOM templates](/guide/essentials/component-basics.html#dom-template-parsing-caveats), it should be referenced as `<keep-alive>`.
+When used in [in-DOM templates](/guide/essentials/component-basics#in-dom-template-parsing-caveats), it should be referenced as `<keep-alive>`.
 :::
 
-## Include / Exclude
+## Include / Exclude {#include-exclude}
 
 By default, `<KeepAlive>` will cache any component instance inside. We can customize this behavior via the `include` and `exclude` props. Both props can be a comma-delimited string, a `RegExp`, or an array containing either types:
 
 ```vue-html
 <!-- comma-delimited string -->
 <KeepAlive include="a,b">
-  <component :is="view"></component>
+  <component :is="view" />
 </KeepAlive>
 
 <!-- regex (use `v-bind`) -->
 <KeepAlive :include="/a|b/">
-  <component :is="view"></component>
+  <component :is="view" />
 </KeepAlive>
 
 <!-- Array (use `v-bind`) -->
 <KeepAlive :include="['a', 'b']">
-  <component :is="view"></component>
+  <component :is="view" />
 </KeepAlive>
 ```
 
-The match is checked against the component's [`name`](/api/options-misc.html#name) option, so components that need to be conditionally cached by `KeepAlive` must explicitly declare a `name` option.
+The match is checked against the component's [`name`](/api/options-misc#name) option, so components that need to be conditionally cached by `KeepAlive` must explicitly declare a `name` option.
 
-## Max Cached Instances
+:::tip
+Since version 3.2.34, a single-file component using `<script setup>` will automatically infer its `name` option based on the filename, removing the need to manually declare the name.
+:::
+
+## Max Cached Instances {#max-cached-instances}
 
 We can limit the maximum number of component instances that can be cached via the `max` prop. When `max` is specified, `<KeepAlive>` behaves like an [LRU cache](<https://en.wikipedia.org/wiki/Cache_replacement_policies#Least_recently_used_(LRU)>): if the number of cached instances is about to exceed the specified max count, the least recently accessed cached instance will be destroyed to make room for the new one.
 
@@ -83,13 +87,13 @@ We can limit the maximum number of component instances that can be cached via th
 </KeepAlive>
 ```
 
-## Lifecycle of Cached Instance
+## Lifecycle of Cached Instance {#lifecycle-of-cached-instance}
 
 When a component instance is removed from the DOM but is part of a component tree cached by `<KeepAlive>`, it goes into a **deactivated** state instead of being unmounted. When a component instance is inserted into the DOM as part of a cached tree, it is **activated**.
 
 <div class="composition-api">
 
-A kept-alive component can register lifecycle hooks for these two states using [`onActivated()`](/api/composition-api-lifecycle.html#onactivated) and [`onDeactivated()`](/api/composition-api-lifecycle.html#ondeactivated):
+A kept-alive component can register lifecycle hooks for these two states using [`onActivated()`](/api/composition-api-lifecycle#onactivated) and [`onDeactivated()`](/api/composition-api-lifecycle#ondeactivated):
 
 ```vue
 <script setup>
@@ -110,7 +114,7 @@ onDeactivated(() => {
 </div>
 <div class="options-api">
 
-A kept-alive component can register lifecycle hooks for these two states using [`activated`](/api/options-lifecycle.html#activated) and [`deactivated`](/api/options-lifecycle.html#deactivated) hooks:
+A kept-alive component can register lifecycle hooks for these two states using [`activated`](/api/options-lifecycle#activated) and [`deactivated`](/api/options-lifecycle#deactivated) hooks:
 
 ```js
 export default {
@@ -131,10 +135,9 @@ Note that:
 
 - <span class="composition-api">`onActivated`</span><span class="options-api">`activated`</span> is also called on mount, and <span class="composition-api">`onDeactivated`</span><span class="options-api">`deactivated`</span> on unmount.
 
-- Both hooks work for not only the root component cached by `<KeepAlive>`, but also descendent components in the cached tree.
-
+- Both hooks work for not only the root component cached by `<KeepAlive>`, but also the descendant components in the cached tree.
 ---
 
 **Related**
 
-- [`<KeepAlive>` API reference](/api/built-in-components.html#keepalive)
+- [`<KeepAlive>` API reference](/api/built-in-components#keepalive)
diff --git a/src/guide/built-ins/suspense.md b/src/guide/built-ins/suspense.md
index 29f44a64f2..ea8bdcdd4d 100644
--- a/src/guide/built-ins/suspense.md
+++ b/src/guide/built-ins/suspense.md
@@ -2,7 +2,7 @@
 outline: deep
 ---
 
-# Suspense
+# Suspense {#suspense}
 
 :::warning Experimental Feature
 `<Suspense>` is an experimental feature. It is not guaranteed to reach stable status and the API may change before it does.
@@ -10,7 +10,7 @@ outline: deep
 
 `<Suspense>` is a built-in component for orchestrating async dependencies in a component tree. It can render a loading state while waiting for multiple nested async dependencies down the component tree to be resolved.
 
-## Async Dependencies
+## Async Dependencies {#async-dependencies}
 
 To explain the problem `<Suspense>` is trying to solve and how it interacts with these async dependencies, let's imagine a component hierarchy like the following:
 
@@ -32,9 +32,9 @@ There are two types of async dependencies that `<Suspense>` can wait on:
 
 1. Components with an async `setup()` hook. This includes components using `<script setup>` with top-level `await` expressions.
 
-2. [Async Components](/guide/components/async.html).
+2. [Async Components](/guide/components/async).
 
-### `async setup()`
+### `async setup()` {#async-setup}
 
 A Composition API component's `setup()` hook can be async:
 
@@ -63,13 +63,13 @@ const posts = await res.json()
 </template>
 ```
 
-### Async Components
+### Async Components {#async-components}
 
 Async components are **"suspensible"** by default. This means that if it has a `<Suspense>` in the parent chain, it will be treated as an async dependency of that `<Suspense>`. In this case, the loading state will be controlled by the `<Suspense>`, and the component's own loading, error, delay and timeout options will be ignored.
 
 The async component can opt-out of `Suspense` control and let the component always control its own loading state by specifying `suspensible: false` in its options.
 
-## Loading State
+## Loading State {#loading-state}
 
 The `<Suspense>` component has two slots: `#default` and `#fallback`. Both slots only allow for **one** immediate child node. The node in the default slot is shown if possible. If not, the node in the fallback slot will be shown instead.
 
@@ -93,17 +93,17 @@ Once in a resolved state, `<Suspense>` will only revert to a pending state if th
 
 When a revert happens, fallback content will not be immediately displayed. Instead, `<Suspense>` will display the previous `#default` content while waiting for the new content and its async dependencies to be resolved. This behavior can be configured with the `timeout` prop: `<Suspense>` will switch to fallback content if it takes longer than `timeout` to render the new default content. A `timeout` value of `0` will cause the fallback content to be displayed immediately when default content is replaced.
 
-## Events
+## Events {#events}
 
 The `<Suspense>` component emits 3 events: `pending`, `resolve` and `fallback`. The `pending` event occurs when entering a pending state. The `resolve` event is emitted when new content has finished resolving in the `default` slot. The `fallback` event is fired when the contents of the `fallback` slot are shown.
 
 The events could be used, for example, to show a loading indicator in front of the old DOM while new components are loading.
 
-## Error Handling
+## Error Handling {#error-handling}
 
-`<Suspense>` currently does not provide error handling via the component itself - however, you can use the [`errorCaptured`](/api/options-lifecycle.html#errorcaptured) option or the [`onErrorCaptured()`](/api/composition-api-lifecycle.html#onerrorcaptured) hook to capture and handle async errors in the parent component of `<Suspense>`.
+`<Suspense>` currently does not provide error handling via the component itself - however, you can use the [`errorCaptured`](/api/options-lifecycle#errorcaptured) option or the [`onErrorCaptured()`](/api/composition-api-lifecycle#onerrorcaptured) hook to capture and handle async errors in the parent component of `<Suspense>`.
 
-## Combining with Other Components
+## Combining with Other Components {#combining-with-other-components}
 
 It is common to want to use `<Suspense>` in combination with the [`<Transition>`](./transition) and [`<KeepAlive>`](./keep-alive) components. The nesting order of these components is important to get them all working correctly.
 
@@ -132,3 +132,39 @@ The following example shows how to nest these components so that they all behave
 ```
 
 Vue Router has built-in support for [lazily loading components](https://router.vuejs.org/guide/advanced/lazy-loading.html) using dynamic imports. These are distinct from async components and currently they will not trigger `<Suspense>`. However, they can still have async components as descendants and those can trigger `<Suspense>` in the usual way.
+
+## Nested Suspense {#nested-suspense}
+
+- Only supported in 3.3+
+
+When we have multiple async components (common for nested or layout-based routes) like this:
+
+```vue-html
+<Suspense>
+  <component :is="DynamicAsyncOuter">
+    <component :is="DynamicAsyncInner" />
+  </component>
+</Suspense>
+```
+
+`<Suspense>` creates a boundary that will resolve all the async components down the tree, as expected. However, when we change `DynamicAsyncOuter`, `<Suspense>` awaits it correctly, but when we change `DynamicAsyncInner`, the nested `DynamicAsyncInner` renders an empty node until it has been resolved (instead of the previous one or fallback slot).
+
+In order to solve that, we could have a nested suspense to handle the patch for the nested component, like:
+
+```vue-html
+<Suspense>
+  <component :is="DynamicAsyncOuter">
+    <Suspense suspensible> <!-- this -->
+      <component :is="DynamicAsyncInner" />
+    </Suspense>
+  </component>
+</Suspense>
+```
+
+If you don't set the `suspensible` prop, the inner `<Suspense>` will be treated like a sync component by the parent `<Suspense>`. That means that it has its own fallback slot and if both `Dynamic` components change at the same time, there might be empty nodes and multiple patching cycles while the child `<Suspense>` is loading its own dependency tree, which might not be desirable. When it's set, all the async dependency handling is given to the parent `<Suspense>` (including the events emitted) and the inner `<Suspense>` serves solely as another boundary for the dependency resolution and patching.
+
+---
+
+**Related**
+
+- [`<Suspense>` API reference](/api/built-in-components#suspense)
diff --git a/src/guide/built-ins/teleport.md b/src/guide/built-ins/teleport.md
index 314be4010c..8220c9fc0d 100644
--- a/src/guide/built-ins/teleport.md
+++ b/src/guide/built-ins/teleport.md
@@ -1,12 +1,14 @@
-# Teleport
+# Teleport {#teleport}
+
+ <VueSchoolLink href="https://vueschool.io/lessons/vue-3-teleport" title="Free Vue.js Teleport Lesson"/>
 
 `<Teleport>` is a built-in component that allows us to "teleport" a part of a component's template into a DOM node that exists outside the DOM hierarchy of that component.
 
-## Basic Usage
+## Basic Usage {#basic-usage}
 
-Sometimes we may run into the following scenario: a part of a component's template belongs to it logically, but from a visual standpoint, it should be displayed somewhere else in the DOM, outside of the Vue application.
+Sometimes a part of a component's template belongs to it logically, but from a visual standpoint, it should be displayed somewhere else in the DOM, perhaps even outside of the Vue application.
 
-The most common example of this is when building a full-screen modal. Ideally, we want the modal's button and the modal itself to live within the same component, since they are both related to the open / close state of the modal. But that means the modal will be rendered alongside the button, deeply nested in the application's DOM hierarchy. This can create some tricky issues when positioning the modal via CSS.
+The most common example of this is when building a full-screen modal. Ideally, we want the code for the modal's button and the modal itself to be written within the same single-file component, since they are both related to the open / close state of the modal. But that means the modal will be rendered alongside the button, deeply nested in the application's DOM hierarchy. This can create some tricky issues when positioning the modal via CSS.
 
 Consider the following HTML structure.
 
@@ -114,7 +116,8 @@ The `to` target of `<Teleport>` expects a CSS selector string or an actual DOM n
 You can click the button below and inspect the `<body>` tag via your browser's devtools:
 
 <script setup>
-let open = $ref(false)
+import { ref } from 'vue'
+const open = ref(false)
 </script>
 
 <div class="demo">
@@ -150,13 +153,13 @@ You can combine `<Teleport>` with [`<Transition>`](./transition) to create anima
 The teleport `to` target must be already in the DOM when the `<Teleport>` component is mounted. Ideally, this should be an element outside the entire Vue application. If targeting another element rendered by Vue, you need to make sure that element is mounted before the `<Teleport>`.
 :::
 
-## Using with Components
+## Using with Components {#using-with-components}
 
 `<Teleport>` only alters the rendered DOM structure - it does not affect the logical hierarchy of the components. That is to say, if `<Teleport>` contains a component, that component will remain a logical child of the parent component containing the `<Teleport>`. Props passing and event emitting will continue to work the same way.
 
 This also means that injections from a parent component work as expected, and that the child component will be nested below the parent component in the Vue Devtools, instead of being placed where the actual content moved to.
 
-## Disabling Teleport
+## Disabling Teleport {#disabling-teleport}
 
 In some cases, we may want to conditionally disable `<Teleport>`. For example, we may want to render a component as an overlay for desktop, but inline on mobile. `<Teleport>` supports the `disabled` prop which can be dynamically toggled:
 
@@ -166,11 +169,11 @@ In some cases, we may want to conditionally disable `<Teleport>`. For example, w
 </Teleport>
 ```
 
-Where the `isMobile` state can be dynamically updated by detecting media query changes.
+We could then dynamically update `isMobile`.
 
-## Multiple Teleports on the Same Target
+## Multiple Teleports on the Same Target {#multiple-teleports-on-the-same-target}
 
-A common use case would be a reusable `<Modal>` component, with the potential for multiple instances to be active at the same time. For this kind of scenario, multiple `<Teleport>` components can mount their content to the same target element. The order will be a simple append - later mounts will be located after earlier ones within the target element.
+A common use case would be a reusable `<Modal>` component, with the potential for multiple instances to be active at the same time. For this kind of scenario, multiple `<Teleport>` components can mount their content to the same target element. The order will be a simple append, with later mounts located after earlier ones, but all within the target element.
 
 Given the following usage:
 
@@ -192,9 +195,22 @@ The rendered result would be:
 </div>
 ```
 
+## Deferred Teleport <sup class="vt-badge" data-text="3.5+" /> {#deferred-teleport}
+
+In Vue 3.5 and above, we can use the `defer` prop to defer the target resolving of a Teleport until other parts of the application have mounted. This allows the Teleport to target a container element that is rendered by Vue, but in a later part of the component tree:
+
+```vue-html
+<Teleport defer to="#late-div">...</Teleport>
+
+<!-- somewhere later in the template -->
+<div id="late-div"></div>
+```
+
+Note that the target element must be rendered in the same mount / update tick with the Teleport - i.e. if the `<div>` is only mounted a second later, the Teleport will still report an error. The defer works similarly to the `mounted` lifecycle hook.
+
 ---
 
 **Related**
 
-- [`<Teleport>` API reference](/api/built-in-components.html#teleport)
-- [Handling Teleports in SSR](/api/ssr.html#handling-teleports)
+- [`<Teleport>` API reference](/api/built-in-components#teleport)
+- [Handling Teleports in SSR](/guide/scaling-up/ssr#teleports)
diff --git a/src/guide/built-ins/transition-demos/Basic.vue b/src/guide/built-ins/transition-demos/Basic.vue
index 41fb87497a..d09871802a 100644
--- a/src/guide/built-ins/transition-demos/Basic.vue
+++ b/src/guide/built-ins/transition-demos/Basic.vue
@@ -1,5 +1,6 @@
 <script setup>
-let show = $ref(true)
+import { ref } from 'vue'
+const show = ref(true)
 </script>
 
 <template>
diff --git a/src/guide/built-ins/transition-demos/BetweenComponents.vue b/src/guide/built-ins/transition-demos/BetweenComponents.vue
index 0248da2910..871ef5761f 100644
--- a/src/guide/built-ins/transition-demos/BetweenComponents.vue
+++ b/src/guide/built-ins/transition-demos/BetweenComponents.vue
@@ -1,10 +1,10 @@
 <script setup>
-import { h } from 'vue'
+import { h, ref } from 'vue'
 
 const CompA = () => h('div', 'Component A')
 const CompB = () => h('div', 'Component B')
 
-let activeComponent = $ref(CompA)
+const activeComponent = ref(CompA)
 </script>
 
 <template>
diff --git a/src/guide/built-ins/transition-demos/BetweenElements.vue b/src/guide/built-ins/transition-demos/BetweenElements.vue
index 31ccde5b3b..f4d5c1e209 100644
--- a/src/guide/built-ins/transition-demos/BetweenElements.vue
+++ b/src/guide/built-ins/transition-demos/BetweenElements.vue
@@ -1,7 +1,9 @@
 <script setup>
-const { mode } = defineProps(['mode'])
+import { ref } from 'vue'
 
-let docState = $ref('saved')
+defineProps(['mode'])
+
+const docState = ref('saved')
 </script>
 
 <template>
diff --git a/src/guide/built-ins/transition-demos/CssAnimation.vue b/src/guide/built-ins/transition-demos/CssAnimation.vue
index c91fa613f4..54d4f29df4 100644
--- a/src/guide/built-ins/transition-demos/CssAnimation.vue
+++ b/src/guide/built-ins/transition-demos/CssAnimation.vue
@@ -1,12 +1,13 @@
 <script setup>
-let show = $ref(true)
+import { ref } from 'vue'
+const show = ref(true)
 </script>
 
 <template>
   <div class="demo">
     <button @click="show = !show">Toggle</button>
     <Transition name="bounce">
-      <p v-if="show" style="margin-top: 20px; text-align: center;">
+      <p v-if="show" style="margin-top: 20px; text-align: center">
         Hello here is some bouncy text!
       </p>
     </Transition>
diff --git a/src/guide/built-ins/transition-demos/JsHooks.vue b/src/guide/built-ins/transition-demos/JsHooks.vue
index 6f9bb4b03c..dba165e244 100644
--- a/src/guide/built-ins/transition-demos/JsHooks.vue
+++ b/src/guide/built-ins/transition-demos/JsHooks.vue
@@ -1,7 +1,8 @@
 <script setup>
+import { ref } from 'vue'
 import gsap from 'gsap'
 
-let show = $ref(true)
+const show = ref(true)
 
 function onBeforeEnter(el) {
   gsap.set(el, {
diff --git a/src/guide/built-ins/transition-demos/ListMove.vue b/src/guide/built-ins/transition-demos/ListMove.vue
index 0d597114af..9d2e31423c 100644
--- a/src/guide/built-ins/transition-demos/ListMove.vue
+++ b/src/guide/built-ins/transition-demos/ListMove.vue
@@ -1,17 +1,18 @@
 <script setup>
-let items = $ref([1, 2, 3, 4, 5])
-let nextNum = items.length + 1
+import { ref } from 'vue'
+const items = ref([1, 2, 3, 4, 5])
+let nextNum = items.value.length + 1
 
 function add() {
-  items.splice(randomIndex(), 0, nextNum++)
+  items.value.splice(randomIndex(), 0, nextNum++)
 }
 
 function remove() {
-  items.splice(randomIndex(), 1)
+  items.value.splice(randomIndex(), 1)
 }
 
 function randomIndex() {
-  return Math.floor(Math.random() * items.length)
+  return Math.floor(Math.random() * items.value.length)
 }
 
 function shuffle(array) {
diff --git a/src/guide/built-ins/transition-demos/ListStagger.vue b/src/guide/built-ins/transition-demos/ListStagger.vue
index b2c75a7d8f..9fef135f34 100644
--- a/src/guide/built-ins/transition-demos/ListStagger.vue
+++ b/src/guide/built-ins/transition-demos/ListStagger.vue
@@ -1,4 +1,5 @@
 <script setup>
+import { ref, computed } from 'vue'
 import gsap from 'gsap'
 
 const list = [
@@ -9,10 +10,10 @@ const list = [
   { msg: 'Kung Fury' }
 ]
 
-let query = $ref('')
+const query = ref('')
 
-const computedList = $computed(() => {
-  return list.filter((item) => item.msg.toLowerCase().includes(query))
+const computedList = computed(() => {
+  return list.filter((item) => item.msg.toLowerCase().includes(query.value.toLowerCase()))
 })
 
 function onBeforeEnter(el) {
diff --git a/src/guide/built-ins/transition-demos/NestedTransitions.vue b/src/guide/built-ins/transition-demos/NestedTransitions.vue
index 9236f9c96e..9b9e94e470 100644
--- a/src/guide/built-ins/transition-demos/NestedTransitions.vue
+++ b/src/guide/built-ins/transition-demos/NestedTransitions.vue
@@ -1,5 +1,6 @@
 <script setup>
-let show = $ref(true)
+import { ref } from 'vue'
+const show = ref(true)
 </script>
 
 <template>
@@ -23,6 +24,7 @@ let show = $ref(true)
 
 .transition-demo-inner {
   background: #ccc;
+  color: rgb(33, 53, 71);
 }
 
 .nested-enter-active,
diff --git a/src/guide/built-ins/transition-demos/SlideFade.vue b/src/guide/built-ins/transition-demos/SlideFade.vue
index 75489c1e42..bfe576ad2c 100644
--- a/src/guide/built-ins/transition-demos/SlideFade.vue
+++ b/src/guide/built-ins/transition-demos/SlideFade.vue
@@ -1,5 +1,6 @@
 <script setup>
-let show = $ref(true)
+import { ref } from 'vue'
+const show = ref(true)
 </script>
 
 <template>
diff --git a/src/guide/built-ins/transition-group.md b/src/guide/built-ins/transition-group.md
index 40f1046896..030745b122 100644
--- a/src/guide/built-ins/transition-group.md
+++ b/src/guide/built-ins/transition-group.md
@@ -4,27 +4,27 @@ import ListMove from './transition-demos/ListMove.vue'
 import ListStagger from './transition-demos/ListStagger.vue'
 </script>
 
-# TransitionGroup
+# TransitionGroup {#transitiongroup}
 
 `<TransitionGroup>` is a built-in component designed for animating the insertion, removal, and order change of elements or components that are rendered in a list.
 
-## Differences from `<Transition>`
+## Differences from `<Transition>` {#differences-from-transition}
 
 `<TransitionGroup>` supports the same props, CSS transition classes, and JavaScript hook listeners as `<Transition>`, with the following differences:
 
 - By default, it doesn't render a wrapper element. But you can specify an element to be rendered with the `tag` prop.
 
-- [Transition modes](./transition.html#transition-modes) are not available, because we are no longer alternating between mutually exclusive elements.
+- [Transition modes](./transition#transition-modes) are not available, because we are no longer alternating between mutually exclusive elements.
 
 - Elements inside are **always required** to have a unique `key` attribute.
 
 - CSS transition classes will be applied to individual elements in the list, **not** to the group / container itself.
 
 :::tip
-When used in [DOM templates](/guide/essentials/component-basics.html#dom-template-parsing-caveats), it should be referenced as `<transition-group>`.
+When used in [in-DOM templates](/guide/essentials/component-basics#in-dom-template-parsing-caveats), it should be referenced as `<transition-group>`.
 :::
 
-## Enter / Leave Transitions
+## Enter / Leave Transitions {#enter-leave-transitions}
 
 Here is an example of applying enter / leave transitions to a `v-for` list using `<TransitionGroup>`:
 
@@ -50,7 +50,7 @@ Here is an example of applying enter / leave transitions to a `v-for` list using
 
 <ListBasic />
 
-## Move Transitions
+## Move Transitions {#move-transitions}
 
 The above demo has some obvious flaws: when an item is inserted or removed, its surrounding items instantly "jump" into place instead of moving smoothly. We can fix this by adding a few additional CSS rules:
 
@@ -80,7 +80,11 @@ Now it looks much better - even animating smoothly when the whole list is shuffl
 
 [Full Example](/examples/#list-transition)
 
-## Staggering List Transitions
+### Custom TransitionGroup classes {#custom-transitiongroup-classes}
+
+You can also specify custom transition classes for the moving element by passing the `moveClass` prop to `<TransitionGroup>`, just like [custom transition classes on `<Transition>`](/guide/built-ins/transition.html#custom-transition-classes).
+
+## Staggering List Transitions {#staggering-list-transitions}
 
 By communicating with JavaScript transitions through data attributes, it's also possible to stagger transitions in a list. First, we render the index of an item as a data attribute on the DOM element:
 
@@ -102,7 +106,7 @@ By communicating with JavaScript transitions through data attributes, it's also
 </TransitionGroup>
 ```
 
-Then, in JavaScript hooks, we animate the element with a delay based on the data attribute:
+Then, in JavaScript hooks, we animate the element with a delay based on the data attribute. This example is using the [GSAP library](https://gsap.com/) to perform the animation:
 
 ```js{5}
 function onEnter(el, done) {
@@ -119,12 +123,12 @@ function onEnter(el, done) {
 
 <div class="composition-api">
 
-[Full Example in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgY29tcHV0ZWQgfSBmcm9tICd2dWUnXG5pbXBvcnQgZ3NhcCBmcm9tICdnc2FwJ1xuXG5jb25zdCBsaXN0ID0gW1xuICB7IG1zZzogJ0JydWNlIExlZScgfSxcbiAgeyBtc2c6ICdKYWNraWUgQ2hhbicgfSxcbiAgeyBtc2c6ICdDaHVjayBOb3JyaXMnIH0sXG4gIHsgbXNnOiAnSmV0IExpJyB9LFxuICB7IG1zZzogJ0t1bmcgRnVyeScgfVxuXVxuXG5jb25zdCBxdWVyeSA9IHJlZignJylcblxuY29uc3QgY29tcHV0ZWRMaXN0ID0gY29tcHV0ZWQoKCkgPT4ge1xuICByZXR1cm4gbGlzdC5maWx0ZXIoKGl0ZW0pID0+IGl0ZW0ubXNnLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudmFsdWUpKVxufSlcblxuZnVuY3Rpb24gb25CZWZvcmVFbnRlcihlbCkge1xuICBlbC5zdHlsZS5vcGFjaXR5ID0gMFxuICBlbC5zdHlsZS5oZWlnaHQgPSAwXG59XG5cbmZ1bmN0aW9uIG9uRW50ZXIoZWwsIGRvbmUpIHtcbiAgZ3NhcC50byhlbCwge1xuICAgIG9wYWNpdHk6IDEsXG4gICAgaGVpZ2h0OiAnMS42ZW0nLFxuICAgIGRlbGF5OiBlbC5kYXRhc2V0LmluZGV4ICogMC4xNSxcbiAgICBvbkNvbXBsZXRlOiBkb25lXG4gIH0pXG59XG5cbmZ1bmN0aW9uIG9uTGVhdmUoZWwsIGRvbmUpIHtcbiAgZ3NhcC50byhlbCwge1xuICAgIG9wYWNpdHk6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICAgIGRlbGF5OiBlbC5kYXRhc2V0LmluZGV4ICogMC4xNSxcbiAgICBvbkNvbXBsZXRlOiBkb25lXG4gIH0pXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aW5wdXQgdi1tb2RlbD1cInF1ZXJ5XCIgLz5cbiAgPFRyYW5zaXRpb25Hcm91cFxuICAgIHRhZz1cInVsXCJcbiAgICA6Y3NzPVwiZmFsc2VcIlxuICAgIEBiZWZvcmUtZW50ZXI9XCJvbkJlZm9yZUVudGVyXCJcbiAgICBAZW50ZXI9XCJvbkVudGVyXCJcbiAgICBAbGVhdmU9XCJvbkxlYXZlXCJcbiAgPlxuICAgIDxsaVxuICAgICAgdi1mb3I9XCIoaXRlbSwgaW5kZXgpIGluIGNvbXB1dGVkTGlzdFwiXG4gICAgICA6a2V5PVwiaXRlbS5tc2dcIlxuICAgICAgOmRhdGEtaW5kZXg9XCJpbmRleFwiXG4gICAgPlxuICAgICAge3sgaXRlbS5tc2cgfX1cbiAgICA8L2xpPlxuICA8L1RyYW5zaXRpb25Hcm91cD5cbjwvdGVtcGxhdGU+XG4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJnc2FwXCI6IFwiaHR0cHM6Ly91bnBrZy5jb20vZ3NhcD9tb2R1bGVcIixcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Full Example in the Playground](https://play.vuejs.org/#eNqlVMuu0zAQ/ZVRNklRm7QLWETtBW4FSFCxYkdYmGSSmjp28KNQVfl3xk7SFyvEponPGc+cOTPNOXrbdenRYZRHa1Nq3lkwaF33VEjedkpbOIPGeg6lajtnsYIeaq1aiOlSfAlqDOtG3L8SUchSSWNBcPrZwNdCAqVqTZND/KxdibBDjKGf3xIfWXngCNs9k4/Udu/KA3xWWnPz1zW0sOOP6CcnG3jv9ImIQn67SvrpUJ9IE/WVxPHsSkw97gbN0zFJZrB5grNPrskcLUNXac2FRZ0k3GIbIvxLSsVTq3bqF+otM5jMUi5L4So0SSicHplwOKOyfShdO1lariQo+Yy10vhO+qwoZkNFFKmxJ4Gp6ljJrRe+vMP3yJu910swNXqXcco1h0pJHDP6CZHEAAcAYMydwypYCDAkJRdX6Sts4xGtUDAKotIVs9Scpd4q/A0vYJmuXo5BSm7JOIEW81DVo77VR207ZEf8F23LB23T+X9VrbNh82nn6UAz7ASzSCeANZe0AnBctIqqbIoojLCIIBvoL5pJw31DH7Ry3VDKsoYinSii4ZyXxhBQM2Fwwt58D7NeoB8QkXfDvwRd2XtceOsCHkwc8KCINAk+vADJppQUFjZ0DsGVGT3uFn1KSjoPeKLoaYtvCO/rIlz3vH9O5FiU/nXny/pDT6YGKZngg0/Zg1GErrMbp6N5NHxJFi3N/4dRkj5IYf5ULxCmiPJpI4rIr4kHimhvbWfyLHOyOzQpNZZ57jXNy4nRGFLTR/0fWBqe7w==)
 
 </div>
 <div class="options-api">
 
-[Full Example in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBnc2FwIGZyb20gJ2dzYXAnXG5cbmNvbnN0IGxpc3QgPSBbXG4gIHsgbXNnOiAnQnJ1Y2UgTGVlJyB9LFxuICB7IG1zZzogJ0phY2tpZSBDaGFuJyB9LFxuICB7IG1zZzogJ0NodWNrIE5vcnJpcycgfSxcbiAgeyBtc2c6ICdKZXQgTGknIH0sXG4gIHsgbXNnOiAnS3VuZyBGdXJ5JyB9XG5dXG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgcXVlcnk6ICcnXG4gICAgfVxuICB9LFxuICBjb21wdXRlZDoge1xuICAgIGNvbXB1dGVkTGlzdCgpIHtcbiAgICAgIHJldHVybiBsaXN0LmZpbHRlcigoaXRlbSkgPT4gaXRlbS5tc2cudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0aGlzLnF1ZXJ5KSlcbiAgICB9XG4gIH0sXG4gIG1ldGhvZHM6IHtcbiAgICBvbkJlZm9yZUVudGVyKGVsKSB7XG4gICAgICBlbC5zdHlsZS5vcGFjaXR5ID0gMFxuICAgICAgZWwuc3R5bGUuaGVpZ2h0ID0gMFxuICAgIH0sXG4gICAgb25FbnRlcihlbCwgZG9uZSkge1xuICAgICAgZ3NhcC50byhlbCwge1xuICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICBoZWlnaHQ6ICcxLjZlbScsXG4gICAgICAgIGRlbGF5OiBlbC5kYXRhc2V0LmluZGV4ICogMC4xNSxcbiAgICAgICAgb25Db21wbGV0ZTogZG9uZVxuICAgICAgfSlcbiAgICB9LFxuICAgIG9uTGVhdmUoZWwsIGRvbmUpIHtcbiAgICAgIGdzYXAudG8oZWwsIHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgaGVpZ2h0OiAwLFxuICAgICAgICBkZWxheTogZWwuZGF0YXNldC5pbmRleCAqIDAuMTUsXG4gICAgICAgIG9uQ29tcGxldGU6IGRvbmVcbiAgICAgIH0pXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aW5wdXQgdi1tb2RlbD1cInF1ZXJ5XCIgLz5cbiAgPFRyYW5zaXRpb25Hcm91cFxuICAgIHRhZz1cInVsXCJcbiAgICA6Y3NzPVwiZmFsc2VcIlxuICAgIEBiZWZvcmUtZW50ZXI9XCJvbkJlZm9yZUVudGVyXCJcbiAgICBAZW50ZXI9XCJvbkVudGVyXCJcbiAgICBAbGVhdmU9XCJvbkxlYXZlXCJcbiAgPlxuICAgIDxsaVxuICAgICAgdi1mb3I9XCIoaXRlbSwgaW5kZXgpIGluIGNvbXB1dGVkTGlzdFwiXG4gICAgICA6a2V5PVwiaXRlbS5tc2dcIlxuICAgICAgOmRhdGEtaW5kZXg9XCJpbmRleFwiXG4gICAgPlxuICAgICAge3sgaXRlbS5tc2cgfX1cbiAgICA8L2xpPlxuICA8L1RyYW5zaXRpb25Hcm91cD5cbjwvdGVtcGxhdGU+XG4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJnc2FwXCI6IFwiaHR0cHM6Ly91bnBrZy5jb20vZ3NhcD9tb2R1bGVcIixcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Full Example in the Playground](https://play.vuejs.org/#eNqtVE2P0zAQ/SujXNqgNmkPcIjaBbYCJKg4cSMcTDJNTB07+KNsVfW/M3aabNpyQltViT1vPPP8Zian6H3bJgeHURatTKF5ax9yyZtWaQuVYS3stGpg4peTXOayUNJYEJwea/ieS4ATNKbKYPKoXYGwRZzAeTYGPrNizxE2NZO30KZ2xR6+Kq25uTuGFrb81vrFyQo+On0kIJc/PCV8CmxL3DEnLJy8e8ksm8bdGkCjdVr2O4DfDvWRgtGN/JYC0SOkKVTTOotl1jv3hi3d+DngENILkey4sKinU26xiWH9AH6REN/Eqq36g3rDDE7jhMtCuBLN1NbcJIFEHN9RaNDWqjQDAyUfcac0fpA+CYoRCRSJsUeBiWpZwe2RSrK4w2rkVe2rdYG6LD5uH3EGpZI4iuurTdwDNBjpRJclg+UlhP914UnMZfIGm8kIKVEwciYivhoGLQlQ4hO8gkWyfD1yVHJDKgu0mAUmPXLuxRkYb5Ed8H8YL/7BeGx7Oa6hkLmk/yodBoo21BKtYBZpB7DikroKDvNGUeZ1HoVmyCNIO/ibZtJwy5X8pJVru9CWVeTpRB51+6wwhgw7Jgz2tnc/Q6/M0ZeWwKvmGZye0Wu78PIGexC6swdGxEnw/q6HOYUkt9DwMwhKxfS6GpY+KPHc45G8+6EYAV7reTjucf/uwUtSmvvTME1wDuISlVTwTqf0RiiyrtKR0tEs6r5l84b645dRkr5zoT8oXwBMHg2Tlke+jbwhj2prW5OlqZPtvkroYqnH3lK9nLgI46scnf8Cn22kBA==)
 
 </div>
 
@@ -132,4 +136,4 @@ function onEnter(el, done) {
 
 **Related**
 
-- [`<TransitionGroup>` API reference](/api/built-in-components.html#transitiongroup)
+- [`<TransitionGroup>` API reference](/api/built-in-components#transitiongroup)
diff --git a/src/guide/built-ins/transition.md b/src/guide/built-ins/transition.md
index 50fd816cbb..9462144296 100644
--- a/src/guide/built-ins/transition.md
+++ b/src/guide/built-ins/transition.md
@@ -8,23 +8,24 @@ import BetweenElements from './transition-demos/BetweenElements.vue'
 import BetweenComponents from './transition-demos/BetweenComponents.vue'
 </script>
 
-# Transition
+# Transition {#transition}
 
 Vue offers two built-in components that can help work with transitions and animations in response to changing state:
 
 - `<Transition>` for applying animations when an element or component is entering and leaving the DOM. This is covered on this page.
 
-- `<TransitionGroup>` for applying animations when an element or component is inserted into, removed from, or moved within a `v-for` list. This is covered in [the next chapter](/guide/built-ins/transition-group.html).
+- `<TransitionGroup>` for applying animations when an element or component is inserted into, removed from, or moved within a `v-for` list. This is covered in [the next chapter](/guide/built-ins/transition-group).
 
-Aside from these two components, we can also apply animations in Vue using other techniques such as toggling CSS classes or state-driven animations via style bindings. These additional techniques are covered in the [Animation Techniques](/guide/extras/animation.html) chapter.
+Aside from these two components, we can also apply animations in Vue using other techniques such as toggling CSS classes or state-driven animations via style bindings. These additional techniques are covered in the [Animation Techniques](/guide/extras/animation) chapter.
 
-## The `<Transition>` Component
+## The `<Transition>` Component {#the-transition-component}
 
 `<Transition>` is a built-in component: this means it is available in any component's template without having to register it. It can be used to apply enter and leave animations on elements or components passed to it via its default slot. The enter or leave can be triggered by one of the following:
 
 - Conditional rendering via `v-if`
 - Conditional display via `v-show`
 - Dynamic components toggling via the `<component>` special element
+- Changing the special `key` attribute
 
 This is an example of the most basic usage:
 
@@ -52,12 +53,12 @@ This is an example of the most basic usage:
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3Qgc2hvdyA9IHJlZih0cnVlKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGU8L2J1dHRvbj5cbiAgPFRyYW5zaXRpb24+XG4gICAgPHAgdi1pZj1cInNob3dcIj5oZWxsbzwvcD5cbiAgPC9UcmFuc2l0aW9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLnYtZW50ZXItYWN0aXZlLFxuLnYtbGVhdmUtYWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGVhc2U7XG59XG5cbi52LWVudGVyLWZyb20sXG4udi1sZWF2ZS10byB7XG4gIG9wYWNpdHk6IDA7XG59XG48L3N0eWxlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNpVkEFuwyAQRa8yZZNWqu1sunFJ1N4hSzYUjRNUDAjGVJHluxcCipIV/OG/pxEr+/a+TwuykfGogvYEEWnxR2H17F0gWCHgBBtMwc2wy9WdsMIqZ2OuXtwfHErhlcKCb8LyoVoynwPh7I0kzAmA/yxEzsKXMlr9HgRr9Es5BTue3PlskA+1VpFTkDZq0i3niYfU6anRmbqgMY4PZeH8OjwBfHhYIMdIV1OuferQEoZOKtIJ328TgzJhm8BabHR3jeC8VJqusO8/IqCM+CnsVqR3V/mfRxO5amnkCPuK5B+6rcG2fydshks=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc2hvdzogdHJ1ZVxuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGU8L2J1dHRvbj5cbiAgPFRyYW5zaXRpb24+XG4gICAgPHAgdi1pZj1cInNob3dcIj5oZWxsbzwvcD5cbiAgPC9UcmFuc2l0aW9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLnYtZW50ZXItYWN0aXZlLFxuLnYtbGVhdmUtYWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGVhc2U7XG59XG5cbi52LWVudGVyLWZyb20sXG4udi1sZWF2ZS10byB7XG4gIG9wYWNpdHk6IDA7XG59XG48L3N0eWxlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNpVkMFuAiEQhl9lyqlNuouXXrZo2nfwuBeKs0qKQGBAjfHdZZfVrAmB+f/M/2WGK/v1vs0JWcdEVEF72vQWz94Fgh0OMhmCa28BdpLk+0etAQJSCvahAOLBnTqgkLA6t/EpVzmCP7lFEB69kYRFAYi/ROQs/Cij1f+6ZyMG1vA2vj3bbN1+b1Dw2lYj2yBt1KRnXRwPudHDnC6pAxrjBPe1n78EBF8MUGSkixnLNjdoCUMjFemMn5NjUGacnboqPVkdOC+Vpgus2q8IKCN+T+suWENwxyWJXKXMyQ5WNVJ+aBqD3e6VSYoi)
 
 </div>
 
@@ -73,9 +74,9 @@ When an element in a `<Transition>` component is inserted or removed, this is wh
 
 3. If no CSS transitions / animations are detected and no JavaScript hooks are provided, the DOM operations for insertion and/or removal will be executed on the browser's next animation frame.
 
-## CSS-Based Transitions
+## CSS-Based Transitions {#css-based-transitions}
 
-### Transition Classes
+### Transition Classes {#transition-classes}
 
 There are six classes applied for enter / leave transitions.
 
@@ -91,13 +92,13 @@ There are six classes applied for enter / leave transitions.
 
 4. `v-leave-from`: Starting state for leave. Added immediately when a leaving transition is triggered, removed after one frame.
 
-5. `v-leave-active`: Active state for leave. Applied during the entire leaving phase. Added immediately when a leave transition is triggered, removed when the transition/animation finishes. This class can be used to define the duration, delay and easing curve for the leaving transition.
+5. `v-leave-active`: Active state for leave. Applied during the entire leaving phase. Added immediately when a leaving transition is triggered, removed when the transition/animation finishes. This class can be used to define the duration, delay and easing curve for the leaving transition.
 
 6. `v-leave-to`: Ending state for leave. Added one frame after a leaving transition is triggered (at the same time `v-leave-from` is removed), removed when the transition/animation finishes.
 
 `v-enter-active` and `v-leave-active` give us the ability to specify different easing curves for enter / leave transitions, which we'll see an example of in the following sections.
 
-### Named Transitions
+### Named Transitions {#named-transitions}
 
 A transition can be named via the `name` prop:
 
@@ -121,7 +122,7 @@ For a named transition, its transition classes will be prefixed with its name in
 }
 ```
 
-### CSS Transitions
+### CSS Transitions {#css-transitions}
 
 `<Transition>` is most commonly used in combination with [native CSS transitions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions), as seen in the basic example above. The `transition` CSS property is a shorthand that allows us to specify multiple aspects of a transition, including properties that should be animated, duration of the transition, and [easing curves](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function).
 
@@ -157,16 +158,16 @@ Here is a more advanced example that transitions multiple properties, with diffe
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3Qgc2hvdyA9IHJlZih0cnVlKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGUgU2xpZGUgKyBGYWRlPC9idXR0b24+XG4gIDxUcmFuc2l0aW9uIG5hbWU9XCJzbGlkZS1mYWRlXCI+XG4gICAgPHAgdi1pZj1cInNob3dcIj5oZWxsbzwvcD5cbiAgPC9UcmFuc2l0aW9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLnNsaWRlLWZhZGUtZW50ZXItYWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQ7XG59XG5cbi5zbGlkZS1mYWRlLWxlYXZlLWFjdGl2ZSB7XG4gIHRyYW5zaXRpb246IGFsbCAwLjhzIGN1YmljLWJlemllcigxLCAwLjUsIDAuOCwgMSk7XG59XG5cbi5zbGlkZS1mYWRlLWVudGVyLWZyb20sXG4uc2xpZGUtZmFkZS1sZWF2ZS10byB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgyMHB4KTtcbiAgb3BhY2l0eTogMDtcbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqFkc9uwjAMxl/F6wXQKIVNk1AX0HbZC4zDDr2E4EK0NIkStxtDvPviFQ0OSFzyx/m+n+34kL16P+lazMpMRBW0J4hIrV9WVjfeBYIDBKzhCHVwDQySdFDZyipnY5Lu3BcsWDCk0OKosqLoKcmfLoSNN5KQbyTWLZGz8KKMVp+LKju573ivsuXKbbcG4d3oDcI9vMkNiqL3JD+AWAVpoyadGFY2yATW5nVSJj9rkspDl+v6hE/hHRrjRMEdpdfiDEkBUVxWaEWkveHj5AzO0RKGXCrSHcKBIfSPKEEaA9PJYwSUEXPX0nNlj8y6RBiUHd5AzCOodq1VvsYfjWE4G6fgEy/zMcxG17B9ZTyX8bV85C5y1S40ZX/kdj+GD1P/zVQA56XStC9h2idJI/z7huz4CxoVvE4=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc2hvdzogdHJ1ZVxuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGUgU2xpZGUgKyBGYWRlPC9idXR0b24+XG4gIDxUcmFuc2l0aW9uIG5hbWU9XCJzbGlkZS1mYWRlXCI+XG4gICAgPHAgdi1pZj1cInNob3dcIj5oZWxsbzwvcD5cbiAgPC9UcmFuc2l0aW9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLnNsaWRlLWZhZGUtZW50ZXItYWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQ7XG59XG5cbi5zbGlkZS1mYWRlLWxlYXZlLWFjdGl2ZSB7XG4gIHRyYW5zaXRpb246IGFsbCAwLjhzIGN1YmljLWJlemllcigxLCAwLjUsIDAuOCwgMSk7XG59XG5cbi5zbGlkZS1mYWRlLWVudGVyLWZyb20sXG4uc2xpZGUtZmFkZS1sZWF2ZS10byB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgyMHB4KTtcbiAgb3BhY2l0eTogMDtcbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqFkc1uwjAMgF/F6wk0SmHTJNQFtF32AuOwQy+hdSFamkSJ08EQ776EbMAkJKTIf7I/O/Y+ezVm3HvMyoy52gpDi0rh1mhL0GDLvSTYVwqg4cQHw2QDWCRv1Z8H4Db6qwSyHlPkEFUQ4bHixA0OYWckJ4wesZUn0gpeainqz3mVRQzM4S7qKlss9XotEd6laBDu4Y03yIpUE+oB2NJy5QSJwFC8w0iIuXkbMkN9moUZ6HPR/uJDeINSalaYxCjOkBBgxeWEijnayWiOz+AcFaHNeU2ix7QCOiFK4FLCZPzoALnDXHt6Pq7hP0Ii7/EGYuag9itR5yv8FmgH01EIPkUxG8F0eA2bJmut7kbX+pG+6NVq28WTBTN+92PwMDHbSAXQhteCdiVMUpNwwuMassMP8kfAJQ==)
 
 </div>
 
-### CSS Animations
+### CSS Animations {#css-animations}
 
 [Native CSS animations](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations) are applied in the same way as CSS transitions, with the difference being that `*-enter-from` is not removed immediately after the element is inserted, but on an `animationend` event.
 
@@ -204,16 +205,16 @@ For most CSS animations, we can simply declare them under the `*-enter-active` a
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3Qgc2hvdyA9IHJlZih0cnVlKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGU8L2J1dHRvbj5cbiAgPFRyYW5zaXRpb24gbmFtZT1cImJvdW5jZVwiPlxuICAgIDxwIHYtaWY9XCJzaG93XCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAyMHB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7XCI+XG4gICAgICBIZWxsbyBoZXJlIGlzIHNvbWUgYm91bmN5IHRleHQhXG4gICAgPC9wPlxuICA8L1RyYW5zaXRpb24+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uYm91bmNlLWVudGVyLWFjdGl2ZSB7XG4gIGFuaW1hdGlvbjogYm91bmNlLWluIDAuNXM7XG59XG4uYm91bmNlLWxlYXZlLWFjdGl2ZSB7XG4gIGFuaW1hdGlvbjogYm91bmNlLWluIDAuNXMgcmV2ZXJzZTtcbn1cbkBrZXlmcmFtZXMgYm91bmNlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMjUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqNksGOgjAQhl9lJNmoBwRNvCAa97YP4JFLbQZsLG3TDqzG+O47BaOezCYkpfB9/0wHbsm3c4u+w6RIyiC9cgQBqXO7yqjWWU9wA4813KH2toUpo9PKVEZaExg92V/YRmBGvsN5ZcpsTGGfN4St04Iw7qg8dkTWwF5qJc/bKnnYk7hWye5gm0ZjmY0YKwDlwQsTFCnWjGiRpaPtjETG43smHPSpqh9pVQKBrjpyrfCNMilZV8Aqd5cNEF4oFVo1pgCJhtBvnjEAP6i1hRN6BBUg2BZhKHUdvMmjWhYHE9dXY/ygzN4PasqhB75djM2mQ7FUSFI9wi0GCJ6uiHYxVsFUGcgX67CpzP0lahQ9/k/kj9CjDzgG7M94rT1PLLxhQ0D+Na4AFI9QW98WEKTQOMvnLAOwDrD+wC0Xq/Ubusw/sU+QL/45hskk9z8Bddbn)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc2hvdzogdHJ1ZVxuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGU8L2J1dHRvbj5cbiAgPFRyYW5zaXRpb24gbmFtZT1cImJvdW5jZVwiPlxuICAgIDxwIHYtaWY9XCJzaG93XCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAyMHB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7XCI+XG4gICAgICBIZWxsbyBoZXJlIGlzIHNvbWUgYm91bmN5IHRleHQhXG4gICAgPC9wPlxuICA8L1RyYW5zaXRpb24+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uYm91bmNlLWVudGVyLWFjdGl2ZSB7XG4gIGFuaW1hdGlvbjogYm91bmNlLWluIDAuNXM7XG59XG4uYm91bmNlLWxlYXZlLWFjdGl2ZSB7XG4gIGFuaW1hdGlvbjogYm91bmNlLWluIDAuNXMgcmV2ZXJzZTtcbn1cbkBrZXlmcmFtZXMgYm91bmNlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMjUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqNUs2OwiAQfpWxySZ66I8mXioa97YP4LEXrNNKpEBg2tUY330pqOvJmBBgyPczP1yTb2OyocekTJirrTC0qRSejbYEB2x4LwmulQI4cOLTWbwDWKTeqkcE4I76twSyPcaX23j4zS+WP3V9QNgZyQnHiNi+J9IKtrUU9WldJaMMrGEynlWy2em2lcjyCPMUALazXDlBwtMU79CT9rpXNXp4tGYGhlQ0d7UqAUcXOeI6bluhUtKmhEVhzisgPFPKpWhVCTUqQrt6ygD8oJQajmgRhAOnO4RgdQm8yd0tNzGv/D8x/8Dy10IVCzn4axaTTYNZymsSA8YuciU6PrLL6IKpUFBkS7cKXXwQJfIBPyP6IQ1oHUaB7QkvjfUdcy+wIFB8PeZIYwmNtl0JruYSp8XMk+/TXL7BzbPF8gU6L95hn8D4OUJnktsfM1vavg==)
 
 </div>
 
-### Custom Transition Classes
+### Custom Transition Classes {#custom-transition-classes}
 
 You can also specify custom transition classes by passing the following props to `<Transition>`:
 
@@ -239,16 +240,16 @@ These will override the conventional class names. This is especially useful when
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3Qgc2hvdyA9IHJlZih0cnVlKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGU8L2J1dHRvbj5cbiAgPFRyYW5zaXRpb25cbiAgICBuYW1lPVwiY3VzdG9tLWNsYXNzZXNcIlxuICAgIGVudGVyLWFjdGl2ZS1jbGFzcz1cImFuaW1hdGVfX2FuaW1hdGVkIGFuaW1hdGVfX3RhZGFcIlxuICAgIGxlYXZlLWFjdGl2ZS1jbGFzcz1cImFuaW1hdGVfX2FuaW1hdGVkIGFuaW1hdGVfX2JvdW5jZU91dFJpZ2h0XCJcbiAgPlxuICAgIDxwIHYtaWY9XCJzaG93XCI+aGVsbG88L3A+XG4gIDwvVHJhbnNpdGlvbj5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZT5cbkBpbXBvcnQgXCJodHRwczovL2NkbmpzLmNsb3VkZmxhcmUuY29tL2FqYXgvbGlicy9hbmltYXRlLmNzcy80LjEuMS9hbmltYXRlLm1pbi5jc3NcIjtcbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqNUctuwjAQ/BXXF9oDsZB6ogbRL6hUcbSEjLMhpn7JXtNWiH/vhqS0R3zxPmbWM+szf02pOVXgSy6LyTYhK4A1rVWwPsWM7MwydOzCuhw9mxF0poIKJoZC0D5+stUAeMRc4UkFKcYpxKcEwSenEYYM5b4ixsA2xlnzsVJ8Yj8Mt+LrbTwcHEgxwojCmNxmHYpFG2kaoxO0B2KaWjD6uXG6FCiKj00ICHmuDdoTjD2CavJBCna7KWjZrYK61b9cB5pI93P3sQYDbxXf7aHHccpVMolO7DS33WSQjPXgXJRi2Cl1xZ8nKkjxf0dBFvx2Q7iZtq94j5jKUgjThmNpjIu17ZzO0JjohT7qL+HsvohJWWNKEc/NolncKt6Goar4y/V7rg/wyw9zrLOy)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc2hvdzogdHJ1ZVxuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGU8L2J1dHRvbj5cbiAgPFRyYW5zaXRpb25cbiAgICBuYW1lPVwiY3VzdG9tLWNsYXNzZXNcIlxuICAgIGVudGVyLWFjdGl2ZS1jbGFzcz1cImFuaW1hdGVfX2FuaW1hdGVkIGFuaW1hdGVfX3RhZGFcIlxuICAgIGxlYXZlLWFjdGl2ZS1jbGFzcz1cImFuaW1hdGVfX2FuaW1hdGVkIGFuaW1hdGVfX2JvdW5jZU91dFJpZ2h0XCJcbiAgPlxuICAgIDxwIHYtaWY9XCJzaG93XCI+aGVsbG88L3A+XG4gIDwvVHJhbnNpdGlvbj5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZT5cbkBpbXBvcnQgXCJodHRwczovL2NkbmpzLmNsb3VkZmxhcmUuY29tL2FqYXgvbGlicy9hbmltYXRlLmNzcy80LjEuMS9hbmltYXRlLm1pbi5jc3NcIjtcbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqNUcFuwjAM/RUvp+1Ao0k7sYDYF0yaOFZCJjU0LE2ixGFMiH9f2gDbcVKU2M9+tl98Fm8hNMdMYi5U0tEEXraOTsFHho52mC3DuXUAHTI+PlUbIBLn6G4eQOr91xw4ZqrIZXzKVY6S97rFYRqCRabRY7XNzN7BSlujPxetGMvAAh7GtxXLtd/vLSlZ0woFQK0jumTY+FJt7ORwoMLUObEfZtpiSpRaUYPkmOIMNZsj1VhJRWeGMsFmczU6uCOMHd64lrCQ/s/d+uw0vWf+MPuea5Vp5DJ0gOPM7K4Ci7CerPVKhipJ/moqgJJ//8ipxN92NFdmmLbSip45pLmUunOH1Gjrc7ezGKnRfpB4wJO0ZpvkdbJGpyRfmufm+Y4Mxo1oK16n9UwNxOUHwaK3iQ==)
 
 </div>
 
-### Using Transitions and Animations Together
+### Using Transitions and Animations Together {#using-transitions-and-animations-together}
 
 Vue needs to attach event listeners in order to know when a transition has ended. It can either be `transitionend` or `animationend`, depending on the type of CSS rules applied. If you are only using one or the other, Vue can automatically detect the correct type.
 
@@ -258,7 +259,7 @@ However, in some cases you may want to have both on the same element, for exampl
 <Transition type="animation">...</Transition>
 ```
 
-### Nested Transitions and Explicit Transition Durations
+### Nested Transitions and Explicit Transition Durations {#nested-transitions-and-explicit-transition-durations}
 
 Although the transition classes are only applied to the direct child element in `<Transition>`, we can transition nested elements using nested CSS selectors:
 
@@ -284,6 +285,8 @@ Although the transition classes are only applied to the direct child element in
   transform: translateX(30px);
   opacity: 0;
 }
+
+/* ... other necessary CSS omitted */
 ```
 
 We can even add a transition delay to the nested element on enter, which creates a staggered enter animation sequence:
@@ -297,7 +300,7 @@ We can even add a transition delay to the nested element on enter, which creates
 
 However, this creates a small issue. By default, the `<Transition>` component attempts to automatically figure out when the transition has finished by listening to the **first** `transitionend` or `animationend` event on the root transition element. With a nested transition, the desired behavior should be waiting until the transitions of all inner elements have finished.
 
-In such cases you can specify an explicit transition duration (in milliseconds) using the `duration` prop on the `<transition>` component. The total duration should match the delay plus transition duration of the inner element:
+In such cases you can specify an explicit transition duration (in milliseconds) using the `duration` prop on the `<Transition>` component. The total duration should match the delay plus transition duration of the inner element:
 
 ```vue-html
 <Transition :duration="550">...</Transition>
@@ -305,7 +308,7 @@ In such cases you can specify an explicit transition duration (in milliseconds)
 
 <NestedTransitions />
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3Qgc2hvdyA9IHJlZih0cnVlKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGU8L2J1dHRvbj5cbiAgPFRyYW5zaXRpb24gZHVyYXRpb249XCI1NTBcIiBuYW1lPVwibmVzdGVkXCI+XG4gICAgPGRpdiB2LWlmPVwic2hvd1wiIGNsYXNzPVwib3V0ZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbm5lclwiPlxuICAgXHRcdFx0SGVsbG9cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L1RyYW5zaXRpb24+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4ub3V0ZXIsIC5pbm5lciB7XG5cdGJhY2tncm91bmQ6ICNlZWU7XG4gIHBhZGRpbmc6IDMwcHg7XG4gIG1pbi1oZWlnaHQ6IDEwMHB4O1xufVxuICBcbi5pbm5lciB7IFxuICBiYWNrZ3JvdW5kOiAjY2NjO1xufVxuICBcbi5uZXN0ZWQtZW50ZXItYWN0aXZlLCAubmVzdGVkLWxlYXZlLWFjdGl2ZSB7XG5cdHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0O1xufVxuLyogZGVsYXkgbGVhdmUgb2YgcGFyZW50IGVsZW1lbnQgKi9cbi5uZXN0ZWQtbGVhdmUtYWN0aXZlIHtcbiAgdHJhbnNpdGlvbi1kZWxheTogMC4yNXM7XG59XG5cbi5uZXN0ZWQtZW50ZXItZnJvbSxcbi5uZXN0ZWQtbGVhdmUtdG8ge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMzBweCk7XG4gIG9wYWNpdHk6IDA7XG59XG5cbi8qIHdlIGNhbiBhbHNvIHRyYW5zaXRpb24gbmVzdGVkIGVsZW1lbnRzIHVzaW5nIG5lc3RlZCBzZWxlY3RvcnMgKi9cbi5uZXN0ZWQtZW50ZXItYWN0aXZlIC5pbm5lcixcbi5uZXN0ZWQtbGVhdmUtYWN0aXZlIC5pbm5lciB7IFxuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLWluLW91dDtcbn1cbi8qIGRlbGF5IGVudGVyIG9mIG5lc3RlZCBlbGVtZW50ICovXG4ubmVzdGVkLWVudGVyLWFjdGl2ZSAuaW5uZXIge1xuXHR0cmFuc2l0aW9uLWRlbGF5OiAwLjI1cztcbn1cblxuLm5lc3RlZC1lbnRlci1mcm9tIC5pbm5lcixcbi5uZXN0ZWQtbGVhdmUtdG8gLmlubmVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDMwcHgpO1xuICAvKlxuICBcdEhhY2sgYXJvdW5kIGEgQ2hyb21lIDk2IGJ1ZyBpbiBoYW5kbGluZyBuZXN0ZWQgb3BhY2l0eSB0cmFuc2l0aW9ucy5cbiAgICBUaGlzIGlzIG5vdCBuZWVkZWQgaW4gb3RoZXIgYnJvd3NlcnMgb3IgQ2hyb21lIDk5KyB3aGVyZSB0aGUgYnVnXG4gICAgaGFzIGJlZW4gZml4ZWQuXG4gICovXG4gIG9wYWNpdHk6IDAuMDAxO1xufVxuPC9zdHlsZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqVVd9v0zAQ/leO8LAfrE3HNKSFbgKmSYMHQNAHkPLiOtfEm2NHttN2mvq/c7bTNi1jgFop9t13d9995ziPyfumGc5bTLJkbLkRjQOLrm2uciXqRhsHj2BwBiuYGV3DAUEPcpUrrpUlaKUXcOkBh860eJSrcRqzUDxtHNaNZA5pBzCets5pBe+4FPz+Mk+66Bf+mSdXE12WEsdphMWQiWHKCicoLCtaw/yKIs/PR3kCitVIG4XWYUEJfATFFGIO84GYdRUIyCWzlra6dWg2wA66dgqlts7c+d8tSqk34JTQ6xqb9TjdUiTDOO21TFvrHqRfDkPpExiGKvBITjdl/L40ulVFBi8R8a3P17CiEKrM4GzULIOlFmpQoSgrl8HpKFpX3kFZu2y0BNhJxznvwaJCA1TEYcC4E3MkKp1VIptjZ43E3KajDJiUMBqeWUBmcUBUqJGYOT2GAiV7gJAA9Iy4GyoBKLH2z+N0W3q/CMC2yCCkyajM63Mbc+9z9mfvZD+b071MM23qLC69+j8PvX5HQUDdMC6cL7BOTtQXCJwpas/qHhWIBdYtWGgtDWNttWTmThu701pf1W6+v1Hd8Xbz+k+VQxmv8i7Fv1HZn+g/iv2nRkjzbd6npf/Rkz49DifQ3dLZBBYOJzC4rqgCwsUbmLYlCAUVU4XsCd1NrCeRHcYXb1IJC/RX2hEYCwJTvHYVMZoavbBI09FmU+LiFSzIh0AIXy1mqZiFKaKCmVhiEVJ7GftHZTganUZ56EYLL3FykjhL195MlMM7qxXdmEGDPOG6boRE86UJVPMki+p4H01WLz4Fm78hSdBo5xXy+yfsd3bpbXny1SA1M8c82fgcMyW66L75/hmXtN44a120ktDPOL+h1bL1HCPsA42DaPdwge3HcO/TOCb2ZumQJtA15Yl65Crg84S+BdfPtL6lezY8C3GkZ7L6Bc1zNR0=)
 
 If necessary, you can also specify separate values for enter and leave durations using an object:
 
@@ -313,7 +316,7 @@ If necessary, you can also specify separate values for enter and leave durations
 <Transition :duration="{ enter: 500, leave: 800 }">...</Transition>
 ```
 
-### Performance Considerations
+### Performance Considerations {#performance-considerations}
 
 You may notice that the animations shown above are mostly using properties like `transform` and `opacity`. These properties are efficient to animate because:
 
@@ -321,13 +324,13 @@ You may notice that the animations shown above are mostly using properties like
 
 2. Most modern browsers can leverage GPU hardware acceleration when animating `transform`.
 
-In comparison, properties like `height` or `margin` will trigger CSS layout, so they are much more expensive to animate, and should be used with caution. We can check resources like [CSS-Triggers](https://csstriggers.com/) to see which properties will trigger layout if we animate them.
+In comparison, properties like `height` or `margin` will trigger CSS layout, so they are much more expensive to animate, and should be used with caution.
 
-## JavaScript Hooks
+## JavaScript Hooks {#javascript-hooks}
 
 You can hook into the transition process with JavaScript by listening to events on the `<Transition>` component:
 
-```html
+```vue-html
 <Transition
   @before-enter="onBeforeEnter"
   @enter="onEnter"
@@ -347,7 +350,7 @@ You can hook into the transition process with JavaScript by listening to events
 ```js
 // called before the element is inserted into the DOM.
 // use this to set the "enter-from" state of the element
-function onBeforeEnter(el) {},
+function onBeforeEnter(el) {}
 
 // called one frame after the element is inserted.
 // use this to start the entering animation.
@@ -359,6 +362,8 @@ function onEnter(el, done) {
 
 // called when the enter transition has finished.
 function onAfterEnter(el) {}
+
+// called when the enter transition is cancelled before completion.
 function onEnterCancelled(el) {}
 
 // called before the leave hook.
@@ -378,7 +383,7 @@ function onLeave(el, done) {
 function onAfterLeave(el) {}
 
 // only available with v-show transitions
-function leaveCancelled(el) {}
+function onLeaveCancelled(el) {}
 ```
 
 </div>
@@ -402,10 +407,12 @@ export default {
 
     // called when the enter transition has finished.
     onAfterEnter(el) {},
+
+    // called when the enter transition is cancelled before completion.
     onEnterCancelled(el) {},
 
     // called before the leave hook.
-    // Most of the time, you shoud just use the leave hook.
+    // Most of the time, you should just use the leave hook.
     onBeforeLeave(el) {},
 
     // called when the leave transition starts.
@@ -421,7 +428,7 @@ export default {
     onAfterLeave(el) {},
 
     // only available with v-show transitions
-    leaveCancelled(el) {}
+    onLeaveCancelled(el) {}
   }
 }
 ```
@@ -443,22 +450,22 @@ When using JavaScript-only transitions, it is usually a good idea to add the `:c
 
 With `:css="false"`, we are also fully responsible for controlling when the transition ends. In this case, the `done` callbacks are required for the `@enter` and `@leave` hooks. Otherwise, the hooks will be called synchronously and the transition will finish immediately.
 
-Here's a demo using the [GreenSock library](https://greensock.com/) to perform the animations. You can, of course, use any other animation library you want, for example [Anime.js](https://animejs.com/) or [Motion One](https://motion.dev/).
+Here's a demo using the [GSAP library](https://gsap.com/) to perform the animations. You can, of course, use any other animation library you want, for example [Anime.js](https://animejs.com/) or [Motion One](https://motion.dev/):
 
 <JsHooks />
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBnc2FwIGZyb20gJ2dzYXAnXG5cbmNvbnN0IHNob3cgPSByZWYodHJ1ZSlcblxuZnVuY3Rpb24gb25CZWZvcmVFbnRlcihlbCkge1xuICBnc2FwLnNldChlbCwge1xuICAgIHNjYWxlWDogMC4yNSxcbiAgICBzY2FsZVk6IDAuMjUsXG4gICAgb3BhY2l0eTogMVxuICB9KVxufVxuICBcbmZ1bmN0aW9uIG9uRW50ZXIoZWwsIGRvbmUpIHtcbiAgZ3NhcC50byhlbCwge1xuICAgIGR1cmF0aW9uOiAxLFxuICAgIHNjYWxlWDogMSxcbiAgICBzY2FsZVk6IDEsXG4gICAgb3BhY2l0eTogMSxcbiAgICBlYXNlOiAnZWxhc3RpYy5pbk91dCgyLjUsIDEpJyxcbiAgICBvbkNvbXBsZXRlOiBkb25lXG4gIH0pXG59XG5cbmZ1bmN0aW9uIG9uTGVhdmUoZWwsIGRvbmUpIHtcblx0Z3NhcC50byhlbCwge1xuICAgIGR1cmF0aW9uOiAwLjcsXG4gICAgc2NhbGVYOiAxLFxuICAgIHNjYWxlWTogMSxcbiAgICB4OiAzMDAsXG4gICAgZWFzZTogJ2VsYXN0aWMuaW5PdXQoMi41LCAxKSdcbiAgfSlcbiAgZ3NhcC50byhlbCwge1xuICAgIGR1cmF0aW9uOiAwLjIsXG4gICAgZGVsYXk6IDAuNSxcbiAgICBvcGFjaXR5OiAwLFxuICAgIG9uQ29tcGxldGU6IGRvbmVcbiAgfSlcbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxidXR0b24gQGNsaWNrPVwic2hvdyA9ICFzaG93XCI+VG9nZ2xlPC9idXR0b24+XG5cbiAgPFRyYW5zaXRpb25cbiAgICBAYmVmb3JlLWVudGVyPVwib25CZWZvcmVFbnRlclwiXG4gICAgQGVudGVyPVwib25FbnRlclwiXG4gICAgQGxlYXZlPVwib25MZWF2ZVwiXG4gICAgOmNzcz1cImZhbHNlXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJnc2FwLWJveFwiIHYtaWY9XCJzaG93XCI+PC9kaXY+XG4gIDwvVHJhbnNpdGlvbj5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZT5cbi5nc2FwLWJveCB7XG4gIGJhY2tncm91bmQ6ICM0MmI4ODM7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIHdpZHRoOiAzMHB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbn1cbjwvc3R5bGU+XG4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJnc2FwXCI6IFwiaHR0cHM6Ly91bnBrZy5jb20vZ3NhcD9tb2R1bGVcIixcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNqNVMtu2zAQ/JUti8I2YD3i1GigKmnaorcCveTQArpQFCWzlkiCpBwHhv+9Sz1qKYckJ3FnlzvD2YVO5KvW4aHlJCGpZUZoB5a7Vt9lUjRaGQcnMLyEM5RGNbDA0sX/VGWpHnB/xEQmmZIWe+zUI9z6m0tnWr7ymbKVzAklQclvvFSG/5COmyWvV3DKJHTdQiRHZN0jAJbRmv9OIA432/UE+jODlKZMuKcErnx8RrazP8woR7I1FEryKaVTU8aiNdRfwWZTQtQwi1HAGF/YB4BTyxNY8JpaJ1go5K/WLTfhdg1Xq8V4SX5Xja65w0ovaCJ8Jvsnpwc+l525F2XH4ac3Cj8mcB3HbxE9qnvFMRzJ0K3APuhIjPefmTTyvWBAGvWbiDuIgeNYRh3HCCDNW+fQmHtWC7a/zciwaO/8NyN3D6qqap5GfVnXAC89GCqt8Bp77vu827+A+53AJrOFzMhQdMnO8dqPpMO74Yx4wqxFtKS1HbBOMdIX4gAMffVp71+Qq2NG4BCIcngBKk8jLOvfGF30IpBGEwcwtO6p9sdwbNXPIadsXxnVyiKB9x83+c3N9WePN9RUQgZO6QQ2sT524KMo3M5Pf4h3XFQ7NwFyZQpuAkML0doEtvEHhPvRDPRkTfq/QNDgRvy1SuIvpFOSDQmbkWTckf7hHsjIzjltkyhqpd5XIVNN5HNfGlW09eAcMp3J+R+pEn7L)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBnc2FwIGZyb20gJ2dzYXAnXG4gIFxuZXhwb3J0IGRlZmF1bHQge1xuICBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzaG93OiB0cnVlXG4gICAgfVxuICB9LFxuICBtZXRob2RzOiB7XG5cdFx0b25CZWZvcmVFbnRlcixcbiAgICBvbkVudGVyLFxuICAgIG9uTGVhdmVcbiAgfVxufVxuXG5mdW5jdGlvbiBvbkJlZm9yZUVudGVyKGVsKSB7XG4gIGdzYXAuc2V0KGVsLCB7XG4gICAgc2NhbGVYOiAwLjI1LFxuICAgIHNjYWxlWTogMC4yNSxcbiAgICBvcGFjaXR5OiAxXG4gIH0pXG59XG4gIFxuZnVuY3Rpb24gb25FbnRlcihlbCwgZG9uZSkge1xuICBnc2FwLnRvKGVsLCB7XG4gICAgZHVyYXRpb246IDEsXG4gICAgc2NhbGVYOiAxLFxuICAgIHNjYWxlWTogMSxcbiAgICBvcGFjaXR5OiAxLFxuICAgIGVhc2U6ICdlbGFzdGljLmluT3V0KDIuNSwgMSknLFxuICAgIG9uQ29tcGxldGU6IGRvbmVcbiAgfSlcbn1cblxuZnVuY3Rpb24gb25MZWF2ZShlbCwgZG9uZSkge1xuXHRnc2FwLnRvKGVsLCB7XG4gICAgZHVyYXRpb246IDAuNyxcbiAgICBzY2FsZVg6IDEsXG4gICAgc2NhbGVZOiAxLFxuICAgIHg6IDMwMCxcbiAgICBlYXNlOiAnZWxhc3RpYy5pbk91dCgyLjUsIDEpJ1xuICB9KVxuICBnc2FwLnRvKGVsLCB7XG4gICAgZHVyYXRpb246IDAuMixcbiAgICBkZWxheTogMC41LFxuICAgIG9wYWNpdHk6IDAsXG4gICAgb25Db21wbGV0ZTogZG9uZVxuICB9KVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiBAY2xpY2s9XCJzaG93ID0gIXNob3dcIj5Ub2dnbGU8L2J1dHRvbj5cblxuICA8VHJhbnNpdGlvblxuICAgIEBiZWZvcmUtZW50ZXI9XCJvbkJlZm9yZUVudGVyXCJcbiAgICBAZW50ZXI9XCJvbkVudGVyXCJcbiAgICBAbGVhdmU9XCJvbkxlYXZlXCJcbiAgICA6Y3NzPVwiZmFsc2VcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImdzYXAtYm94XCIgdi1pZj1cInNob3dcIj48L2Rpdj5cbiAgPC9UcmFuc2l0aW9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLmdzYXAtYm94IHtcbiAgYmFja2dyb3VuZDogIzQyYjg4MztcbiAgbWFyZ2luLXRvcDogMjBweDtcbiAgd2lkdGg6IDMwcHg7XG4gIGhlaWdodDogMzBweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xufVxuPC9zdHlsZT5cbiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcImdzYXBcIjogXCJodHRwczovL3VucGtnLmNvbS9nc2FwP21vZHVsZVwiLFxuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqNVFFvmzAQ/is3pimNlABNF61iaddt2tukvfRhk/xiwIAXsJF9pKmq/PedDTSwh7ZSFLjvzvd9/nz4KfjatuGhE0ES7GxmZIu3TMmm1QahtLyFwugGFu51wRQAU+Lok7koeFcjPDk058gvlv07gBHYGTVGALbSDwmg6USPnNzjtHL/jcBK5zZxxQwZavVNFNqIHwqF8RUAWs2jn4IffCfqQz+mik5lKLWi3GT1hagHRU58aAUSshpV2YzX4ncCcbjZDp099GcG6ZZnEh8TuPR8S0/oTJhQjmQryLUSU0rUU8a8M9wtoWZTQtIwi0nAGJ/ZB0BwKxJYiJpblFko1a8OLzbhdgWXy8WzP99109YCqdIJmgifyfYuzmUzfFF2HH56o/BjAldx/BbRo7pXHKMjGbrl1IcciWn9fyaNfC8YsIueR5wCFFTGUVAEsEs7pOmDu6yW2f6GBW5o4QbeuScLbu91WdZiF/VlvgEtujdcWek09tx3qZ+/tXAzQU1mA8mCoeicneO1OxKP9yM+4ElmLaEFr+2AecVEn8sDZOSrSzv/1qk+sgAOa1kMOyDlu4jK+j1GZ70E7KKJAxRafKzdazi26s8h5dm+NLpTeQLvP27S6+urz/7T5aaUao26TWATt0cPPsgcK3f6Q1wJWVY4AVJtcmHWhueyo89+G38guD+agT5YBf39s25oIv5arehu8krYkLAs8BeG86DfuANYUCG2NomiTrX7Msx0E7ncl0bnXT04566M4PQPykWaWw==)
 
 </div>
 
-## Reusable Transitions
+## Reusable Transitions {#reusable-transitions}
 
 Transitions can be reused through Vue's component system. To create a reusable transition, we can create a component that wraps the `<Transition>` component and passes down the slot content:
 
@@ -495,9 +502,9 @@ Now `MyTransition` can be imported and used just like the built-in version:
 </MyTransition>
 ```
 
-## Transition on Appear
+## Transition on Appear {#transition-on-appear}
 
-If you also want to apply a transition on the initial render of a node, you can add the `appear` attribute:
+If you also want to apply a transition on the initial render of a node, you can add the `appear` prop:
 
 ```vue-html
 <Transition appear>
@@ -505,9 +512,9 @@ If you also want to apply a transition on the initial render of a node, you can
 </Transition>
 ```
 
-## Transition Between Elements
+## Transition Between Elements {#transition-between-elements}
 
-In addition to toggling an element with `v-if` / `v-show`, we can also transition between two elements using `v-if` / `v-else` / `v-else-if`:
+In addition to toggling an element with `v-if` / `v-show`, we can also transition between two elements using `v-if` / `v-else` / `v-else-if`, as long as we make sure that there is only one element being shown at any given moment:
 
 ```vue-html
 <Transition>
@@ -519,9 +526,9 @@ In addition to toggling an element with `v-if` / `v-show`, we can also transitio
 
 <BetweenElements />
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgZG9jU3RhdGUgPSByZWYoJ3NhdmVkJylcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxzcGFuIHN0eWxlPVwibWFyZ2luLXJpZ2h0OiAyMHB4XCI+Q2xpY2sgdG8gY3ljbGUgdGhyb3VnaCBzdGF0ZXM6PC9zcGFuPlxuICA8ZGl2IGNsYXNzPVwiYnRuLWNvbnRhaW5lclwiPlxuXHRcdDxUcmFuc2l0aW9uIG5hbWU9XCJzbGlkZS11cFwiPlxuICAgICAgPGJ1dHRvbiB2LWlmPVwiZG9jU3RhdGUgPT09ICdzYXZlZCdcIlxuICAgICAgICAgICAgICBAY2xpY2s9XCJkb2NTdGF0ZSA9ICdlZGl0ZWQnXCI+RWRpdDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiB2LWVsc2UtaWY9XCJkb2NTdGF0ZSA9PT0gJ2VkaXRlZCdcIlxuICAgICAgICAgICAgICBAY2xpY2s9XCJkb2NTdGF0ZSA9ICdlZGl0aW5nJ1wiPlNhdmU8L2J1dHRvbj5cbiAgICAgIDxidXR0b24gdi1lbHNlLWlmPVwiZG9jU3RhdGUgPT09ICdlZGl0aW5nJ1wiXG4gICAgICAgICAgICAgIEBjbGljaz1cImRvY1N0YXRlID0gJ3NhdmVkJ1wiPkNhbmNlbDwvYnV0dG9uPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uYnRuLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDFlbTtcbn1cblxuYnV0dG9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xufVxuXG4uc2xpZGUtdXAtZW50ZXItYWN0aXZlLFxuLnNsaWRlLXVwLWxlYXZlLWFjdGl2ZSB7XG4gIHRyYW5zaXRpb246IGFsbCAwLjI1cyBlYXNlLW91dDtcbn1cblxuLnNsaWRlLXVwLWVudGVyLWZyb20ge1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMzBweCk7XG59XG5cbi5zbGlkZS11cC1sZWF2ZS10byB7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMzBweCk7XG59XG48L3N0eWxlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNqdk8tu2zAQRX9loI0SoLLcFN2ostEi6BekmwLa0NTYJkKRBDkSYhj+9wxJO3ZegBGu+Lhz7syQ3Bd/nJtNIxZN0QbplSMISKNbdkYNznqCPXhcwwHW3g5QsrTsTGekNYGgt/KBBCEsouimDGLCvrztTFtnGGN4QTg4zbK4ojY4YSDQTuOiKwbhN8pUXm221MDd3D11xfJeK/kIZEHupEagrbfjZssxzAgNs5nALIC2VxNILUJg1IpMxWmRUAY9U6IZ2/3zwgRFyhowYoieQaseq9ElDaTRrkYiVkyVWrPiXNdiAcequuIkPo3fMub5Sg4l9oqSevmXZ22dwR8YoQ74kdsL4Go7ZTbR74HT/KJfJlxleGrG8l4YifqNYVuf251vqOYr4llbXz4C06b75+ns1a3BPsb0KrBy14Aymnerlbby8Vc8cTajG35uzFITpu0t5ufzHQdeH6LBsezEO0eJVbB6pBiVVLPTU6jQEPpKyMj8dnmgkQs+HmQcvVTIQK1hPrv7GQAFt9eO9Bk6fZ8Ub52Qiri8eUo+4dbWD02exh79v/nBP+H2PStnwz/jelJ1geKvk/peHJ4BoRZYow==)
 
-## Transition Modes
+## Transition Modes {#transition-modes}
 
 In the previous example, the entering and leaving elements are animated at the same time, and we had to make them `position: absolute` to avoid the layout issue when both elements are present in the DOM.
 
@@ -539,9 +546,9 @@ Here's the previous demo with `mode="out-in"`:
 
 `<Transition>` also supports `mode="in-out"`, although it's much less frequently used.
 
-## Transition Between Components
+## Transition Between Components {#transition-between-components}
 
-`<Transition>` can also be used around [dynamic components](/guide/essentials/component-basics.html#dynamic-components):
+`<Transition>` can also be used around [dynamic components](/guide/essentials/component-basics#dynamic-components):
 
 ```vue-html
 <Transition name="fade" mode="out-in">
@@ -553,18 +560,18 @@ Here's the previous demo with `mode="out-in"`:
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHNoYWxsb3dSZWYgfSBmcm9tICd2dWUnXG5pbXBvcnQgQ29tcEEgZnJvbSAnLi9Db21wQS52dWUnXG5pbXBvcnQgQ29tcEIgZnJvbSAnLi9Db21wQi52dWUnXG5cbi8vIHVzZSBzaGFsbG93UmVmIHRvIGF2b2lkIGNvbXBvbmVudCBiZWluZyBkZWVwbHkgb2JzZXJ2ZWRcbmNvbnN0IGFjdGl2ZUNvbXBvbmVudCA9IHNoYWxsb3dSZWYoQ29tcEEpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8bGFiZWw+XG4gICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIHYtbW9kZWw9XCJhY3RpdmVDb21wb25lbnRcIiA6dmFsdWU9XCJDb21wQVwiPiBBXG4gIDwvbGFiZWw+XG4gIDxsYWJlbD5cbiAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgdi1tb2RlbD1cImFjdGl2ZUNvbXBvbmVudFwiIDp2YWx1ZT1cIkNvbXBCXCI+IEJcbiAgPC9sYWJlbD5cbiAgPFRyYW5zaXRpb24gbmFtZT1cImZhZGVcIiBtb2RlPVwib3V0LWluXCI+XG4gICAgPGNvbXBvbmVudCA6aXM9XCJhY3RpdmVDb21wb25lbnRcIj48L2NvbXBvbmVudD5cbiAgPC9UcmFuc2l0aW9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLmZhZGUtZW50ZXItYWN0aXZlLFxuLmZhZGUtbGVhdmUtYWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGVhc2U7XG59XG5cbi5mYWRlLWVudGVyLWZyb20sXG4uZmFkZS1sZWF2ZS10byB7XG4gIG9wYWNpdHk6IDA7XG59XG48L3N0eWxlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJDb21wQS52dWUiOiI8dGVtcGxhdGU+XG4gIDxkaXY+XG4gICAgQ29tcG9uZW50IEFcbiAgPC9kaXY+XG48L3RlbXBsYXRlPiIsIkNvbXBCLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGRpdj5cbiAgICBDb21wb25lbnQgQlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqtksFugzAMhl/F4tJNKtDLLoxWKnuDacdcUnC3SCGJiMmEqr77EkgLbXfYYZyI8/v77dinZG9M5npMiqS0dScMgUXqzY4p0RrdEZzAfnEp9fc7HuEMx063sPIZq6viTbdmHy+yfDwF5K2guhFUUcBUnkNvcelBGrjTooHaC7VCRXBAoT6hQTRyAH2w2DlsmKq1sgS8JuEwUCfxdgF7Gqt5ZqrMp+58X/5A2BrJCcOJSskPKP0v+K8UyvQENBjcsqTjjdAsAZe2ukHpI3dm/q5wXPZBPFqxZAf7gCrzGfufDlVwqB4cPjqurCChFSjeBvGRN+iTA9afdE+pUD43FjG/bSHsb667Mr9qJot89vCBMl8+oiotDTL8ZsE39UnYpRN0fQlK5A5jEE6BSVdiAdrwWtAAm+zFAnKLr0ydA3pJDDt0x/PrMrJifgGbKdFPfCwpWU+TuWz5omzfVCNcfJJ5geL8pqtFn5E07u7fSHFOj6TzDyUDNEM=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBDb21wQSBmcm9tICcuL0NvbXBBLnZ1ZSdcbmltcG9ydCBDb21wQiBmcm9tICcuL0NvbXBCLnZ1ZSdcblxuZXhwb3J0IGRlZmF1bHQge1xuICBjb21wb25lbnRzOiB7IENvbXBBLCBDb21wQiB9LFxuICBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICBhY3RpdmVDb21wb25lbnQ6ICdDb21wQSdcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxsYWJlbD5cbiAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgdi1tb2RlbD1cImFjdGl2ZUNvbXBvbmVudFwiIHZhbHVlPVwiQ29tcEFcIj4gQVxuICA8L2xhYmVsPlxuICA8bGFiZWw+XG4gICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIHYtbW9kZWw9XCJhY3RpdmVDb21wb25lbnRcIiB2YWx1ZT1cIkNvbXBCXCI+IEJcbiAgPC9sYWJlbD5cbiAgPFRyYW5zaXRpb24gbmFtZT1cImZhZGVcIiBtb2RlPVwib3V0LWluXCI+XG4gICAgPGNvbXBvbmVudCA6aXM9XCJhY3RpdmVDb21wb25lbnRcIj48L2NvbXBvbmVudD5cbiAgPC9UcmFuc2l0aW9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLmZhZGUtZW50ZXItYWN0aXZlLFxuLmZhZGUtbGVhdmUtYWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGVhc2U7XG59XG5cbi5mYWRlLWVudGVyLWZyb20sXG4uZmFkZS1sZWF2ZS10byB7XG4gIG9wYWNpdHk6IDA7XG59XG48L3N0eWxlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJDb21wQS52dWUiOiI8dGVtcGxhdGU+XG4gIDxkaXY+XG4gICAgQ29tcG9uZW50IEFcbiAgPC9kaXY+XG48L3RlbXBsYXRlPiIsIkNvbXBCLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGRpdj5cbiAgICBDb21wb25lbnQgQlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqtks9ugzAMxl/F4tJNamGXXVhWqewVduSSgStFCkkUDFpV9d0XJyn9t8MOkxBg5/Pvi+Mci51z5TxhURdi7LxytG2NGpz1BB92cDvYezvAqqxixNLVjaC5ETRZ0Br8jpIe93LSBMfWAHRBYQ0aGms4Jvw6Q05rFvSS5NNzEgN4pMmbcwQgO1Izsj5CalhFRLDj1RN/wis8olpaCQHh4LQk5IiEll+owy+XCGXcREAHh+9t4WWvbFvAvBlsjzpk7gx5TeqJtdG4LbawY5KoLtR/NGjYoHkw+PTSjIqUNWDkwOK97DHUMjVEdqKNMqE272E5dajV+JvpVlSLJllUF4+QENX1ERox0kHzb8m+m1CEfpOgYYgpqVHOmJNpgLQQa7BOdooO8FK+joByxLc4tlsiX6s7HtnEyvU1vKTCMO+4pWKdBnO+0FfbDk31as5HsvR+Hl9auuozk+J1/hspz+mRdPoBYtonzg==)
 
 </div>
 
-## Dynamic Transitions
+## Dynamic Transitions {#dynamic-transitions}
 
-`<Transition>` props like `name` can also by dynamic! It allows us to dynamically apply different transitions based on state change:
+`<Transition>` props like `name` can also be dynamic! It allows us to dynamically apply different transitions based on state change:
 
 ```vue-html
 <Transition :name="transitionName">
@@ -576,8 +583,76 @@ This can be useful when you've defined CSS transitions / animations using Vue's
 
 You can also apply different behavior in JavaScript transition hooks based on the current state of your component. Finally, the ultimate way of creating dynamic transitions is through [reusable transition components](#reusable-transitions) that accept props to change the nature of the transition(s) to be used. It may sound cheesy, but the only limit really is your imagination.
 
+## Transitions with the Key Attribute {#transitions-with-the-key-attribute}
+
+Sometimes you need to force the re-render of a DOM element in order for a transition to occur.
+
+Take this counter component for example:
+
+<div class="composition-api">
+
+```vue
+<script setup>
+import { ref } from 'vue';
+const count = ref(0);
+
+setInterval(() => count.value++, 1000);
+</script>
+
+<template>
+  <Transition>
+    <span :key="count">{{ count }}</span>
+  </Transition>
+</template>
+```
+
+</div>
+<div class="options-api">
+
+```vue
+<script>
+export default {
+  data() {
+    return {
+      count: 1,
+      interval: null 
+    }
+  },
+  mounted() {
+    this.interval = setInterval(() => {
+      this.count++;
+    }, 1000)
+  },
+  beforeDestroy() {
+    clearInterval(this.interval)
+  }
+}
+</script>
+
+<template>
+  <Transition>
+    <span :key="count">{{ count }}</span>
+  </Transition>
+</template>
+```
+
+</div>
+
+If we had excluded the `key` attribute, only the text node would be updated and thus no transition would occur. However, with the `key` attribute in place, Vue knows to create a new `span` element whenever `count` changes and thus the `Transition` component has 2 different elements to transition between.
+
+<div class="composition-api">
+
+[Try it in the Playground](https://play.vuejs.org/#eNp9UsFu2zAM/RVCl6Zo4nhYd/GcAtvQQ3fYhq1HXTSFydTKkiDJbjLD/z5KMrKgLXoTHx/5+CiO7JNz1dAja1gbpFcuQsDYuxtuVOesjzCCxx1MsPO2gwuiXnzkhhtpTYggbW8ibBJlUV/mBJXfmYh+EHqxuITNDYzcQGFWBPZ4dUXEaQnv6jrXtOuiTJoUROycFhEpAmi3agCpRQgbzp68cA49ZyV174UJKiprckxIcMJA84hHImc9oo7jPOQ0kQ4RSvH6WXW7JiV6teszfQpDPGqEIK3DLSGpQbazsyaugvqLDVx77JIhbqp5wsxwtrRvPFI7NWDhEGtYYVrQSsgELzOiUQw4I2Vh8TRgA9YJqeIR6upDABQh9TpTAPE7WN3HlxLp084Foi3N54YN1KWEVpOMkkO2ZJHsmp3aVw/BGjqMXJE22jml0X93STRw1pReKSe0tk9fMxZ9nzwVXP5B+fgK/hAOCePsh8dAt4KcnXJR+D3S16X07a9veKD3KdnZba+J/UbyJ+Zl0IyF9rk3Wxr7jJenvcvnrcz+PtweItKuZ1Np0MScMp8zOvkvb1j/P+776jrX0UbZ9A+fYSTP)
+
+</div>
+<div class="options-api">
+
+[Try it in the Playground](https://play.vuejs.org/#eNp9U8tu2zAQ/JUFTwkSyw6aXlQ7QB85pIe2aHPUhZHWDhOKJMiVYtfwv3dJSpbbBgEMWJydndkdUXvx0bmi71CUYhlqrxzdVAa3znqCBtey0wT7ygA0kuTZeX4G8EidN+MJoLadoRKuLkdAGULfS12C6bSGDB/i3yFx2tiAzaRIjyoUYxesICDdDaczZq1uJrNETY4XFx8G5Uu4WiwW55PBA66txy8YyNvdZFNrlP4o/Jdpbq4M/5bzYxZ8IGydloR8Alg2qmcVGcKqEi9eOoe+EqnExXsvTVCkrBkQxoKTBspn3HFDmprp+32ODA4H9mLCKDD/R2E5Zz9+Ws5PpuBjoJ1GCLV12DASJdKGa2toFtRvLOHaY8vx8DrFMGdiOJvlS48sp3rMHGb1M4xRzGQdYU6REY6rxwHJGdJxwBKsk7WiHSyK9wFQhqh14gDyIVjd0f8Wa2/bUwOyWXwQLGGRWzicuChvKC4F8bpmrTbFU7CGL2zqiJm2Tmn03100DZUox5ddCam1ffmaMPJd3Cnj9SPWz6/gT2EbsUr88Bj4VmAljjWSfoP88mL59tc33PLzsdjaptPMfqP4E1MYPGOmfepMw2Of8NK0d238+JTZ3IfbLSFnPSwVB53udyX4q/38xurTuO+K6/Fqi8MffqhR/A==)
+
+</div>
+
 ---
 
 **Related**
 
-- [`<Transition>` API reference](/api/built-in-components.html#transition)
+- [`<Transition>` API reference](/api/built-in-components#transition)
diff --git a/src/guide/components/async.md b/src/guide/components/async.md
index 9c2c440724..ce2925fbbd 100644
--- a/src/guide/components/async.md
+++ b/src/guide/components/async.md
@@ -1,8 +1,8 @@
-# Async Components
+# Async Components {#async-components}
 
-## Basic Usage
+## Basic Usage {#basic-usage}
 
-In large applications, we may need to divide the app into smaller chunks and only load a component from the server when it's needed. To make that possible, Vue has a [`defineAsyncComponent`](/api/general.html#defineasynccomponent) function:
+In large applications, we may need to divide the app into smaller chunks and only load a component from the server when it's needed. To make that possible, Vue has a [`defineAsyncComponent`](/api/general#defineasynccomponent) function:
 
 ```js
 import { defineAsyncComponent } from 'vue'
@@ -18,7 +18,7 @@ const AsyncComp = defineAsyncComponent(() => {
 
 As you can see, `defineAsyncComponent` accepts a loader function that returns a Promise. The Promise's `resolve` callback should be called when you have retrieved your component definition from the server. You can also call `reject(reason)` to indicate the load has failed.
 
-[ES module dynamic import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#dynamic_imports) also returns a Promise, so most of the time we will use it in combination with `defineAsyncComponent`. Bundlers like Vite and webpack also support the syntax, so we can use it to import Vue SFCs:
+[ES module dynamic import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) also returns a Promise, so most of the time we will use it in combination with `defineAsyncComponent`. Bundlers like Vite and webpack also support the syntax (and will use it as bundle split points), so we can use it to import Vue SFCs:
 
 ```js
 import { defineAsyncComponent } from 'vue'
@@ -28,28 +28,61 @@ const AsyncComp = defineAsyncComponent(() =>
 )
 ```
 
-The resulting `AsyncComp` is a wrapper component that only calls the loader function when it is actually rendered on the page. In addition, it will pass along any props to the inner component, so you can use the async wrapper to seamlessly replace the original component while achieving lazy loading.
+The resulting `AsyncComp` is a wrapper component that only calls the loader function when it is actually rendered on the page. In addition, it will pass along any props and slots to the inner component, so you can use the async wrapper to seamlessly replace the original component while achieving lazy loading.
+
+As with normal components, async components can be [registered globally](/guide/components/registration#global-registration) using `app.component()`:
+
+```js
+app.component('MyComponent', defineAsyncComponent(() =>
+  import('./components/MyComponent.vue')
+))
+```
 
 <div class="options-api">
 
-You can also use `defineAsyncComponent` when [registering a component locally](/guide/components/registration.html#local-registration):
+You can also use `defineAsyncComponent` when [registering a component locally](/guide/components/registration#local-registration):
 
-```js
+```vue
+<script>
 import { defineAsyncComponent } from 'vue'
 
 export default {
-  // ...
   components: {
-    AsyncComponent: defineAsyncComponent(() =>
-      import('./components/AsyncComponent.vue')
+    AdminPage: defineAsyncComponent(() =>
+      import('./components/AdminPageComponent.vue')
     )
   }
 }
+</script>
+
+<template>
+  <AdminPage />
+</template>
+```
+
+</div>
+
+<div class="composition-api">
+
+They can also be defined directly inside their parent component:
+
+```vue
+<script setup>
+import { defineAsyncComponent } from 'vue'
+
+const AdminPage = defineAsyncComponent(() =>
+  import('./components/AdminPageComponent.vue')
+)
+</script>
+
+<template>
+  <AdminPage />
+</template>
 ```
 
 </div>
 
-## Loading and Error States
+## Loading and Error States {#loading-and-error-states}
 
 Asynchronous operations inevitably involve loading and error states - `defineAsyncComponent()` supports handling these states via advanced options:
 
@@ -75,6 +108,105 @@ If a loading component is provided, it will be displayed first while the inner c
 
 If an error component is provided, it will be displayed when the Promise returned by the loader function is rejected. You can also specify a timeout to show the error component when the request is taking too long.
 
-## Using with Suspense
+## Lazy Hydration <sup class="vt-badge" data-text="3.5+" /> {#lazy-hydration}
+
+> This section only applies if you are using [Server-Side Rendering](/guide/scaling-up/ssr).
+
+In Vue 3.5+, async components can control when they are hydrated by providing a hydration strategy.
+
+- Vue provides a number of built-in hydration strategies. These built-in strategies need to be individually imported so they can be tree-shaken if not used.
+
+- The design is intentionally low-level for flexibility. Compiler syntax sugar can potentially be built on top of this in the future either in core or in higher level solutions (e.g. Nuxt).
+
+### Hydrate on Idle {#hydrate-on-idle}
+
+Hydrates via `requestIdleCallback`:
+
+```js
+import { defineAsyncComponent, hydrateOnIdle } from 'vue'
+
+const AsyncComp = defineAsyncComponent({
+  loader: () => import('./Comp.vue'),
+  hydrate: hydrateOnIdle(/* optionally pass a max timeout */)
+})
+```
+
+### Hydrate on Visible {#hydrate-on-visible}
+
+Hydrate when element(s) become visible via `IntersectionObserver`.
+
+```js
+import { defineAsyncComponent, hydrateOnVisible } from 'vue'
+
+const AsyncComp = defineAsyncComponent({
+  loader: () => import('./Comp.vue'),
+  hydrate: hydrateOnVisible()
+})
+```
+
+Can optionally pass in an options object value for the observer:
+
+```js
+hydrateOnVisible({ rootMargin: '100px' })
+```
+
+### Hydrate on Media Query {#hydrate-on-media-query}
+
+Hydrates when the specified media query matches.
+
+```js
+import { defineAsyncComponent, hydrateOnMediaQuery } from 'vue'
+
+const AsyncComp = defineAsyncComponent({
+  loader: () => import('./Comp.vue'),
+  hydrate: hydrateOnMediaQuery('(max-width:500px)')
+})
+```
+
+### Hydrate on Interaction {#hydrate-on-interaction}
+
+Hydrates when specified event(s) are triggered on the component element(s). The event that triggered the hydration will also be replayed once hydration is complete.
+
+```js
+import { defineAsyncComponent, hydrateOnInteraction } from 'vue'
+
+const AsyncComp = defineAsyncComponent({
+  loader: () => import('./Comp.vue'),
+  hydrate: hydrateOnInteraction('click')
+})
+```
+
+Can also be a list of multiple event types:
+
+```js
+hydrateOnInteraction(['wheel', 'mouseover'])
+```
+
+### Custom Strategy {#custom-strategy}
+
+```ts
+import { defineAsyncComponent, type HydrationStrategy } from 'vue'
+
+const myStrategy: HydrationStrategy = (hydrate, forEachElement) => {
+  // forEachElement is a helper to iterate through all the root elements
+  // in the component's non-hydrated DOM, since the root can be a fragment
+  // instead of a single element
+  forEachElement(el => {
+    // ...
+  })
+  // call `hydrate` when ready
+  hydrate()
+  return () => {
+    // return a teardown function if needed
+  }
+}
+
+const AsyncComp = defineAsyncComponent({
+  loader: () => import('./Comp.vue'),
+  hydrate: myStrategy
+})
+```
+
+## Using with Suspense {#using-with-suspense}
 
-Async components can be used with the `<Suspense>` built-in component. The interaction between `<Suspense>` and async components are documented in the [dedicated chapter for `<Suspense>`](/guide/built-ins/suspense.html).
+Async components can be used with the `<Suspense>` built-in component. The interaction between `<Suspense>` and async components is documented in the [dedicated chapter for `<Suspense>`](/guide/built-ins/suspense).
diff --git a/src/guide/components/attrs.md b/src/guide/components/attrs.md
index 5fe0ab30d6..507fc731c9 100644
--- a/src/guide/components/attrs.md
+++ b/src/guide/components/attrs.md
@@ -2,19 +2,19 @@
 outline: deep
 ---
 
-# Fallthrough Attributes
+# Fallthrough Attributes {#fallthrough-attributes}
 
 > This page assumes you've already read the [Components Basics](/guide/essentials/component-basics). Read that first if you are new to components.
 
-## Attribute Inheritance
+## Attribute Inheritance {#attribute-inheritance}
 
-A "fallthrough attribute" is an attribute or `v-on` event listener that is passed to a component, but is not explicitly declared in the receiving component's [props](./props) or [emits](./events.html#declaring-emitted-events). Common examples of this include `class`, `style`, and `id` attributes.
+A "fallthrough attribute" is an attribute or `v-on` event listener that is passed to a component, but is not explicitly declared in the receiving component's [props](./props) or [emits](./events#declaring-emitted-events). Common examples of this include `class`, `style`, and `id` attributes.
 
 When a component renders a single root element, fallthrough attributes will be automatically added to the root element's attributes. For example, given a `<MyButton>` component with the following template:
 
 ```vue-html
 <!-- template of <MyButton> -->
-<button>click me</button>
+<button>Click Me</button>
 ```
 
 And a parent using this component with:
@@ -26,25 +26,27 @@ And a parent using this component with:
 The final rendered DOM would be:
 
 ```html
-<button class="large">click me</button>
+<button class="large">Click Me</button>
 ```
 
-### `class` and `style` Merging
+Here, `<MyButton>` did not declare `class` as an accepted prop. Therefore, `class` is treated as a fallthrough attribute and automatically added to `<MyButton>`'s root element.
+
+### `class` and `style` Merging {#class-and-style-merging}
 
 If the child component's root element already has existing `class` or `style` attributes, it will be merged with the `class` and `style` values that are inherited from the parent. Suppose we change the template of `<MyButton>` in the previous example to:
 
 ```vue-html
 <!-- template of <MyButton> -->
-<button class="btn">click me</button>
+<button class="btn">Click Me</button>
 ```
 
 Then the final rendered DOM would now become:
 
 ```html
-<button class="btn large">click me</button>
+<button class="btn large">Click Me</button>
 ```
 
-### `v-on` Listener Inheritance
+### `v-on` Listener Inheritance {#v-on-listener-inheritance}
 
 The same rule applies to `v-on` event listeners:
 
@@ -54,7 +56,7 @@ The same rule applies to `v-on` event listeners:
 
 The `click` listener will be added to the root element of `<MyButton>`, i.e. the native `<button>` element. When the native `<button>` is clicked, it will trigger the `onClick` method of the parent component. If the native `<button>` already has a `click` listener bound with `v-on`, then both listeners will trigger.
 
-### Nested Component Inheritance
+### Nested Component Inheritance {#nested-component-inheritance}
 
 If a component renders another component as its root node, for example, we refactored `<MyButton>` to render a `<BaseButton>` as its root:
 
@@ -71,23 +73,19 @@ Note that:
 
 2. Forwarded attributes may be accepted as props by `<BaseButton>`, if declared by it.
 
-## Disabling Attribute Inheritance
+## Disabling Attribute Inheritance {#disabling-attribute-inheritance}
 
 If you do **not** want a component to automatically inherit attributes, you can set `inheritAttrs: false` in the component's options.
 
 <div class="composition-api">
 
-If using `<script setup>`, you will need to declare this option using a separate, normal `<script>` block:
+ Since 3.3 you can also use [`defineOptions`](/api/sfc-script-setup#defineoptions) directly in `<script setup>`:
 
 ```vue
-<script>
-// use normal <script> to declare options
-export default {
-  inheritAttrs: false
-}
-</script>
-
 <script setup>
+defineOptions({
+  inheritAttrs: false
+})
 // ...setup logic
 </script>
 ```
@@ -114,7 +112,7 @@ Using our `<MyButton>` component example from the [previous section](#attribute-
 
 ```vue-html
 <div class="btn-wrapper">
-  <button class="btn">click me</button>
+  <button class="btn">Click Me</button>
 </div>
 ```
 
@@ -122,13 +120,13 @@ We want all fallthrough attributes like `class` and `v-on` listeners to be appli
 
 ```vue-html{2}
 <div class="btn-wrapper">
-  <button class="btn" v-bind="$attrs">click me</button>
+  <button class="btn" v-bind="$attrs">Click Me</button>
 </div>
 ```
 
-Remember that [`v-bind` without an argument](/guide/essentials/template-syntax.html#dynamically-binding-multiple-attributes) binds all the properties of an object as attributes of the target element.
+Remember that [`v-bind` without an argument](/guide/essentials/template-syntax#dynamically-binding-multiple-attributes) binds all the properties of an object as attributes of the target element.
 
-## Attribute Inheritance on Multiple Root Nodes
+## Attribute Inheritance on Multiple Root Nodes {#attribute-inheritance-on-multiple-root-nodes}
 
 Unlike components with a single root node, components with multiple root nodes do not have an automatic attribute fallthrough behavior. If `$attrs` are not bound explicitly, a runtime warning will be issued.
 
@@ -152,7 +150,7 @@ The warning will be suppressed if `$attrs` is explicitly bound:
 <footer>...</footer>
 ```
 
-## Accessing Fallthrough Attributes in JavaScript
+## Accessing Fallthrough Attributes in JavaScript {#accessing-fallthrough-attributes-in-javascript}
 
 <div class="composition-api">
 
@@ -177,7 +175,7 @@ export default {
 }
 ```
 
-Note that although the `attrs` object here always reflect the latest fallthrough attributes, it isn't reactive (for performance reasons). You cannot use watchers to observe its changes. If you need reactivity, use a prop. Alternatively, you can use `onUpdated()` to perform side effects with latest `attrs` on each update.
+Note that although the `attrs` object here always reflects the latest fallthrough attributes, it isn't reactive (for performance reasons). You cannot use watchers to observe its changes. If you need reactivity, use a prop. Alternatively, you can use `onUpdated()` to perform side effects with the latest `attrs` on each update.
 
 </div>
 
diff --git a/src/guide/components/events.md b/src/guide/components/events.md
index 82cb7e1afc..14be314a77 100644
--- a/src/guide/components/events.md
+++ b/src/guide/components/events.md
@@ -1,4 +1,24 @@
-# Component Events
+<script setup>
+import { onMounted } from 'vue'
+
+if (typeof window !== 'undefined') {
+  const hash = window.location.hash
+
+  // The docs for v-model used to be part of this page. Attempt to redirect outdated links.
+  if ([
+    '#usage-with-v-model',
+    '#v-model-arguments',
+    '#multiple-v-model-bindings',
+    '#handling-v-model-modifiers'
+  ].includes(hash)) {
+    onMounted(() => {
+      window.location = './v-model.html' + hash
+    })
+  }
+}
+</script>
+
+# Component Events {#component-events}
 
 > This page assumes you've already read the [Components Basics](/guide/essentials/component-basics). Read that first if you are new to components.
 
@@ -6,18 +26,28 @@
   <VueSchoolLink href="https://vueschool.io/lessons/defining-custom-events-emits" title="Free Vue.js Lesson on Defining Custom Events"/>
 </div>
 
-## Emitting and Listening to Events
+## Emitting and Listening to Events {#emitting-and-listening-to-events}
 
-A component can emit custom events directly in template expressions (e.g. in a `v-on` handler) using the built-in `$emit` function:
+A component can emit custom events directly in template expressions (e.g. in a `v-on` handler) using the built-in `$emit` method:
 
 ```vue-html
 <!-- MyComponent -->
-<button @click="$emit('someEvent')">click me</button>
+<button @click="$emit('someEvent')">Click Me</button>
 ```
 
 <div class="options-api">
 
-The `$emit()` function is also available on the component instance as `this.$emit()`.
+The `$emit()` method is also available on the component instance as `this.$emit()`:
+
+```js
+export default {
+  methods: {
+    submit() {
+      this.$emit('someEvent')
+    }
+  }
+}
+```
 
 </div>
 
@@ -33,13 +63,13 @@ The `.once` modifier is also supported on component event listeners:
 <MyComponent @some-event.once="callback" />
 ```
 
-Like components and props, event names provide an automatic case transformation. Notice we emitted a camelCase event, but can listen for it using a kebab-cased listener in the parent. As with [props casing](/guide/components/props.html#prop-name-casing), we recommend using kebab-cased event listeners in templates.
+Like components and props, event names provide an automatic case transformation. Notice we emitted a camelCase event, but can listen for it using a kebab-cased listener in the parent. As with [props casing](/guide/components/props#prop-name-casing), we recommend using kebab-cased event listeners in templates.
 
 :::tip
-Unlike native DOM events, component emitted events do **not** bubble. You can only listen to the events emitted by a direct child component.
+Unlike native DOM events, component emitted events do **not** bubble. You can only listen to the events emitted by a direct child component. If there is a need to communicate between sibling or deeply nested components, use an external event bus or a [global state management solution](/guide/scaling-up/state-management).
 :::
 
-## Event Arguments
+## Event Arguments {#event-arguments}
 
 It's sometimes useful to emit a specific value with an event. For example, we may want the `<BlogPost>` component to be in charge of how much to enlarge the text by. In those cases, we can pass extra arguments to `$emit` to provide this value:
 
@@ -88,21 +118,33 @@ function increaseCount(n) {
 All extra arguments passed to `$emit()` after the event name will be forwarded to the listener. For example, with `$emit('foo', 1, 2, 3)` the listener function will receive three arguments.
 :::
 
-## Declaring Emitted Events
+## Declaring Emitted Events {#declaring-emitted-events}
 
-Emitted events can be explicitly declared on the component via the <span class="composition-api">[`defineEmits()`](/api/sfc-script-setup.html#defineprops-defineemits) macro</span><span class="options-api">[`emits`](/api/options-state.html#emits) option</span>.
+A component can explicitly declare the events it will emit using the <span class="composition-api">[`defineEmits()`](/api/sfc-script-setup#defineprops-defineemits) macro</span><span class="options-api">[`emits`](/api/options-state#emits) option</span>:
 
 <div class="composition-api">
 
+```vue
+<script setup>
+defineEmits(['inFocus', 'submit'])
+</script>
+```
+
+The `$emit` method that we used in the `<template>` isn't accessible within the `<script setup>` section of a component, but `defineEmits()` returns an equivalent function that we can use instead:
+
 ```vue
 <script setup>
 const emit = defineEmits(['inFocus', 'submit'])
+
+function buttonClick() {
+  emit('submit')
+}
 </script>
 ```
 
-The returned `emit` function can be used to emit events in JavaScript.
+The `defineEmits()` macro **cannot** be used inside a function, it must be placed directly within `<script setup>`, as in the example above.
 
-If not using `<script setup>`, events should be declared using the [`emits`](/api/options-state.html#emits) option, and the `emit` function is exposed on the `setup()` context:
+If you're using an explicit `setup` function instead of `<script setup>`, events should be declared using the [`emits`](/api/options-state#emits) option, and the `emit` function is exposed on the `setup()` context:
 
 ```js
 export default {
@@ -113,6 +155,17 @@ export default {
 }
 ```
 
+As with other properties of the `setup()` context, `emit` can safely be destructured:
+
+```js
+export default {
+  emits: ['inFocus', 'submit'],
+  setup(props, { emit }) {
+    emit('submit')
+  }
+}
+```
+
 </div>
 <div class="options-api">
 
@@ -124,14 +177,14 @@ export default {
 
 </div>
 
-The `emits` option also supports an object syntax, which allows us to perform runtime validation of the payload of the emitted events:
+The `emits` option and `defineEmits()` macro also support an object syntax. If using TypeScript you can type arguments, which allows us to perform runtime validation of the payload of the emitted events:
 
 <div class="composition-api">
 
 ```vue
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits({
-  submit(payload) {
+  submit(payload: { email: string, password: string }) {
     // return `true` or `false` to indicate
     // validation pass / fail
   }
@@ -150,7 +203,7 @@ const emit = defineEmits<{
 </script>
 ```
 
-More details: [Typing Component Emits](/guide/typescript/composition-api.html#typing-component-emits) <sup class="vt-badge ts" />
+More details: [Typing Component Emits](/guide/typescript/composition-api#typing-component-emits) <sup class="vt-badge ts" />
 
 </div>
 <div class="options-api">
@@ -158,7 +211,7 @@ More details: [Typing Component Emits](/guide/typescript/composition-api.html#ty
 ```js
 export default {
   emits: {
-    submit(payload) {
+    submit(payload: { email: string, password: string }) {
       // return `true` or `false` to indicate
       // validation pass / fail
     }
@@ -166,17 +219,17 @@ export default {
 }
 ```
 
-See also: [Typing Component Emits](/guide/typescript/options-api.html#typing-component-emits) <sup class="vt-badge ts" />
+See also: [Typing Component Emits](/guide/typescript/options-api#typing-component-emits) <sup class="vt-badge ts" />
 
 </div>
 
-Although optional, it is recommended to define all emitted events in order to better document how a component should work. It also allows Vue to exclude known listeners from [fallthrough attributes](/guide/components/attrs.html#v-on-listener-inheritance).
+Although optional, it is recommended to define all emitted events in order to better document how a component should work. It also allows Vue to exclude known listeners from [fallthrough attributes](/guide/components/attrs#v-on-listener-inheritance), avoiding edge cases caused by DOM events manually dispatched by 3rd party code.
 
 :::tip
 If a native event (e.g., `click`) is defined in the `emits` option, the listener will now only listen to component-emitted `click` events and no longer respond to native `click` events.
 :::
 
-## Events Validation
+## Events Validation {#events-validation}
 
 Similar to prop type validation, an emitted event can be validated if it is defined with the object syntax instead of the array syntax.
 
@@ -235,438 +288,3 @@ export default {
 ```
 
 </div>
-
-## Usage with `v-model`
-
-Custom events can also be used to create custom inputs that work with `v-model`. Remember that:
-
-```vue-html
-<input v-model="searchText" />
-```
-
-does the same thing as:
-
-```vue-html
-<input
-  :value="searchText"
-  @input="searchText = $event.target.value"
-/>
-```
-
-When used on a component, `v-model` instead does this:
-
-```vue-html
-<CustomInput
-  :modelValue="searchText"
-  @update:modelValue="newValue => searchText = newValue"
-/>
-```
-
-For this to actually work though, the `<input>` inside the component must:
-
-- Bind the `value` attribute to the `modelValue` prop
-- On `input`, emit an `update:modelValue` event with the new value
-
-Here's that in action:
-
-<div class="options-api">
-
-```vue
-<!-- CustomInput.vue -->
-<script>
-export default {
-  props: ['modelValue'],
-  emits: ['update:modelValue']
-}
-</script>
-
-<template>
-  <input
-    :value="modelValue"
-    @input="$emit('update:modelValue', $event.target.value)"
-  />
-</template>
-```
-
-</div>
-<div class="composition-api">
-
-```vue
-<!-- CustomInput.vue -->
-<script setup>
-defineProps(['modelValue'])
-defineEmits(['update:modelValue'])
-</script>
-
-<template>
-  <input
-    :value="modelValue"
-    @input="$emit('update:modelValue', $event.target.value)"
-  />
-</template>
-```
-
-</div>
-
-Now `v-model` should work perfectly with this component:
-
-```vue-html
-<CustomInput v-model="searchText" />
-```
-
-<div class="options-api">
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBDdXN0b21JbnB1dCBmcm9tICcuL0N1c3RvbUlucHV0LnZ1ZSdcblxuZXhwb3J0IGRlZmF1bHQge1xuICBjb21wb25lbnRzOiB7IEN1c3RvbUlucHV0IH0sXG4gIGRhdGEoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG1lc3NhZ2U6ICdoZWxsbydcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxDdXN0b21JbnB1dCB2LW1vZGVsPVwibWVzc2FnZVwiIC8+IHt7IG1lc3NhZ2UgfX1cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkN1c3RvbUlucHV0LnZ1ZSI6IjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIHByb3BzOiBbJ21vZGVsVmFsdWUnXSxcbiAgZW1pdHM6IFsndXBkYXRlOm1vZGVsVmFsdWUnXVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGlucHV0XG4gICAgOnZhbHVlPVwibW9kZWxWYWx1ZVwiXG4gICAgQGlucHV0PVwiJGVtaXQoJ3VwZGF0ZTptb2RlbFZhbHVlJywgJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAvPlxuPC90ZW1wbGF0ZT4ifQ==)
-
-</div>
-<div class="composition-api">
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBDdXN0b21JbnB1dCBmcm9tICcuL0N1c3RvbUlucHV0LnZ1ZSdcbiAgXG5jb25zdCBtZXNzYWdlID0gcmVmKCdoZWxsbycpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8Q3VzdG9tSW5wdXQgdi1tb2RlbD1cIm1lc3NhZ2VcIiAvPiB7eyBtZXNzYWdlIH19XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJDdXN0b21JbnB1dC52dWUiOiI8c2NyaXB0IHNldHVwPlxuZGVmaW5lUHJvcHMoWydtb2RlbFZhbHVlJ10pXG5kZWZpbmVFbWl0cyhbJ3VwZGF0ZTptb2RlbFZhbHVlJ10pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aW5wdXRcbiAgICA6dmFsdWU9XCJtb2RlbFZhbHVlXCJcbiAgICBAaW5wdXQ9XCIkZW1pdCgndXBkYXRlOm1vZGVsVmFsdWUnLCAkZXZlbnQudGFyZ2V0LnZhbHVlKVwiXG4gIC8+XG48L3RlbXBsYXRlPiJ9)
-
-</div>
-
-Another way of implementing `v-model` within this component is to use a writable `computed` property with both a getter and a setter. The `get` method should return the `modelValue` property and the `set` method should emit the corresponding event:
-
-<div class="options-api">
-
-```vue
-<!-- CustomInput.vue -->
-<script>
-export default {
-  props: ['modelValue'],
-  emits: ['update:modelValue'],
-  computed: {
-    value: {
-      get() {
-        return this.modelValue
-      },
-      set(value) {
-        this.$emit('update:modelValue', value)
-      }
-    }
-  }
-}
-</script>
-
-<template>
-  <input v-model="value" />
-</template>
-```
-
-</div>
-<div class="composition-api">
-
-```vue
-<!-- CustomInput.vue -->
-<script setup>
-import { computed } from 'vue'
-
-const props = defineProps(['modelValue'])
-const emit = defineEmits(['update:modelValue'])
-
-const value = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value) {
-    emit('update:modelValue', value)
-  }
-})
-</script>
-
-<template>
-  <input v-model="value" />
-</template>
-```
-
-</div>
-
-### `v-model` arguments
-
-By default, `v-model` on a component uses `modelValue` as the prop and `update:modelValue` as the event. We can modify these names passing an argument to `v-model`:
-
-```vue-html
-<MyComponent v-model:title="bookTitle" />
-```
-
-In this case, the child component should expect a `title` prop and emit an `update:title` event to update the parent value:
-
-<div class="composition-api">
-
-```vue
-<!-- MyComponent.vue -->
-<script setup>
-defineProps(['title'])
-defineEmits(['update:title'])
-</script>
-
-<template>
-  <input
-    type="text"
-    :value="title"
-    @input="$emit('update:title', $event.target.value)"
-  />
-</template>
-```
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbiAgXG5jb25zdCB0aXRsZSA9IHJlZigndi1tb2RlbCBhcmd1bWVudCBleGFtcGxlJylcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxoMT57eyB0aXRsZSB9fTwvaDE+XG4gIDxNeUNvbXBvbmVudCB2LW1vZGVsOnRpdGxlPVwidGl0bGVcIiAvPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiTXlDb21wb25lbnQudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmRlZmluZVByb3BzKFsndGl0bGUnXSlcbmRlZmluZUVtaXRzKFsndXBkYXRlOnRpdGxlJ10pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aW5wdXRcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgOnZhbHVlPVwidGl0bGVcIlxuICAgIEBpbnB1dD1cIiRlbWl0KCd1cGRhdGU6dGl0bGUnLCAkZXZlbnQudGFyZ2V0LnZhbHVlKVwiXG4gIC8+XG48L3RlbXBsYXRlPiJ9)
-
-</div>
-<div class="options-api">
-
-```vue
-<!-- MyComponent.vue -->
-<script>
-export default {
-  props: ['title'],
-  emits: ['update:title']
-}
-</script>
-
-<template>
-  <input
-    type="text"
-    :value="title"
-    @input="$emit('update:title', $event.target.value)"
-  />
-</template>
-```
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcblxuZXhwb3J0IGRlZmF1bHQge1xuICBjb21wb25lbnRzOiB7IE15Q29tcG9uZW50IH0sXG4gIGRhdGEoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRpdGxlOiAndi1tb2RlbCBhcmd1bWVudCBleGFtcGxlJ1xuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGgxPnt7IHRpdGxlIH19PC9oMT5cbiAgPE15Q29tcG9uZW50IHYtbW9kZWw6dGl0bGU9XCJ0aXRsZVwiIC8+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJNeUNvbXBvbmVudC52dWUiOiI8c2NyaXB0PlxuZXhwb3J0IGRlZmF1bHQge1xuICBwcm9wczogWyd0aXRsZSddLFxuICBlbWl0czogWyd1cGRhdGU6dGl0bGUnXVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGlucHV0XG4gICAgdHlwZT1cInRleHRcIlxuICAgIDp2YWx1ZT1cInRpdGxlXCJcbiAgICBAaW5wdXQ9XCIkZW1pdCgndXBkYXRlOnRpdGxlJywgJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAvPlxuPC90ZW1wbGF0ZT4ifQ==)
-
-</div>
-
-### Multiple `v-model` bindings
-
-By leveraging the ability to target a particular prop and event as we learned before with [`v-model` arguments](#v-model-arguments), we can now create multiple v-model bindings on a single component instance.
-
-Each v-model will sync to a different prop, without the need for extra options in the component:
-
-```vue-html
-<UserName
-  v-model:first-name="firstName"
-  v-model:last-name="lastName"
-/>
-```
-
-<div class="composition-api">
-
-```vue
-<script setup>
-defineProps({
-  firstName: String,
-  lastName: String
-})
-
-defineEmits(['update:firstName', 'update:lastName'])
-</script>
-
-<template>
-  <input
-    type="text"
-    :value="firstName"
-    @input="$emit('update:firstName', $event.target.value)"
-  />
-  <input
-    type="text"
-    :value="lastName"
-    @input="$emit('update:lastName', $event.target.value)"
-  />
-</template>
-```
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBVc2VyTmFtZSBmcm9tICcuL1VzZXJOYW1lLnZ1ZSdcblxuY29uc3QgZmlyc3ROYW1lID0gcmVmKCdKb2huJylcbmNvbnN0IGxhc3ROYW1lID1yZWYoJ0RvZScpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aDE+e3sgZmlyc3ROYW1lIH19IHt7IGxhc3ROYW1lIH19PC9oMT5cbiAgPFVzZXJOYW1lXG4gICAgdi1tb2RlbDpmaXJzdC1uYW1lPVwiZmlyc3ROYW1lXCJcbiAgICB2LW1vZGVsOmxhc3QtbmFtZT1cImxhc3ROYW1lXCJcbiAgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIlVzZXJOYW1lLnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5kZWZpbmVQcm9wcyh7XG4gIGZpcnN0TmFtZTogU3RyaW5nLFxuICBsYXN0TmFtZTogU3RyaW5nXG59KVxuXG5kZWZpbmVFbWl0cyhbJ3VwZGF0ZTpmaXJzdE5hbWUnLCAndXBkYXRlOmxhc3ROYW1lJ10pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aW5wdXRcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgOnZhbHVlPVwiZmlyc3ROYW1lXCJcbiAgICBAaW5wdXQ9XCIkZW1pdCgndXBkYXRlOmZpcnN0TmFtZScsICRldmVudC50YXJnZXQudmFsdWUpXCJcbiAgLz5cbiAgPGlucHV0XG4gICAgdHlwZT1cInRleHRcIlxuICAgIDp2YWx1ZT1cImxhc3ROYW1lXCJcbiAgICBAaW5wdXQ9XCIkZW1pdCgndXBkYXRlOmxhc3ROYW1lJywgJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAvPlxuPC90ZW1wbGF0ZT4ifQ==)
-
-</div>
-<div class="options-api">
-
-```vue
-<script>
-export default {
-  props: {
-    firstName: String,
-    lastName: String
-  },
-  emits: ['update:firstName', 'update:lastName']
-}
-</script>
-
-<template>
-  <input
-    type="text"
-    :value="firstName"
-    @input="$emit('update:firstName', $event.target.value)"
-  />
-  <input
-    type="text"
-    :value="lastName"
-    @input="$emit('update:lastName', $event.target.value)"
-  />
-</template>
-```
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBVc2VyTmFtZSBmcm9tICcuL1VzZXJOYW1lLnZ1ZSdcblxuZXhwb3J0IGRlZmF1bHQge1xuICBjb21wb25lbnRzOiB7IFVzZXJOYW1lIH0sXG4gIGRhdGEoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGZpcnN0TmFtZTogJ0pvaG4nLFxuICAgICAgbGFzdE5hbWU6ICdEb2UnXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aDE+e3sgZmlyc3ROYW1lIH19IHt7IGxhc3ROYW1lIH19PC9oMT5cbiAgPFVzZXJOYW1lXG4gICAgdi1tb2RlbDpmaXJzdC1uYW1lPVwiZmlyc3ROYW1lXCJcbiAgICB2LW1vZGVsOmxhc3QtbmFtZT1cImxhc3ROYW1lXCJcbiAgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIlVzZXJOYW1lLnZ1ZSI6IjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIHByb3BzOiB7XG5cdCAgZmlyc3ROYW1lOiBTdHJpbmcsXG4gIFx0bGFzdE5hbWU6IFN0cmluZ1xuXHR9LFxuICBlbWl0czogWyd1cGRhdGU6Zmlyc3ROYW1lJywgJ3VwZGF0ZTpsYXN0TmFtZSddXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aW5wdXRcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgOnZhbHVlPVwiZmlyc3ROYW1lXCJcbiAgICBAaW5wdXQ9XCIkZW1pdCgndXBkYXRlOmZpcnN0TmFtZScsICRldmVudC50YXJnZXQudmFsdWUpXCJcbiAgLz5cbiAgPGlucHV0XG4gICAgdHlwZT1cInRleHRcIlxuICAgIDp2YWx1ZT1cImxhc3ROYW1lXCJcbiAgICBAaW5wdXQ9XCIkZW1pdCgndXBkYXRlOmxhc3ROYW1lJywgJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAvPlxuPC90ZW1wbGF0ZT4ifQ==)
-
-</div>
-
-### Handling `v-model` modifiers
-
-When we were learning about form input bindings, we saw that `v-model` has [built-in modifiers](/guide/essentials/forms.html#modifiers) - `.trim`, `.number` and `.lazy`. In some cases, however, you might also want to add your own custom modifiers.
-
-Let's create an example custom modifier, `capitalize`, that capitalizes the first letter of the string provided by the `v-model` binding:
-
-```vue-html
-<MyComponent v-model.capitalize="myText" />
-```
-
-Modifiers added to a component `v-model` will be provided to the component via the `modelModifiers` prop. In the below example, we have created a component that contains a `modelModifiers` prop that defaults to an empty object:
-
-<div class="composition-api">
-
-```vue{4,9}
-<script setup>
-const props = defineProps({
-  modelValue: String,
-  modelModifiers: { default: () => ({}) }
-})
-
-defineEmits(['update:modelValue'])
-
-console.log(props.modelModifiers) // { capitalize: true }
-</script>
-
-<template>
-  <input
-    type="text"
-    :value="modelValue"
-    @input="$emit('update:modelValue', $event.target.value)"
-  />
-</template>
-```
-
-</div>
-<div class="options-api">
-
-```vue{11}
-<script>
-export default {
-  props: {
-    modelValue: String,
-    modelModifiers: {
-      default: () => ({})
-    }
-  },
-  emits: ['update:modelValue'],
-  created() {
-    console.log(this.modelModifiers) // { capitalize: true }
-  }
-}
-</script>
-
-<template>
-  <input
-    type="text"
-    :value="modelValue"
-    @input="$emit('update:modelValue', $event.target.value)"
-  />
-</template>
-```
-
-</div>
-
-Notice the component's `modelModifiers` prop contains `capitalize` and its value is `true` - due to it being set on the `v-model` binding `v-model.capitalize="myText"`.
-
-Now that we have our prop set up, we can check the `modelModifiers` object keys and write a handler to change the emitted value. In the code below we will capitalize the string whenever the `<input />` element fires an `input` event.
-
-<div class="composition-api">
-
-```vue{11-13}
-<script setup>
-const props = defineProps({
-  modelValue: String,
-  modelModifiers: { default: () => ({}) }
-})
-
-const emit = defineEmits(['update:modelValue'])
-
-function emitValue(e) {
-  let value = e.target.value
-  if (props.modelModifiers.capitalize) {
-    value = value.charAt(0).toUpperCase() + value.slice(1)
-  }
-  emit('update:modelValue', value)
-}
-</script>
-
-<template>
-  <input type="text" :value="modelValue" @input="emitValue" />
-</template>
-```
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbiAgXG5jb25zdCBteVRleHQgPSByZWYoJycpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICBUaGlzIGlucHV0IGNhcGl0YWxpemVzIGV2ZXJ5dGhpbmcgeW91IGVudGVyOlxuICA8TXlDb21wb25lbnQgdi1tb2RlbC5jYXBpdGFsaXplPVwibXlUZXh0XCIgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIk15Q29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5jb25zdCBwcm9wcyA9IGRlZmluZVByb3BzKHtcbiAgbW9kZWxWYWx1ZTogU3RyaW5nLFxuICBtb2RlbE1vZGlmaWVyczogeyBkZWZhdWx0OiAoKSA9PiAoe30pIH1cbn0pXG5cbmNvbnN0IGVtaXQgPSBkZWZpbmVFbWl0cyhbJ3VwZGF0ZTptb2RlbFZhbHVlJ10pXG5cbmZ1bmN0aW9uIGVtaXRWYWx1ZShlKSB7XG4gIGxldCB2YWx1ZSA9IGUudGFyZ2V0LnZhbHVlXG4gIGlmIChwcm9wcy5tb2RlbE1vZGlmaWVycy5jYXBpdGFsaXplKSB7XG4gICAgdmFsdWUgPSB2YWx1ZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHZhbHVlLnNsaWNlKDEpXG4gIH1cbiAgZW1pdCgndXBkYXRlOm1vZGVsVmFsdWUnLCB2YWx1ZSlcbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxpbnB1dCB0eXBlPVwidGV4dFwiIDp2YWx1ZT1cIm1vZGVsVmFsdWVcIiBAaW5wdXQ9XCJlbWl0VmFsdWVcIiAvPlxuPC90ZW1wbGF0ZT4ifQ==)
-
-</div>
-<div class="options-api">
-
-```vue{13-15}
-<script>
-export default {
-  props: {
-    modelValue: String,
-    modelModifiers: {
-      default: () => ({})
-    }
-  },
-  emits: ['update:modelValue'],
-  methods: {
-    emitValue(e) {
-      let value = e.target.value
-      if (this.modelModifiers.capitalize) {
-        value = value.charAt(0).toUpperCase() + value.slice(1)
-      }
-      this.$emit('update:modelValue', value)
-    }
-  }
-}
-</script>
-
-<template>
-  <input type="text" :value="modelValue" @input="emitValue" />
-</template>
-```
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHsgTXlDb21wb25lbnQgfSxcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbXlUZXh0OiAnJ1xuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgVGhpcyBpbnB1dCBjYXBpdGFsaXplcyBldmVyeXRoaW5nIHlvdSBlbnRlcjpcbiAgPE15Q29tcG9uZW50IHYtbW9kZWwuY2FwaXRhbGl6ZT1cIm15VGV4dFwiIC8+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJNeUNvbXBvbmVudC52dWUiOiI8c2NyaXB0PlxuZXhwb3J0IGRlZmF1bHQge1xuICBwcm9wczoge1xuICAgIG1vZGVsVmFsdWU6IFN0cmluZyxcbiAgICBtb2RlbE1vZGlmaWVyczoge1xuICAgICAgZGVmYXVsdDogKCkgPT4gKHt9KVxuICAgIH1cbiAgfSxcbiAgZW1pdHM6IFsndXBkYXRlOm1vZGVsVmFsdWUnXSxcbiAgbWV0aG9kczoge1xuICAgIGVtaXRWYWx1ZShlKSB7XG4gICAgICBsZXQgdmFsdWUgPSBlLnRhcmdldC52YWx1ZVxuICAgICAgaWYgKHRoaXMubW9kZWxNb2RpZmllcnMuY2FwaXRhbGl6ZSkge1xuICAgICAgICB2YWx1ZSA9IHZhbHVlLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdmFsdWUuc2xpY2UoMSlcbiAgICAgIH1cbiAgICAgIHRoaXMuJGVtaXQoJ3VwZGF0ZTptb2RlbFZhbHVlJywgdmFsdWUpXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aW5wdXQgdHlwZT1cInRleHRcIiA6dmFsdWU9XCJtb2RlbFZhbHVlXCIgQGlucHV0PVwiZW1pdFZhbHVlXCIgLz5cbjwvdGVtcGxhdGU+In0=)
-
-</div>
-
-For `v-model` bindings with both argument and modifiers, the generated prop name will be `arg + "Modifiers"`. For example:
-
-```vue-html
-<MyComponent v-model:title.capitalize="myText">
-```
-
-The corresponding declarations should be:
-
-<div class="composition-api">
-
-```js
-const props = defineProps(['title', 'titleModifiers'])
-defineEmits(['update:title'])
-
-console.log(props.titleModifiers) // { capitalize: true }
-```
-
-</div>
-<div class="options-api">
-
-```js
-export default {
-  props: ['title', 'titleModifiers'],
-  emits: ['update:title'],
-  created() {
-    console.log(this.titleModifiers) // { capitalize: true }
-  }
-}
-```
-
-</div>
diff --git a/src/guide/components/images/named-slots.png b/src/guide/components/images/named-slots.png
index 68bf48b1d7..8cf6b18524 100644
Binary files a/src/guide/components/images/named-slots.png and b/src/guide/components/images/named-slots.png differ
diff --git a/src/guide/components/props.md b/src/guide/components/props.md
index d11fcc1314..ef9d58554c 100644
--- a/src/guide/components/props.md
+++ b/src/guide/components/props.md
@@ -1,4 +1,4 @@
-# Props
+# Props {#props}
 
 > This page assumes you've already read the [Components Basics](/guide/essentials/component-basics). Read that first if you are new to components.
 
@@ -6,9 +6,9 @@
   <VueSchoolLink href="https://vueschool.io/lessons/vue-3-reusable-components-with-props" title="Free Vue.js Props Lesson"/>
 </div>
 
-## Props Declaration
+## Props Declaration {#props-declaration}
 
-Vue components require explicit props declaration so that Vue knows what external props passed to the component should be treated as fallthrough attributes (which will be discussed in the next section).
+Vue components require explicit props declaration so that Vue knows what external props passed to the component should be treated as fallthrough attributes (which will be discussed in [its dedicated section](/guide/components/attrs)).
 
 <div class="composition-api">
 
@@ -22,7 +22,7 @@ console.log(props.foo)
 </script>
 ```
 
-In non-`<script setup>` components, props are declared using the [`props`](/api/options-state.html#props) option:
+In non-`<script setup>` components, props are declared using the [`props`](/api/options-state#props) option:
 
 ```js
 export default {
@@ -40,7 +40,7 @@ Notice the argument passed to `defineProps()` is the same as the value provided
 
 <div class="options-api">
 
-Props are declared using the [`props`](/api/options-state.html#props) option:
+Props are declared using the [`props`](/api/options-state#props) option:
 
 ```js
 export default {
@@ -96,7 +96,7 @@ This not only documents your component, but will also warn other developers usin
 
 <div class="options-api">
 
-See also: [Typing Component Props](/guide/typescript/options-api.html#typing-component-props) <sup class="vt-badge ts" />
+See also: [Typing Component Props](/guide/typescript/options-api#typing-component-props) <sup class="vt-badge ts" />
 
 </div>
 
@@ -113,13 +113,78 @@ defineProps<{
 </script>
 ```
 
-More details: [Typing Component Props](/guide/typescript/composition-api.html#typing-component-props) <sup class="vt-badge ts" />
+More details: [Typing Component Props](/guide/typescript/composition-api#typing-component-props) <sup class="vt-badge ts" />
 
 </div>
 
-## Prop Passing Details
+<div class="composition-api">
+
+## Reactive Props Destructure <sup class="vt-badge" data-text="3.5+" /> \*\* {#reactive-props-destructure}
+
+Vue's reactivity system tracks state usage based on property access. E.g. when you access `props.foo` in a computed getter or a watcher, the `foo` prop gets tracked as a dependency.
+
+So, given the following code:
+
+```js
+const { foo } = defineProps(['foo'])
+
+watchEffect(() => {
+  // runs only once before 3.5
+  // re-runs when the "foo" prop changes in 3.5+
+  console.log(foo)
+})
+```
+
+In version 3.4 and below, `foo` is an actual constant and will never change. In version 3.5 and above, Vue's compiler automatically prepends `props.` when code in the same `<script setup>` block accesses variables destructured from `defineProps`. Therefore the code above becomes equivalent to the following:
+
+```js {5}
+const props = defineProps(['foo'])
+
+watchEffect(() => {
+  // `foo` transformed to `props.foo` by the compiler
+  console.log(props.foo)
+})
+```
+
+In addition, you can use JavaScript's native default value syntax to declare default values for the props. This is particularly useful when using the type-based props declaration:
+
+```ts
+const { foo = 'hello' } = defineProps<{ foo?: string }>()
+```
+
+If you prefer to have more visual distinction between destructured props and normal variables in your IDE, Vue's VSCode extension provides a setting to enable inlay-hints for destructured props.
+
+### Passing Destructured Props into Functions {#passing-destructured-props-into-functions}
+
+When we pass a destructured prop into a function, e.g.:
+
+```js
+const { foo } = defineProps(['foo'])
+
+watch(foo, /* ... */)
+```
+
+This will not work as expected because it is equivalent to `watch(props.foo, ...)` - we are passing a value instead of a reactive data source to `watch`. In fact, Vue's compiler will catch such cases and throw a warning.
+
+Similar to how we can watch a normal prop with `watch(() => props.foo, ...)`, we can watch a destructured prop also by wrapping it in a getter:
+
+```js
+watch(() => foo, /* ... */)
+```
+
+In addition, this is the recommended approach when we need to pass a destructured prop into an external function while retaining reactivity:
+
+```js
+useComposable(() => foo)
+```
+
+The external function can call the getter (or normalize it with [toValue](/api/reactivity-utilities.html#tovalue)) when it needs to track changes of the provided prop, e.g. in a computed or watcher getter.
 
-### Prop Name Casing
+</div>
+
+## Prop Passing Details {#prop-passing-details}
+
+### Prop Name Casing {#prop-name-casing}
 
 We declare long prop names using camelCase because this avoids having to use quotes when using them as property keys, and allows us to reference them directly in template expressions because they are valid JavaScript identifiers:
 
@@ -148,15 +213,15 @@ export default {
 <span>{{ greetingMessage }}</span>
 ```
 
-Technically, you can also use camelCase when passing props to a child component (except in [DOM templates](/guide/essentials/component-basics.html#dom-template-parsing-caveats)). However, the convention is using kebab-case in all cases to align with HTML attributes:
+Technically, you can also use camelCase when passing props to a child component (except in [in-DOM templates](/guide/essentials/component-basics#in-dom-template-parsing-caveats)). However, the convention is using kebab-case in all cases to align with HTML attributes:
 
 ```vue-html
 <MyComponent greeting-message="hello" />
 ```
 
-We use [PascalCase for component tags](/guide/components/registration.html#component-name-casing) when possible because it improves template readability by differentiating Vue components from native elements. However, there isn't as much practical benefits for using camelCase when passing props, so we choose to follow each language's conventions.
+We use [PascalCase for component tags](/guide/components/registration#component-name-casing) when possible because it improves template readability by differentiating Vue components from native elements. However, there isn't as much practical benefit in using camelCase when passing props, so we choose to follow each language's conventions.
 
-### Static vs. Dynamic Props
+### Static vs. Dynamic Props {#static-vs-dynamic-props}
 
 So far, you've seen props passed as static values, like in:
 
@@ -174,11 +239,11 @@ You've also seen props assigned dynamically with `v-bind` or its `:` shortcut, s
 <BlogPost :title="post.title + ' by ' + post.author.name" />
 ```
 
-### Passing Different Value Types
+### Passing Different Value Types {#passing-different-value-types}
 
 In the two examples above, we happen to pass string values, but _any_ type of value can be passed to a prop.
 
-#### Number
+#### Number {#number}
 
 ```vue-html
 <!-- Even though `42` is static, we need v-bind to tell Vue that -->
@@ -189,7 +254,7 @@ In the two examples above, we happen to pass string values, but _any_ type of va
 <BlogPost :likes="post.likes" />
 ```
 
-#### Boolean
+#### Boolean {#boolean}
 
 ```vue-html
 <!-- Including the prop with no value will imply `true`. -->
@@ -203,7 +268,7 @@ In the two examples above, we happen to pass string values, but _any_ type of va
 <BlogPost :is-published="post.isPublished" />
 ```
 
-#### Array
+#### Array {#array}
 
 ```vue-html
 <!-- Even though the array is static, we need v-bind to tell Vue that -->
@@ -214,7 +279,7 @@ In the two examples above, we happen to pass string values, but _any_ type of va
 <BlogPost :comment-ids="post.commentIds" />
 ```
 
-#### Object
+#### Object {#object}
 
 ```vue-html
 <!-- Even though the object is static, we need v-bind to tell Vue that -->
@@ -230,9 +295,9 @@ In the two examples above, we happen to pass string values, but _any_ type of va
 <BlogPost :author="post.author" />
 ```
 
-### Binding Multiple Properties Using an Object
+### Binding Multiple Properties Using an Object {#binding-multiple-properties-using-an-object}
 
-If you want to pass all the properties of an object as props, you can use [`v-bind` without an argument](/guide/essentials/template-syntax.html#dynamically-binding-multiple-attributes) (`v-bind` instead of `:prop-name`). For example, given a `post` object:
+If you want to pass all the properties of an object as props, you can use [`v-bind` without an argument](/guide/essentials/template-syntax#dynamically-binding-multiple-attributes) (`v-bind` instead of `:prop-name`). For example, given a `post` object:
 
 <div class="options-api">
 
@@ -273,7 +338,7 @@ Will be equivalent to:
 <BlogPost :id="post.id" :title="post.title" />
 ```
 
-## One-Way Data Flow
+## One-Way Data Flow {#one-way-data-flow}
 
 All props form a **one-way-down binding** between the child property and the parent one: when the parent property updates, it will flow down to the child, but not the other way around. This prevents child components from accidentally mutating the parent's state, which can make your app's data flow harder to understand.
 
@@ -363,13 +428,13 @@ There are usually two cases where it's tempting to mutate a prop:
 
    </div>
 
-### Mutating Object / Array Props
+### Mutating Object / Array Props {#mutating-object-array-props}
 
 When objects and arrays are passed as props, while the child component cannot mutate the prop binding, it **will** be able to mutate the object or array's nested properties. This is because in JavaScript objects and arrays are passed by reference, and it is unreasonably expensive for Vue to prevent such mutations.
 
-The main drawback of such mutations is that it allows the child component to affect parent state in a way that isn't obvious to the parent component, potentially making it more difficult to reason about the data flow in the future. As a best practice, you should avoid such mutations unless the parent and child are tightly coupled by design. In most cases, the child should [emit an event](/guide/components/events.html) to let the parent perform the mutation.
+The main drawback of such mutations is that it allows the child component to affect parent state in a way that isn't obvious to the parent component, potentially making it more difficult to reason about the data flow in the future. As a best practice, you should avoid such mutations unless the parent and child are tightly coupled by design. In most cases, the child should [emit an event](/guide/components/events) to let the parent perform the mutation.
 
-## Prop Validation
+## Prop Validation {#prop-validation}
 
 Components can specify requirements for their props, such as the types you've already seen. If a requirement is not met, Vue will warn you in the browser's JavaScript console. This is especially useful when developing a component that is intended to be used by others.
 
@@ -389,31 +454,39 @@ defineProps({
     type: String,
     required: true
   },
-  // Number with a default value
+  // Required but nullable string
   propD: {
+    type: [String, null],
+    required: true
+  },
+  // Number with a default value
+  propE: {
     type: Number,
     default: 100
   },
   // Object with a default value
-  propE: {
+  propF: {
     type: Object,
     // Object or array defaults must be returned from
-    // a factory function
-    default() {
+    // a factory function. The function receives the raw
+    // props received by the component as the argument.
+    default(rawProps) {
       return { message: 'hello' }
     }
   },
   // Custom validator function
-  propF: {
-    validator(value) {
+  // full props passed as 2nd argument in 3.4+
+  propG: {
+    validator(value, props) {
       // The value must match one of these strings
       return ['success', 'warning', 'danger'].includes(value)
     }
   },
   // Function with a default value
-  propG: {
+  propH: {
     type: Function,
-    // Unlike object or array default, this is not a factory function - this is a function to serve as a default value
+    // Unlike object or array default, this is not a factory
+    // function - this is a function to serve as a default value
     default() {
       return 'Default function'
     }
@@ -441,33 +514,39 @@ export default {
       type: String,
       required: true
     },
-    // Number with a default value
+    // Required but nullable string
     propD: {
+      type: [String, null],
+      required: true
+    },
+    // Number with a default value
+    propE: {
       type: Number,
       default: 100
     },
     // Object with a default value
-    propE: {
+    propF: {
       type: Object,
       // Object or array defaults must be returned from
       // a factory function. The function receives the raw
       // props received by the component as the argument.
       default(rawProps) {
-        // default function receives the raw props object as argument
         return { message: 'hello' }
       }
     },
     // Custom validator function
-    propF: {
-      validator(value) {
+    // full props passed as 2nd argument in 3.4+
+    propG: {
+      validator(value, props) {
         // The value must match one of these strings
         return ['success', 'warning', 'danger'].includes(value)
       }
     },
     // Function with a default value
-    propG: {
+    propH: {
       type: Function,
-      // Unlike object or array default, this is not a factory function - this is a function to serve as a default value
+      // Unlike object or array default, this is not a factory
+      // function - this is a function to serve as a default value
       default() {
         return 'Default function'
       }
@@ -482,7 +561,9 @@ Additional details:
 
 - All props are optional by default, unless `required: true` is specified.
 
-- An absent optional prop will have `undefined` value.
+- An absent optional prop other than `Boolean` will have `undefined` value.
+
+- The `Boolean` absent props will be cast to `false`. You can change this by setting a `default` for it — i.e.: `default: undefined` to behave as a non-Boolean prop.
 
 - If a `default` value is specified, it will be used if the resolved prop value is `undefined` - this includes both when the prop is absent, or an explicit `undefined` value is passed.
 
@@ -490,7 +571,7 @@ When prop validation fails, Vue will produce a console warning (if using the dev
 
 <div class="composition-api">
 
-If using [Type-based props declarations](/api/sfc-script-setup.html#typescript-only-features), Vue will try its best to compile the type annotations into equivalent runtime prop declarations. For example, `defineProps<{ msg: string }>` will be compiled into `{ msg: { type: String, required: true }}`.
+If using [Type-based props declarations](/api/sfc-script-setup#type-only-props-emit-declarations) <sup class="vt-badge ts" />, Vue will try its best to compile the type annotations into equivalent runtime prop declarations. For example, `defineProps<{ msg: string }>` will be compiled into `{ msg: { type: String, required: true }}`.
 
 </div>
 <div class="options-api">
@@ -501,7 +582,7 @@ Note that props are validated **before** a component instance is created, so ins
 
 </div>
 
-### Runtime Type Checks
+### Runtime Type Checks {#runtime-type-checks}
 
 The `type` can be one of the following native constructors:
 
@@ -513,6 +594,7 @@ The `type` can be one of the following native constructors:
 - `Date`
 - `Function`
 - `Symbol`
+- `Error`
 
 In addition, `type` can also be a custom class or constructor function and the assertion will be made with an `instanceof` check. For example, given the following class:
 
@@ -548,11 +630,44 @@ export default {
 
 </div>
 
-to validate that the value of the `author` prop was created with `new Person`.
+Vue will use `instanceof Person` to validate whether the value of the `author` prop is indeed an instance of the `Person` class.
 
-## Boolean Casting
+### Nullable Type {#nullable-type}
 
-Props with `Boolean` type has special casting rules to mimic the behavior of native boolean attributes. Given a `<MyComponent>` with the following declaration:
+If the type is required but nullable, you can use the array syntax that includes `null`:
+
+<div class="composition-api">
+
+```js
+defineProps({
+  id: {
+    type: [String, null],
+    required: true
+  }
+})
+```
+
+</div>
+<div class="options-api">
+
+```js
+export default {
+  props: {
+    id: {
+      type: [String, null],
+      required: true
+    }
+  }
+}
+```
+
+</div>
+
+Note that if `type` is just `null` without using the array syntax, it will allow any type.
+
+## Boolean Casting {#boolean-casting}
+
+Props with `Boolean` type have special casting rules to mimic the behavior of native boolean attributes. Given a `<MyComponent>` with the following declaration:
 
 <div class="composition-api">
 
@@ -585,27 +700,63 @@ The component can be used like this:
 <MyComponent />
 ```
 
-When a prop is declared to allow multiple types, e.g.
+When a prop is declared to allow multiple types, the casting rules for `Boolean` will also be applied. However, there is an edge when both `String` and `Boolean` are allowed - the Boolean casting rule only applies if Boolean appears before String:
 
 <div class="composition-api">
 
 ```js
+// disabled will be casted to true
 defineProps({
   disabled: [Boolean, Number]
 })
+
+// disabled will be casted to true
+defineProps({
+  disabled: [Boolean, String]
+})
+
+// disabled will be casted to true
+defineProps({
+  disabled: [Number, Boolean]
+})
+
+// disabled will be parsed as an empty string (disabled="")
+defineProps({
+  disabled: [String, Boolean]
+})
 ```
 
 </div>
 <div class="options-api">
 
 ```js
+// disabled will be casted to true
 export default {
   props: {
     disabled: [Boolean, Number]
   }
 }
+
+// disabled will be casted to true
+export default {
+  props: {
+    disabled: [Boolean, String]
+  }
+}
+
+// disabled will be casted to true
+export default {
+  props: {
+    disabled: [Number, Boolean]
+  }
+}
+
+// disabled will be parsed as an empty string (disabled="")
+export default {
+  props: {
+    disabled: [String, Boolean]
+  }
+}
 ```
 
 </div>
-
-The casting rules for `Boolean` will apply regardless of type appearance order.
diff --git a/src/guide/components/provide-inject.md b/src/guide/components/provide-inject.md
index 89a8f2a099..6c0addc7c2 100644
--- a/src/guide/components/provide-inject.md
+++ b/src/guide/components/provide-inject.md
@@ -1,8 +1,8 @@
-# Provide / Inject
+# Provide / Inject {#provide-inject}
 
 > This page assumes you've already read the [Components Basics](/guide/essentials/component-basics). Read that first if you are new to components.
 
-## Prop Drilling
+## Prop Drilling {#prop-drilling}
 
 Usually, when we need to pass data from the parent to a child component, we use [props](/guide/components/props). However, imagine the case where we have a large component tree, and a deeply nested component needs something from a distant ancestor component. With only props, we would have to pass the same prop across the entire parent chain:
 
@@ -18,11 +18,11 @@ We can solve props drilling with `provide` and `inject`. A parent component can
 
 <!-- https://www.figma.com/file/PbTJ9oXis5KUawEOWdy2cE/provide-inject -->
 
-## Provide
+## Provide {#provide}
 
 <div class="composition-api">
 
-To provide data to a component's descendants, use the [`provide()`](/api/composition-api-dependency-injection.html#provide) function:
+To provide data to a component's descendants, use the [`provide()`](/api/composition-api-dependency-injection#provide) function:
 
 ```vue
 <script setup>
@@ -44,7 +44,7 @@ export default {
 }
 ```
 
-The `provide()` function accepts two arguments. The first argument is called the **injection key**, which can be a string or a `Symbol`. The injection key is used by descendent components to lookup the desired value to inject. A single component can call `provide()` multiple times with different injection keys to provide different values.
+The `provide()` function accepts two arguments. The first argument is called the **injection key**, which can be a string or a `Symbol`. The injection key is used by descendant components to lookup the desired value to inject. A single component can call `provide()` multiple times with different injection keys to provide different values.
 
 The second argument is the provided value. The value can be of any type, including reactive state such as refs:
 
@@ -55,13 +55,13 @@ const count = ref(0)
 provide('key', count)
 ```
 
-Providing reactive values allows the descendent components using the provided value to establish a reactive connection to the provider component.
+Providing reactive values allows the descendant components using the provided value to establish a reactive connection to the provider component.
 
 </div>
 
 <div class="options-api">
 
-To provide data to a component's descendants, use the [`provide`](/api/options-composition.html#provide) option:
+To provide data to a component's descendants, use the [`provide`](/api/options-composition#provide) option:
 
 ```js
 export default {
@@ -95,7 +95,7 @@ However, do note this does **not** make the injection reactive. We will discuss
 
 </div>
 
-## App-level Provide
+## App-level Provide {#app-level-provide}
 
 In addition to providing data in a component, we can also provide at the app level:
 
@@ -107,13 +107,13 @@ const app = createApp({})
 app.provide(/* key */ 'message', /* value */ 'hello!')
 ```
 
-App-level provides are available to all components rendered in the app. This is especially useful when writing [plugins](/guide/reusability/plugins.html), as plugins typically wouldn't be able to provide values using components.
+App-level provides are available to all components rendered in the app. This is especially useful when writing [plugins](/guide/reusability/plugins), as plugins typically wouldn't be able to provide values using components.
 
-## Inject
+## Inject {#inject}
 
 <div class="composition-api">
 
-To inject data provided by an ancestor component, use the [`inject()`](/api/composition-api-dependency-injection.html#inject) function:
+To inject data provided by an ancestor component, use the [`inject()`](/api/composition-api-dependency-injection#inject) function:
 
 ```vue
 <script setup>
@@ -123,9 +123,11 @@ const message = inject('message')
 </script>
 ```
 
+If multiple parents provide data with the same key, inject will resolve to the value from the closest parent in component's parent chain.
+
 If the provided value is a ref, it will be injected as-is and will **not** be automatically unwrapped. This allows the injector component to retain the reactivity connection to the provider component.
 
-[Full provide + inject Example with Reactivity](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgcHJvdmlkZSB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBDaGlsZCBmcm9tICcuL0NoaWxkLnZ1ZSdcblxuLy8gYnkgcHJvdmlkaW5nIGEgcmVmLCB0aGUgR3JhbmRDaGlsZFxuLy8gY2FuIHJlYWN0IHRvIGNoYW5nZXMgaGFwcGVuaW5nIGhlcmUuXG5jb25zdCBtZXNzYWdlID0gcmVmKCdoZWxsbycpXG5wcm92aWRlKCdtZXNzYWdlJywgbWVzc2FnZSlcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxpbnB1dCB2LW1vZGVsPVwibWVzc2FnZVwiPlxuICA8Q2hpbGQgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkNoaWxkLnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5pbXBvcnQgR3JhbmRDaGlsZCBmcm9tICcuL0dyYW5kQ2hpbGQudnVlJ1xuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPEdyYW5kQ2hpbGQgLz5cbjwvdGVtcGxhdGU+IiwiR3JhbmRDaGlsZC52dWUiOiI8c2NyaXB0IHNldHVwPlxuaW1wb3J0IHsgaW5qZWN0IH0gZnJvbSAndnVlJ1xuXG5jb25zdCBtZXNzYWdlID0gaW5qZWN0KCdtZXNzYWdlJylcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxwPlxuICAgIE1lc3NhZ2UgdG8gZ3JhbmQgY2hpbGQ6IHt7IG1lc3NhZ2UgfX1cbiAgPC9wPlxuPC90ZW1wbGF0ZT4ifQ==)
+[Full provide + inject Example with Reactivity](https://play.vuejs.org/#eNqFUUFugzAQ/MrKF1IpxfeIVKp66Kk/8MWFDXYFtmUbpArx967BhURRU9/WOzO7MzuxV+fKcUB2YlWovXYRAsbBvQije2d9hAk8Xo7gvB11gzDDxdseCuIUG+ZN6a7JjZIvVRIlgDCcw+d3pmvTglz1okJ499I0C3qB1dJQT9YRooVaSdNiACWdQ5OICj2WwtTWhAg9hiBbhHNSOxQKu84WT8LkNQ9FBhTHXyg1K75aJHNUROxdJyNSBVBp44YI43NvG+zOgmWWYGt7dcipqPhGZEe2ef07wN3lltD+lWN6tNkV/37+rdKjK2rzhRTt7f3u41xhe37/xJZGAL2PLECXa9NKdD/a6QTTtGnP88LgiXJtYv4BaLHhvg==)
 
 Again, if not using `<script setup>`, `inject()` should only be called synchronously inside `setup()`:
 
@@ -144,7 +146,7 @@ export default {
 
 <div class="options-api">
 
-To inject data provided by an ancestor component, use the [`inject`](/api/options-composition.html#inject) option:
+To inject data provided by an ancestor component, use the [`inject`](/api/options-composition#inject) option:
 
 ```js
 export default {
@@ -169,9 +171,11 @@ export default {
 }
 ```
 
-[Full provide + inject example](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBDaGlsZCBmcm9tICcuL0NoaWxkLnZ1ZSdcblxuZXhwb3J0IGRlZmF1bHQge1xuICBjb21wb25lbnRzOiB7IENoaWxkIH0sXG4gIHByb3ZpZGUoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG1lc3NhZ2U6ICdoZWxsbydcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxDaGlsZCAvPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiQ2hpbGQudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBHcmFuZENoaWxkIGZyb20gJy4vR3JhbmRDaGlsZC52dWUnXG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgY29tcG9uZW50czoge1xuICAgIEdyYW5kQ2hpbGRcbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPEdyYW5kQ2hpbGQgLz5cbjwvdGVtcGxhdGU+IiwiR3JhbmRDaGlsZC52dWUiOiI8c2NyaXB0PlxuZXhwb3J0IGRlZmF1bHQge1xuICBpbmplY3Q6IFsnbWVzc2FnZSddXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8cD5cbiAgICBNZXNzYWdlIHRvIGdyYW5kIGNoaWxkOiB7eyBtZXNzYWdlIH19XG4gIDwvcD5cbjwvdGVtcGxhdGU+In0=)
+If multiple parents provide data with the same key, inject will resolve to the value from the closest parent in component's parent chain.
+
+[Full provide + inject example](https://play.vuejs.org/#eNqNkcFqwzAQRH9l0EUthOhuRKH00FO/oO7B2JtERZaEvA4F43+vZCdOTAIJCImRdpi32kG8h7A99iQKobs6msBvpTNt8JHxcTC2wS76FnKrJpVLZelKR39TSUO7qreMoXRA7ZPPkeOuwHByj5v8EqI/moZeXudCIBL30Z0V0FLXVXsqIA9krU8R+XbMR9rS0mqhS4KpDbZiSgrQc5JKQqvlRWzEQnyvuc9YuWbd4eXq+TZn0IvzOeKr8FvsNcaK/R6Ocb9Uc4FvefpE+fMwP0wH8DU7wB77nIo6x6a2hvNEME5D0CpbrjnHf+8excI=)
 
-### Injection Aliasing \*
+### Injection Aliasing \* {#injection-aliasing}
 
 When using the array syntax for `inject`, the injected properties are exposed on the component instance using the same key. In the example above, the property was provided under the key `"message"`, and injected as `this.message`. The local key is the same as the injection key.
 
@@ -191,7 +195,7 @@ Here, the component will locate a property provided with the key `"message"`, an
 
 </div>
 
-### Injection Default Values
+### Injection Default Values {#injection-default-values}
 
 By default, `inject` assumes that the injected key is provided somewhere in the parent chain. In the case where the key is not provided, there will be a runtime warning.
 
@@ -208,9 +212,11 @@ const value = inject('message', 'default value')
 In some cases, the default value may need to be created by calling a function or instantiating a new class. To avoid unnecessary computation or side effects in case the optional value is not used, we can use a factory function for creating the default value:
 
 ```js
-const value = inject('key', () => new ExpensiveClass())
+const value = inject('key', () => new ExpensiveClass(), true)
 ```
 
+The third parameter indicates the default value should be treated as a factory function.
+
 </div>
 
 <div class="options-api">
@@ -235,13 +241,13 @@ export default {
 
 </div>
 
-## Working with Reactivity
+## Working with Reactivity {#working-with-reactivity}
 
 <div class="composition-api">
 
 When using reactive provide / inject values, **it is recommended to keep any mutations to reactive state inside of the _provider_ whenever possible**. This ensures that the provided state and its possible mutations are co-located in the same component, making it easier to maintain in the future.
 
-There may be times when we need to update the data from a injector component. In such cases, we recommend providing a function that is responsible for mutating the state:
+There may be times when we need to update the data from an injector component. In such cases, we recommend providing a function that is responsible for mutating the state:
 
 ```vue{7-9,13}
 <!-- inside provider component -->
@@ -274,7 +280,7 @@ const { location, updateLocation } = inject('location')
 </template>
 ```
 
-Finally, you can wrap the provided value with [`readonly()`](/api/reactivity-core.html#readonly) if you want to ensure that the data passed through `provide` cannot be mutated by the injected component.
+Finally, you can wrap the provided value with [`readonly()`](/api/reactivity-core#readonly) if you want to ensure that the data passed through `provide` cannot be mutated by the injector component.
 
 ```vue
 <script setup>
@@ -289,7 +295,7 @@ provide('read-only-count', readonly(count))
 
 <div class="options-api">
 
-In order to make injections reactively linked to the provider, we need to provide a computed property using the [computed()](/api/reactivity-core.html#computed) function:
+In order to make injections reactively linked to the provider, we need to provide a computed property using the [computed()](/api/reactivity-core#computed) function:
 
 ```js{10}
 import { computed } from 'vue'
@@ -309,17 +315,13 @@ export default {
 }
 ```
 
-[Full provide + inject Example with Reactivity](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBDaGlsZCBmcm9tICcuL0NoaWxkLnZ1ZSdcbmltcG9ydCB7IGNvbXB1dGVkIH0gZnJvbSAndnVlJ1xuXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHsgQ2hpbGQgfSxcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbWVzc2FnZTogJ2hlbGxvJ1xuICAgIH1cbiAgfSxcbiAgcHJvdmlkZSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbWVzc2FnZTogY29tcHV0ZWQoKCkgPT4gdGhpcy5tZXNzYWdlKVxuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGlucHV0IHYtbW9kZWw9XCJtZXNzYWdlXCI+XG4gIDxDaGlsZCAvPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiQ2hpbGQudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBHcmFuZENoaWxkIGZyb20gJy4vR3JhbmRDaGlsZC52dWUnXG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgY29tcG9uZW50czoge1xuICAgIEdyYW5kQ2hpbGRcbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPEdyYW5kQ2hpbGQgLz5cbjwvdGVtcGxhdGU+IiwiR3JhbmRDaGlsZC52dWUiOiI8c2NyaXB0PlxuZXhwb3J0IGRlZmF1bHQge1xuICBpbmplY3Q6IFsnbWVzc2FnZSddXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8cD5cbiAgICBNZXNzYWdlIHRvIGdyYW5kIGNoaWxkOiB7eyBtZXNzYWdlIH19XG4gIDwvcD5cbjwvdGVtcGxhdGU+In0=)
-
-The `computed()` function is typically used in Composition API components, but can also be used to complement certain use cases in Options API. You can learn more about its usage by reading the [Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals.html) and [Computed Properties](/guide/essentials/computed.html) with the API Preference set to Composition API.
+[Full provide + inject Example with Reactivity](https://play.vuejs.org/#eNqNUctqwzAQ/JVFFyeQxnfjBEoPPfULqh6EtYlV9EKWTcH43ytZtmPTQA0CsdqZ2dlRT16tPXctkoKUTeWE9VeqhbLGeXirheRwc0ZBds7HKkKzBdBDZZRtPXIYJlzqU40/I4LjjbUyIKmGEWw0at8UgZrUh1PscObZ4ZhQAA596/RcAShsGnbHArIapTRBP74O8Up060wnOO5QmP0eAvZyBV+L5jw1j2tZqsMp8yWRUHhUVjKPoQIohQ460L0ow1FeKJlEKEnttFweijJfiORElhCf5f3umObb0B9PU/I7kk17PJj7FloN/2t7a2Pj/Zkdob+x8gV8ZlMs2de/8+14AXwkBngD9zgVqjg2rNXPvwjD+EdlHilrn8MvtvD1+Q==)
 
-:::warning Temporary Config Required
-The above usage requires setting `app.config.unwrapInjectedRef = true` to make injections automatically unwrap computed refs. This will become the default behavior in Vue 3.3 and this config is introduced temporarily to avoid breakage. It will no longer be required after 3.3.
-:::
+The `computed()` function is typically used in Composition API components, but can also be used to complement certain use cases in Options API. You can learn more about its usage by reading the [Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals) and [Computed Properties](/guide/essentials/computed) with the API Preference set to Composition API.
 
 </div>
 
-## Working with Symbol Keys
+## Working with Symbol Keys {#working-with-symbol-keys}
 
 So far, we have been using string injection keys in the examples. If you are working in a large application with many dependency providers, or you are authoring components that are going to be used by other developers, it is best to use Symbol injection keys to avoid potential collisions.
 
@@ -350,7 +352,7 @@ import { myInjectionKey } from './keys.js'
 const injected = inject(myInjectionKey)
 ```
 
-See also: [Typing Provide / Inject](/guide/typescript/composition-api.html#typing-provide-inject) <sup class="vt-badge ts" />
+See also: [Typing Provide / Inject](/guide/typescript/composition-api#typing-provide-inject) <sup class="vt-badge ts" />
 
 </div>
 
diff --git a/src/guide/components/registration.md b/src/guide/components/registration.md
index 4cdbc90cb8..27ab8feb53 100644
--- a/src/guide/components/registration.md
+++ b/src/guide/components/registration.md
@@ -1,12 +1,14 @@
-# Component Registration
+# Component Registration {#component-registration}
 
 > This page assumes you've already read the [Components Basics](/guide/essentials/component-basics). Read that first if you are new to components.
 
+<VueSchoolLink href="https://vueschool.io/lessons/vue-3-global-vs-local-vue-components" title="Free Vue.js Component Registration Lesson"/>
+
 A Vue component needs to be "registered" so that Vue knows where to locate its implementation when it is encountered in a template. There are two ways to register components: global and local.
 
-## Global Registration
+## Global Registration {#global-registration}
 
-We can make components available globally in the current [Vue application](/guide/essentials/application.html) using the `app.component()` method:
+We can make components available globally in the current [Vue application](/guide/essentials/application) using the `.component()` method:
 
 ```js
 import { createApp } from 'vue'
@@ -26,12 +28,12 @@ app.component(
 If using SFCs, you will be registering the imported `.vue` files:
 
 ```js
-import MyComponent from './App.vue`
+import MyComponent from './App.vue'
 
 app.component('MyComponent', MyComponent)
 ```
 
-The `app.component()` method can be chained:
+The `.component()` method can be chained:
 
 ```js
 app
@@ -51,7 +53,7 @@ Globally registered components can be used in the template of any component with
 
 This even applies to all subcomponents, meaning all three of these components will also be available _inside each other_.
 
-## Local Registration
+## Local Registration {#local-registration}
 
 While convenient, global registration has a few drawbacks:
 
@@ -63,7 +65,7 @@ Local registration scopes the availability of the registered components to the c
 
 <div class="composition-api">
 
-When using SFC with `<script setup>`, imported components are automatically registered locally:
+When using SFC with `<script setup>`, imported components can be locally used without registration:
 
 ```vue
 <script setup>
@@ -75,7 +77,7 @@ import ComponentA from './ComponentA.vue'
 </template>
 ```
 
-If not using SFC, you will need to use the `components` option:
+In non-`<script setup>`, you will need to use the `components` option:
 
 ```js
 import ComponentA from './ComponentA.js'
@@ -124,9 +126,9 @@ export default {
 }
 ```
 
-Note that **locally registered components are _not_ also available in descendent components**. In this case, `ComponentA` will be made available to the current component only, not any of its child or descendent components.
+Note that **locally registered components are _not_ also available in descendant components**. In this case, `ComponentA` will be made available to the current component only, not any of its child or descendant components.
 
-## Component Name Casing
+## Component Name Casing {#component-name-casing}
 
 Throughout the guide, we are using PascalCase names when registering components. This is because:
 
@@ -134,6 +136,6 @@ Throughout the guide, we are using PascalCase names when registering components.
 
 2. `<PascalCase />` makes it more obvious that this is a Vue component instead of a native HTML element in templates. It also differentiates Vue components from custom elements (web components).
 
-This is the recommended style when working with SFC or string templates. However, as discussed in [DOM Template Parsing Caveats](/guide/essentials/component-basics.html#dom-template-parsing-caveats), PascalCase tags are not usable in DOM templates.
+This is the recommended style when working with SFC or string templates. However, as discussed in [in-DOM Template Parsing Caveats](/guide/essentials/component-basics#in-dom-template-parsing-caveats), PascalCase tags are not usable in in-DOM templates.
 
-Luckily, Vue supports resolving kebab-case tags to components registered using PascalCase. This means a component registered as `MyComponent` can be referenced in the template via both `<MyComponent>` and `<my-component>`. This allows us to use the same JavaScript component registration code regardless of template source.
+Luckily, Vue supports resolving kebab-case tags to components registered using PascalCase. This means a component registered as `MyComponent` can be referenced inside a Vue template (or inside an HTML element rendered by Vue) via both `<MyComponent>` and `<my-component>`. This allows us to use the same JavaScript component registration code regardless of template source.
diff --git a/src/guide/components/slots.md b/src/guide/components/slots.md
index 21315645f9..b50855cdf6 100644
--- a/src/guide/components/slots.md
+++ b/src/guide/components/slots.md
@@ -1,10 +1,10 @@
-# Slots
+# Slots {#slots}
 
 > This page assumes you've already read the [Components Basics](/guide/essentials/component-basics). Read that first if you are new to components.
 
 <VueSchoolLink href="https://vueschool.io/lessons/vue-3-component-slots" title="Free Vue.js Slots Lesson"/>
 
-## Slot Content and Outlet
+## Slot Content and Outlet {#slot-content-and-outlet}
 
 We have learned that components can accept props, which can be JavaScript values of any type. But how about template content? In some cases, we may want to pass a template fragment to a child component, and let the child component render the fragment within its own template.
 
@@ -33,19 +33,17 @@ The `<slot>` element is a **slot outlet** that indicates where the parent-provid
 And the final rendered DOM:
 
 ```html
-<button class="fancy-btn">
-  Click me!
-</button>
+<button class="fancy-btn">Click me!</button>
 ```
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBGYW5jeUJ1dHRvbiBmcm9tICcuL0ZhbmN5QnV0dG9uLnZ1ZSdcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxGYW5jeUJ1dHRvbj5cbiAgICBDbGljayBtZSA8IS0tIHNsb3QgY29udGVudCAtLT5cbiBcdDwvRmFuY3lCdXR0b24+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJGYW5jeUJ1dHRvbi52dWUiOiI8dGVtcGxhdGU+XG4gIDxidXR0b24gY2xhc3M9XCJmYW5jeS1idG5cIj5cbiAgXHQ8c2xvdC8+IDwhLS0gc2xvdCBvdXRsZXQgLS0+XG5cdDwvYnV0dG9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLmZhbmN5LWJ0biB7XG4gIGNvbG9yOiAjZmZmO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMzE1ZGVnLCAjNDJkMzkyIDI1JSwgIzY0N2VmZik7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogNXB4IDEwcHg7XG4gIG1hcmdpbjogNXB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbjwvc3R5bGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpdUdlqAyEU/ZVbQ0kLMdNsXabTQFvoV8yLcRkkjopLSQj596oTwqRvnuM9y9UT+rR2/hs5qlHjqZM2gOch2m2rZW+NC/BDND1+xRCMBuFMD9N5NeKyeNrqphrUSZdA4L1VJPCEAJrRdCEAvpWke+g5NHcYg1cmADU6cB0A4zzThmYckqimupqiGfpXILe/zdwNhaki3n+0SOR5vAu6ReU++efUajtqYGJQ/FIg5w8Wt9FlOx+OKh/nV1c4ZVNqlHE1TIQQ7xnvCN13zkTNalBSc+Jw5wiTac2H1WLDeDeDyXrJVm9LWG7uE3hev3AhHge1cYwnO200L4QljEnd1bCxB1g82UNhe+I6qQs5kuGcE30NrxeaRudzOWtkemeXuHP5tLIKOv8BN+mw3w==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBGYW5jeUJ1dHRvbiBmcm9tICcuL0ZhbmN5QnV0dG9uLnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHsgRmFuY3lCdXR0b24gfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPEZhbmN5QnV0dG9uPlxuICAgIENsaWNrIG1lIDwhLS0gc2xvdCBjb250ZW50IC0tPlxuIFx0PC9GYW5jeUJ1dHRvbj5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkZhbmN5QnV0dG9uLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiBjbGFzcz1cImZhbmN5LWJ0blwiPlxuICBcdDxzbG90Lz4gPCEtLSBzbG90IG91dGxldCAtLT5cblx0PC9idXR0b24+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uZmFuY3ktYnRuIHtcbiAgY29sb3I6ICNmZmY7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgzMTVkZWcsICM0MmQzOTIgMjUlLCAjNjQ3ZWZmKTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiA1cHggMTBweDtcbiAgbWFyZ2luOiA1cHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuPC9zdHlsZT4ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNpdUdtOwzAM/RUThAbSurIbl1ImARJf0ZesSapoqROlKdo07d9x0jF1SHmIT+xzcY7sw7nZTy9Zwcqu9tqFTYW6ddYH+OZYHz77ECyC8raFySwfYXFsUiFAhXKfBoRUvDcBjhGtLbGgxNAVcLziOlVIp8wvelQE2TrDg6QKoBx1JwDgy+h6B62E8ibLoDM2kAAGoocsiz1VKMfmCCrzCymbsn/GY95rze1grja8694rpmJ/tg1YsfRO/FE134wc2D4YeTYQ9QeKa+mUrgsHE6+zC+vfjoz1Bdwqpd5iveX1rvG2R1GA0Si5zxrPhaaY98v5WshmCrerhVi+LmCxvqPiafUslXoYpq0XkuiQ1p4Ax4XQ2BSwdnuYP7p9QlvuG40JHI1lUaenv3o5w3Xvu2jOWU179oQNn5aisNMvLBvDOg==)
 
 </div>
 
@@ -59,11 +57,9 @@ FancyButton('Click me!')
 
 // FancyButton renders slot content in its own template
 function FancyButton(slotContent) {
-  return (
-    `<button class="fancy-btn">
+  return `<button class="fancy-btn">
       ${slotContent}
     </button>`
-  )
 }
 ```
 
@@ -78,12 +74,12 @@ Slot content is not just limited to text. It can be any valid template content.
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBGYW5jeUJ1dHRvbiBmcm9tICcuL0ZhbmN5QnV0dG9uLnZ1ZSdcbmltcG9ydCBBd2Vzb21lSWNvbiBmcm9tICcuL0F3ZXNvbWVJY29uLnZ1ZSdcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxGYW5jeUJ1dHRvbj5cbiAgICBDbGljayBtZVxuIFx0PC9GYW5jeUJ1dHRvbj5cbiAgPEZhbmN5QnV0dG9uPlxuICAgIDxzcGFuIHN0eWxlPVwiY29sb3I6Y3lhblwiPkNsaWNrIG1lISA8L3NwYW4+XG4gICAgPEF3ZXNvbWVJY29uIC8+XG4gIDwvRmFuY3lCdXR0b24+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJGYW5jeUJ1dHRvbi52dWUiOiI8dGVtcGxhdGU+XG4gIDxidXR0b24gY2xhc3M9XCJmYW5jeS1idG5cIj5cbiAgXHQ8c2xvdC8+XG5cdDwvYnV0dG9uPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLmZhbmN5LWJ0biB7XG4gIGNvbG9yOiAjZmZmO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMzE1ZGVnLCAjNDJkMzkyIDI1JSwgIzY0N2VmZik7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogNXB4IDEwcHg7XG4gIG1hcmdpbjogNXB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbjwvc3R5bGU+IiwiQXdlc29tZUljb24udnVlIjoiPCEtLSB1c2luZyBhbiBlbW9qaSBqdXN0IGZvciBkZW1vIHB1cnBvc2VzIC0tPlxuPHRlbXBsYXRlPuKdpO+4jzwvdGVtcGxhdGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNp1UmtOwkAQvspQYtCEgrx81EqCJibeoX+W7bRZaHc3+1AI4QyewH8ewvN4Aa/gbgtNIfFf5+vMfI/ZXbCQcvBmMYiCWFPFpAGNxsp5wlkphTLwQjjdPlljBIdMiRJ6g2EL88O9pnnxjlqU+EpbzS3s0BwPaypH4gqDpSyIQVcBxK3VFQDwXDC6hhJdlZi4zf3fRKwl4aDNtsDHJKCiECqiW8KTYH5c1gEnwnUdJ9rCh/XeM6Z42AgN+sFZAj6+Ux/LOjFaEK2diMz3h0vjNfj/zokuhPFU3lTdfcpShVOZcJ+DZgHs/HxtCrpZlj34eknoOlfC8jSCgnEkKswVSRlyczkZzVLM+9CdjtPJ/RjGswtX3ExvMcuu6mmhUnTruOBYAZKkKeN5BDO5gdG13FRoSVTOeAW2xkLPY3UEdweYWqW9OCkYN6gctq9uXllx2Z09CJ9dJwzBascI7nBYihWDldUGMqEgdTVIq6TQqCEMfUpNSD+fX7/fH+3b7P8AdGP6wA==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBGYW5jeUJ1dHRvbiBmcm9tICcuL0ZhbmN5QnV0dG9uLnZ1ZSdcbmltcG9ydCBBd2Vzb21lSWNvbiBmcm9tICcuL0F3ZXNvbWVJY29uLnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHsgRmFuY3lCdXR0b24sIEF3ZXNvbWVJY29uIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxGYW5jeUJ1dHRvbj5cbiAgICBDbGljayBtZVxuIFx0PC9GYW5jeUJ1dHRvbj5cblxuICA8RmFuY3lCdXR0b24+XG4gICAgPHNwYW4gc3R5bGU9XCJjb2xvcjpjeWFuXCI+Q2xpY2sgbWUhIDwvc3Bhbj5cbiAgICA8QXdlc29tZUljb24gLz5cbiAgPC9GYW5jeUJ1dHRvbj5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkZhbmN5QnV0dG9uLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiBjbGFzcz1cImZhbmN5LWJ0blwiPlxuICBcdDxzbG90Lz5cblx0PC9idXR0b24+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uZmFuY3ktYnRuIHtcbiAgY29sb3I6ICNmZmY7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgzMTVkZWcsICM0MmQzOTIgMjUlLCAjNjQ3ZWZmKTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiA1cHggMTBweDtcbiAgbWFyZ2luOiA1cHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuPC9zdHlsZT4iLCJBd2Vzb21lSWNvbi52dWUiOiI8IS0tIHVzaW5nIGFuIGVtb2ppIGp1c3QgZm9yIGRlbW8gcHVycG9zZXMgLS0+XG48dGVtcGxhdGU+4p2k77iPPC90ZW1wbGF0ZT4ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNptUltu2zAQvMpGQZEWsOzGiftQ1QBpgQK9g35oaikwkUiCj9aGkTPkBPnLIXKeXCBXyJKKBdoIoA/tYGd3doa74tqY+b+ARVXUjltp/FWj5GC09fCHKb79FbzXCoTVA5zNFxkWaWdT8/V/dHrAvzxrzrC3ZoBG4SYRWhQs9B52EeWapihU3lWwyxfPDgbfNYq+ejEppcLjYHrmkSqAOqMmAOB3L/ktDEhV4+v8gMR/l1M7wxQ4v+3xZ1Nw3Wtb8S1TTXG1H3cCJIO69oxc5mLUcrSrXkxSi1lxZGT0//CS9Wg875lzJELE/nLto4bko69dr31cFc8auw+3JHvSEfQ7nwbsHY9HwakQ4kes14zfdlYH1VbQS4XMlp1lraRMPl6cr1rsZnB6uWwvvi9hufpAxZfLryjEp5GtbYs0TlGICTCsbaXqKliZDZx/NpuEDsx2UiUwo5VxT6Dkv73BPFgXxRktlUdL2Jh6OoW8O3pX0buTsoTgaCNQcDjoGwk3wXkQ2tJLGzSYYI126KAso0uTSc8Pjy9P93k2d6+NyRKa)
 
 </div>
 
@@ -91,7 +87,7 @@ By using slots, our `<FancyButton>` is more flexible and reusable. We can now us
 
 Vue components' slot mechanism is inspired by the [native Web Component `<slot>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot), but with additional capabilities that we will see later.
 
-## Render Scope
+## Render Scope {#render-scope}
 
 Slot content has access to the data scope of the parent component, because it is defined in the parent. For example:
 
@@ -102,11 +98,11 @@ Slot content has access to the data scope of the parent component, because it is
 
 Here both <span v-pre>`{{ message }}`</span> interpolations will render the same content.
 
-Slot content does **not** have access to the child component's data. As a rule, remember that:
+Slot content does **not** have access to the child component's data. Expressions in Vue templates can only access the scope it is defined in, consistent with JavaScript's lexical scoping. In other words:
 
-> Everything in the parent template is compiled in parent scope; everything in the child template is compiled in the child scope.
+> Expressions in the parent template only have access to the parent scope; expressions in the child template only have access to the child scope.
 
-## Fallback Content
+## Fallback Content {#fallback-content}
 
 There are cases when it's useful to specify fallback (i.e. default) content for a slot, to be rendered only when no content is provided. For example, in a `<SubmitButton>` component:
 
@@ -152,16 +148,16 @@ Then the provided content will be rendered instead:
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBTdWJtaXRCdXR0b24gZnJvbSAnLi9TdWJtaXRCdXR0b24udnVlJ1xuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPCEtLSB1c2UgZmFsbGJhY2sgdGV4dCAtLT5cbiAgPFN1Ym1pdEJ1dHRvbiAvPlxuICBcbiAgPCEtLSBwcm92aWRlIGN1c3RvbSB0ZXh0IC0tPlxuICA8U3VibWl0QnV0dG9uPlNhdmU8L1N1Ym1pdEJ1dHRvbj5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIlN1Ym1pdEJ1dHRvbi52dWUiOiI8dGVtcGxhdGU+XG4gIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiPlxuXHQgIDxzbG90PlxuICAgIFx0U3VibWl0IDwhLS0gZmFsbGJhY2sgY29udGVudCAtLT5cbiAgXHQ8L3Nsb3Q+XG5cdDwvYnV0dG9uPlxuPC90ZW1wbGF0ZT4ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNp1kMsKwjAQRX9lzMaNbfcSC/oL3WbT1ikU8yKZFEX8d5MGgi2YVeZxZ86dN7taWy8B2ZlxP7rZEnikYFuhZ2WNI+jCoGa6BSKjYXJGwbFufpNJfhSaN1kflTEgVFb2hDEC4IeqguARpl7KoR8fQPgkqKpc3Wxo1lxRWWeW+Y4wBk9x9V9d2/UL8g1XbOJN4WAntodOnrecQ2agl8WLYH7tFyw5olj10iR3EJ+gPCxDFluj0YS6EAqKR8mi9M3Td1ifLxWShcU=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBTdWJtaXRCdXR0b24gZnJvbSAnLi9TdWJtaXRCdXR0b24udnVlJ1xuICBcbmV4cG9ydCBkZWZhdWx0IHtcbiAgY29tcG9uZW50czoge1xuICAgIFN1Ym1pdEJ1dHRvblxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8IS0tIHVzZSBmYWxsYmFjayB0ZXh0IC0tPlxuICA8U3VibWl0QnV0dG9uIC8+XG4gIFxuICA8IS0tIHByb3ZpZGUgY3VzdG9tIHRleHQgLS0+XG4gIDxTdWJtaXRCdXR0b24+U2F2ZTwvU3VibWl0QnV0dG9uPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiU3VibWl0QnV0dG9uLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCI+XG5cdCAgPHNsb3Q+XG4gICAgXHRTdWJtaXQgPCEtLSBmYWxsYmFjayBjb250ZW50IC0tPlxuICBcdDwvc2xvdD5cblx0PC9idXR0b24+XG48L3RlbXBsYXRlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp1UEEOwiAQ/MrKxYu1d4Mm+gWvXChuk0YKpCyNxvh3lxIb28SEA8zuDDPzEucQ9mNCcRAymqELdFKu64MfCK6p6Tu6JCLvoB18D9t9/Qtm4lY5AOXwMVFu2OpkCV4ZNZ51HDqKhwLAQjIjb+X4yHr+mh+EfbCakF8AclNVkCJCq61ttLkD4YOgqsp0YbGesJkVBj92NwSTIrH3v7zTVY8oF8F4SdazD7ET69S5rqXPpnigZ8CjEnHaVyInIp5G63O6XIGiIlZMzrGMd8RVfR0q4lIKKV+L+srW+wNTTZq3)
 
 </div>
 
-## Named Slots
+## Named Slots {#named-slots}
 
 There are times when it's useful to have multiple slot outlets in a single component. For example, in a `<BaseLayout>` component with the following template:
 
@@ -271,12 +267,12 @@ Now everything inside the `<template>` elements will be passed to the correspond
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBCYXNlTGF5b3V0IGZyb20gJy4vQmFzZUxheW91dC52dWUnXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8QmFzZUxheW91dD5cbiAgICA8dGVtcGxhdGUgI2hlYWRlcj5cbiAgICAgIDxoMT5IZXJlIG1pZ2h0IGJlIGEgcGFnZSB0aXRsZTwvaDE+XG4gICAgPC90ZW1wbGF0ZT5cblxuICAgIDx0ZW1wbGF0ZSAjZGVmYXVsdD5cbiAgICAgIDxwPkEgcGFyYWdyYXBoIGZvciB0aGUgbWFpbiBjb250ZW50LjwvcD5cbiAgICAgIDxwPkFuZCBhbm90aGVyIG9uZS48L3A+XG4gICAgPC90ZW1wbGF0ZT5cblxuICAgIDx0ZW1wbGF0ZSAjZm9vdGVyPlxuICAgICAgPHA+SGVyZSdzIHNvbWUgY29udGFjdCBpbmZvPC9wPlxuICAgIDwvdGVtcGxhdGU+XG4gIDwvQmFzZUxheW91dD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkJhc2VMYXlvdXQudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgPGhlYWRlcj5cbiAgICAgIDxzbG90IG5hbWU9XCJoZWFkZXJcIj48L3Nsb3Q+XG4gICAgPC9oZWFkZXI+XG4gICAgPG1haW4+XG4gICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgPC9tYWluPlxuICAgIDxmb290ZXI+XG4gICAgICA8c2xvdCBuYW1lPVwiZm9vdGVyXCI+PC9zbG90PlxuICAgIDwvZm9vdGVyPlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZT5cbiAgZm9vdGVyIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2NjYztcbiAgICBjb2xvcjogIzY2NjtcbiAgICBmb250LXNpemU6IDAuOGVtO1xuICB9XG48L3N0eWxlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp9UsFuwjAM/RWrHLgMOi5o6jIkdtphn9BLSF0aKU2ixEVjiH+fm8JoQdvRfu/5xS8+ZVvvl4cOsyITUQXtCSJS5zel1a13geBdRvyUR9cR1MG1MF/mt1YvnZdW5IOWVVwQtt5IQq4AxI2cau5ccZg1KCsMlz4jzWrzgQGh1fuGYIcgwcs9AmkyKHKGLyPykcfD1Apr2ZmrHUN+s+U5Qe6D9A3ULgA1bCK1BeUsoaWlyPuVb3xbgbSOaQGcxRH8v3XtHI0X8mmfeYToWkxmUhFoW7s/JvblJLERmj1l0+T7T5tqK30AZWSMb2WW3LTFUGZXp/u8o3EEVrbI9AFjLn8mt38fN9GIPrSp/p4/Yoj7OMZ+A/boN9KInPeZZpAOLNLRDAsPZDgN4p0L/NQFOV/Ayn9x6EZXMFNKvQ4E5YwLBczW6/WlU3NIi6i/sYDn5Qu2qX1OF51MsvMPkrIEHg==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBCYXNlTGF5b3V0IGZyb20gJy4vQmFzZUxheW91dC52dWUnXG4gIFxuZXhwb3J0IGRlZmF1bHQge1xuICBjb21wb25lbnRzOiB7XG4gICAgQmFzZUxheW91dFxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8QmFzZUxheW91dD5cbiAgICA8dGVtcGxhdGUgI2hlYWRlcj5cbiAgICAgIDxoMT5IZXJlIG1pZ2h0IGJlIGEgcGFnZSB0aXRsZTwvaDE+XG4gICAgPC90ZW1wbGF0ZT5cblxuICAgIDx0ZW1wbGF0ZSAjZGVmYXVsdD5cbiAgICAgIDxwPkEgcGFyYWdyYXBoIGZvciB0aGUgbWFpbiBjb250ZW50LjwvcD5cbiAgICAgIDxwPkFuZCBhbm90aGVyIG9uZS48L3A+XG4gICAgPC90ZW1wbGF0ZT5cblxuICAgIDx0ZW1wbGF0ZSAjZm9vdGVyPlxuICAgICAgPHA+SGVyZSdzIHNvbWUgY29udGFjdCBpbmZvPC9wPlxuICAgIDwvdGVtcGxhdGU+XG4gIDwvQmFzZUxheW91dD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkJhc2VMYXlvdXQudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgPGhlYWRlcj5cbiAgICAgIDxzbG90IG5hbWU9XCJoZWFkZXJcIj48L3Nsb3Q+XG4gICAgPC9oZWFkZXI+XG4gICAgPG1haW4+XG4gICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgPC9tYWluPlxuICAgIDxmb290ZXI+XG4gICAgICA8c2xvdCBuYW1lPVwiZm9vdGVyXCI+PC9zbG90PlxuICAgIDwvZm9vdGVyPlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZT5cbiAgZm9vdGVyIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2NjYztcbiAgICBjb2xvcjogIzY2NjtcbiAgICBmb250LXNpemU6IDAuOGVtO1xuICB9XG48L3N0eWxlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp9UkFuwjAQ/MoqHLiUpFxQlaZI9NRDn5CLSTbEkmNb9oKgiL934wRwQK3ky87O7njGPicba9PDHpM8KXzlpKV1qWVnjSP4FB6/xcnsCRpnOpin2R3qh+alBig1HgO9xkbsFcG5RyvDOzRq8vkAQLSury+l5lNkN1EuCDurBCFXAMWdH2pGrn2YtShqdCPOnXa5/kKH0MldS7BFEGDFDoEkKSwybo8rskjjaevo4L7Wrje8x4mdE7aFxjiglkWE1GxQE9tLi8xO+LoGoQ3THLD/qP2/dGMMxYZs8DP34E2HQUxUBFI35o+NfTlJLOomL8n04frXns7W8gCVEt5/lElQkxpdmVyVHvP2yhBo0SHThx5z+TEZvl1uMlP0oU3nH/kRo3iMI9Ybes960UyRsZ9pBuGDeTqpwfBAvn7NrXF81QUZm8PSHjl0JWuYVVX1PhAqo4zLYbZarUak4ZAWXv5gDq/pG3YBHn50EEkuv5irGBk=)
 
 </div>
 
@@ -292,17 +288,44 @@ BaseLayout({
 
 // <BaseLayout> renders them in different places
 function BaseLayout(slots) {
-  return (
-    `<div class="container">
+  return `<div class="container">
       <header>${slots.header}</header>
       <main>${slots.default}</main>
       <footer>${slots.footer}</footer>
     </div>`
-  )
 }
 ```
 
-## Dynamic Slot Names
+## Conditional Slots {#conditional-slots}
+
+Sometimes you want to render something based on whether or not content has been passed to a slot. 
+
+You can use the [$slots](/api/component-instance.html#slots) property in combination with a [v-if](/guide/essentials/conditional.html#v-if) to achieve this.
+
+In the example below we define a Card component with three conditional slots: `header`, `footer` and the `default` one.
+When content for the header / footer / default is present, we want to wrap it to provide additional styling:
+
+```vue-html
+<template>
+  <div class="card">
+    <div v-if="$slots.header" class="card-header">
+      <slot name="header" />
+    </div>
+    
+    <div v-if="$slots.default" class="card-content">
+      <slot />
+    </div>
+    
+    <div v-if="$slots.footer" class="card-footer">
+      <slot name="footer" />
+    </div>
+  </div>
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNqVVMtu2zAQ/BWCLZBLIjVoTq4aoA1yaA9t0eaoCy2tJcYUSZCUKyPwv2dJioplOw4C+EDuzM4+ONYT/aZ1tumBLmhhK8O1IxZcr29LyTutjCN3zNRkZVRHLrLcXzz9opRFHvnIxIuDTgvmAG+EFJ4WTnhOCPnQAqvBjHFE2uvbh5Zbgj/XAolwkWN4TM33VI/UalixXvjyo5yeqVVKOpCuyP0ob6utlHL7vUE3U4twkWP4hJq/jiPP4vSSOouNrHiTPVolcclPnl3SSnWaCzC/teNK2pIuSEA8xoRQ/3+GmDM9XKZ41UK1PhF/tIOPlfSPAQtmAyWdMMdMAy7C9/9+wYDnCexU3QtknwH/glWi9z1G2vde1tj2Hi90+yNYhcvmwd4PuHabhvKNeuYu8EuK1rk7M/pLu5+zm5BXyh1uMdnOu3S+95pvSCWYtV9xQcgqaXogj2yu+AqBj1YoZ7NosJLOEq5S9OXtPZtI1gFSppx8engUHs+vVhq9eVhq9ORRrXdpRyseSqfo6SmmnONK6XTw9yis24q448wXSG+0VAb3sSDXeiBoDV6TpWDV+ktENatrdMGCfAoBfL1JYNzzpINJjVFoJ9yKUKho19ul6OFQ6UYPx1rjIpPYeXIc/vXCgjetawzbni0dPnhhJ3T3DMVSruI=)
+
+## Dynamic Slot Names {#dynamic-slot-names}
 
 [Dynamic directive arguments](/guide/essentials/template-syntax.md#dynamic-arguments) also work on `v-slot`, allowing the definition of dynamic slot names:
 
@@ -319,9 +342,9 @@ function BaseLayout(slots) {
 </base-layout>
 ```
 
-Do note the expression is subject to the [syntax constraints](/guide/essentials/template-syntax.html#directives) of dynamic directive arguments.
+Do note the expression is subject to the [syntax constraints](/guide/essentials/template-syntax.md#dynamic-argument-syntax-constraints) of dynamic directive arguments.
 
-## Scoped Slots
+## Scoped Slots {#scoped-slots}
 
 As discussed in [Render Scope](#render-scope), slot content does not have access to state in the child component.
 
@@ -350,18 +373,18 @@ Receiving the slot props is a bit different when using a single default slot vs.
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxNeUNvbXBvbmVudCB2LXNsb3Q9XCJzbG90UHJvcHNcIj5cbiAgXHR7eyBzbG90UHJvcHMudGV4dCB9fSB7eyBzbG90UHJvcHMuY291bnQgfX1cbiAgPC9NeUNvbXBvbmVudD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIk15Q29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5jb25zdCBncmVldGluZ01lc3NhZ2UgPSAnaGVsbG8nXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2PlxuICBcdDxzbG90IDp0ZXh0PVwiZ3JlZXRpbmdNZXNzYWdlXCIgOmNvdW50PVwiMVwiPjwvc2xvdD5cblx0PC9kaXY+XG48L3RlbXBsYXRlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp9kMEKgzAMhl8l9OJlU3aVOhg7C3uAXsRlTtC2tFE2pO++dA5xMnZqk+b/8/2dxMnadBxQ5EL62rWWwCMN9qh021vjCMrn2fBNoya4OdNDkmarXhQnSstsVrOOC8LedhVhrEiuHca97wwVSsTj4oz1SvAUgKJpgqWZEj4IQoCvZm0Gtgghzss1BDvIbFkqdmID+CNdbbQnaBwitbop0fuqQSgguWPXmX+JePe1HT/QMtJBHnE51MZOCcjfzPx04JxsydPzp2Szxxo7vABY1I/p)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHtcbiAgICBNeUNvbXBvbmVudFxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8TXlDb21wb25lbnQgdi1zbG90PVwic2xvdFByb3BzXCI+XG4gIFx0e3sgc2xvdFByb3BzLnRleHQgfX0ge3sgc2xvdFByb3BzLmNvdW50IH19XG4gIDwvTXlDb21wb25lbnQ+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJNeUNvbXBvbmVudC52dWUiOiI8c2NyaXB0PlxuZXhwb3J0IGRlZmF1bHQge1xuICBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICBncmVldGluZ01lc3NhZ2U6ICdoZWxsbydcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxkaXY+XG4gIFx0PHNsb3QgOnRleHQ9XCJncmVldGluZ01lc3NhZ2VcIiA6Y291bnQ9XCIxXCI+PC9zbG90PlxuXHQ8L2Rpdj5cbjwvdGVtcGxhdGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqFkNFqxCAQRX9l8CUttAl9DbZQ+rzQD/AlJLNpwKjoJGwJ/nvHpAnusrAg6FzHO567iE/nynlCUQsZWj84+lBmGJ31BKffL8sng4bg7O0IRVllWnpWKAOgDF7WBx2em0kTLElt975QbwLkhkmIyvCS1TGXC8LR6YYwVSTzH8yvQVt6VyJt3966oAR38XhaFjjEkvBCECNcia2d2CLyOACZQ7CDrI6h4kXcAF7lcg+za6h5et4JPdLkzV4B9B6RBtOfMISmxxqKH9TarrGtATxMgf/bDfM/qExEUCdEDuLGXAmoV06+euNs2JK7tyCrzSNHjX9aurQf)
 
 </div>
 
 The props passed to the slot by the child are available as the value of the corresponding `v-slot` directive, which can be accessed by expressions inside the slot.
 
-You can think of a scoped slot as a function being passed into the child component. The child component then calls it and passing props as arguments:
+You can think of a scoped slot as a function being passed into the child component. The child component then calls it, passing props as arguments:
 
 ```js
 MyComponent({
@@ -373,16 +396,14 @@ MyComponent({
 
 function MyComponent(slots) {
   const greetingMessage = 'hello'
-  return (
-    `<div>${
-      // call the slot function with props!
-      slots.default({ text: greetingMessage, count: 1 })
-    }</div>`
-  )
+  return `<div>${
+    // call the slot function with props!
+    slots.default({ text: greetingMessage, count: 1 })
+  }</div>`
 }
 ```
 
-In fact, this is very close to how scoped slots are compiled, and how you would use scoped slots in manual [render functions](/guide/extras/render-function.html).
+In fact, this is very close to how scoped slots are compiled, and how you would use scoped slots in manual [render functions](/guide/extras/render-function).
 
 Notice how `v-slot="slotProps"` matches the slot function signature. Just like with function arguments, we can use destructuring in `v-slot`:
 
@@ -392,7 +413,7 @@ Notice how `v-slot="slotProps"` matches the slot function signature. Just like w
 </MyComponent>
 ```
 
-### Named Scoped Slots
+### Named Scoped Slots {#named-scoped-slots}
 
 Named scoped slots work similarly - slot props are accessible as the value of the `v-slot` directive: `v-slot:name="slotProps"`. When using the shorthand, it looks like this:
 
@@ -420,10 +441,45 @@ Passing props to a named slot:
 
 Note the `name` of a slot won't be included in the props because it is reserved - so the resulting `headerProps` would be `{ message: 'hello' }`.
 
+If you are mixing named slots with the default scoped slot, you need to use an explicit `<template>` tag for the default slot. Attempting to place the `v-slot` directive directly on the component will result in a compilation error. This is to avoid any ambiguity about the scope of the props of the default slot. For example:
+
+```vue-html
+<!-- <MyComponent> template -->
+<div>
+  <slot :message="hello"></slot>
+  <slot name="footer" />
+</div>
+```
+
+```vue-html
+<!-- This template won't compile -->
+<MyComponent v-slot="{ message }">
+  <p>{{ message }}</p>
+  <template #footer>
+    <!-- message belongs to the default slot, and is not available here -->
+    <p>{{ message }}</p>
+  </template>
+</MyComponent>
+```
+
+Using an explicit `<template>` tag for the default slot helps to make it clear that the `message` prop is not available inside the other slot:
+
+```vue-html
+<MyComponent>
+  <!-- Use explicit default slot -->
+  <template #default="{ message }">
+    <p>{{ message }}</p>
+  </template>
+
+  <template #footer>
+    <p>Here's some contact info</p>
+  </template>
+</MyComponent>
+```
 
-### Fancy List Example
+### Fancy List Example {#fancy-list-example}
 
-You may be wondering what would be a good use case for scoped slots. Here's an example: imagine a `<FancyList>` component that renders a list of items - it may encapsulate the logic for loading remote data, using the data to display a list, or even advanced features like pagination or infinite scrolling. However, we want it to be flexible with how each item looks and leave the stying of each item to the parent component consuming it. So the desired usage may look like this:
+You may be wondering what would be a good use case for scoped slots. Here's an example: imagine a `<FancyList>` component that renders a list of items - it may encapsulate the logic for loading remote data, using the data to display a list, or even advanced features like pagination or infinite scrolling. However, we want it to be flexible with how each item looks and leave the styling of each item to the parent component consuming it. So the desired usage may look like this:
 
 ```vue-html
 <FancyList :api-url="url" :per-page="10">
@@ -448,16 +504,16 @@ Inside `<FancyList>`, we can render the same `<slot>` multiple times with differ
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBGYW5jeUxpc3QgZnJvbSAnLi9GYW5jeUxpc3QudnVlJ1xuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPEZhbmN5TGlzdCA6YXBpLXVybD1cInVybFwiIDpwZXItcGFnZT1cIjEwXCI+XG4gICAgPHRlbXBsYXRlICNpdGVtPVwieyBib2R5LCB1c2VybmFtZSwgbGlrZXMgfVwiPlxuICAgICAgPGRpdiBjbGFzcz1cIml0ZW1cIj5cbiAgICAgICAgPHA+e3sgYm9keSB9fTwvcD5cbiAgICAgICAgPHAgY2xhc3M9XCJtZXRhXCI+Ynkge3sgdXNlcm5hbWUgfX0gfCB7eyBsaWtlcyB9fSBsaWtlczwvcD5cbiAgICAgIDwvZGl2PlxuICAgIDwvdGVtcGxhdGU+XG4gIDwvRmFuY3lMaXN0PlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlIHNjb3BlZD5cbi5tZXRhIHtcbiAgZm9udC1zaXplOiAwLjhlbTtcbiAgY29sb3I6ICM0MmI4ODM7XG59XG48L3N0eWxlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJGYW5jeUxpc3QudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgcHJvcHMgPSBkZWZpbmVQcm9wcyhbJ2FwaS11cmwnLCAncGVyLXBhZ2UnXSlcblxuY29uc3QgaXRlbXMgPSByZWYoW10pXG5cbi8vIG1vY2sgcmVtb3RlIGRhdGEgZmV0Y2hpbmdcbnNldFRpbWVvdXQoKCkgPT4ge1xuICBpdGVtcy52YWx1ZSA9IFtcbiAgICB7IGJvZHk6ICdTY29wZWQgU2xvdHMgR3VpZGUnLCB1c2VybmFtZTogJ0V2YW4gWW91JywgbGlrZXM6IDIwIH0sXG5cdCAgeyBib2R5OiAnVnVlIFR1dG9yaWFsJywgdXNlcm5hbWU6ICdOYXRhbGlhIFRlcGx1aGluYScsIGxpa2VzOiAxMCB9XG4gIF1cbn0sIDEwMDApXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8dWw+XG4gICAgPGxpIHYtaWY9XCIhaXRlbXMubGVuZ3RoXCI+XG4gICAgICBMb2FkaW5nLi4uXG4gICAgPC9saT5cbiAgICA8bGkgdi1mb3I9XCJpdGVtIGluIGl0ZW1zXCI+XG4gICAgICA8c2xvdCBuYW1lPVwiaXRlbVwiIHYtYmluZD1cIml0ZW1cIi8+XG4gICAgPC9saT5cbiAgPC91bD5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZSBzY29wZWQ+XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgcGFkZGluZzogNXB4O1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgzMTVkZWcsICM0MmQzOTIgMjUlLCAjNjQ3ZWZmKTtcbiAgfVxuICBsaSB7XG4gICAgcGFkZGluZzogNXB4IDIwcHg7XG4gICAgbWFyZ2luOiAxMHB4O1xuICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gIH1cbjwvc3R5bGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqFU2Fv0zAQ/StHJtROapNuZTBCNwnQQKBpTGxCQss+uMml8+bYlu2UlZL/zjlp0lQa40sU3/nd3Xv3vA7eax0uSwziYGZTw7UDi67Up4nkhVbGwScm09U5tw5yowoYhFEX8cBBImdRgyQMHRwWWjCHdAKYbdFM83FpxEkS0DcJINZoxpotkCIHkySo7xOixcMep19KrmGustUISotGsgJHIPgDWqg6DKEyvoRUMGsJ4HG9HGX16bqpAlU1izy5baqDFegYweYroMttMwLAHx/Y9Kyan36RWUTN2+mjXfpbrei8k6SjdSuBYFOlMaNI6AeAtcflSrqx5b8xhkl4jMU7H0yVUCaGvVeH8+PjKYWqWnpf5DQYBTtb+fc612Awh2qzzGaBiUyVpBVpo7SFE8gw5xIv/Wl4M9gsbjCCQbuywe3+FuXl9iiqO7xpElEEhUofKFQo2mTGiFiOLr3jcpFImuiaF6hKNxzuw8lpw7kuEy6ZKJGK3TR6NluLYXBVqwRXQjkLn0ueIc3TLonyZ0sm4acqKVovKIbDCVQjGsb1qvyg2telU4Yzz6eHv6ARBWdwjVqUNCbbFjqgQn6aW1J8RKfJhDg+5/lStG4QHJZjnpO5XjT0BMqFu+uZ81yxjEQJw7A1kOA76FyZjaWBy0akvu8tCQKeQ+d7wsy5zLpz1FlzU3kW1QP+x40ApWgWAySEJTv6/NitNMkllcTakwCaZZ5ADEf6cROas/RhYVQps5igEpkZLwzRROmG04OjDBcj7+Js+vYQDo9e0uH1qzeY5/s1vtaaqG969+vTTrsmBTMLLv12nuy7l+d5W673SBzxkzlfhPdWSXokdZMkSFWhuUDzTTtOnk6CuG2fBEwI9etrHXOmRLJUE0/vMH14In5vH30sCS4Nkr+WmARdztHQ6Jr02dUFPtJ/lyxUVgq6/UzyO1olSj9jc+0DcaWxe/fqab/UT51Uu7Znjw6lbUn5QWtR6vtJQM//4zPUt+NOw+lGzCqo/gLm1QS8)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBGYW5jeUxpc3QgZnJvbSAnLi9GYW5jeUxpc3QudnVlJ1xuICBcbmV4cG9ydCBkZWZhdWx0IHtcbiAgY29tcG9uZW50czoge1xuICAgIEZhbmN5TGlzdFxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8RmFuY3lMaXN0IGFwaS11cmw9XCJ1cmxcIiA6cGVyLXBhZ2U9XCIxMFwiPlxuICAgIDx0ZW1wbGF0ZSAjaXRlbT1cInsgYm9keSwgdXNlcm5hbWUsIGxpa2VzIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpdGVtXCI+XG4gICAgICAgIDxwPnt7IGJvZHkgfX08L3A+XG4gICAgICAgIDxwIGNsYXNzPVwibWV0YVwiPmJ5IHt7IHVzZXJuYW1lIH19IHwge3sgbGlrZXMgfX0gbGlrZXM8L3A+XG4gICAgICA8L2Rpdj5cbiAgICA8L3RlbXBsYXRlPlxuICA8L0ZhbmN5TGlzdD5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZSBzY29wZWQ+XG4ubWV0YSB7XG4gIGZvbnQtc2l6ZTogMC44ZW07XG4gIGNvbG9yOiAjNDJiODgzO1xufVxuPC9zdHlsZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiRmFuY3lMaXN0LnZ1ZSI6IjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIHByb3BzOiBbJ2FwaS11cmwnLCAncGVyLXBhZ2UnXSxcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgaXRlbXM6IFtdXG4gICAgfVxuICB9LFxuICBtb3VudGVkKCkge1xuICAgIC8vIG1vY2sgcmVtb3RlIGRhdGEgZmV0Y2hpbmdcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXRlbXMgPSBbXG4gICAgICAgIHsgYm9keTogJ1Njb3BlZCBTbG90cyBHdWlkZScsIHVzZXJuYW1lOiAnRXZhbiBZb3UnLCBsaWtlczogMjAgfSxcbiAgICAgICAgeyBib2R5OiAnVnVlIFR1dG9yaWFsJywgdXNlcm5hbWU6ICdOYXRhbGlhIFRlcGx1aGluYScsIGxpa2VzOiAxMCB9XG4gICAgICBdXG4gICAgfSwgMTAwMClcbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPHVsPlxuICAgIDxsaSB2LWlmPVwiIWl0ZW1zLmxlbmd0aFwiPlxuICAgICAgTG9hZGluZy4uLlxuICAgIDwvbGk+XG4gICAgPGxpIHYtZm9yPVwiaXRlbSBpbiBpdGVtc1wiPlxuICAgICAgPHNsb3QgbmFtZT1cIml0ZW1cIiB2LWJpbmQ9XCJpdGVtXCIvPlxuICAgIDwvbGk+XG4gIDwvdWw+XG48L3RlbXBsYXRlPlxuXG48c3R5bGUgc2NvcGVkPlxuICB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMzE1ZGVnLCAjNDJkMzkyIDI1JSwgIzY0N2VmZik7XG4gIH1cbiAgbGkge1xuICAgIHBhZGRpbmc6IDVweCAyMHB4O1xuICAgIG1hcmdpbjogMTBweDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICB9XG48L3N0eWxlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqNVNtq20AQ/ZWpQnECujhO0qaqY+hD25fQl4RCifKwllbKktXushcT1/W/d1bSSnYJNCCEZmbPmcuZ1S76olS6cTTKo6UpNVN2VQjWKqktfCOi3N4yY6HWsoVZmo0eD5kVAqAQ9KU7XNGaOG5h572lRAZBhTV574CJzJv7QuCzzMaMaFjaKk4sRQtgOeUmiiVO85siwncRQa6oThRpKHrO50XUnUdEwMMJw08M7mAtq20MzlAtSEtj4OyZGkweMIiq2AZKToxBgMcdxDCqVrueBfb7ZaaOQiOspZYgbL0FPBySIQD+eMeQc99/HJIsM0weqs+O258mjfZREE1jt5yCKaWiFXpSX0A/5loKmxj2m+YwT69p+7kXg0udw8nlYn19fYGufvSeZBXF0ZGmR2vwmrJKS4WiPswGWWYxzIIgs8fYH6mIJadnQXdNrdMiWAB+yJ7gsXdgLfjqcK10wtJqgmYZ+spnpGgl6up5oaa2fGKi6U8Yau9ZS6Wzpwi7WU1p7BMzaZcLbuBh0q2XM4fZXTc+uOPSGvjuWEWxlaAexr9uiIBf0qG3Uy6HxXwo9B+mn47CvbNSM+LHccDxAyvmjMA9Vdxh1WQiO0eywBVGEaN3Pj972wVxPKwOZ7BJWI2b+K5rOOVUNPbpYJNvJalwZmmahm3j7AhdSz3sPzDRS3R4SQwOCXxP4yVBzJqJarSzcY8H5mXWFfif1QVwPGjGcQWTLp7YrcLxCfyDdAuMW0cq30AOV+plcK1J+dxoXJkqR6igRCeNxjbxp3N6cX5V0Sb2K19dfFrA4uo9Gh8uP9K6Puvw3eyx9SH3IT/qPCZpiW6Y8Gq9mvekrutAN96o/V99ALPj)
 
 </div>
 
-### Renderless Components
+### Renderless Components {#renderless-components}
 
 The `<FancyList>` use case we discussed above encapsulates both reusable logic (data fetching, pagination etc.) and visual output, while delegating part of the visual output to the consumer component via scoped slots.
 
@@ -473,15 +529,15 @@ An example renderless component could be one that encapsulates the logic of trac
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBNb3VzZVRyYWNrZXIgZnJvbSAnLi9Nb3VzZVRyYWNrZXIudnVlJ1xuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PE1vdXNlVHJhY2tlciB2LXNsb3Q9XCJ7IHgsIHkgfVwiPlxuICBcdE1vdXNlIGlzIGF0OiB7eyB4IH19LCB7eyB5IH19XG5cdDwvTW91c2VUcmFja2VyPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiTW91c2VUcmFja2VyLnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5pbXBvcnQgeyByZWYsIG9uTW91bnRlZCwgb25Vbm1vdW50ZWQgfSBmcm9tICd2dWUnXG4gIFxuY29uc3QgeCA9IHJlZigwKVxuY29uc3QgeSA9IHJlZigwKVxuXG5jb25zdCB1cGRhdGUgPSBlID0+IHtcbiAgeC52YWx1ZSA9IGUucGFnZVhcbiAgeS52YWx1ZSA9IGUucGFnZVlcbn1cblxub25Nb3VudGVkKCgpID0+IHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCB1cGRhdGUpKVxub25Vbm1vdW50ZWQoKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlbW92ZScsIHVwZGF0ZSkpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8c2xvdCA6eD1cInhcIiA6eT1cInlcIi8+XG48L3RlbXBsYXRlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqNUcFqhDAQ/ZUhF12w2rO4Cz301t5aaCEX0dki1SQko6uI/96J7i4qLPQQmHmZ9+Y9ZhQvxsRdiyIVmStsZQgcUmtOUlWN0ZbgXbcOP2xe/KKFs9UNBHGyBj09kCpLFj4zuSFsTJ0T+o6yjUb35GpNRylG6CMYYJKCpwAkzWNQOcgphZG/YZoiX/DQNAttFjMrS+6LRCT2rh6HGsHiOQKtmKIIS19+qmZpYLrmXIKxM1Vo5Yj9HD0vfD7ckGGF3LDWlOyHP/idYPQCfdzldTtjscl/8MuDww78lsqHVHdTYXjwCpdKlfoS52X52qGit8oRKrRhwHYdNrrDILouPbCNVZCtgJ1n/6Xx8JYAmT8epD3fr5cC0oGLQYpkd4zpD27R0vA=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBNb3VzZVRyYWNrZXIgZnJvbSAnLi9Nb3VzZVRyYWNrZXIudnVlJ1xuICBcbmV4cG9ydCBkZWZhdWx0IHtcbiAgY29tcG9uZW50czoge1xuICAgIE1vdXNlVHJhY2tlclxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8TW91c2VUcmFja2VyIHYtc2xvdD1cInsgeCwgeSB9XCI+XG4gIFx0TW91c2UgaXMgYXQ6IHt7IHggfX0sIHt7IHkgfX1cblx0PC9Nb3VzZVRyYWNrZXI+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJNb3VzZVRyYWNrZXIudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgeDogMCxcbiAgICAgIHk6IDBcbiAgICB9XG4gIH0sXG4gIG1ldGhvZHM6IHtcbiAgICB1cGRhdGUoZSkge1xuICAgICAgdGhpcy54ID0gZS5wYWdlWFxuICAgICAgdGhpcy55ID0gZS5wYWdlWVxuICAgIH1cbiAgfSxcbiAgbW91bnRlZCgpIHtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vtb3ZlJywgdGhpcy51cGRhdGUpXG4gIH0sXG4gIHVubW91bnRlZCgpIHtcbiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vtb3ZlJywgdGhpcy51cGRhdGUpXG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxzbG90IDp4PVwieFwiIDp5PVwieVwiLz5cbjwvdGVtcGxhdGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqVUU1rwzAM/SvCl7SQJTuHdLDDbttthw18MbW6hjW2seU0oeS/T0lounQfUDBGepaenvxO4tG5rIkoClGGra8cPUhT1c56ghcbA756tf1EDztva0iy/Ds4NCbSAEiD7diicafigeA0oFvLPAYNhWICYEE5IL00fMp8Hs0JYe0OinDIqFyIaO7CwdJGihO0KXTcLriK59NYBlUARTyMn6Hv0yHgIp7ARAvl3FXm8yCRiuu1Fv/x23JakVqtz3t5pOjNOQNoC7hPz0nHyRSzEr7Ghxppb/XlZ6JjRlzhTAlA+ypkLWwAM6c+8G2BdzP+/pPbRkOoL/KOldH2mCmtnxr247kKhAb9KuHKgLVtMEkn2knG+sIVzV9sfmy8hfB/swHKwV0oWja4lQKKjoNOivzKrf4L/JPqaQ==)
 
 </div>
 
-While an interesting pattern, most of what can be achieved with Renderless Components can be achieved in a more efficient fashion with Composition API, without incurring the overhead of extra component nesting. Later, we will see how we can implement the same mouse tracking functionality as a [Composable](/guide/reusability/composables.html).
+While an interesting pattern, most of what can be achieved with Renderless Components can be achieved in a more efficient fashion with Composition API, without incurring the overhead of extra component nesting. Later, we will see how we can implement the same mouse tracking functionality as a [Composable](/guide/reusability/composables).
 
 That said, scoped slots are still useful in cases where we need to both encapsulate logic **and** compose visual output, like in the `<FancyList>` example.
diff --git a/src/guide/components/v-model.md b/src/guide/components/v-model.md
new file mode 100644
index 0000000000..2fb1341359
--- /dev/null
+++ b/src/guide/components/v-model.md
@@ -0,0 +1,618 @@
+# Component v-model {#component-v-model}
+
+<ScrimbaLink href="https://scrimba.com/links/vue-component-v-model" title="Free Vue.js Component v-model Lesson" type="scrimba">
+  Watch an interactive video lesson on Scrimba
+</ScrimbaLink>
+
+## Basic Usage {#basic-usage}
+
+`v-model` can be used on a component to implement a two-way binding.
+
+<div class="composition-api">
+
+Starting in Vue 3.4, the recommended approach to achieve this is using the [`defineModel()`](/api/sfc-script-setup#definemodel) macro:
+
+```vue
+<!-- Child.vue -->
+<script setup>
+const model = defineModel()
+
+function update() {
+  model.value++
+}
+</script>
+
+<template>
+  <div>Parent bound v-model is: {{ model }}</div>
+  <button @click="update">Increment</button>
+</template>
+```
+
+The parent can then bind a value with `v-model`:
+
+```vue-html
+<!-- Parent.vue -->
+<Child v-model="countModel" />
+```
+
+The value returned by `defineModel()` is a ref. It can be accessed and mutated like any other ref, except that it acts as a two-way binding between a parent value and a local one:
+
+- Its `.value` is synced with the value bound by the parent `v-model`;
+- When it is mutated by the child, it causes the parent bound value to be updated as well.
+
+This means you can also bind this ref to a native input element with `v-model`, making it straightforward to wrap native input elements while providing the same `v-model` usage:
+
+```vue
+<script setup>
+const model = defineModel()
+</script>
+
+<template>
+  <input v-model="model" />
+</template>
+```
+
+[Try it in the playground](https://play.vuejs.org/#eNqFUtFKwzAU/ZWYl06YLbK30Q10DFSYigq+5KW0t11mmoQknZPSf/cm3eqEsT0l555zuefmpKV3WsfbBuiUpjY3XDtiwTV6ziSvtTKOLNZcFKQ0qiZRnATkG6JB0BIDJen2kp5iMlfSOlLbisw8P4oeQAhFPpURxVV0zWSa9PNwEgIHtRaZA0SEpOvbeduG5q5LE0Sh2jvZ3tSqADFjFHlGSYJkmhz10zF1FseXvIo3VklcrfX9jOaq1lyAedGOoz1GpyQwnsvQ3fdTqDnTwPhQz9eQf52ob+zO1xh9NWDBbIHRgXOZqcD19PL9GXZ4H0h03whUnyHfwCrReI+97L6RBdo+0gW3j+H9uaw+7HLnQNrDUt6oV3ZBzyhmsjiz+p/dSTwJfUx2+IpD1ic+xz5enwQGXEDJJaw8Gl2I1upMzlc/hEvdOBR6SNKAjqP1J6P/o6XdL11L5h4=)
+
+### Under the Hood {#under-the-hood}
+
+`defineModel` is a convenience macro. The compiler expands it to the following:
+
+- A prop named `modelValue`, which the local ref's value is synced with;
+- An event named `update:modelValue`, which is emitted when the local ref's value is mutated.
+
+This is how you would implement the same child component shown above prior to 3.4:
+
+```vue
+<!-- Child.vue -->
+<script setup>
+const props = defineProps(['modelValue'])
+const emit = defineEmits(['update:modelValue'])
+</script>
+
+<template>
+  <input
+    :value="props.modelValue"
+    @input="emit('update:modelValue', $event.target.value)"
+  />
+</template>
+```
+
+Then, `v-model="foo"` in the parent component will be compiled to:
+
+```vue-html
+<!-- Parent.vue -->
+<Child
+  :modelValue="foo"
+  @update:modelValue="$event => (foo = $event)"
+/>
+```
+
+As you can see, it is quite a bit more verbose. However, it is helpful to understand what is happening under the hood.
+
+Because `defineModel` declares a prop, you can therefore declare the underlying prop's options by passing it to `defineModel`:
+
+```js
+// making the v-model required
+const model = defineModel({ required: true })
+
+// providing a default value
+const model = defineModel({ default: 0 })
+```
+
+:::warning
+If you have a `default` value for `defineModel` prop and you don't provide any value for this prop from the parent component, it can cause a de-synchronization between parent and child components. In the example below, the parent's `myRef` is undefined, but the child's `model` is 1:
+
+**Child component:**
+
+```js
+const model = defineModel({ default: 1 })
+```
+
+**Parent component:**
+
+```js
+const myRef = ref()
+```
+
+```html
+<Child v-model="myRef"></Child>
+```
+
+:::
+
+</div>
+
+<div class="options-api">
+
+First let's revisit how `v-model` is used on a native element:
+
+```vue-html
+<input v-model="searchText" />
+```
+
+Under the hood, the template compiler expands `v-model` to the more verbose equivalent for us. So the above code does the same as the following:
+
+```vue-html
+<input
+  :value="searchText"
+  @input="searchText = $event.target.value"
+/>
+```
+
+When used on a component, `v-model` instead expands to this:
+
+```vue-html
+<CustomInput
+  :model-value="searchText"
+  @update:model-value="newValue => searchText = newValue"
+/>
+```
+
+For this to actually work though, the `<CustomInput>` component must do two things:
+
+1. Bind the `value` attribute of a native `<input>` element to the `modelValue` prop
+2. When a native `input` event is triggered, emit an `update:modelValue` custom event with the new value
+
+Here's that in action:
+
+```vue
+<!-- CustomInput.vue -->
+<script>
+export default {
+  props: ['modelValue'],
+  emits: ['update:modelValue']
+}
+</script>
+
+<template>
+  <input
+    :value="modelValue"
+    @input="$emit('update:modelValue', $event.target.value)"
+  />
+</template>
+```
+
+Now `v-model` should work perfectly with this component:
+
+```vue-html
+<CustomInput v-model="searchText" />
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNqFkctqwzAQRX9lEAEn4Np744aWrvoD3URdiHiSGvRCHpmC8b93JDfGKYGCkJjXvTrSJF69r8aIohHtcA69p6O0vfEuELzFgZx5tz4SXIIzUFT1JpfGCmmlxe/c3uFFRU0wSQtwdqxh0dLQwHSnNJep3ilS+8PSCxCQYrC3CMDgMKgrNlB8odaOXVJ2TgdvvNp6vSwHhMZrRcgRQLs1G5+M61A/S/ErKQXUR5immwXMWW1VEKX4g3j3Mo9QfXCeKU9FtvpQmp/lM0Oi6RP/qYieebHZNvyL0acLLODNmGYSxCogxVJ6yW1c2iWz/QOnEnY48kdUpMIVGSllD8t8zVZb+PkHqPG4iw==)
+
+Another way of implementing `v-model` within this component is to use a writable `computed` property with both a getter and a setter. The `get` method should return the `modelValue` property and the `set` method should emit the corresponding event:
+
+```vue
+<!-- CustomInput.vue -->
+<script>
+export default {
+  props: ['modelValue'],
+  emits: ['update:modelValue'],
+  computed: {
+    value: {
+      get() {
+        return this.modelValue
+      },
+      set(value) {
+        this.$emit('update:modelValue', value)
+      }
+    }
+  }
+}
+</script>
+
+<template>
+  <input v-model="value" />
+</template>
+```
+
+</div>
+
+## `v-model` Arguments {#v-model-arguments}
+
+`v-model` on a component can also accept an argument:
+
+```vue-html
+<MyComponent v-model:title="bookTitle" />
+```
+
+<div class="composition-api">
+
+In the child component, we can support the corresponding argument by passing a string to `defineModel()` as its first argument:
+
+```vue
+<!-- MyComponent.vue -->
+<script setup>
+const title = defineModel('title')
+</script>
+
+<template>
+  <input type="text" v-model="title" />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNqFklFPwjAUhf9K05dhgiyGNzJI1PCgCWqUx77McQeFrW3aOxxZ9t+9LTAXA/q2nnN6+t12Db83ZrSvgE944jIrDTIHWJmZULI02iJrmIWctSy3umQRRaPOWhweNX0pUHiyR3FP870UZkyoTCuH7FPr3VJiAWzqSwfR/rbUKyhYatdV6VugTktTQHQjVBIfeYiEFgikpwi0YizZ3M2aplfXtklMWvD6UKf+CfrUVPBuh+AspngSd718yH+hX7iS4xihjUZYQS4VLPwJgyiI/3FLZSrafzAeBqFG4jgxeuEqGTo6OZfr0dZpRVxNuFWeEa4swL4alEQm+IQFx3tpUeiv56ChrWB41rMNZLsL+tbVXhP8zYIDuyeQzkN6HyBWb88/XgJ3ZxJ95bH/MN/B6aLyjMfYQ6VWhN3LBdqn8FdJtV66eY2g3HkoD+qTbcgLTo/jX+ra6D+449E47BOq5e039mr+gA==)
+
+If prop options are also needed, they should be passed after the model name:
+
+```js
+const title = defineModel('title', { required: true })
+```
+
+<details>
+<summary>Pre 3.4 Usage</summary>
+
+```vue
+<!-- MyComponent.vue -->
+<script setup>
+defineProps({
+  title: {
+    required: true
+  }
+})
+defineEmits(['update:title'])
+</script>
+
+<template>
+  <input
+    type="text"
+    :value="title"
+    @input="$emit('update:title', $event.target.value)"
+  />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNp9kE1rwzAMhv+KMIW00DXsGtKyMXYc7D7vEBplM8QfOHJoCfnvk+1QsjJ2svVKevRKk3h27jAGFJWoh7NXjmBACu4kjdLOeoIJPHYwQ+ethoJLi1vq7fpi+WfQ0JI+lCstcrkYQJqzNQMBKeoRjhG4LcYHbVvsofFfQUcCXhrteix20tRl9sIuOCBkvSHkCKD+fjxN04Ka57rkOOlrMwu7SlVHKdIrBZRcWpc3ntiLO7t/nKHFThl899YN248ikYpP9pj1V60o6sG1TMwDU/q/FZRxgeIPgK4uGcQLSZGlamz6sHKd1afUxOoGeeT298A9bHCMKxBfE3mTSNjl1vud5x8qNa76)
+
+</details>
+</div>
+<div class="options-api">
+
+In this case, instead of the default `modelValue` prop and `update:modelValue` event, the child component should expect a `title` prop and emit an `update:title` event to update the parent value:
+
+```vue
+<!-- MyComponent.vue -->
+<script>
+export default {
+  props: ['title'],
+  emits: ['update:title']
+}
+</script>
+
+<template>
+  <input
+    type="text"
+    :value="title"
+    @input="$emit('update:title', $event.target.value)"
+  />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNqFUNFqwzAM/BVhCm6ha9hryMrGnvcFdR9Mo26B2DGuHFJC/n2yvZakDAohtuTTne5G8eHcrg8oSlFdTr5xtFe2Ma7zBF/Xz45vFi3B2XcG5K6Y9eKYVFZZHBK8xrMOLcGoLMDphrqUMC6Ypm18rzXp9SZjATxS8PZWAVBDLZYg+xfT1diC9t/BxGEctHFtlI2wKR78468q7ttzQcgoTcgVQPXzuh/HzAnTVBVcp/58qz+lMqHelEinElAwtCrufGIrHhJYBPdfEs53jkM4yEQpj8k+miYmc5DBcRKYZeXxqZXGukDZPF1dWhQHUiK3yl63YbZ97r6nIe6uoup6KbmFFfbRCnHGyI4iwyaPPnqffgGMlsEM)
+
+</div>
+
+## Multiple `v-model` Bindings {#multiple-v-model-bindings}
+
+By leveraging the ability to target a particular prop and event as we learned before with [`v-model` arguments](#v-model-arguments), we can now create multiple `v-model` bindings on a single component instance.
+
+Each `v-model` will sync to a different prop, without the need for extra options in the component:
+
+```vue-html
+<UserName
+  v-model:first-name="first"
+  v-model:last-name="last"
+/>
+```
+
+<div class="composition-api">
+
+```vue
+<script setup>
+const firstName = defineModel('firstName')
+const lastName = defineModel('lastName')
+</script>
+
+<template>
+  <input type="text" v-model="firstName" />
+  <input type="text" v-model="lastName" />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNqFkstuwjAQRX/F8iZUAqKKHQpIfbAoUmnVx86bKEzANLEt26FUkf+9Y4MDSAg2UWbu9fjckVv6oNRw2wAd08wUmitLDNhGTZngtZLakpZoKIkjpZY1SdCadNK3Ab3IazhowzQ2/ES0MVFIYSwpucbvxA/qJXO5FsldlKr8qDxL8EKW7kEQAQsLtapyC1gRkq3vp217mOccwf8wwLksRSlYIoMvCNkOarmEahyODAT2J4yGgtFzhx8UDf5/r6c4NEs7CNqnpxkvbO0kcVjNhCyh5AJe/SW9pBPOV3DJGvu3dsKFaiyxf8qTW9gheQwVs4Z90BDm5oF47cF/Ht4aZC75argxUmD61g9ktJC14hXoN2U5ZmJ0TILitbyq5O889KxuoB/7xRqKnwv9jdn5HqPvGnDVWwTpNJvrFSCul2efi4DeiRigqdB9RfwAI6vGM+5tj41YIvaJL9C+hOfNxerLzHYWhImhPKh3uuBnFJ/A05XoR9zRcBTOMeGo+wcs+yse)
+
+<details>
+<summary>Pre 3.4 Usage</summary>
+
+```vue
+<script setup>
+defineProps({
+  firstName: String,
+  lastName: String
+})
+
+defineEmits(['update:firstName', 'update:lastName'])
+</script>
+
+<template>
+  <input
+    type="text"
+    :value="firstName"
+    @input="$emit('update:firstName', $event.target.value)"
+  />
+  <input
+    type="text"
+    :value="lastName"
+    @input="$emit('update:lastName', $event.target.value)"
+  />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNqNUc1qwzAMfhVjCk6hTdg1pGWD7bLDGIydlh1Cq7SGxDaOEjaC332yU6cdFNpLsPRJ348y8idj0qEHnvOi21lpkHWAvdmWSrZGW2Qjs1Azx2qrWyZoVMzQZwf2rWrhhKVZbHhGGivVTqsOWS0tfTeeKBGv+qjEMkJNdUaeNXigyCYjZIEKhNY0FQJVjBXHh+04nvicY/QOBM4VGUFhJHrwBWPDutV7aPKwslbU35Q8FCX/P+GJ4oB/T3hGpEU2m+ArfpnxytX2UEsF71abLhk9QxDzCzn7QCvVYeW7XuGyWSpH0eP6SyuxS75Eb/akOpn302LFYi8SiO8bJ5PK9DhFxV/j0yH8zOnzoWr6+SbhbifkMSwSsgByk1zzsoABFKZY2QNgGpiW57Pdrx2z3JCeI99Svvxh7g8muf2x)
+
+</details>
+</div>
+<div class="options-api">
+
+```vue
+<script>
+export default {
+  props: {
+    firstName: String,
+    lastName: String
+  },
+  emits: ['update:firstName', 'update:lastName']
+}
+</script>
+
+<template>
+  <input
+    type="text"
+    :value="firstName"
+    @input="$emit('update:firstName', $event.target.value)"
+  />
+  <input
+    type="text"
+    :value="lastName"
+    @input="$emit('update:lastName', $event.target.value)"
+  />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNqNkk1rg0AQhv/KIAETSJRexYYWeuqhl9JTt4clmSSC7i7rKCnif+/ObtYkELAiujPzztejQ/JqTNZ3mBRJ2e5sZWgrVNUYbQm+WrQfskE4WN1AmuXRwQmpUELh2Qv3eJBdTTAIBbDTLluhoraA4VpjXHNwL0kuV0EIYJE6q6IFcKhsSwWk7/qkUq/nq5be+aa5JztGfrmHu8t8GtoZhI2pJaGzAMrT03YYQk0YR3BnruSOZe5CXhKnC3X7TaP3WBc+ZaOc/1kk3hDJvYILRQGfQzx3Rct8GiJZJ7fA7gg/AmesNszMrUIXFpxbwCfZSh09D0Hc7tbN6sAWm4qZf6edcZgxrMHSdA3RF7PTn1l8lTIdhbXp1/CmhOeJRNHLupv4eIaXyItPdJEFD7R8NM0Ce/d/ZCTtESnzlVZXhP/vHbeZaT0tPdf59uONfx7mDVM=)
+
+</div>
+
+## Handling `v-model` Modifiers {#handling-v-model-modifiers}
+
+When we were learning about form input bindings, we saw that `v-model` has [built-in modifiers](/guide/essentials/forms#modifiers) - `.trim`, `.number` and `.lazy`. In some cases, you might also want the `v-model` on your custom input component to support custom modifiers.
+
+Let's create an example custom modifier, `capitalize`, that capitalizes the first letter of the string provided by the `v-model` binding:
+
+```vue-html
+<MyComponent v-model.capitalize="myText" />
+```
+
+<div class="composition-api">
+
+Modifiers added to a component `v-model` can be accessed in the child component by destructuring the `defineModel()` return value like this:
+
+```vue{4}
+<script setup>
+const [model, modifiers] = defineModel()
+
+console.log(modifiers) // { capitalize: true }
+</script>
+
+<template>
+  <input type="text" v-model="model" />
+</template>
+```
+
+To conditionally adjust how the value should be read / written based on modifiers, we can pass `get` and `set` options to `defineModel()`. These two options receive the value on get / set of the model ref and should return a transformed value. This is how we can use the `set` option to implement the `capitalize` modifier:
+
+```vue{6-8}
+<script setup>
+const [model, modifiers] = defineModel({
+  set(value) {
+    if (modifiers.capitalize) {
+      return value.charAt(0).toUpperCase() + value.slice(1)
+    }
+    return value
+  }
+})
+</script>
+
+<template>
+  <input type="text" v-model="model" />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNp9UsFu2zAM/RVClzhY5mzoLUgHdEUPG9Bt2LLTtIPh0Ik6WRIkKksa5N9LybFrFG1OkvgeyccnHsWNc+UuoliIZai9cgQBKbpP0qjWWU9wBI8NnKDxtoUJUycDdH+4tXwzaOgMl/NRLNVlMoA0tTWBoD2scE9wnSoWk8lUmuW8a8rt+EHYOl0R8gtgtVUBlHGRoK6cokqrRwxAW4RGea6mkQg9HGwEboZ+kbKWY027961doy6f86+l6ERIAXNus5wPPcVMvNB+yZOaiZFw/cKYftI/ufEM+FCNQh/+8tRrbJTB+4QUxySWqxa7SkecQn4DqAaKIWekeyAAe0fRG8h5Zb2t/A0VH6Yl2d/Oob+tAhZTeHfGg1Y1Fh/Z6ZR66o5xhRTh8OnyXyy7f6CDSw5S59/Z3WRpOl91lAL70ahN+RCsYT/zFFIk95RG/92RYr+kWPTzSVFpbf9/zTHyEWd9vN5i/e+V+EPYp5gUPzwG9DuUYsCo8htkrQm++/Ut6x5AVh01sy+APzFYHZPGjvY5mjXLHvGy2i95K5TZrMLdntCEfqgkNDuc+VLwkqQNe2v0Z7lX5VX/M+L0BFEuPdc=)
+
+<details>
+<summary>Pre 3.4 Usage</summary>
+
+```vue{11-13}
+<script setup>
+const props = defineProps({
+  modelValue: String,
+  modelModifiers: { default: () => ({}) }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+function emitValue(e) {
+  let value = e.target.value
+  if (props.modelModifiers.capitalize) {
+    value = value.charAt(0).toUpperCase() + value.slice(1)
+  }
+  emit('update:modelValue', value)
+}
+</script>
+
+<template>
+  <input type="text" :value="props.modelValue" @input="emitValue" />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNp9Us1Og0AQfpUJF5ZYqV4JNTaNxyYmVi/igdCh3QR2N7tDIza8u7NLpdU0nmB+v5/ZY7Q0Jj10GGVR7iorDYFD6sxDoWRrtCU4gsUaBqitbiHm1ngqrfuV5j+Fik7ldH6R83u5GaBQlVaOoO03+Emw8BtFHCeFyucjKMNxQNiapiTkCGCzlw6kMh1BVRpJZSO/0AEe0Pa0l2oHve6AYdBmvj+/ZHO4bfUWm/Q8uSiiEb6IYM4A+XxCi2bRH9ZX3BgVGKuNYwFbrKXCZx+Jo0cPcG9l02EGL2SZ3mxKr/VW1hKty9hMniy7hjIQCSweQByHBIZCDWzGDwi20ps0Yjxx4MR73Jktc83OOPFHGKk7VZHUKkyFgsAEAqcG2Qif4WWYUml3yOp8wldlDSLISX+TvPDstAemLeGbVvvSLkncJSnpV2PQrkqHLOfmVHeNrFDcMz3w0iBQE1cUzMYBbuS2f55CPj4D6o0/I41HzMKsP+u0kLOPoZWzkx1X7j18A8s0DEY=)
+
+</details>
+</div>
+
+<div class="options-api">
+
+Modifiers added to a component `v-model` will be provided to the component via the `modelModifiers` prop. In the below example, we have created a component that contains a `modelModifiers` prop that defaults to an empty object:
+
+```vue{11}
+<script>
+export default {
+  props: {
+    modelValue: String,
+    modelModifiers: {
+      default: () => ({})
+    }
+  },
+  emits: ['update:modelValue'],
+  created() {
+    console.log(this.modelModifiers) // { capitalize: true }
+  }
+}
+</script>
+
+<template>
+  <input
+    type="text"
+    :value="modelValue"
+    @input="$emit('update:modelValue', $event.target.value)"
+  />
+</template>
+```
+
+Notice the component's `modelModifiers` prop contains `capitalize` and its value is `true` - due to it being set on the `v-model` binding `v-model.capitalize="myText"`.
+
+Now that we have our prop set up, we can check the `modelModifiers` object keys and write a handler to change the emitted value. In the code below we will capitalize the string whenever the `<input />` element fires an `input` event.
+
+```vue{13-15}
+<script>
+export default {
+  props: {
+    modelValue: String,
+    modelModifiers: {
+      default: () => ({})
+    }
+  },
+  emits: ['update:modelValue'],
+  methods: {
+    emitValue(e) {
+      let value = e.target.value
+      if (this.modelModifiers.capitalize) {
+        value = value.charAt(0).toUpperCase() + value.slice(1)
+      }
+      this.$emit('update:modelValue', value)
+    }
+  }
+}
+</script>
+
+<template>
+  <input type="text" :value="modelValue" @input="emitValue" />
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNqFks1qg0AQgF9lkIKGpqa9iikNOefUtJfaw6KTZEHdZR1DbPDdO7saf0qgIq47//PNXL2N1uG5Ri/y4io1UtNrUspCK0Owa7aK/0osCQ5GFeCHq4nMuvlJCZCUeHEOGR5EnRNcrTS92VURXGex2qXVZ4JEsOhsAQxSbcrbDaBo9nihCHyXAaC1B3/4jVdDoXwhLHQuCPkGsD/JCmSpa4JUaEkilz9YAZ7RNHSS5REaVQPXgCay9vG0rPNToTLMw9FznXhdHYkHK04Qr4Zs3tL7g2JG8B4QbZS2LLqGXK5PkdcYwTsZrs1R6RU7lcmDRDPaM7AuWARMbf0KwbVdTNk4dyyk5f3l15r5YjRm8b+dQYF0UtkY1jo4fYDDLAByZBxWCmvAkIQ5IvdoBTcLeYCAiVbhvNwJvEk4GIK5M0xPwmwoeF6EpD60RrMVFXJXj72+ymWKwUvfXt+gfVzGB1tzcKfDZec+o/LfxsTdtlCj7bSpm3Xk4tjpD8FZ+uZMWTowu7MW7S+CWR77)
+
+</div>
+
+### Modifiers for `v-model` with Arguments {#modifiers-for-v-model-with-arguments}
+
+<div class="options-api">
+
+For `v-model` bindings with both argument and modifiers, the generated prop name will be `arg + "Modifiers"`. For example:
+
+```vue-html
+<MyComponent v-model:title.capitalize="myText">
+```
+
+The corresponding declarations should be:
+
+```js
+export default {
+  props: ['title', 'titleModifiers'],
+  emits: ['update:title'],
+  created() {
+    console.log(this.titleModifiers) // { capitalize: true }
+  }
+}
+```
+
+</div>
+
+Here's another example of using modifiers with multiple `v-model` with different arguments:
+
+```vue-html
+<UserName
+  v-model:first-name.capitalize="first"
+  v-model:last-name.uppercase="last"
+/>
+```
+
+<div class="composition-api">
+
+```vue
+<script setup>
+const [firstName, firstNameModifiers] = defineModel('firstName')
+const [lastName, lastNameModifiers] = defineModel('lastName')
+
+console.log(firstNameModifiers) // { capitalize: true }
+console.log(lastNameModifiers) // { uppercase: true }
+</script>
+```
+
+<details>
+<summary>Pre 3.4 Usage</summary>
+
+```vue{5,6,10,11}
+<script setup>
+const props = defineProps({
+firstName: String,
+lastName: String,
+firstNameModifiers: { default: () => ({}) },
+lastNameModifiers: { default: () => ({}) }
+})
+defineEmits(['update:firstName', 'update:lastName'])
+
+console.log(props.firstNameModifiers) // { capitalize: true }
+console.log(props.lastNameModifiers) // { uppercase: true }
+</script>
+```
+
+</details>
+</div>
+<div class="options-api">
+
+```vue{15,16}
+<script>
+export default {
+  props: {
+    firstName: String,
+    lastName: String,
+    firstNameModifiers: {
+      default: () => ({})
+    },
+    lastNameModifiers: {
+      default: () => ({})
+    }
+  },
+  emits: ['update:firstName', 'update:lastName'],
+  created() {
+    console.log(this.firstNameModifiers) // { capitalize: true }
+    console.log(this.lastNameModifiers) // { uppercase: true }
+  }
+}
+</script>
+```
+
+</div>
diff --git a/src/guide/essentials/application.md b/src/guide/essentials/application.md
index b587209e47..32b048aac6 100644
--- a/src/guide/essentials/application.md
+++ b/src/guide/essentials/application.md
@@ -1,6 +1,6 @@
-# Creating a Vue Application
+# Creating a Vue Application {#creating-a-vue-application}
 
-## The application instance
+## The application instance {#the-application-instance}
 
 Every Vue application starts by creating a new **application instance** with the [`createApp`](/api/application#createapp) function:
 
@@ -12,7 +12,7 @@ const app = createApp({
 })
 ```
 
-## The Root Component
+## The Root Component {#the-root-component}
 
 The object we are passing into `createApp` is in fact a component. Every app requires a "root component" that can contain other components as its children.
 
@@ -39,9 +39,9 @@ App (root component)
    └─ TodoStatistics
 ```
 
-We will discuss how to define and compose multiple components together in later sections of the guide. Before that, we will focus on what happens inside a single component.
+In later sections of the guide, we will discuss how to define and compose multiple components together. Before that, we will focus on what happens inside a single component.
 
-## Mounting the App
+## Mounting the App {#mounting-the-app}
 
 An application instance won't render anything until its `.mount()` method is called. It expects a "container" argument, which can either be an actual DOM element or a selector string:
 
@@ -57,9 +57,9 @@ The content of the app's root component will be rendered inside the container el
 
 The `.mount()` method should always be called after all app configurations and asset registrations are done. Also note that its return value, unlike the asset registration methods, is the root component instance instead of the application instance.
 
-### In-DOM Root Component Template
+### In-DOM Root Component Template {#in-dom-root-component-template}
 
-When using Vue without a build step, we can write our root component's template directly inside the mount container:
+The template for the root component is usually part of the component itself, but it is also possible to provide the template separately by writing it directly inside the mount container:
 
 ```html
 <div id="app">
@@ -83,9 +83,11 @@ app.mount('#app')
 
 Vue will automatically use the container's `innerHTML` as the template if the root component does not already have a `template` option.
 
-## App Configurations
+In-DOM templates are often used in applications that are [using Vue without a build step](/guide/quick-start.html#using-vue-from-cdn). They can also be used in conjunction with server-side frameworks, where the root template might be generated dynamically by the server.
 
-The application instance exposes a `.config` object that allows us to configure a few app-level options, for example defining an app-level error handler that captures errors from all descendent components:
+## App Configurations {#app-configurations}
+
+The application instance exposes a `.config` object that allows us to configure a few app-level options, for example, defining an app-level error handler that captures errors from all descendant components:
 
 ```js
 app.config.errorHandler = (err) => {
@@ -103,7 +105,7 @@ This makes the `TodoDeleteButton` available for use anywhere in our app. We will
 
 Make sure to apply all app configurations before mounting the app!
 
-## Multiple application instances
+## Multiple application instances {#multiple-application-instances}
 
 You are not limited to a single application instance on the same page. The `createApp` API allows multiple Vue applications to co-exist on the same page, each with its own scope for configuration and global assets:
 
diff --git a/src/guide/essentials/class-and-style.md b/src/guide/essentials/class-and-style.md
index 64085c14ba..f8ffed4d65 100644
--- a/src/guide/essentials/class-and-style.md
+++ b/src/guide/essentials/class-and-style.md
@@ -1,8 +1,8 @@
-# Class and Style Bindings
+# Class and Style Bindings {#class-and-style-bindings}
 
-A common need for data binding is manipulating an element's class list and its inline styles. Since they are both attributes, we can use `v-bind` to handle them: we only need to calculate a final string with our expressions. However, meddling with string concatenation is annoying and error-prone. For this reason, Vue provides special enhancements when `v-bind` is used with `class` and `style`. In addition to strings, the expressions can also evaluate to objects or arrays.
+A common need for data binding is manipulating an element's class list and inline styles. Since `class` and `style` are both attributes, we can use `v-bind` to assign them a string value dynamically, much like with other attributes. However, trying to generate those values using string concatenation can be annoying and error-prone. For this reason, Vue provides special enhancements when `v-bind` is used with `class` and `style`. In addition to strings, the expressions can also evaluate to objects or arrays.
 
-## Binding HTML Classes
+## Binding HTML Classes {#binding-html-classes}
 
 <div class="options-api">
   <VueSchoolLink href="https://vueschool.io/lessons/dynamic-css-classes-with-vue-3" title="Free Vue.js Dynamic CSS Classes Lesson"/>
@@ -12,7 +12,7 @@ A common need for data binding is manipulating an element's class list and its i
   <VueSchoolLink href="https://vueschool.io/lessons/vue-fundamentals-capi-dynamic-css-classes-with-vue" title="Free Vue.js Dynamic CSS Classes Lesson"/>
 </div>
 
-### Binding to Objects
+### Binding to Objects {#binding-to-objects}
 
 We can pass an object to `:class` (short for `v-bind:class`) to dynamically toggle classes:
 
@@ -95,7 +95,13 @@ data() {
 <div :class="classObject"></div>
 ```
 
-This will render the same result. We can also bind to a [computed property](./computed) that returns an object. This is a common and powerful pattern:
+This will render:
+
+```vue-html
+<div class="active"></div>
+```
+
+We can also bind to a [computed property](./computed) that returns an object. This is a common and powerful pattern:
 
 <div class="composition-api">
 
@@ -136,7 +142,7 @@ computed: {
 <div :class="classObject"></div>
 ```
 
-### Binding to Arrays
+### Binding to Arrays {#binding-to-arrays}
 
 We can bind `:class` to an array to apply a list of classes:
 
@@ -180,19 +186,19 @@ If you would like to also toggle a class in the list conditionally, you can do i
 
 This will always apply `errorClass`, but `activeClass` will only be applied when `isActive` is truthy.
 
-However, this can be a bit verbose if you have multiple conditional classes. That's why it's also possible to use the object syntax inside array syntax:
+However, this can be a bit verbose if you have multiple conditional classes. That's why it's also possible to use the object syntax inside the array syntax:
 
 ```vue-html
-<div :class="[{ active: isActive }, errorClass]"></div>
+<div :class="[{ [activeClass]: isActive }, errorClass]"></div>
 ```
 
-### With Components
+### With Components {#with-components}
 
 > This section assumes knowledge of [Components](/guide/essentials/component-basics). Feel free to skip it and come back later.
 
-When you use the `class` attribute on a component with a single root element, those classes will be added to the component's root element, and merged with any existing class already on it.
+When you use the `class` attribute on a component with a single root element, those classes will be added to the component's root element and merged with any existing class already on it.
 
-For example, if we have a component named `my-component` with the following template:
+For example, if we have a component named `MyComponent` with the following template:
 
 ```vue-html
 <!-- child component template -->
@@ -203,37 +209,37 @@ Then add some classes when using it:
 
 ```vue-html
 <!-- when using the component -->
-<my-component class="baz boo"></my-component>
+<MyComponent class="baz boo" />
 ```
 
 The rendered HTML will be:
 
 ```vue-html
-<p class="foo bar baz boo">Hi</p>
+<p class="foo bar baz boo">Hi!</p>
 ```
 
 The same is true for class bindings:
 
 ```vue-html
-<my-component :class="{ active: isActive }"></my-component>
+<MyComponent :class="{ active: isActive }" />
 ```
 
 When `isActive` is truthy, the rendered HTML will be:
 
 ```vue-html
-<p class="foo bar active">Hi</p>
+<p class="foo bar active">Hi!</p>
 ```
 
 If your component has multiple root elements, you would need to define which element will receive this class. You can do this using the `$attrs` component property:
 
 ```vue-html
-<!-- my-component template using $attrs -->
+<!-- MyComponent template using $attrs -->
 <p :class="$attrs.class">Hi!</p>
 <span>This is a child component</span>
 ```
 
 ```vue-html
-<my-component class="baz"></my-component>
+<MyComponent class="baz" />
 ```
 
 Will render:
@@ -243,11 +249,11 @@ Will render:
 <span>This is a child component</span>
 ```
 
-You can learn more about component attribute inheritance in [Fallthrough Attributes](/guide/components/attrs.html) section.
+You can learn more about component attribute inheritance in [Fallthrough Attributes](/guide/components/attrs) section.
 
-## Binding Inline Styles
+## Binding Inline Styles {#binding-inline-styles}
 
-### Binding to Objects
+### Binding to Objects {#binding-to-objects-1}
 
 `:style` supports binding to JavaScript object values - it corresponds to an [HTML element's `style` property](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style):
 
@@ -290,7 +296,7 @@ It is often a good idea to bind to a style object directly so that the template
 ```js
 const styleObject = reactive({
   color: 'red',
-  fontSize: '13px'
+  fontSize: '30px'
 })
 ```
 
@@ -317,7 +323,21 @@ data() {
 
 Again, object style binding is often used in conjunction with computed properties that return objects.
 
-### Binding to Arrays
+`:style` directives can also coexist with regular style attributes, just like `:class`.
+
+Template:
+
+```vue-html
+<h1 style="color: red" :style="'font-size: 1em'">hello</h1>
+```
+
+It will render:
+
+```vue-html
+<h1 style="color: red; font-size: 1em;">hello</h1>
+```
+
+### Binding to Arrays {#binding-to-arrays-1}
 
 We can bind `:style` to an array of multiple style objects. These objects will be merged and applied to the same element:
 
@@ -325,11 +345,11 @@ We can bind `:style` to an array of multiple style objects. These objects will b
 <div :style="[baseStyles, overridingStyles]"></div>
 ```
 
-### Auto-prefixing
+### Auto-prefixing {#auto-prefixing}
 
 When you use a CSS property that requires a [vendor prefix](https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix) in `:style`, Vue will automatically add the appropriate prefix. Vue does this by checking at runtime to see which style properties are supported in the current browser. If the browser doesn't support a particular property then various prefixed variants will be tested to try to find one that is supported.
 
-### Multiple Values
+### Multiple Values {#multiple-values}
 
 You can provide an array of multiple (prefixed) values to a style property, for example:
 
diff --git a/src/guide/essentials/component-basics.md b/src/guide/essentials/component-basics.md
index e3bca33c63..3bc43e557d 100644
--- a/src/guide/essentials/component-basics.md
+++ b/src/guide/essentials/component-basics.md
@@ -1,4 +1,8 @@
-# Components Basics
+# Components Basics {#components-basics}
+
+<ScrimbaLink href="https://scrimba.com/links/vue-component-basics" title="Free Vue.js Components Basics Lesson" type="scrimba">
+  Watch an interactive video lesson on Scrimba
+</ScrimbaLink>
 
 Components allow us to split the UI into independent and reusable pieces, and think about each piece in isolation. It's common for an app to be organized into a tree of nested components:
 
@@ -6,11 +10,11 @@ Components allow us to split the UI into independent and reusable pieces, and th
 
 <!-- https://www.figma.com/file/qa7WHDQRWuEZNRs7iZRZSI/components -->
 
-This is very similar to how we nest native HTML elements, but Vue implements its own component model that allow us to encapsulate custom content and logic in each component. Vue also plays nicely with native Web Components. If you are curious about the relationship between Vue Components and native Web Components, [read more here](/guide/extras/web-components.html).
+This is very similar to how we nest native HTML elements, but Vue implements its own component model that allows us to encapsulate custom content and logic in each component. Vue also plays nicely with native Web Components. If you are curious about the relationship between Vue Components and native Web Components, [read more here](/guide/extras/web-components).
 
-## Defining a Component
+## Defining a Component {#defining-a-component}
 
-When using a build step, we typically define each Vue component in a dedicated file using the `.vue` extension - known as a [Single-File Component](/guide/scaling-up/sfc.html) (SFC for short):
+When using a build step, we typically define each Vue component in a dedicated file using the `.vue` extension - known as a [Single-File Component](/guide/scaling-up/sfc) (SFC for short):
 
 <div class="options-api">
 
@@ -80,7 +84,8 @@ export default {
     <button @click="count++">
       You clicked me {{ count }} times.
     </button>`
-  // or `template: '#my-template-element'`
+  // Can also target an in-DOM template:
+  // template: '#my-template-element'
 }
 ```
 
@@ -90,7 +95,7 @@ The template is inlined as a JavaScript string here, which Vue will compile on t
 
 The example above defines a single component and exports it as the default export of a `.js` file, but you can use named exports to export multiple components from the same file.
 
-## Using a Component
+## Using a Component {#using-a-component}
 
 :::tip
 We will be using SFC syntax for the rest of this guide - the concepts around components are the same regardless of whether you are using a build step or not. The [Examples](/examples/) section shows component usage in both scenarios.
@@ -117,7 +122,7 @@ export default {
 </template>
 ```
 
-To expose the imported component to our template, we need to [register](/guide/components/registration.html) it with the `components` option. The component will then be available as a tag using the key it is registered under.
+To expose the imported component to our template, we need to [register](/guide/components/registration) it with the `components` option. The component will then be available as a tag using the key it is registered under.
 
 </div>
 
@@ -138,7 +143,7 @@ With `<script setup>`, imported components are automatically made available to t
 
 </div>
 
-It's also possible to globally register a component, making it available to all components in a given app without having to import it. The pros and cons of global vs. local registration is discussed in the dedicated [Component Registration](/guide/components/registration.html) section.
+It's also possible to globally register a component, making it available to all components in a given app without having to import it. The pros and cons of global vs. local registration is discussed in the dedicated [Component Registration](/guide/components/registration) section.
 
 Components can be reused as many times as you want:
 
@@ -151,12 +156,12 @@ Components can be reused as many times as you want:
 
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBCdXR0b25Db3VudGVyIGZyb20gJy4vQnV0dG9uQ291bnRlci52dWUnXG4gIFxuZXhwb3J0IGRlZmF1bHQge1xuICBjb21wb25lbnRzOiB7XG4gICAgQnV0dG9uQ291bnRlclxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8aDE+SGVyZSBhcmUgbWFueSBjaGlsZCBjb21wb25lbnRzITwvaDE+XG5cdDxCdXR0b25Db3VudGVyIC8+XG5cdDxCdXR0b25Db3VudGVyIC8+XG5cdDxCdXR0b25Db3VudGVyIC8+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJCdXR0b25Db3VudGVyLnZ1ZSI6IjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIGRhdGEoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNvdW50OiAwXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8YnV0dG9uIEBjbGljaz1cImNvdW50KytcIj5cbiAgICBZb3UgY2xpY2tlZCBtZSB7eyBjb3VudCB9fSB0aW1lcy5cbiAgPC9idXR0b24+XG48L3RlbXBsYXRlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqVUE1LxDAQ/StjLqusNHotcfHj4l8QcontLBtsJiGdiFL6301SdrEqyEJyeG9m3ps3k3gIoXlPKFqhxi7awDtN1gUfGR4Ts6cnn4gxwj56B5tGrtgyutEEoAk/6lCPe5MGhqmwnc9KhMRjuxCwFi3UrCk/JU/uGTC6MBjGglgdbnfPGBFM/s7QJ3QHO/TfxC+UzD21d72zPItU8uQrrsWvnKsT/ZW2N2wur45BI3KKdETlFlmphZsF58j/RgdQr3UJuO8G273daVFFtlstahngxSeoNezBIUzTYgPzDGwdjk1VkYvMj4jzF0nwsyQ=)
 
 </div>
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBCdXR0b25Db3VudGVyIGZyb20gJy4vQnV0dG9uQ291bnRlci52dWUnXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8aDE+SGVyZSBhcmUgbWFueSBjaGlsZCBjb21wb25lbnRzITwvaDE+XG5cdDxCdXR0b25Db3VudGVyIC8+XG5cdDxCdXR0b25Db3VudGVyIC8+XG5cdDxCdXR0b25Db3VudGVyIC8+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJCdXR0b25Db3VudGVyLnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5pbXBvcnQgeyByZWYgfSBmcm9tICd2dWUnXG5cbmNvbnN0IGNvdW50ID0gcmVmKDApXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8YnV0dG9uIEBjbGljaz1cImNvdW50KytcIj5cbiAgICBZb3UgY2xpY2tlZCBtZSB7eyBjb3VudCB9fSB0aW1lcy5cbiAgPC9idXR0b24+XG48L3RlbXBsYXRlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqVj91KAzEQhV/lmJsqlY3eSlr8ufEVhNys6ZQGNz8kE0GWfXez2SJUsdCLuZiZM9+ZM4qnGLvPQuJBqGySjYxMXOJWe+tiSIznwhz8SyieKWGfgsOqkyfTGbDSXsmFUG9rw+Ti0DPNHavD/faVEqGv5Xr/BXOwww4mVBNPnvOVklXTtKeO8qKhkj++4lb8+fL/mCMS7TEdAy6BtDfBZ65fVgA2s+L67uZMUEC9N0s8msGaj40W7Xa91qKtgbdQ0Ha0gyOM45E+TWDrKHeNIhfMr0DTN4U0me8=)
 
 </div>
 
@@ -173,13 +178,13 @@ If you are authoring your templates directly in a DOM (e.g. as the content of a
 <button-counter></button-counter>
 ```
 
-See [DOM template parsing caveats](#dom-template-parsing-caveats) for more details.
+See [in-DOM template parsing caveats](#in-dom-template-parsing-caveats) for more details.
 
-## Passing Props
+## Passing Props {#passing-props}
 
 If we are building a blog, we will likely need a component representing a blog post. We want all the blog posts to share the same visual layout, but with different content. Such a component won't be useful unless you can pass data to it, such as the title and content of the specific post we want to display. That's where props come in.
 
-Props are custom attributes you can register on a component. To pass a title to our blog post component, we must declare it in the list of props this component accepts, using the <span class="options-api">[`props`](/api/options-state.html#props) option</span><span class="composition-api">[`defineProps`](/api/sfc-script-setup.html#defineprops-defineemits) macro</span>:
+Props are custom attributes you can register on a component. To pass a title to our blog post component, we must declare it in the list of props this component accepts, using the <span class="options-api">[`props`](/api/options-state#props) option</span><span class="composition-api">[`defineProps`](/api/sfc-script-setup#defineprops-defineemits) macro</span>:
 
 <div class="options-api">
 
@@ -219,7 +224,7 @@ const props = defineProps(['title'])
 console.log(props.title)
 ```
 
-See also: [Typing Component Props](/guide/typescript/composition-api.html#typing-component-props) <sup class="vt-badge ts" />
+See also: [Typing Component Props](/guide/typescript/composition-api#typing-component-props) <sup class="vt-badge ts" />
 
 If you are not using `<script setup>`, props should be declared using the `props` option, and the props object will be passed to `setup()` as the first argument:
 
@@ -288,22 +293,22 @@ Then want to render a component for each one, using `v-for`:
 
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBCbG9nUG9zdCBmcm9tICcuL0Jsb2dQb3N0LnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHtcbiAgICBCbG9nUG9zdFxuICB9LFxuICBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICBwb3N0czogW1xuICAgICAgICB7IGlkOiAxLCB0aXRsZTogJ015IGpvdXJuZXkgd2l0aCBWdWUnIH0sXG4gICAgICAgIHsgaWQ6IDIsIHRpdGxlOiAnQmxvZ2dpbmcgd2l0aCBWdWUnIH0sXG4gICAgICAgIHsgaWQ6IDMsIHRpdGxlOiAnV2h5IFZ1ZSBpcyBzbyBmdW4nIH1cbiAgICAgIF1cbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxCbG9nUG9zdFxuICBcdHYtZm9yPVwicG9zdCBpbiBwb3N0c1wiXG5cdCAgOmtleT1cInBvc3QuaWRcIlxuICBcdDp0aXRsZT1cInBvc3QudGl0bGVcIlxuXHQ+PC9CbG9nUG9zdD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkJsb2dQb3N0LnZ1ZSI6IjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG4gIHByb3BzOiBbJ3RpdGxlJ11cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxoND57eyB0aXRsZSB9fTwvaDQ+XG48L3RlbXBsYXRlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp9UU1rhDAU/CtDLrawVfpxklRo74We2kPtQdaoaTUJ8bmtiP+9ia6uC2VBgjOZeXnz3sCejAkPnWAx4+3eSkNJqmRjtCU817p81S2hsLpBEEYL4Q1BqoBUid9Jmosi62rC4Nm9dn4lFLXxTGAt5dG482eeUXZ1vdxbQZ1VCwKM0zr3x4KBATKPcbsDSapFjOClx5d2JtHjR1KFN9fTsfbWcXdy+CZKqcqL+vuT/r3qvQqyRatRdMrpF/nn/DNhd7iPR+v8HCDRmDoj4RHxbfyUDjeFto8p8yEh1Rw2ZV4JxN+iP96FMvest8RTTws/gdmQ8HUr7ikere+yHduu62y//y3NWG38xIOpeODyXcoE8OohGYZ5VhhHHjl83sD4B3XgyGI=)
 
 </div>
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBCbG9nUG9zdCBmcm9tICcuL0Jsb2dQb3N0LnZ1ZSdcbiAgXG5jb25zdCBwb3N0cyA9IHJlZihbXG4gIHsgaWQ6IDEsIHRpdGxlOiAnTXkgam91cm5leSB3aXRoIFZ1ZScgfSxcbiAgeyBpZDogMiwgdGl0bGU6ICdCbG9nZ2luZyB3aXRoIFZ1ZScgfSxcbiAgeyBpZDogMywgdGl0bGU6ICdXaHkgVnVlIGlzIHNvIGZ1bicgfVxuXSlcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxCbG9nUG9zdFxuICBcdHYtZm9yPVwicG9zdCBpbiBwb3N0c1wiXG5cdCAgOmtleT1cInBvc3QuaWRcIlxuICBcdDp0aXRsZT1cInBvc3QudGl0bGVcIlxuXHQ+PC9CbG9nUG9zdD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkJsb2dQb3N0LnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5kZWZpbmVQcm9wcyhbJ3RpdGxlJ10pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8aDQ+e3sgdGl0bGUgfX08L2g0PlxuPC90ZW1wbGF0ZT4ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNp9kU9PhDAUxL/KpBfWBCH+OZEuid5N9qSHrQezFKhC27RlDSF8d1tYQBP1+N78OpN5HciD1sm54yQj1J6M0A6Wu07nTIpWK+MwwPASI0qjWkQejVbpsVHVQVl30ZJ0WQRHjwFMnpT0gPZLi32w2h2DMEAUGW5iOOEaniF66vGuOiN5j0/hajx7B4zxxt5ubIiphKz+IO828qXugw5hYRXKTnqSydcrJmk61/VF/eB4q5s3x8Pk6FJjauDO16Uye0ZCBwg5d2EkkED2wfuLlogibMOTbMpf9tMwP8jpeiMfRdM1l8Tk+/F++Y6Cl0Lyg1Ha7o7R5Bn9WwSg9X0+DPMxMI409fPP1PELlVmwdQ==)
 
 </div>
 
-Notice how we can use `v-bind` to pass dynamic props. This is especially useful when you don't know the exact content you're going to render ahead of time.
+Notice how [`v-bind` syntax](/api/built-in-directives#v-bind) (`:title="post.title"`) is used to pass dynamic prop values. This is especially useful when you don't know the exact content you're going to render ahead of time.
 
-That's all you need to know about props for now, but once you've finished reading this page and feel comfortable with its content, we recommend coming back later to read the full guide on [Props](/guide/components/props.html).
+That's all you need to know about props for now, but once you've finished reading this page and feel comfortable with its content, we recommend coming back later to read the full guide on [Props](/guide/components/props).
 
-## Listening to Events
+## Listening to Events {#listening-to-events}
 
-As we develop our `<BlogPost>` component, some features may require communicating back up to the parent. For example, we may decide to include an accessibility feature to enlarge the text of blog posts, while leaving the rest of the page its default size.
+As we develop our `<BlogPost>` component, some features may require communicating back up to the parent. For example, we may decide to include an accessibility feature to enlarge the text of blog posts, while leaving the rest of the page at its default size.
 
 In the parent, we can support this feature by adding a `postFontSize` <span class="options-api">data property</span><span class="composition-api">ref</span>:
 
@@ -357,7 +362,7 @@ Now let's add a button to the `<BlogPost>` component's template:
 </template>
 ```
 
-The button currently doesn't do anything yet - we want clicking the button to communicate to the parent that it should enlarge the text of all posts. To solve this problem, component instances provide a custom events system. The parent can choose to listen to any event on the child component instance with `v-on` or `@`, just as we would with a native DOM event:
+The button doesn't do anything yet - we want clicking the button to communicate to the parent that it should enlarge the text of all posts. To solve this problem, components provide a custom events system. The parent can choose to listen to any event on the child component instance with `v-on` or `@`, just as we would with a native DOM event:
 
 ```vue-html{3}
 <BlogPost
@@ -366,7 +371,7 @@ The button currently doesn't do anything yet - we want clicking the button to co
  />
 ```
 
-Then the child component can emit an event on itself by calling the built-in [**`$emit`** method](/api/component-instance.html#emit), passing the name of the event:
+Then the child component can emit an event on itself by calling the built-in [**`$emit`** method](/api/component-instance#emit), passing the name of the event:
 
 ```vue{5}
 <!-- BlogPost.vue, omitting <script> -->
@@ -382,16 +387,16 @@ Thanks to the `@enlarge-text="postFontSize += 0.1"` listener, the parent will re
 
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBCbG9nUG9zdCBmcm9tICcuL0Jsb2dQb3N0LnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHtcbiAgICBCbG9nUG9zdFxuICB9LFxuICBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICBwb3N0czogW1xuICAgICAgICB7IGlkOiAxLCB0aXRsZTogJ015IGpvdXJuZXkgd2l0aCBWdWUnIH0sXG4gICAgICAgIHsgaWQ6IDIsIHRpdGxlOiAnQmxvZ2dpbmcgd2l0aCBWdWUnIH0sXG4gICAgICAgIHsgaWQ6IDMsIHRpdGxlOiAnV2h5IFZ1ZSBpcyBzbyBmdW4nIH1cbiAgICAgIF0sXG4gICAgICBwb3N0Rm9udFNpemU6IDFcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxkaXYgOnN0eWxlPVwieyBmb250U2l6ZTogcG9zdEZvbnRTaXplICsgJ2VtJyB9XCI+XG4gICAgPEJsb2dQb3N0XG4gICAgICB2LWZvcj1cInBvc3QgaW4gcG9zdHNcIlxuICAgICAgOmtleT1cInBvc3QuaWRcIlxuICAgICAgOnRpdGxlPVwicG9zdC50aXRsZVwiXG4gICAgICBAZW5sYXJnZS10ZXh0PVwicG9zdEZvbnRTaXplICs9IDAuMVwiXG4gICAgPjwvQmxvZ1Bvc3Q+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiQmxvZ1Bvc3QudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgcHJvcHM6IFsndGl0bGUnXSxcbiAgZW1pdHM6IFsnZW5sYXJnZS10ZXh0J11cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJibG9nLXBvc3RcIj5cblx0ICA8aDQ+e3sgdGl0bGUgfX08L2g0PlxuXHQgIDxidXR0b24gQGNsaWNrPVwiJGVtaXQoJ2VubGFyZ2UtdGV4dCcpXCI+RW5sYXJnZSB0ZXh0PC9idXR0b24+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT4ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNqNUsFOg0AQ/ZUJMaGNbbHqidCmmujNxMRED9IDhYWuhV0CQy0S/t1ZYIEmaiRkw8y8N/vmMZVxl6aLY8EM23ByP+Mprl3Bk1RmCPexjJ5ljhBmMgFzYemEIpiuAHAFOzXQgIVeESNUKutL4gsmMLfbBPStVFTP1Bl46E2mup4xLDKhI4CUsMR+1zFABTywYTkD5BgzG8ynEj4kkVgJnxz38Eqaut5jxvXAUCIiLqI/8TcD/m1fKhTwHHIJYSEIr+HbnqikPkqBL/yLSMs23eDooNexel8pQJaksYeMIgAn4EewcyxjtnKNCsK+zbgpXILJEnW30bCIN7ZTPcd5KDNqoWjARWufa+iyfWBlV13wYJRvJtWVJhiKGyZiL4vYHNkJO8wgaQVXi6UGr51+Ndq5LBqMvhyrH9eYGePtOVu3n3YozWSqFsBsVJmt3SzhzVaYY2nm9l82+7GX5zTGjlTM1SyNmy5SeX+7rqr2r0NdOxbFXWVXIEoBGz/m/oHIF0rB5Pz6KTV6aBOgEo7Vsn51ov4GgAAf2A==)
 
 </div>
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBCbG9nUG9zdCBmcm9tICcuL0Jsb2dQb3N0LnZ1ZSdcbiAgXG5jb25zdCBwb3N0cyA9IHJlZihbXG4gIHsgaWQ6IDEsIHRpdGxlOiAnTXkgam91cm5leSB3aXRoIFZ1ZScgfSxcbiAgeyBpZDogMiwgdGl0bGU6ICdCbG9nZ2luZyB3aXRoIFZ1ZScgfSxcbiAgeyBpZDogMywgdGl0bGU6ICdXaHkgVnVlIGlzIHNvIGZ1bicgfVxuXSlcblxuY29uc3QgcG9zdEZvbnRTaXplID0gcmVmKDEpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8ZGl2IDpzdHlsZT1cInsgZm9udFNpemU6IHBvc3RGb250U2l6ZSArICdlbScgfVwiPlxuICAgIDxCbG9nUG9zdFxuICAgICAgdi1mb3I9XCJwb3N0IGluIHBvc3RzXCJcbiAgICAgIDprZXk9XCJwb3N0LmlkXCJcbiAgICAgIDp0aXRsZT1cInBvc3QudGl0bGVcIlxuICAgICAgQGVubGFyZ2UtdGV4dD1cInBvc3RGb250U2l6ZSArPSAwLjFcIlxuICAgID48L0Jsb2dQb3N0PlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkJsb2dQb3N0LnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5kZWZpbmVQcm9wcyhbJ3RpdGxlJ10pXG5kZWZpbmVFbWl0cyhbJ2VubGFyZ2UtdGV4dCddKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cImJsb2ctcG9zdFwiPlxuICAgIDxoND57eyB0aXRsZSB9fTwvaDQ+XG4gICAgPGJ1dHRvbiBAY2xpY2s9XCIkZW1pdCgnZW5sYXJnZS10ZXh0JylcIj5FbmxhcmdlIHRleHQ8L2J1dHRvbj5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp1Uk1PwkAQ/SuTxqQYgYp6ahaiJngzITHRA/UAZQor7W7TnaK16X93th8UEuHEvPdm5s3bls5Tmo4POTq+I0yYyZTAIOXpLFAySXVGUEKGEVQQZToBl6XukXqO9XahDbXc2OsAO5FlAIEKtWJByqCBqR01WFqiBLnxYTIEkhSjD+5rAV86zxQW8C1pB+88Aaphr73rtXbNVqrtBeV9r/zYFZYHacBoiHLFykB9Xgfq1NmLVvQmf7E1OGFaeE0anAMXhEkarwhtRWIjD+AbKmKcBk4JUdvtn8+6ARcTu87hLuCf6NJpSoDDKNIZj7BtIFUTUuB0tL/HomXHcnOC18d1TF305COqeJVtcUT4Q62mtzSF2/GkE8/E8b1qh8Ljw/if8I7nOkPn9En/+Ug2GEmFi0ynZrB0azOujbfB54kki5+aqumL8bING28Yr4xh+2vePrI39CnuHmZl2TwwVJXwuG6ZdU6kFTyGsQz33HyFvH5wvvyaB80bACwgvKbrYgLVH979DQc=)
 
 </div>
 
-We can optionally declare emitted events using the <span class="options-api">[`emits`](/api/options-state.html#emits) option</span><span class="composition-api">[`defineEmits`](/api/sfc-script-setup.html#defineprops-defineemits) macro</span>:
+We can optionally declare emitted events using the <span class="options-api">[`emits`](/api/options-state#emits) option</span><span class="composition-api">[`defineEmits`](/api/sfc-script-setup#defineprops-defineemits) macro</span>:
 
 <div class="options-api">
 
@@ -418,19 +423,21 @@ defineEmits(['enlarge-text'])
 
 </div>
 
-This documents all the events that a component emits and optionally [validates them](/guide/components/events.html#events-validation). It also allows Vue to avoid implicitly applying them as native listeners to the child component's root element.
+This documents all the events that a component emits and optionally [validates them](/guide/components/events#events-validation). It also allows Vue to avoid implicitly applying them as native listeners to the child component's root element.
 
 <div class="composition-api">
 
-Similar to `defineProps`, `defineEmits` is also only usable in `<script setup>` and doesn't need to be imported. It returns an `emit` function that can be used to emit events in JavaScript code:
+Similar to `defineProps`, `defineEmits` is only usable in `<script setup>` and doesn't need to be imported. It returns an `emit` function that is equivalent to the `$emit` method. It can be used to emit events in the `<script setup>` section of a component, where `$emit` isn't directly accessible:
 
-```js
+```vue
+<script setup>
 const emit = defineEmits(['enlarge-text'])
 
 emit('enlarge-text')
+</script>
 ```
 
-See also: [Typing Component Emits](/guide/typescript/composition-api.html#typing-component-emits) <sup class="vt-badge ts" />
+See also: [Typing Component Emits](/guide/typescript/composition-api#typing-component-emits) <sup class="vt-badge ts" />
 
 If you are not using `<script setup>`, you can declare emitted events using the `emits` option. You can access the `emit` function as a property of the setup context (passed to `setup()` as the second argument):
 
@@ -447,7 +454,7 @@ export default {
 
 That's all you need to know about custom component events for now, but once you've finished reading this page and feel comfortable with its content, we recommend coming back later to read the full guide on [Custom Events](/guide/components/events).
 
-## Content Distribution with Slots
+## Content Distribution with Slots {#content-distribution-with-slots}
 
 Just like with HTML elements, it's often useful to be able to pass content to a component, like this:
 
@@ -465,10 +472,11 @@ Something bad happened.
 
 This can be achieved using Vue's custom `<slot>` element:
 
-```vue{4}
+```vue{5}
+<!-- AlertBox.vue -->
 <template>
   <div class="alert-box">
-    <strong>Error!</strong>
+    <strong>This is an Error for Demo Purposes</strong>
     <slot />
   </div>
 </template>
@@ -484,29 +492,29 @@ As you'll see above, we use the `<slot>` as a placeholder where we want the cont
 
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBBbGVydEJveCBmcm9tICcuL0FsZXJ0Qm94LnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHsgQWxlcnRCb3ggfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PEFsZXJ0Qm94PlxuICBcdFNvbWV0aGluZyBiYWQgaGFwcGVuZWQuXG5cdDwvQWxlcnRCb3g+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJBbGVydEJveC52dWUiOiI8dGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJhbGVydC1ib3hcIj5cbiAgICA8c3Ryb25nPkVycm9yITwvc3Ryb25nPlxuICAgIDxici8+XG4gICAgPHNsb3QgLz5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c3R5bGUgc2NvcGVkPlxuLmFsZXJ0LWJveCB7XG4gIGNvbG9yOiAjNjY2O1xuICBib3JkZXI6IDFweCBzb2xpZCByZWQ7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgcGFkZGluZzogMjBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjhmODtcbn1cbiAgXG5zdHJvbmcge1xuXHRjb2xvcjogcmVkOyAgICBcbn1cbjwvc3R5bGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpVUcFOwzAM/RUTDruwFhCaUCmThsQXcO0lbbKtIo0jx52Kpv07TreWouTynl+en52z2oWQnXqrClXGhtrA28q3XUBi2DlL/IED7Ak7WGX5RKQHq8oDVN4Oo9TYve4dwzmxDcp7bz3HAs5/LpfKyy3zuY0Atl1wmm1CXE5SQeLNX9hZPrb+ALU2cNQhWG9NNkrnLKIt89lGPahlyDTVogVAadoTNE7H+F4pnZTrGodKjUUpRyb0h+0nEdKdRL3CW7GmfNY5ZLiiMhfP/ynG0SL/OAuxwWCNMNncbVqSQyrgfrPZvCVcIxkrxFMYIKJrDZA1i8qatGl72ehLGEY6aGNkNwU8P96YWjffB8Lem/Xkvn9NR6qy+fRd14FSgopvmtQmzTT9Toq9VZdfIpa5jQ==)
 
 </div>
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBBbGVydEJveCBmcm9tICcuL0FsZXJ0Qm94LnZ1ZSdcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxBbGVydEJveD5cbiAgXHRTb21ldGhpbmcgYmFkIGhhcHBlbmVkLlxuXHQ8L0FsZXJ0Qm94PlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiQWxlcnRCb3gudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiYWxlcnQtYm94XCI+XG4gICAgPHN0cm9uZz5FcnJvciE8L3N0cm9uZz5cbiAgICA8YnIvPlxuICAgIDxzbG90IC8+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlIHNjb3BlZD5cbi5hbGVydC1ib3gge1xuICBjb2xvcjogIzY2NjtcbiAgYm9yZGVyOiAxcHggc29saWQgcmVkO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHBhZGRpbmc6IDIwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmOGY4Zjg7XG59XG4gIFxuc3Ryb25nIHtcblx0Y29sb3I6IHJlZDsgICAgXG59XG48L3N0eWxlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNpVUEtOwzAQvcpgFt3QBBCqUAiRisQJ2GbjxG4a4Xis8aQKqnp37PyUyqv3mZn3fBVH55JLr0Umcl9T6xi85t4VpW07h8RwNJr4Cwc4EXawS9KFiGO70ubpNBcmAmDdOSNZR8T5Yg0IoOQf7DSfW9tAJRWcpXPaapWM1nVt8ObpukY8ie29GHNzAiBX7QVqI73/LIWMzn2FQylGMcieCW1TfBMhPYSoE5zFitLVZ5BhQnkadt6nGKt5/jMafI1Oq8Ak6zW4xrEaDVIGj4fD4SPiCknpQLy4ATyaVgFptVH2JFXb+wze3DDSTioV/iaD1+eZqWT92xD2Vu2X7af3+IJ6G7/UToVigpJnTzwTO42eWDnELsTtH/wUqH4=)
 
 </div>
 
 That's all you need to know about slots for now, but once you've finished reading this page and feel comfortable with its content, we recommend coming back later to read the full guide on [Slots](/guide/components/slots).
 
-## Dynamic Components
+## Dynamic Components {#dynamic-components}
 
 Sometimes, it's useful to dynamically switch between components, like in a tabbed interface:
 
 <div class="options-api">
 
-[Open example in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBIb21lIGZyb20gJy4vSG9tZS52dWUnXG5pbXBvcnQgUG9zdHMgZnJvbSAnLi9Qb3N0cy52dWUnXG5pbXBvcnQgQXJjaGl2ZSBmcm9tICcuL0FyY2hpdmUudnVlJ1xuICBcbmV4cG9ydCBkZWZhdWx0IHtcbiAgY29tcG9uZW50czoge1xuICAgIEhvbWUsXG4gICAgUG9zdHMsXG4gICAgQXJjaGl2ZVxuICB9LFxuICBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICBjdXJyZW50VGFiOiAnSG9tZScsXG4gICAgICB0YWJzOiBbJ0hvbWUnLCAnUG9zdHMnLCAnQXJjaGl2ZSddXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiZGVtb1wiPlxuICAgIDxidXR0b25cbiAgICAgICB2LWZvcj1cInRhYiBpbiB0YWJzXCJcbiAgICAgICA6a2V5PVwidGFiXCJcbiAgICAgICA6Y2xhc3M9XCJbJ3RhYi1idXR0b24nLCB7IGFjdGl2ZTogY3VycmVudFRhYiA9PT0gdGFiIH1dXCJcbiAgICAgICBAY2xpY2s9XCJjdXJyZW50VGFiID0gdGFiXCJcbiAgICAgPlxuICAgICAge3sgdGFiIH19XG4gICAgPC9idXR0b24+XG5cdCAgPGNvbXBvbmVudCA6aXM9XCJjdXJyZW50VGFiXCIgY2xhc3M9XCJ0YWJcIj48L2NvbXBvbmVudD5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uZGVtbyB7XG4gIGZvbnQtZmFtaWx5OiBzYW5zLXNlcmlmO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWVlO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIHBhZGRpbmc6IDIwcHggMzBweDtcbiAgbWFyZ2luLXRvcDogMWVtO1xuICBtYXJnaW4tYm90dG9tOiA0MHB4O1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgb3ZlcmZsb3cteDogYXV0bztcbn1cblxuLnRhYi1idXR0b24ge1xuICBwYWRkaW5nOiA2cHggMTBweDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogM3B4O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogM3B4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQ6ICNmMGYwZjA7XG4gIG1hcmdpbi1ib3R0b206IC0xcHg7XG4gIG1hcmdpbi1yaWdodDogLTFweDtcbn1cbi50YWItYnV0dG9uOmhvdmVyIHtcbiAgYmFja2dyb3VuZDogI2UwZTBlMDtcbn1cbi50YWItYnV0dG9uLmFjdGl2ZSB7XG4gIGJhY2tncm91bmQ6ICNlMGUwZTA7XG59XG4udGFiIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgcGFkZGluZzogMTBweDtcbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkhvbWUudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwidGFiXCI+XG4gICAgSG9tZSBjb21wb25lbnRcbiAgPC9kaXY+XG48L3RlbXBsYXRlPiIsIlBvc3RzLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInRhYlwiPlxuICAgIFBvc3RzIGNvbXBvbmVudFxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+IiwiQXJjaGl2ZS52dWUiOiI8dGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJ0YWJcIj5cbiAgICBBcmNoaXZlIGNvbXBvbmVudFxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+In0=)
+[Open example in the Playground](https://play.vuejs.org/#eNqNVE2PmzAQ/Ssj9kArLSHbrXpwk1X31mMPvS17cIxJrICNbJMmivLfO/7AEG2jRiDkefP85sNmztlr3y8OA89ItjJMi96+VFJ0vdIWfqqOQ6NVB/midIYj5sn9Sxlrkt9b14RXzXbiMElEO5IAKsmPnljzhg6thbNDmcLdkktrSADAJ/IYlj5MXEc9Z1w8VFNLP30ed2luBy1HC4UHrVH2N90QyJ1kHnUALN1gtLeIQu6juEUMkb8H5sXHqiS+qzK1Cw3Lu76llqMFsKrFAVhLjVlXWc07VWUeR89msFbhhhAWDkWjNJIwPgjp06iy5CV7fgrOOTgKv+XoKIIgpnoGyiymSmZ1wnq9dqJweZ8p/GCtYHtUmBMdLXFitgDnc9ju68b0yxDO1WzRTEcFRLiUJsEqSw3wwi+rMpFDj0psEq5W5ax1aBp7at1y4foWzq5R0hYN7UR7ImCoNIXhWjTfnW+jdM01gaf+CEa1ooYHzvnMVWhaiwEP90t/9HBP61rILQJL3POMHw93VG+FLKzqUYx3c2yjsOaOwNeRO2B8zKHlzBKQWJNH1YHrplV/iiMBOliFILYNK5mOKdSTMviGCTyNojFdTKBoeWNT3s8f/Vpsd7cIV61gjHkXnotR6OqVkJbrQKdsv9VqkDWBh2bpnn8VXaDcHPexE4wFzsojO9eDUOSVPF+65wN/EW7sHRsi5XaFqaexn+EH9Xcpe8zG2eWG3O0/NVzUaeJMk+jGhUXlNPXulw5j8w7t2bi8X32cuf/Vv/wF/SL98A==)
 
 </div>
 <div class="composition-api">
 
-[Open example in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBIb21lIGZyb20gJy4vSG9tZS52dWUnXG5pbXBvcnQgUG9zdHMgZnJvbSAnLi9Qb3N0cy52dWUnXG5pbXBvcnQgQXJjaGl2ZSBmcm9tICcuL0FyY2hpdmUudnVlJ1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAndnVlJ1xuIFxuY29uc3QgY3VycmVudFRhYiA9IHJlZignSG9tZScpXG5cbmNvbnN0IHRhYnMgPSB7XG4gIEhvbWUsXG4gIFBvc3RzLFxuICBBcmNoaXZlXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiZGVtb1wiPlxuICAgIDxidXR0b25cbiAgICAgICB2LWZvcj1cIihfLCB0YWIpIGluIHRhYnNcIlxuICAgICAgIDprZXk9XCJ0YWJcIlxuICAgICAgIDpjbGFzcz1cIlsndGFiLWJ1dHRvbicsIHsgYWN0aXZlOiBjdXJyZW50VGFiID09PSB0YWIgfV1cIlxuICAgICAgIEBjbGljaz1cImN1cnJlbnRUYWIgPSB0YWJcIlxuICAgICA+XG4gICAgICB7eyB0YWIgfX1cbiAgICA8L2J1dHRvbj5cblx0ICA8Y29tcG9uZW50IDppcz1cInRhYnNbY3VycmVudFRhYl1cIiBjbGFzcz1cInRhYlwiPjwvY29tcG9uZW50PlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZT5cbi5kZW1vIHtcbiAgZm9udC1mYW1pbHk6IHNhbnMtc2VyaWY7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlZWU7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgcGFkZGluZzogMjBweCAzMHB4O1xuICBtYXJnaW4tdG9wOiAxZW07XG4gIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBvdmVyZmxvdy14OiBhdXRvO1xufVxuXG4udGFiLWJ1dHRvbiB7XG4gIHBhZGRpbmc6IDZweCAxMHB4O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAzcHg7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAzcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZDogI2YwZjBmMDtcbiAgbWFyZ2luLWJvdHRvbTogLTFweDtcbiAgbWFyZ2luLXJpZ2h0OiAtMXB4O1xufVxuLnRhYi1idXR0b246aG92ZXIge1xuICBiYWNrZ3JvdW5kOiAjZTBlMGUwO1xufVxuLnRhYi1idXR0b24uYWN0aXZlIHtcbiAgYmFja2dyb3VuZDogI2UwZTBlMDtcbn1cbi50YWIge1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICBwYWRkaW5nOiAxMHB4O1xufVxuPC9zdHlsZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiSG9tZS52dWUiOiI8dGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJ0YWJcIj5cbiAgICBIb21lIGNvbXBvbmVudFxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+IiwiUG9zdHMudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwidGFiXCI+XG4gICAgUG9zdHMgY29tcG9uZW50XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT4iLCJBcmNoaXZlLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInRhYlwiPlxuICAgIEFyY2hpdmUgY29tcG9uZW50XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT4ifQ==)
+[Open example in the Playground](https://play.vuejs.org/#eNqNVMGOmzAQ/ZURe2BXCiHbrXpwk1X31mMPvS1V5RiTWAEb2SZNhPLvHdvggLZRE6TIM/P8/N5gpk/e2nZ57HhCkrVhWrQWDLdd+1pI0bRKW/iuGg6VVg2ky9wFDp7G8g9lrIl1H80Bb5rtxfFKMcRzUA+aV3AZQKEEhWRKGgus05pL+5NuYeNwj6mTkT4VckRYujVY63GT17twC6/Fr4YjC3kp5DoPNtEgBpY3bU0txwhgXYojsJoasymSkjeqSHweK9vOWoUbXIC/Y1YpjaDH3wt39hMI6TUUSYSQAz8jArPT5Mj+nmIhC6zpAu1TZlEhmXndbBwpXH5NGL6xWrADMsyaMj1lkAzQ92E7mvYe8nCcM24xZApbL5ECiHCSnP73KyseGnvh6V/XedwS2pVjv3C1ziddxNDYc+2WS9fC8E4qJW1W0UbUZwKGSpMZrkX11dW2SpdcE3huT2BULUp44JxPSpmmpegMgU/tyadbWpZC7jCxwj0v+OfTDdU7ITOrWiTjzTS3Vei8IfB5xHZ4PmqoObMEJHryWXXkuqrVn+xEgHZWYRKbh06uLyv4iQq+oIDnkXSQiwKymlc26n75WNdit78FmLWCMeZL+GKMwlKrhLRcBzhlh51WnSwJPFQr9/zLdIZ007w/O6bR4MQe2bseBJMzer5yzwf8MtzbOzYMkNsOY0+HfoZv1d+lZJGMg8fNqdsfbbio4b77uRVv7I0Li8xxZN1PHWbeHdyTWXc/+zgw/8t/+QsROe9h)
 
 </div>
 
@@ -536,9 +544,9 @@ In the example above, the value passed to `:is` can contain either:
 
 You can also use the `is` attribute to create regular HTML elements.
 
-When switching between multiple components with `<component :is="...">`, a component will be unmounted when it is switched away from. We can force the inactive components to stay "alive" with the built-in [`<KeepAlive>` component](/guide/built-ins/keep-alive.html).
+When switching between multiple components with `<component :is="...">`, a component will be unmounted when it is switched away from. We can force the inactive components to stay "alive" with the built-in [`<KeepAlive>` component](/guide/built-ins/keep-alive).
 
-## DOM Template Parsing Caveats
+## in-DOM Template Parsing Caveats {#in-dom-template-parsing-caveats}
 
 If you are writing your Vue templates directly in the DOM, Vue will have to retrieve the template string from the DOM. This leads to some caveats due to browsers' native HTML parsing behavior.
 
@@ -550,7 +558,7 @@ It should be noted that the limitations discussed below only apply if you are wr
 - `<script type="text/x-template">`
   :::
 
-### Case Insensitivity
+### Case Insensitivity {#case-insensitivity}
 
 HTML tags and attribute names are case-insensitive, so browsers will interpret any uppercase characters as lowercase. That means when you’re using in-DOM templates, PascalCase component names and camelCased prop names or `v-on` event names all need to use their kebab-cased (hyphen-delimited) equivalents:
 
@@ -558,7 +566,7 @@ HTML tags and attribute names are case-insensitive, so browsers will interpret a
 // camelCase in JavaScript
 const BlogPost = {
   props: ['postTitle'],
-  emits: ['updatePost']
+  emits: ['updatePost'],
   template: `
     <h3>{{ postTitle }}</h3>
   `
@@ -570,7 +578,7 @@ const BlogPost = {
 <blog-post post-title="hello!" @update-post="onUpdatePost"></blog-post>
 ```
 
-### Self Closing Tags
+### Self Closing Tags {#self-closing-tags}
 
 We have been using self-closing tags for components in previous code samples:
 
@@ -580,7 +588,7 @@ We have been using self-closing tags for components in previous code samples:
 
 This is because Vue's template parser respects `/>` as an indication to end any tag, regardless of its type.
 
-In DOM templates, however, we must always include explicit closing tags:
+In in-DOM templates, however, we must always include explicit closing tags:
 
 ```vue-html
 <my-component></my-component>
@@ -601,7 +609,7 @@ will be parsed as:
 </my-component> <!-- but the browser will close it here. -->
 ```
 
-### Element Placement Restrictions
+### Element Placement Restrictions {#element-placement-restrictions}
 
 Some HTML elements, such as `<ul>`, `<ol>`, `<table>` and `<select>` have restrictions on what elements can appear inside them, and some elements such as `<li>`, `<tr>`, and `<option>` can only appear inside certain other elements.
 
@@ -613,7 +621,7 @@ This will lead to issues when using components with elements that have such rest
 </table>
 ```
 
-The custom component `<blog-post-row>` will be hoisted out as invalid content, causing errors in the eventual rendered output. We can use the special [`is` attribute](/api/built-in-special-attributes.html#is) as a workaround:
+The custom component `<blog-post-row>` will be hoisted out as invalid content, causing errors in the eventual rendered output. We can use the special [`is` attribute](/api/built-in-special-attributes#is) as a workaround:
 
 ```vue-html
 <table>
@@ -625,6 +633,6 @@ The custom component `<blog-post-row>` will be hoisted out as invalid content, c
 When used on native HTML elements, the value of `is` must be prefixed with `vue:` in order to be interpreted as a Vue component. This is required to avoid confusion with native [customized built-in elements](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-customized-builtin-example).
 :::
 
-That's all you need to know about DOM template parsing caveats for now - and actually, the end of Vue's _Essentials_. Congratulations! There's still more to learn, but first, we recommend taking a break to play with Vue yourself - build something fun, or check out some of the [Examples](/examples/) if you haven't already.
+That's all you need to know about in-DOM template parsing caveats for now - and actually, the end of Vue's _Essentials_. Congratulations! There's still more to learn, but first, we recommend taking a break to play with Vue yourself - build something fun, or check out some of the [Examples](/examples/) if you haven't already.
 
 Once you feel comfortable with the knowledge you've just digested, move on with the guide to learn more about components in depth.
diff --git a/src/guide/essentials/computed.md b/src/guide/essentials/computed.md
index e4cab179ea..47a46da76c 100644
--- a/src/guide/essentials/computed.md
+++ b/src/guide/essentials/computed.md
@@ -1,4 +1,4 @@
-# Computed Properties
+# Computed Properties {#computed-properties}
 
 <div class="options-api">
   <VueSchoolLink href="https://vueschool.io/lessons/computed-properties-in-vue-3" title="Free Vue.js Computed Properties Lesson"/>
@@ -8,7 +8,7 @@
   <VueSchoolLink href="https://vueschool.io/lessons/vue-fundamentals-capi-computed-properties-in-vue-with-the-composition-api" title="Free Vue.js Computed Properties Lesson"/>
 </div>
 
-## Basic Example
+## Basic Example {#basic-example}
 
 In-template expressions are very convenient, but they are meant for simple operations. Putting too much logic in your templates can make them bloated and hard to maintain. For example, if we have an object with a nested array:
 
@@ -89,7 +89,7 @@ export default {
 <span>{{ publishedBooksMessage }}</span>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgYXV0aG9yOiB7XG4gICAgICAgIG5hbWU6ICdKb2huIERvZScsXG4gICAgICAgIGJvb2tzOiBbXG4gICAgICAgICAgJ1Z1ZSAyIC0gQWR2YW5jZWQgR3VpZGUnLFxuICAgICAgICAgICdWdWUgMyAtIEJhc2ljIEd1aWRlJyxcbiAgICAgICAgICAnVnVlIDQgLSBUaGUgTXlzdGVyeSdcbiAgICAgICAgXVxuICAgICAgfVxuICAgIH1cbiAgfSxcbiAgY29tcHV0ZWQ6IHtcbiAgICBwdWJsaXNoZWRCb29rc01lc3NhZ2UoKSB7XG4gICAgICByZXR1cm4gdGhpcy5hdXRob3IuYm9va3MubGVuZ3RoID4gMCA/ICdZZXMnIDogJ05vJ1xuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPHA+SGFzIHB1Ymxpc2hlZCBib29rczo8L3A+XG4gIDxzcGFuPnt7IGF1dGhvci5ib29rcy5sZW5ndGggPiAwID8gJ1llcycgOiAnTm8nIH19PC9zcGFuPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqFkN1KxDAQhV/l0JsqaFfUq1IquwiKsF6JINaLbDNui20S8rO4lL676c82eCFCIDOZMzkzXxetlUoOjqI0ykypa2XzQtC3ktqC0ydzjUVXCIAzy87OpxjQZJ0WpwxgzlZSp+EBEKylFPGTrATuJcUXobST8sukeA8vQPzqCNe4xJofmCiJ48HV/FfbLLrxog0zdfmn4tYrXirC9mgs6WMcBB+nsJ+C8erHH0rZKmeJL0sot2tqUxHfDONuyRi2p4BggWCr2iQTgGTcLGlI7G2FHFe4Q/xGJoYn8SznQSbTQviTrRboPrHUqoZZ8hmQqfyRmTDFTC1bqalsFBN5183o/3NG33uvoWUwXYyi/gdTEpwK)
 
 Here we have declared a computed property `publishedBooksMessage`.
 
@@ -97,7 +97,7 @@ Try to change the value of the `books` array in the application `data` and you w
 
 You can data-bind to computed properties in templates just like a normal property. Vue is aware that `this.publishedBooksMessage` depends on `this.author.books`, so it will update any bindings that depend on `this.publishedBooksMessage` when `this.author.books` changes.
 
-See also: [Typing Computed Properties](/guide/typescript/options-api.html#typing-computed-properties) <sup class="vt-badge ts" />
+See also: [Typing Computed Properties](/guide/typescript/options-api#typing-computed-properties) <sup class="vt-badge ts" />
 
 </div>
 
@@ -128,17 +128,17 @@ const publishedBooksMessage = computed(() => {
 </template>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlYWN0aXZlLCBjb21wdXRlZCB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgYXV0aG9yID0gcmVhY3RpdmUoe1xuICBuYW1lOiAnSm9obiBEb2UnLFxuICBib29rczogW1xuICAgICdWdWUgMiAtIEFkdmFuY2VkIEd1aWRlJyxcbiAgICAnVnVlIDMgLSBCYXNpYyBHdWlkZScsXG4gICAgJ1Z1ZSA0IC0gVGhlIE15c3RlcnknXG4gIF1cbn0pXG5cbi8vIGEgY29tcHV0ZWQgcmVmXG5jb25zdCBwdWJsaXNoZWRCb29rc01lc3NhZ2UgPSBjb21wdXRlZCgoKSA9PiB7XG4gIHJldHVybiBhdXRob3IuYm9va3MubGVuZ3RoID4gMCA/ICdZZXMnIDogJ05vJ1xufSlcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxwPkhhcyBwdWJsaXNoZWQgYm9va3M6PC9wPlxuICA8c3Bhbj57eyBwdWJsaXNoZWRCb29rc01lc3NhZ2UgfX08L3NwYW4+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNp1kE9Lw0AQxb/KI5dtoTainkoaaREUoZ5EEONhm0ybYLO77J9CCfnuzta0vdjbzr6Zeb95XbIwZroPlMySzJW2MR6OfDB5oZrWaOvRwZIsfbOnCUrdmuCpQo+N1S0ET4pCFarUynnI4GttMT9PjLpCAUq2NIN41bXCkyYxiZ9rrX/cDF/xDYiPQLjDDRbVXqqSHZ5DUw2tg3zP8lK6pvxHe2DtvSasDs6TPTAT8F2ofhzh0hTygm5pc+I1Yb1rXE3VMsKsyDm5JcY/9Y5GY8xzHI+wnIpVw4nTI/10R2rra+S4xSPEJzkBvvNNs310ztK/RDlLLjy1Zic9cQVkJn+R7gIwxJGlMXiWnZEq77orhH3Pq2NH9DjvTfpfSBSbmA==)
 
-Here we have declared a computed property `publishedBooksMessage`. The `computed()` function expects to be passed a getter function, and the returned value is a **computed ref**. Similar to normal refs, you can access the computed result as `publishedBooksMessage.value`. Computed refs are also auto-unwrapped in templates so you can reference them without `.value` in template expressions.
+Here we have declared a computed property `publishedBooksMessage`. The `computed()` function expects to be passed a [getter function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description), and the returned value is a **computed ref**. Similar to normal refs, you can access the computed result as `publishedBooksMessage.value`. Computed refs are also auto-unwrapped in templates so you can reference them without `.value` in template expressions.
 
 A computed property automatically tracks its reactive dependencies. Vue is aware that the computation of `publishedBooksMessage` depends on `author.books`, so it will update any bindings that depend on `publishedBooksMessage` when `author.books` changes.
 
-See also: [Typing Computed](/guide/typescript/composition-api.html#typing-computed) <sup class="vt-badge ts" />
+See also: [Typing Computed](/guide/typescript/composition-api#typing-computed) <sup class="vt-badge ts" />
 
 </div>
 
-## Computed Caching vs Methods
+## Computed Caching vs. Methods {#computed-caching-vs-methods}
 
 You may have noticed we can achieve the same result by invoking a method in the expression:
 
@@ -198,7 +198,7 @@ In comparison, a method invocation will **always** run the function whenever a r
 
 Why do we need caching? Imagine we have an expensive computed property `list`, which requires looping through a huge array and doing a lot of computations. Then we may have other computed properties that in turn depend on `list`. Without caching, we would be executing `list`’s getter many more times than necessary! In cases where you do not want caching, use a method call instead.
 
-## Writable Computed
+## Writable Computed {#writable-computed}
 
 Computed properties are by default getter-only. If you attempt to assign a new value to a computed property, you will receive a runtime warning. In the rare cases where you need a "writable" computed property, you can create one by providing both a getter and a setter:
 
@@ -259,12 +259,128 @@ Now when you run `fullName.value = 'John Doe'`, the setter will be invoked and `
 
 </div>
 
-## Best Practices
+## Getting the Previous Value {#previous}
 
-### Getters should be side-effect free
+- Only supported in 3.4+
 
-It is important to remember that computed getter functions should only perform pure computation and be free of side effects. For example, don't make async requests or mutate the DOM inside a computed getter! Think of a computed property as declaratively describing how to derive a value based on other values - its only responsibility should be computing and returning that value. Later in the guide we will discuss how we can perform side effects in reaction to state changes with [watchers](./watchers).
+<p class="options-api">
+In case you need it, you can get the previous value returned by the computed property accessing
+the second argument of the getter:
+</p>
 
-### Avoid mutating computed value
+<p class="composition-api">
+In case you need it, you can get the previous value returned by the computed property accessing
+the first argument of the getter:
+</p>
+
+<div class="options-api">
+
+```js
+export default {
+  data() {
+    return {
+      count: 2
+    }
+  },
+  computed: {
+    // This computed will return the value of count when it's less or equal to 3.
+    // When count is >=4, the last value that fulfilled our condition will be returned
+    // instead until count is less or equal to 3
+    alwaysSmall(_, previous) {
+      if (this.count <= 3) {
+        return this.count
+      }
+
+      return previous
+    }
+  }
+}
+```
+</div>
+
+<div class="composition-api">
+
+```vue
+<script setup>
+import { ref, computed } from 'vue'
+
+const count = ref(2)
+
+// This computed will return the value of count when it's less or equal to 3.
+// When count is >=4, the last value that fulfilled our condition will be returned
+// instead until count is less or equal to 3
+const alwaysSmall = computed((previous) => {
+  if (count.value <= 3) {
+    return count.value
+  }
+
+  return previous
+})
+</script>
+```
+</div>
+
+In case you're using a writable computed:
+
+<div class="options-api">
+
+```js
+export default {
+  data() {
+    return {
+      count: 2
+    }
+  },
+  computed: {
+    alwaysSmall: {
+      get(_, previous) {
+        if (this.count <= 3) {
+          return this.count
+        }
+
+        return previous;
+      },
+      set(newValue) {
+        this.count = newValue * 2
+      }
+    }
+  }
+}
+```
+
+</div>
+<div class="composition-api">
+
+```vue
+<script setup>
+import { ref, computed } from 'vue'
+
+const count = ref(2)
+
+const alwaysSmall = computed({
+  get(previous) {
+    if (count.value <= 3) {
+      return count.value
+    }
+
+    return previous
+  },
+  set(newValue) {
+    count.value = newValue * 2
+  }
+})
+</script>
+```
+
+</div>
+
+
+## Best Practices {#best-practices}
+
+### Getters should be side-effect free {#getters-should-be-side-effect-free}
+
+It is important to remember that computed getter functions should only perform pure computation and be free of side effects. For example, **don't mutate other state, make async requests, or mutate the DOM inside a computed getter!** Think of a computed property as declaratively describing how to derive a value based on other values - its only responsibility should be computing and returning that value. Later in the guide we will discuss how we can perform side effects in reaction to state changes with [watchers](./watchers).
+
+### Avoid mutating computed value {#avoid-mutating-computed-value}
 
 The returned value from a computed property is derived state. Think of it as a temporary snapshot - every time the source state changes, a new snapshot is created. It does not make sense to mutate a snapshot, so a computed return value should be treated as read-only and never be mutated - instead, update the source state it depends on to trigger new computations.
diff --git a/src/guide/essentials/conditional.md b/src/guide/essentials/conditional.md
index 729fc91166..a1b507a6a7 100644
--- a/src/guide/essentials/conditional.md
+++ b/src/guide/essentials/conditional.md
@@ -1,4 +1,4 @@
-# Conditional Rendering
+# Conditional Rendering {#conditional-rendering}
 
 <div class="options-api">
   <VueSchoolLink href="https://vueschool.io/lessons/conditional-rendering-in-vue-3" title="Free Vue.js Conditional Rendering Lesson"/>
@@ -13,7 +13,7 @@ import { ref } from 'vue'
 const awesome = ref(true)
 </script>
 
-## `v-if`
+## `v-if` {#v-if}
 
 The directive `v-if` is used to conditionally render a block. The block will only be rendered if the directive's expression returns a truthy value.
 
@@ -21,7 +21,7 @@ The directive `v-if` is used to conditionally render a block. The block will onl
 <h1 v-if="awesome">Vue is awesome!</h1>
 ```
 
-## `v-else`
+## `v-else` {#v-else}
 
 You can use the `v-else` directive to indicate an "else block" for `v-if`:
 
@@ -40,18 +40,18 @@ You can use the `v-else` directive to indicate an "else block" for `v-if`:
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgYXdlc29tZSA9IHJlZih0cnVlKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiBAY2xpY2s9XCJhd2Vzb21lID0gIWF3ZXNvbWVcIj50b2dnbGU8L2J1dHRvbj5cblxuXHQ8aDEgdi1pZj1cImF3ZXNvbWVcIj5WdWUgaXMgYXdlc29tZSE8L2gxPlxuXHQ8aDEgdi1lbHNlPk9oIG5vIPCfmKI8L2gxPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpFjkEOgjAQRa8ydIMulLA1hegJ3LnqBskAjdA27RQXhHu4M/GEHsEiKLv5mfdf/sBOxux7j+zAuCutNAQOyZtcKNkZbQkGsFjBCJXVHcQBjYUSqtTKERR3dLpDyCZmQ9bjViiezKKgCIGwM21BGBIAv3oireBYtrK8ZYKtgmg5BctJ13WLPJnhr0YQb1Lod7JaS4G8eATpfjMinjTphC8wtg7zcwNKw/v5eC1fnvwnsfEDwaha7w==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgXHRyZXR1cm4ge1xuXHQgICAgYXdlc29tZTogdHJ1ZVxuICBcdH1cblx0fVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGJ1dHRvbiBAY2xpY2s9XCJhd2Vzb21lID0gIWF3ZXNvbWVcIj50b2dnbGU8L2J1dHRvbj5cblxuXHQ8aDEgdi1pZj1cImF3ZXNvbWVcIj5WdWUgaXMgYXdlc29tZSE8L2gxPlxuXHQ8aDEgdi1lbHNlPk9oIG5vIPCfmKI8L2gxPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpFjj0OwjAMha9iMsEAFWuVVnACNqYsoXV/RJpEqVOQqt6DDYkTcgRSWoplWX7y56fXs6O1u84jixlvM1dbSoXGuzWOIMdCekXQCw2QS5LrzbQLckje6VEJglDyhq1pMAZyHidkGG9hhObRYh0EYWOVJAwKgF88kdFwyFSdXRPBZidIYDWvgqVkylIhjyb4ayOIV3votnXxfwrk2SPU7S/PikfVfsRnGFWL6akCbeD9fLzmK4+WSGz4AA5dYQY=)
 
 </div>
 
 A `v-else` element must immediately follow a `v-if` or a `v-else-if` element - otherwise it will not be recognized.
 
-## `v-else-if`
+## `v-else-if` {#v-else-if}
 
 The `v-else-if`, as the name suggests, serves as an "else if block" for `v-if`. It can also be chained multiple times:
 
@@ -72,7 +72,7 @@ The `v-else-if`, as the name suggests, serves as an "else if block" for `v-if`.
 
 Similar to `v-else`, a `v-else-if` element must immediately follow a `v-if` or a `v-else-if` element.
 
-## `v-if` on `<template>`
+## `v-if` on `<template>` {#v-if-on-template}
 
 Because `v-if` is a directive, it has to be attached to a single element. But what if we want to toggle more than one element? In this case we can use `v-if` on a `<template>` element, which serves as an invisible wrapper. The final rendered result will not include the `<template>` element.
 
@@ -86,7 +86,7 @@ Because `v-if` is a directive, it has to be attached to a single element. But wh
 
 `v-else` and `v-else-if` can also be used on `<template>`.
 
-## `v-show`
+## `v-show` {#v-show}
 
 Another option for conditionally displaying an element is the `v-show` directive. The usage is largely the same:
 
@@ -98,7 +98,7 @@ The difference is that an element with `v-show` will always be rendered and rema
 
 `v-show` doesn't support the `<template>` element, nor does it work with `v-else`.
 
-## `v-if` vs `v-show`
+## `v-if` vs. `v-show` {#v-if-vs-v-show}
 
 `v-if` is "real" conditional rendering because it ensures that event listeners and child components inside the conditional block are properly destroyed and re-created during toggles.
 
@@ -108,10 +108,10 @@ In comparison, `v-show` is much simpler - the element is always rendered regardl
 
 Generally speaking, `v-if` has higher toggle costs while `v-show` has higher initial render costs. So prefer `v-show` if you need to toggle something very often, and prefer `v-if` if the condition is unlikely to change at runtime.
 
-## `v-if` with `v-for`
+## `v-if` with `v-for` {#v-if-with-v-for}
+
+When `v-if` and `v-for` are both used on the same element, `v-if` will be evaluated first. See the [list rendering guide](list#v-for-with-v-if) for details.
 
 ::: warning Note
-It's **not** recommended to use `v-if` and `v-for` on the same element due to implicit precedence. Refer to [style guide](/style-guide/rules-essential.html#avoid-v-if-with-v-for) for details.
+It's **not** recommended to use `v-if` and `v-for` on the same element due to implicit precedence. Refer to [list rendering guide](list#v-for-with-v-if) for details.
 :::
-
-When `v-if` and `v-for` are both used on the same element, `v-if` will be evaluated first. See the [list rendering guide](list#v-for-with-v-if) for details.
diff --git a/src/guide/essentials/event-handling.md b/src/guide/essentials/event-handling.md
index edaf82e495..6d05e77fc9 100644
--- a/src/guide/essentials/event-handling.md
+++ b/src/guide/essentials/event-handling.md
@@ -1,10 +1,14 @@
-# Event Handling
+# Event Handling {#event-handling}
 
 <div class="options-api">
   <VueSchoolLink href="https://vueschool.io/lessons/user-events-in-vue-3" title="Free Vue.js Events Lesson"/>
 </div>
 
-## Listening to Events
+<div class="composition-api">
+  <VueSchoolLink href="https://vueschool.io/lessons/vue-fundamentals-capi-user-events-in-vue-3" title="Free Vue.js Events Lesson"/>
+</div>
+
+## Listening to Events {#listening-to-events}
 
 We can use the `v-on` directive, which we typically shorten to the `@` symbol, to listen to DOM events and run some JavaScript when they're triggered. The usage would be `v-on:click="handler"` or with the shortcut, `@click="handler"`.
 
@@ -14,7 +18,7 @@ The handler value can be one of the following:
 
 2. **Method handlers:** A property name or path that points to a method defined on the component.
 
-## Inline Handlers
+## Inline Handlers {#inline-handlers}
 
 Inline handlers are typically used in simple cases, for example:
 
@@ -44,16 +48,16 @@ data() {
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgY291bnRlciA9IHJlZigwKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJjb3VudGVyKytcIj5BZGQgMTwvYnV0dG9uPlxuXHQ8cD5UaGUgYnV0dG9uIGFib3ZlIGhhcyBiZWVuIGNsaWNrZWQge3sgY291bnRlciB9fSB0aW1lcy48L3A+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNo9jssKgzAURH/lko0tgrbbEqX+Q5fZaLxiqHmQ3LgJ+fdqFZcD58xMYp1z1RqRvRgP0itHEJCia4VR2llPkMDjBBkmbzUUG1oII4y0JhBIGw2hh2Znbo+7MLw+WjZ/C4TaLT3hnogPkcgaeMtFyW8j2GmXpWBtN47w5PWBHLhrPzPCKfWDXRHmPsCAaOBfgSOkdH3IGUhpDBWv9/e8vsZZ/gFFhFJN)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcblx0ICByZXR1cm4ge1xuICAgIFx0Y291bnRlcjogMFxuICBcdH1cblx0fVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJjb3VudGVyKytcIj5BZGQgMTwvYnV0dG9uPlxuXHQ8cD5UaGUgYnV0dG9uIGFib3ZlIGhhcyBiZWVuIGNsaWNrZWQge3sgY291bnRlciB9fSB0aW1lcy48L3A+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNo9jcEKgzAQRH9lyKlF0PYqqdR/6DGXaLYo1RjiRgrivzepIizLzu7sm1XUzuVLIFEKObe+d1wpS183eYahtw4DY1UWMJr15ZpmxYAnDt7uF0BxOwXL5Evc0kbxlmyxxZLFyY2CaXSDZkqKZROYJ4tnO/Tt56HEgckyJaraGNxlsVt2u6teHeF40s20EDo9oyGy+CPIYF1xULBt4H6kOZeFiwBZnOFi+wH0B1hk)
 
 </div>
 
-## Method Handlers
+## Method Handlers {#method-handlers}
 
 The logic for many event handlers will be more complex though, and likely isn't feasible with inline handlers. That's why `v-on` can also accept the name or path of a component method you'd like to call.
 
@@ -103,33 +107,33 @@ methods: {
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgbmFtZSA9IHJlZignVnVlLmpzJylcblxuZnVuY3Rpb24gZ3JlZXQoZXZlbnQpIHtcbiAgYWxlcnQoYEhlbGxvICR7bmFtZS52YWx1ZX0hYClcbiAgLy8gYGV2ZW50YCBpcyB0aGUgbmF0aXZlIERPTSBldmVudFxuICBpZiAoZXZlbnQpIHtcbiAgICBhbGVydChldmVudC50YXJnZXQudGFnTmFtZSlcbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJncmVldFwiPkdyZWV0PC9idXR0b24+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNpVj0FLxDAQhf/KMwjtXtq7dBcFQS/qzVMOrWFao2kSkkkvpf/dJIuCEBgm771vZnbx4H23JRJ3YogqaM+IxMlfpNWrd4GxI9CMA3NwK5psbaSVVjkbGXZaCediaJv3RN1XbE5FnZNVrJ3FEoi4pY0sn7BLC0yGArfjMxnjcLsXQrdNJtFxM+Ys0PcYa2CEjuBPylNYb4THtxdUobj0jH/YX3D963gKC5WyvGZ+xR7S5jf01yPzeblhWr2ZmErHw0dizivfK6PV91mKursUl6dSh/4qZ+vQ/+XE8QODonDi)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbmFtZTogJ1Z1ZS5qcydcbiAgICB9XG4gIH0sXG4gIG1ldGhvZHM6IHtcbiAgICBncmVldChldmVudCkge1xuICAgICAgLy8gYHRoaXNgIGluc2lkZSBtZXRob2RzIHBvaW50cyB0byB0aGUgY3VycmVudCBhY3RpdmUgaW5zdGFuY2VcbiAgICAgIGFsZXJ0KGBIZWxsbyAke3RoaXMubmFtZX0hYClcbiAgICAgIC8vIGBldmVudGAgaXMgdGhlIG5hdGl2ZSBET00gZXZlbnRcbiAgICAgIGlmIChldmVudCkge1xuICAgICAgICBhbGVydChldmVudC50YXJnZXQudGFnTmFtZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxidXR0b24gQGNsaWNrPVwiZ3JlZXRcIj5HcmVldDwvYnV0dG9uPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNplUE1LxDAQ/StjEbYL0t5LXRQEvag3Tz00prNtNE1CMilC6X83SUkRhJDJfLz3Jm8tHo2pFo9FU7SOW2Ho0in8MdoSDHhlXhKsnQIYGLHyvL8BLJK3KmcAis3YwOnDY/XlTnt1i2G7i/eMNOnBNRkwWkQqcUFFByVAXUNPk3A9COXEgBkGRgtFDkgDTQjcWxuAwDiJBeMsMcUxszCJlsr+BaXUcLtGwiqut930579KST1IBd5Aqlgie3p/hdTIk+IK//bMGqleEbMjxjC+BZVDIv0+m9CpcNr6MDgkhLORjDBm1H56Iq3ggUvBv++7IhnUFZfnGNt6b4fRtj5wxfYL9p+Sjw==)
 
 </div>
 
-A method handler automatically receives the native DOM Event object that triggers it - in the example above, we are able to access the element dispatching the event via `event.target.tagName`.
+A method handler automatically receives the native DOM Event object that triggers it - in the example above, we are able to access the element dispatching the event via `event.target`.
 
 <div class="composition-api">
 
-See also: [Typing Event Handlers](/guide/typescript/composition-api.html#typing-event-handlers) <sup class="vt-badge ts" />
+See also: [Typing Event Handlers](/guide/typescript/composition-api#typing-event-handlers) <sup class="vt-badge ts" />
 
 </div>
 <div class="options-api">
 
-See also: [Typing Event Handlers](/guide/typescript/options-api.html#typing-event-handlers) <sup class="vt-badge ts" />
+See also: [Typing Event Handlers](/guide/typescript/options-api#typing-event-handlers) <sup class="vt-badge ts" />
 
 </div>
 
-### Method vs. Inline Detection
+### Method vs. Inline Detection {#method-vs-inline-detection}
 
 The template compiler detects method handlers by checking whether the `v-on` value string is a valid JavaScript identifier or property access path. For example, `foo`, `foo.bar` and `foo['bar']` are treated as method handlers, while `foo()` and `count++` are treated as inline handlers.
 
-## Calling Methods in Inline Handlers
+## Calling Methods in Inline Handlers {#calling-methods-in-inline-handlers}
 
 Instead of binding directly to a method name, we can also call methods in an inline handler. This allows us to pass the method custom arguments instead of the native event:
 
@@ -161,16 +165,16 @@ methods: {
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmZ1bmN0aW9uIHNheShtZXNzYWdlKSB7XG4gIGFsZXJ0KG1lc3NhZ2UpXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8YnV0dG9uIEBjbGljaz1cInNheSgnaGknKVwiPlNheSBoaTwvYnV0dG9uPlxuICA8YnV0dG9uIEBjbGljaz1cInNheSgnd2hhdCcpXCI+U2F5IHdoYXQ8L2J1dHRvbj5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp9jTEOwjAMRa8SeSld6I5CBWdg9ZJGBiJSN2ocpKjq3UmpFDGx+Vn//b/ANYTjOxGcQEc7uyAqkqTQI98TW3ETq2jyYaQYzYNatSArZTzNUn/IK7Ludr2IBYTG4I3QRqKHJFJ6LtY7+zojbIXNk7yfmhahv5msvqS7PfnHGjJVp9w/hu7qKKwfEd1NSg==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgbWV0aG9kczoge1xuXHQgIHNheShtZXNzYWdlKSB7XG4gICAgXHRhbGVydChtZXNzYWdlKVxuICBcdH1cblx0fVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGJ1dHRvbiBAY2xpY2s9XCJzYXkoJ2hpJylcIj5TYXkgaGk8L2J1dHRvbj5cbiAgPGJ1dHRvbiBAY2xpY2s9XCJzYXkoJ3doYXQnKVwiPlNheSB3aGF0PC9idXR0b24+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNptjUEKwjAQRa8yZFO7sfsSi57B7WzGdjTBtA3NVC2ldzehEFwIw8D7vM9f1cX742tmVSsd2sl6aXDgjx8ngY7vNDuBFQeAnsWMXagToQAEWg49h0APLncDAIUcT5LzlKJsqRBfPF3ljQjCvXcknEj0bRYZBzi3zrbPE6o0UBhblKiaKy1grK52J/oA//23IcmNBD8dXeVBtX0BF0pXsg==)
 
 </div>
 
-## Accessing Event Argument in Inline Handlers
+## Accessing Event Argument in Inline Handlers {#accessing-event-argument-in-inline-handlers}
 
 Sometimes we also need to access the original DOM event in an inline handler. You can pass it into a method using the special `$event` variable, or use an inline arrow function:
 
@@ -190,7 +194,7 @@ Sometimes we also need to access the original DOM event in an inline handler. Yo
 
 ```js
 function warn(message, event) {
-  // `now we have access to the native event`
+  // now we have access to the native event
   if (event) {
     event.preventDefault()
   }
@@ -215,7 +219,7 @@ methods: {
 
 </div>
 
-## Event Modifiers
+## Event Modifiers {#event-modifiers}
 
 It is a very common need to call `event.preventDefault()` or `event.stopPropagation()` inside event handlers. Although we can do this easily inside methods, it would be better if the methods can be purely about data logic rather than having to deal with DOM event details.
 
@@ -247,14 +251,15 @@ To address this problem, Vue provides **event modifiers** for `v-on`. Recall tha
 ```
 
 ::: tip
-Order matters when using modifiers because the relevant code is generated in the same order. Therefore using `@click.prevent.self` will prevent **all clicks** while `@click.self.prevent` will only prevent clicks on the element itself.
+Order matters when using modifiers because the relevant code is generated in the same order. Therefore using `@click.prevent.self` will prevent **click's default action on the element itself and its children**, while `@click.self.prevent` will only prevent click's default action on the element itself.
 :::
 
-The `.capture`, `.once`, and `.passive` modifiers mirror the [options of the native `addEventListener` method](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Parameters):
+The `.capture`, `.once`, and `.passive` modifiers mirror the [options of the native `addEventListener` method](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#options):
 
 ```vue-html
-<!-- use capture mode when adding the event listener -->
-<!-- i.e. an event targeting an inner element is handled here before being handled by that element -->
+<!-- use capture mode when adding the event listener     -->
+<!-- i.e. an event targeting an inner element is handled -->
+<!-- here before being handled by that element           -->
 <div @click.capture="doThis">...</div>
 
 <!-- the click event will be triggered at most once -->
@@ -266,22 +271,22 @@ The `.capture`, `.once`, and `.passive` modifiers mirror the [options of the nat
 <div @scroll.passive="onScroll">...</div>
 ```
 
-The `.passive` modifier is typically used with touch event listeners for [improving performance on mobile devices](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners).
+The `.passive` modifier is typically used with touch event listeners for [improving performance on mobile devices](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scroll_performance_using_passive_listeners).
 
 ::: tip
 Do not use `.passive` and `.prevent` together, because `.passive` already indicates to the browser that you _do not_ intend to prevent the event's default behavior, and you will likely see a warning from the browser if you do so.
 :::
 
-## Key Modifiers
+## Key Modifiers {#key-modifiers}
 
 When listening for keyboard events, we often need to check for specific keys. Vue allows adding key modifiers for `v-on` or `@` when listening for key events:
 
 ```vue-html
-<!-- only call `vm.submit()` when the `key` is `Enter` -->
+<!-- only call `submit` when the `key` is `Enter` -->
 <input @keyup.enter="submit" />
 ```
 
-You can directly use any valid key names exposed via [`KeyboardEvent.key`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values) as modifiers by converting them to kebab-case.
+You can directly use any valid key names exposed via [`KeyboardEvent.key`](https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values) as modifiers by converting them to kebab-case.
 
 ```vue-html
 <input @keyup.page-down="onPageDown" />
@@ -289,7 +294,7 @@ You can directly use any valid key names exposed via [`KeyboardEvent.key`](https
 
 In the above example, the handler will only be called if `$event.key` is equal to `'PageDown'`.
 
-### Key Aliases
+### Key Aliases {#key-aliases}
 
 Vue provides aliases for the most commonly used keys:
 
@@ -303,7 +308,7 @@ Vue provides aliases for the most commonly used keys:
 - `.left`
 - `.right`
 
-### System Modifier Keys
+### System Modifier Keys {#system-modifier-keys}
 
 You can use the following modifiers to trigger mouse or keyboard event listeners only when the corresponding modifier key is pressed:
 
@@ -327,10 +332,10 @@ For example:
 ```
 
 ::: tip
-Note that modifier keys are different from regular keys and when used with `keyup` events, they have to be pressed when the event is emitted. In other words, `keyup.ctrl` will only trigger if you release a key while holding down `ctrl`. It won't trigger if you release the `ctrl` key alone
+Note that modifier keys are different from regular keys and when used with `keyup` events, they have to be pressed when the event is emitted. In other words, `keyup.ctrl` will only trigger if you release a key while holding down `ctrl`. It won't trigger if you release the `ctrl` key alone.
 :::
 
-### `.exact` Modifier
+### `.exact` Modifier {#exact-modifier}
 
 The `.exact` modifier allows control of the exact combination of system modifiers needed to trigger an event.
 
@@ -345,10 +350,12 @@ The `.exact` modifier allows control of the exact combination of system modifier
 <button @click.exact="onClick">A</button>
 ```
 
-## Mouse Button Modifiers
+## Mouse Button Modifiers {#mouse-button-modifiers}
 
 - `.left`
 - `.right`
 - `.middle`
 
 These modifiers restrict the handler to events triggered by a specific mouse button.
+
+Note, however, that `.left`, `.right`, and `.middle` modifier names are based on the typical right-handed mouse layout, but in fact represent "main", "secondary", and "auxiliary" pointing device event triggers, respectively, and not the actual physical buttons. So that for a left-handed mouse layout the "main" button might physically be the right one but would trigger the `.left` modifier handler. Or a trackpad might trigger the `.left` handler with a one-finger tap, the `.right` handler with a two-finger tap, and the `.middle` handler with a three-finger tap. Similarly, other devices and event sources generating "mouse" events might have trigger modes that are not related to "left" and "right" whatsoever.
diff --git a/src/guide/essentials/forms.md b/src/guide/essentials/forms.md
index bbe88056a1..dc45fb16e3 100644
--- a/src/guide/essentials/forms.md
+++ b/src/guide/essentials/forms.md
@@ -13,7 +13,7 @@ const selected = ref('')
 const multiSelected = ref([])
 </script>
 
-# Form Input Bindings
+# Form Input Bindings {#form-input-bindings}
 
 <div class="options-api">
   <VueSchoolLink href="https://vueschool.io/lessons/user-inputs-vue-devtools-in-vue-3" title="Free Lesson on User Inputs with Vue.js"/>
@@ -41,15 +41,15 @@ In addition, `v-model` can be used on inputs of different types, `<textarea>`, a
 
 - `<input>` with text types and `<textarea>` elements use `value` property and `input` event;
 - `<input type="checkbox">` and `<input type="radio">` use `checked` property and `change` event;
-- `<select>` use `value` as a prop and `change` as an event.
+- `<select>` uses `value` as a prop and `change` as an event.
 
 ::: tip Note
-`v-model` will ignore the initial `value`, `checked` or `selected` attributes found on any form elements. It will always treat the current bound JavaScript state as the source of truth. You should declare the initial value on the JavaScript side, using <span class="options-api">the `data` option</span><span class="composition-api">reactivity APIs</span>.
+`v-model` will ignore the initial `value`, `checked` or `selected` attributes found on any form elements. It will always treat the current bound JavaScript state as the source of truth. You should declare the initial value on the JavaScript side, using <span class="options-api">the [`data`](/api/options-state.html#data) option</span><span class="composition-api">[reactivity APIs](/api/reactivity-core.html#reactivity-api-core)</span>.
 :::
 
-## Basic Usage
+## Basic Usage {#basic-usage}
 
-### Text
+### Text {#text}
 
 ```vue-html
 <p>Message is: {{ message }}</p>
@@ -63,21 +63,21 @@ In addition, `v-model` can be used on inputs of different types, `<textarea>`, a
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgbWVzc2FnZSA9IHJlZignJylcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxwPk1lc3NhZ2UgaXM6IHt7IG1lc3NhZ2UgfX08L3A+XG5cdDxpbnB1dCB2LW1vZGVsPVwibWVzc2FnZVwiIHBsYWNlaG9sZGVyPVwiZWRpdCBtZVwiIC8+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNo9jUEOgyAQRa8yYUO7aNkbNOkBegM2RseWRGACoxvC3TumxuX/+f+9ql5Ez31D1SlbpuyJoSBvNLjoA6XMUCHjAg2WnAJomWoXXZxSLAwBSxk/CP2xuWl9d9GaP0YAEhgDrSOjJABLw/s8+NJBrde/NWsOpWPrI20M+yOkGdfeqXPiFAhowm9aZ8zS4+wPv/RGjtZcJtV+YpNK1g==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbWVzc2FnZTogJydcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxwPk1lc3NhZ2UgaXM6IHt7IG1lc3NhZ2UgfX08L3A+XG5cdDxpbnB1dCB2LW1vZGVsPVwibWVzc2FnZVwiIHBsYWNlaG9sZGVyPVwiZWRpdCBtZVwiIC8+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNo9jdEKwjAMRX8l9EV90L2POvAD/IO+lDVqoetCmw6h9N/NmBuEJPeSc1PVg+i2FFS90nlMnngwEb80JwaHL1sCQzURwFm258u2AyTkkuKuACbM2b6xh9Nps9o6pEnp7ggWwThRsIyiADQNz40En3uodQ+C1nRHK8HaRyoMy3WaHYa7Uf8To0CCRvzMwWESH51n4cXvBNTd8Um1H0FuTq0=)
 
 </div>
 
 <span id="vmodel-ime-tip"></span>
 ::: tip Note
-For languages that require an [IME](https://en.wikipedia.org/wiki/Input_method) (Chinese, Japanese, Korean etc.), you'll notice that `v-model` doesn't get updated during IME composition. If you want to respond to these updates as well, use an `input` event listener and `value` binding instead of using `v-model`.
+For languages that require an [IME](https://en.wikipedia.org/wiki/Input_method) (Chinese, Japanese, Korean etc.), you'll notice that `v-model` doesn't get updated during IME composition. If you want to respond to these updates as well, use your own `input` event listener and `value` binding instead of using `v-model`.
 :::
 
-### Multiline text
+### Multiline Text {#multiline-text}
 
 ```vue-html
 <span>Multiline message is:</span>
@@ -87,18 +87,18 @@ For languages that require an [IME](https://en.wikipedia.org/wiki/Input_method)
 
 <div class="demo">
   <span>Multiline message is:</span>
-  <p style="white-space: pre-line;">{{ message }}</p>
-  <textarea v-model="message" placeholder="add multiple lines"></textarea>
+  <p style="white-space: pre-line;">{{ multilineText }}</p>
+  <textarea v-model="multilineText" placeholder="add multiple lines"></textarea>
 </div>
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgbWVzc2FnZSA9IHJlZignJylcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxzcGFuPk11bHRpbGluZSBtZXNzYWdlIGlzOjwvc3Bhbj5cblx0PHAgc3R5bGU9XCJ3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XCI+e3sgbWVzc2FnZSB9fTwvcD5cblx0PHRleHRhcmVhIHYtbW9kZWw9XCJtZXNzYWdlXCIgcGxhY2Vob2xkZXI9XCJhZGQgbXVsdGlwbGUgbGluZXNcIj48L3RleHRhcmVhPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNo9jktuwzAMRK9CaON24XrvKgZ6gN5AG8FmGgH6ECKdJjB891D5LYec9zCb+SH6Oq9oRmN5roEEGGWlyeWQqFSBDSoeYYdjLQk6rXYuuzyXzAIJmf0fwqF1Prru02U7PDQq0CCYKHrBlsQy+Tz9rlFCDBnfdOBRqfa7twhYrhEPzvyfgmCvnxlHoIp9w76dmbbtDe+7HdpaBQUv4it6OPepLBjV8Gw5AzpjxlOJC1a9+2WB1IZQRGhWVqsdXgb1tfDcbvYbJDRqLQ==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbWVzc2FnZTogJydcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxzcGFuPk11bHRpbGluZSBtZXNzYWdlIGlzOjwvc3Bhbj5cblx0PHAgc3R5bGU9XCJ3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XCI+e3sgbWVzc2FnZSB9fTwvcD5cblx0PHRleHRhcmVhIHYtbW9kZWw9XCJtZXNzYWdlXCIgcGxhY2Vob2xkZXI9XCJhZGQgbXVsdGlwbGUgbGluZXNcIj48L3RleHRhcmVhPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNo9jk2OwyAMha9isenMIpN9hok0B+gN2FjBbZEIscDpj6LcvaZpKiHg2X6f32L+mX+uM5nO2DLkwNK7RHeesoCnE85RYHEJwKPg1/f2B8gkc067AhipFDxTB4fDVlrro5ce237AKoRGjihUldjCmPqjLgkxJNoxEEqnrtp7TTEUeUT6c+Z2CUKNdgbdxZmaavt1pl+Wj3ldbcubUegumAnh2oyTp6iE95QzoDEGukzRU9Y6eg9jDcKRoFKLUm27E5RXxTu7WZ89/G4E)
 
 </div>
 
@@ -112,7 +112,7 @@ Note that interpolation inside `<textarea>` won't work. Use `v-model` instead.
 <textarea v-model="text"></textarea>
 ```
 
-### Checkbox
+### Checkbox {#checkbox}
 
 Single checkbox, boolean value:
 
@@ -128,12 +128,12 @@ Single checkbox, boolean value:
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgY2hlY2tlZCA9IHJlZih0cnVlKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGlucHV0IHR5cGU9XCJjaGVja2JveFwiIGlkPVwiY2hlY2tib3hcIiB2LW1vZGVsPVwiY2hlY2tlZFwiIC8+XG5cdDxsYWJlbCBmb3I9XCJjaGVja2JveFwiPnt7IGNoZWNrZWQgfX08L2xhYmVsPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpVjssKgzAURH/lko3tonVfotD/yEaTKw3Ni3gjLSH/3qhUcDnDnMNk9gzhviRkD8ZnGXUgmJFS6IXTNvhIkCHiBAWm6C00ddoIJ5z0biaQL5RvVNCtmwvFhFfheLuLqqIGQhvMQLgm4tqFREDfgJ1gGz36j2Cg1TkvN+sVmn+JqnbtrjDDiAYmH09En/PxphTebqsK8PY4wMoPslBUxQ==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgY2hlY2tlZDogdHJ1ZVxuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGlucHV0IHR5cGU9XCJjaGVja2JveFwiIGlkPVwiY2hlY2tib3hcIiB2LW1vZGVsPVwiY2hlY2tlZFwiIC8+XG5cdDxsYWJlbCBmb3I9XCJjaGVja2JveFwiPnt7IGNoZWNrZWQgfX08L2xhYmVsPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpVjtEKgzAMRX8l9Gl72Po+OmH/0ZdqI5PVNnSpOEr/fVVREEKSc0kuN4sX0X1KKB5Cfbs4EDfa40whMljsTXIMWXsAa9hcrtsOEJFT9DsBdG/sPmgfwDHhJpZl1FZLycO6AuNIzjAuxGrwlBj4R/jUYrVpw6wFDPbM020MFt0uoq2a3CycadFBH+Lpo8l5jwWlKLle1QcljwCi/AH7gFic)
 
 </div>
 
@@ -163,26 +163,26 @@ export default {
 ```vue-html
 <div>Checked names: {{ checkedNames }}</div>
 
-<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
+<input type="checkbox" id="jack" value="Jack" v-model="checkedNames" />
 <label for="jack">Jack</label>
 
-<input type="checkbox" id="john" value="John" v-model="checkedNames">
+<input type="checkbox" id="john" value="John" v-model="checkedNames" />
 <label for="john">John</label>
 
-<input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
+<input type="checkbox" id="mike" value="Mike" v-model="checkedNames" />
 <label for="mike">Mike</label>
 ```
 
 <div class="demo">
   <div>Checked names: {{ checkedNames }}</div>
 
-  <input type="checkbox" id="demo-jack" value="Jack" v-model="checkedNames">
+  <input type="checkbox" id="demo-jack" value="Jack" v-model="checkedNames" />
   <label for="demo-jack">Jack</label>
 
-  <input type="checkbox" id="demo-john" value="John" v-model="checkedNames">
+  <input type="checkbox" id="demo-john" value="John" v-model="checkedNames" />
   <label for="demo-john">John</label>
 
-  <input type="checkbox" id="demo-mike" value="Mike" v-model="checkedNames">
+  <input type="checkbox" id="demo-mike" value="Mike" v-model="checkedNames" />
   <label for="demo-mike">Mike</label>
 </div>
 
@@ -190,16 +190,16 @@ In this case, the `checkedNames` array will always contain the values from the c
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgY2hlY2tlZE5hbWVzID0gcmVmKFtdKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGRpdj5DaGVja2VkIG5hbWVzOiB7eyBjaGVja2VkTmFtZXMgfX08L2Rpdj5cblxuICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgaWQ9XCJqYWNrXCIgdmFsdWU9XCJKYWNrXCIgdi1tb2RlbD1cImNoZWNrZWROYW1lc1wiIC8+XG4gIDxsYWJlbCBmb3I9XCJqYWNrXCI+SmFjazwvbGFiZWw+XG4gXG4gIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBpZD1cImpvaG5cIiB2YWx1ZT1cIkpvaG5cIiB2LW1vZGVsPVwiY2hlY2tlZE5hbWVzXCIgLz5cbiAgPGxhYmVsIGZvcj1cImpvaG5cIj5Kb2huPC9sYWJlbD5cbiBcbiAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIGlkPVwibWlrZVwiIHZhbHVlPVwiTWlrZVwiIHYtbW9kZWw9XCJjaGVja2VkTmFtZXNcIiAvPlxuICA8bGFiZWwgZm9yPVwibWlrZVwiPk1pa2U8L2xhYmVsPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqVkUtqwzAURbfy0CTtoNU8KILSWaHdQNWBIj8T1fohyybBeO+RbOc3i2e+vHvuMWggHyG89x2SLWGtijokaDF1gQunbfAxwQARaxihjt7CJlc3wgmnvGsTqAOqBqsfabGFXSm+/P69CsfovJVXckhog5EJcwJgle7558yBK+AWhuFxaRwZLbVCZ0K70CVIp4A7Qabi3h8FAV3l/C9Vk797abpy/lrim/UVmkt/Gc4HOv+EkXs0UPt4XeCFZHQ6lM4TZn9w9+YlrjFPCC/kKrPVDd6Zv5e4wjwv8ELezIxeX4qMZwHduAs=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgY2hlY2tlZE5hbWVzOiBbXVxuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGRpdj5DaGVja2VkIG5hbWVzOiB7eyBjaGVja2VkTmFtZXMgfX08L2Rpdj5cblxuICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgaWQ9XCJqYWNrXCIgdmFsdWU9XCJKYWNrXCIgdi1tb2RlbD1cImNoZWNrZWROYW1lc1wiIC8+XG4gIDxsYWJlbCBmb3I9XCJqYWNrXCI+SmFjazwvbGFiZWw+XG4gXG4gIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBpZD1cImpvaG5cIiB2YWx1ZT1cIkpvaG5cIiB2LW1vZGVsPVwiY2hlY2tlZE5hbWVzXCIgLz5cbiAgPGxhYmVsIGZvcj1cImpvaG5cIj5Kb2huPC9sYWJlbD5cbiBcbiAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIGlkPVwibWlrZVwiIHZhbHVlPVwiTWlrZVwiIHYtbW9kZWw9XCJjaGVja2VkTmFtZXNcIiAvPlxuICA8bGFiZWwgZm9yPVwibWlrZVwiPk1pa2U8L2xhYmVsPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqVUc1qxCAQfpXBU3tovS9WKL0V2hdoenDjLGtjVNwxbAl592rMpru3DYjO5/cnOLLXEJ6HhGzHxKmNJpBsHJ6DjwQaDypZgrFxAFqRenisM0BEStFdEEB7xLZD/al6PO3g67veT+XIW16Cr+kZEPbBKsKMAIQ2g3yrAeBqwjjeRMI0CV5kxZ0dxoVEQL8BXxo2C/f+3DAwOuMf1XZ5HpRNhX5f4FPvNdqLfgnOBK+PsGqPFg4+rgmyOAWfiaK5o9kf3XXzArc0zxZZnJuae9PhVfPHAjc01wRZnP/Ngq8/xaY/yMW74g==)
 
 </div>
 
-### Radio
+### Radio {#radio}
 
 ```vue-html
 <div>Picked: {{ picked }}</div>
@@ -223,16 +223,16 @@ In this case, the `checkedNames` array will always contain the values from the c
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgcGlja2VkID0gcmVmKCdPbmUnKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGRpdj5QaWNrZWQ6IHt7IHBpY2tlZCB9fTwvZGl2PlxuXG5cdDxpbnB1dCB0eXBlPVwicmFkaW9cIiBpZD1cIm9uZVwiIHZhbHVlPVwiT25lXCIgdi1tb2RlbD1cInBpY2tlZFwiIC8+XG5cdDxsYWJlbCBmb3I9XCJvbmVcIj5PbmU8L2xhYmVsPlxuXG5cdDxpbnB1dCB0eXBlPVwicmFkaW9cIiBpZD1cInR3b1wiIHZhbHVlPVwiVHdvXCIgdi1tb2RlbD1cInBpY2tlZFwiIC8+XG4gIDxsYWJlbCBmb3I9XCJ0d29cIj5Ud288L2xhYmVsPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqFkDFuwzAMRa9CaHE7tNoDxUBP0A4dtTgWDQiRJUKmHQSG7x7KhpMMAbLxk3z/g5zVD9H3NKI6KDO02RPDgDxSbaPvKWWGGTJ2sECXUw+VrFY22timODCQb8/o4FhWPqrfiNWnjUZvRmIhgrGn0DCKAjDOT/XfCh1gnnd+WYwukwJYNj7SyMBXwqNVuXE+WQXeiUgRpZyaMJaR5BX11SeHQfTmJi1dnNiE5oQBupR3shbC6LX9Posvpdyz/jf1OksOe85ayVqIR5bR9z+o5Qbc6oCk)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgcGlja2VkOiAnT25lJ1xuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGRpdj5QaWNrZWQ6IHt7IHBpY2tlZCB9fTwvZGl2PlxuXG5cdDxpbnB1dCB0eXBlPVwicmFkaW9cIiBpZD1cIm9uZVwiIHZhbHVlPVwiT25lXCIgdi1tb2RlbD1cInBpY2tlZFwiIC8+XG5cdDxsYWJlbCBmb3I9XCJvbmVcIj5PbmU8L2xhYmVsPlxuXG5cdDxpbnB1dCB0eXBlPVwicmFkaW9cIiBpZD1cInR3b1wiIHZhbHVlPVwiVHdvXCIgdi1tb2RlbD1cInBpY2tlZFwiIC8+XG5cdDxsYWJlbCBmb3I9XCJ0d29cIj5Ud288L2xhYmVsPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNqNkEEOAiEMRa/SsFEXyt7gJJ5AFy5ng1ITIgLBMmomc3eLOONSEwJ9Lf//pL3YxrjqMoq1ULdTspGa1uMjhkRg8KyzI+hbD2A06fmi1gAJKSc/EkC0pwuaNcx2Hme1OZSHLz5KTtYMhNfoNGEhUsZ2zf6j7vuPEQyDkmVSBPzJ+pgJ6Blx04qkjQ2tAGsYgkcuO+1yGXF6oeU1GHTM1Y1bsoY5fUQH55BGZcMKJd/t31l0L+WYdaj0V9Zb2bDim6XktAcxvADR+YWb)
 
 </div>
 
-### Select
+### Select {#select}
 
 Single select:
 
@@ -259,12 +259,12 @@ Single select:
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3Qgc2VsZWN0ZWQgPSByZWYoJycpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8c3Bhbj4gU2VsZWN0ZWQ6IHt7IHNlbGVjdGVkIH19PC9zcGFuPlxuXG4gIDxzZWxlY3Qgdi1tb2RlbD1cInNlbGVjdGVkXCI+XG4gICAgPG9wdGlvbiBkaXNhYmxlZCB2YWx1ZT1cIlwiPlBsZWFzZSBzZWxlY3Qgb25lPC9vcHRpb24+XG4gICAgPG9wdGlvbj5BPC9vcHRpb24+XG4gICAgPG9wdGlvbj5CPC9vcHRpb24+XG4gICAgPG9wdGlvbj5DPC9vcHRpb24+XG4gIDwvc2VsZWN0PlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNp1j7EOgyAQhl/lwmI7tO4Nmti+QJOuLFTPxASBALoQ3r2H2jYOjvff939wkTXWXucJ2Y1x37rBBvAYJlsLPYzWuAARHPaQoHdmhILQQmihW6N9RhW2ATuoMnQqirPQvFw9ZKAh4GiVDEgTAPdW6hpeW+sGMf4VKVEz73Mvs8sC5stoOlSVYF9SsEVGiLFhMBq6wcu3IsUs1YREEvFUKD1udjAaebnS+27dHOT3g/yxy+nHywM08PJ3KksfXwJ2dA==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc2VsZWN0ZWQ6ICcnXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8c3Bhbj4gU2VsZWN0ZWQ6IHt7IHNlbGVjdGVkIH19PC9zcGFuPlxuICA8c2VsZWN0IHYtbW9kZWw9XCJzZWxlY3RlZFwiPlxuICAgIDxvcHRpb24gZGlzYWJsZWQgdmFsdWU9XCJcIj5QbGVhc2Ugc2VsZWN0IG9uZTwvb3B0aW9uPlxuICAgIDxvcHRpb24+QTwvb3B0aW9uPlxuICAgIDxvcHRpb24+Qjwvb3B0aW9uPlxuICAgIDxvcHRpb24+Qzwvb3B0aW9uPlxuICA8L3NlbGVjdD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp1j1ELgyAUhf/KxZe2h633cEHbHxjstReXdxCYSt5iEP333XIJPQSinuN3jjqJyvvrOKAohAxN33oqa4tf73oCjR81GIKptgBakTqd4x6gRxp6uymAgAYbQl1AlkVvXhaeeMg8NbMg7LxRhKwAZPDKlvBK8WlKXTDPnFzOI7naMF46p9HcarFxtVgBRpyn1lnQbVBvwwWjMgMyycTToAr47wZnUeaR3mfL6sC/H/iPnc/vXS9gIfP0UTH/ACgWeYE=)
 
 </div>
 
@@ -296,12 +296,12 @@ Multiple select (bound to array):
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3Qgc2VsZWN0ZWQgPSByZWYoW10pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2PlNlbGVjdGVkOiB7eyBzZWxlY3RlZCB9fTwvZGl2PlxuXG4gIDxzZWxlY3Qgdi1tb2RlbD1cInNlbGVjdGVkXCIgbXVsdGlwbGU+XG4gICAgPG9wdGlvbj5BPC9vcHRpb24+XG4gICAgPG9wdGlvbj5CPC9vcHRpb24+XG4gICAgPG9wdGlvbj5DPC9vcHRpb24+XG4gIDwvc2VsZWN0PlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuc2VsZWN0W211bHRpcGxlXSB7XG4gIHdpZHRoOiAxMDBweDtcbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp1kL2OwjAQhF9l5Ya74i7QBhMJeARKTIESIyz5Z5VsAsjyu7NOQEBB5xl/M7vaKNaI/0OvRSlkV7cGCTpNPVbKG4ehJYjQ6hMkOLXBwYzRmfLK18F3GbW6Jt3AKkM/+8Ov8rKYeriBBWmH9kiaFYBszFDtHpkSYnwVpCSL/JtDDE4+DH8uNNqulHiCSoDrLRm0UyWzAckEX61l8Xh9+psv/vbD563HCSxk8bY0y45u47AJ2D/HHyDm4MU0dC5hMZ/jdal8Gg8wJkS6A3nRew4=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc2VsZWN0ZWQ6IFtdXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2PlNlbGVjdGVkOiB7eyBzZWxlY3RlZCB9fTwvZGl2PlxuXG4gIDxzZWxlY3Qgdi1tb2RlbD1cInNlbGVjdGVkXCIgbXVsdGlwbGU+XG4gICAgPG9wdGlvbj5BPC9vcHRpb24+XG4gICAgPG9wdGlvbj5CPC9vcHRpb24+XG4gICAgPG9wdGlvbj5DPC9vcHRpb24+XG4gIDwvc2VsZWN0PlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuc2VsZWN0W211bHRpcGxlXSB7XG4gIHdpZHRoOiAxMDBweDtcbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp1UEEOgjAQ/MqmJz0oeMVKgj7BI3AgdI1NCjSwIIbwdxcqRA4mTbsznd2Z7CAia49diyIQsslrbSlMSuxtVRMofGStIRiSEkBllO32rgaokdq6XBBAgwZzQhVAnDpunB6++EhvncyAsLAmI2QEIJXuwvvaPAzrJBhH6U2/UxMLHQ/doagUmksiFmEioOCU2ho3krWVJV2VYSS9b7Xlr3/424bn1LMDA+n9hGbY0Hs2c4J4sU/dPl5a0TOAk+/b/rwsYO4Q4wdtRX7l)
 
 </div>
 
@@ -351,16 +351,16 @@ export default {
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3Qgc2VsZWN0ZWQgPSByZWYoJ0EnKVxuXG5jb25zdCBvcHRpb25zID0gcmVmKFtcbiAgeyB0ZXh0OiAnT25lJywgdmFsdWU6ICdBJyB9LFxuICB7IHRleHQ6ICdUd28nLCB2YWx1ZTogJ0InIH0sXG4gIHsgdGV4dDogJ1RocmVlJywgdmFsdWU6ICdDJyB9XG5dKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPHNlbGVjdCB2LW1vZGVsPVwic2VsZWN0ZWRcIj5cbiAgICA8b3B0aW9uIHYtZm9yPVwib3B0aW9uIGluIG9wdGlvbnNcIiA6dmFsdWU9XCJvcHRpb24udmFsdWVcIj5cbiAgICAgIHt7IG9wdGlvbi50ZXh0IH19XG4gICAgPC9vcHRpb24+XG4gIDwvc2VsZWN0PlxuXG5cdDxkaXY+U2VsZWN0ZWQ6IHt7IHNlbGVjdGVkIH19PC9kaXY+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNplkMFugzAQRH9l5YtbKYU7IpFoP6CH9lb3EMGiWgLbMguthPzvXduEJMqNYUazb7yKxrlimVFUop5arx3BhDS7kzJ6dNYTrOCxhwC9tyNIjkpllGmtmWJ0wJawg2MMPclGPl9N60jzx+Z9KQPcRfhHFch3g/IAy3mYkVUjIRzu/M9fe+O/Pvo/Hm8b3jihzDdfr8s8gwewIBzdcCZkBVBnXFheRtvhcFTiwq9ECnAkQ3Okt54Dm9TmskYJqNLR3SyS3BsYct3CRYSFwGCpusx/M0qZTydKRXWnl9PHBlPFhv1lQ6jL6MZl+xoR/gFjPZTD)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc2VsZWN0ZWQ6ICdBJyxcbiAgICAgIG9wdGlvbnM6IFtcbiAgICAgICAgeyB0ZXh0OiAnT25lJywgdmFsdWU6ICdBJyB9LFxuICAgICAgICB7IHRleHQ6ICdUd28nLCB2YWx1ZTogJ0InIH0sXG4gICAgICAgIHsgdGV4dDogJ1RocmVlJywgdmFsdWU6ICdDJyB9XG4gICAgICBdXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8c2VsZWN0IHYtbW9kZWw9XCJzZWxlY3RlZFwiPlxuICAgIDxvcHRpb24gdi1mb3I9XCJvcHRpb24gaW4gb3B0aW9uc1wiIDp2YWx1ZT1cIm9wdGlvbi52YWx1ZVwiPlxuICAgICAge3sgb3B0aW9uLnRleHQgfX1cbiAgICA8L29wdGlvbj5cbiAgPC9zZWxlY3Q+XG5cblx0PGRpdj5TZWxlY3RlZDoge3sgc2VsZWN0ZWQgfX08L2Rpdj5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp1kMFqxCAQhl9l8JIWtsk92IVtH6CH9lZ7COssDbgqZpJdCHn3nWiUXBZE/Mdvxv93Fifv62lE0Qo5nEPv6ags3r0LBBov3WgIZmUBdEfdy2s6AwSkMdisAAY0eCbULVSn6pCrzlPv7NDCb64AzEB4J+a+LFYHmDozYuyCpfTtqJ+b21Efz6j/gPtpn8xl7C8douaNl2xKUhaEV286QlYAMgWB6e3qNJp3JXIyJSLASErFyMUFBjbZ2xxXCWijkXJZR1kmsPF5g+s1ACybWdmkarLSpKejS0VS99Pxu3wzT8jOuF026+2arKQRywOBGJfE)
 
 </div>
 
-## Value Bindings
+## Value Bindings {#value-bindings}
 
 For radio, checkbox and select options, the `v-model` binding values are usually static strings (or booleans for checkbox):
 
@@ -379,7 +379,7 @@ For radio, checkbox and select options, the `v-model` binding values are usually
 
 But sometimes we may want to bind the value to a dynamic property on the current active instance. We can use `v-bind` to achieve that. In addition, using `v-bind` allows us to bind the input value to non-string values.
 
-### Checkbox
+### Checkbox {#checkbox-1}
 
 ```vue-html
 <input
@@ -389,7 +389,7 @@ But sometimes we may want to bind the value to a dynamic property on the current
   false-value="no" />
 ```
 
-`true-value` and `false-value` are Vue-specific attributes that only works with `v-model`. Here the `toggle` property's value will be set to `'yes'` when the box is checked, and set to `'no'` when unchecked. You can also bind them to dynamic values using `v-bind`:
+`true-value` and `false-value` are Vue-specific attributes that only work with `v-model`. Here the `toggle` property's value will be set to `'yes'` when the box is checked, and set to `'no'` when unchecked. You can also bind them to dynamic values using `v-bind`:
 
 ```vue-html
 <input
@@ -403,7 +403,7 @@ But sometimes we may want to bind the value to a dynamic property on the current
 The `true-value` and `false-value` attributes don't affect the input's `value` attribute, because browsers don't include unchecked boxes in form submissions. To guarantee that one of two values is submitted in a form (e.g. "yes" or "no"), use radio inputs instead.
 :::
 
-### Radio
+### Radio {#radio-1}
 
 ```vue-html
 <input type="radio" v-model="pick" :value="first" />
@@ -412,7 +412,7 @@ The `true-value` and `false-value` attributes don't affect the input's `value` a
 
 `pick` will be set to the value of `first` when the first radio input is checked, and set to the value of `second` when the second one is checked.
 
-### Select Options
+### Select Options {#select-options}
 
 ```vue-html
 <select v-model="selected">
@@ -423,9 +423,9 @@ The `true-value` and `false-value` attributes don't affect the input's `value` a
 
 `v-model` supports value bindings of non-string values as well! In the above example, when the option is selected, `selected` will be set to the object literal value of `{ number: 123 }`.
 
-## Modifiers
+## Modifiers {#modifiers}
 
-### `.lazy`
+### `.lazy` {#lazy}
 
 By default, `v-model` syncs the input with the data after each `input` event (with the exception of IME composition as [stated above](#vmodel-ime-tip)). You can add the `lazy` modifier to instead sync after `change` events:
 
@@ -434,7 +434,7 @@ By default, `v-model` syncs the input with the data after each `input` event (wi
 <input v-model.lazy="msg" />
 ```
 
-### `.number`
+### `.number` {#number}
 
 If you want user input to be automatically typecast as a number, you can add the `number` modifier to your `v-model` managed inputs:
 
@@ -442,11 +442,11 @@ If you want user input to be automatically typecast as a number, you can add the
 <input v-model.number="age" />
 ```
 
-If the value cannot be parsed with `parseFloat()`, then the original value is used instead.
+If the value cannot be parsed with `parseFloat()`, then the original (string) value is used instead. In particular, if the input is empty (for instance after the user clearing the input field), an empty string is returned. This behavior differs from the [DOM property `valueAsNumber`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#valueasnumber). 
 
 The `number` modifier is applied automatically if the input has `type="number"`.
 
-### `.trim`
+### `.trim` {#trim}
 
 If you want whitespace from user input to be trimmed automatically, you can add the `trim` modifier to your `v-model`-managed inputs:
 
@@ -454,8 +454,8 @@ If you want whitespace from user input to be trimmed automatically, you can add
 <input v-model.trim="msg" />
 ```
 
-## `v-model` with Components
+## `v-model` with Components {#v-model-with-components}
 
 > If you're not yet familiar with Vue's components, you can skip this for now.
 
-HTML's built-in input types won't always meet your needs. Fortunately, Vue components allow you to build reusable inputs with completely customized behavior. These inputs even work with `v-model`! To learn more, read about [Usage with `v-model`](/guide/components/events.html#usage-with-v-model) in the Components guide.
+HTML's built-in input types won't always meet your needs. Fortunately, Vue components allow you to build reusable inputs with completely customized behavior. These inputs even work with `v-model`! To learn more, read about [Usage with `v-model`](/guide/components/v-model) in the Components guide.
diff --git a/src/guide/essentials/lifecycle.md b/src/guide/essentials/lifecycle.md
index 7bbf5c2c5a..99762475d9 100644
--- a/src/guide/essentials/lifecycle.md
+++ b/src/guide/essentials/lifecycle.md
@@ -1,8 +1,8 @@
-# Lifecycle Hooks
+# Lifecycle Hooks {#lifecycle-hooks}
 
 Each Vue component instance goes through a series of initialization steps when it's created - for example, it needs to set up data observation, compile the template, mount the instance to the DOM, and update the DOM when data changes. Along the way, it also runs functions called lifecycle hooks, giving users the opportunity to add their own code at specific stages.
 
-## Registering Lifecycle Hooks
+## Registering Lifecycle Hooks {#registering-lifecycle-hooks}
 
 For example, the <span class="composition-api">`onMounted`</span><span class="options-api">`mounted`</span> hook can be used to run code after the component has finished the initial rendering and created the DOM nodes:
 
@@ -31,7 +31,7 @@ export default {
 
 </div>
 
-There are also other hooks which will be called at different stages of the instance's lifecycle, with the most commonly used being <span class="composition-api">[`onMounted`](/api/composition-api-lifecycle.html#onmounted), [`onUpdated`](/api/composition-api-lifecycle.html#onupdated), and [`onUnmounted`](/api/composition-api-lifecycle.html#onunmounted).</span><span class="options-api">[`mounted`](/api/options-lifecycle.html#mounted), [`updated`](/api/options-lifecycle.html#updated), and [`unmounted`](/api/options-lifecycle.html#unmounted).</span>
+There are also other hooks which will be called at different stages of the instance's lifecycle, with the most commonly used being <span class="composition-api">[`onMounted`](/api/composition-api-lifecycle#onmounted), [`onUpdated`](/api/composition-api-lifecycle#onupdated), and [`onUnmounted`](/api/composition-api-lifecycle#onunmounted).</span><span class="options-api">[`mounted`](/api/options-lifecycle#mounted), [`updated`](/api/options-lifecycle#updated), and [`unmounted`](/api/options-lifecycle#unmounted).</span>
 
 <div class="options-api">
 
@@ -51,11 +51,11 @@ setTimeout(() => {
 }, 100)
 ```
 
-Do note this doesn't mean that the call must be placed lexically inside `setup()` or `<script setup>` - `onMounted()` can be called in an external function as long as the call stack is synchronous and originates from within `setup()`.
+Do note this doesn't mean that the call must be placed lexically inside `setup()` or `<script setup>`. `onMounted()` can be called in an external function as long as the call stack is synchronous and originates from within `setup()`.
 
 </div>
 
-## Lifecycle Diagram
+## Lifecycle Diagram {#lifecycle-diagram}
 
 Below is a diagram for the instance lifecycle. You don't need to fully understand everything going on right now, but as you learn and build more, it will be a useful reference.
 
@@ -63,4 +63,4 @@ Below is a diagram for the instance lifecycle. You don't need to fully understan
 
 <!-- https://www.figma.com/file/Xw3UeNMOralY6NV7gSjWdS/Vue-Lifecycle -->
 
-Consult the <span class="composition-api">[Lifecycle Hooks API reference](/api/composition-api-lifecycle.html)</span><span class="options-api">[Lifecycle Hooks API reference](/api/options-lifecycle.html)</span> for details on all lifecycle hooks and their respective use cases.
+Consult the <span class="composition-api">[Lifecycle Hooks API reference](/api/composition-api-lifecycle)</span><span class="options-api">[Lifecycle Hooks API reference](/api/options-lifecycle)</span> for details on all lifecycle hooks and their respective use cases.
diff --git a/src/guide/essentials/list.md b/src/guide/essentials/list.md
index 60d27400d1..9451e41bac 100644
--- a/src/guide/essentials/list.md
+++ b/src/guide/essentials/list.md
@@ -1,4 +1,4 @@
-# List Rendering
+# List Rendering {#list-rendering}
 
 <div class="options-api">
   <VueSchoolLink href="https://vueschool.io/lessons/list-rendering-in-vue-3" title="Free Vue.js List Rendering Lesson"/>
@@ -8,7 +8,7 @@
   <VueSchoolLink href="https://vueschool.io/lessons/vue-fundamentals-capi-list-rendering-in-vue" title="Free Vue.js List Rendering Lesson"/>
 </div>
 
-## `v-for`
+## `v-for` {#v-for}
 
 We can use the `v-for` directive to render a list of items based on an array. The `v-for` directive requires a special syntax in the form of `item in items`, where `items` is the source data array and `item` is an **alias** for the array element being iterated on:
 
@@ -79,12 +79,12 @@ const items = [{ message: 'Foo' }, { message: 'Bar' }]
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgcGFyZW50TWVzc2FnZSA9IHJlZignUGFyZW50JylcbmNvbnN0IGl0ZW1zID0gcmVmKFt7IG1lc3NhZ2U6ICdGb28nIH0sIHsgbWVzc2FnZTogJ0JhcicgfV0pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8bGkgdi1mb3I9XCIoaXRlbSwgaW5kZXgpIGluIGl0ZW1zXCI+XG4gIFx0e3sgcGFyZW50TWVzc2FnZSB9fSAtIHt7IGluZGV4IH19IC0ge3sgaXRlbS5tZXNzYWdlIH19XG5cdDwvbGk+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNpdTsuqwjAQ/ZVDNlFQu5d64bpwJ7g3LopOJdAmIRlFCPl3p60PcDWcM+eV1X8Iq/uN1FrV6RxtYCTiW/gzzvbBR0ZGpBYFbfQ9tEi1ccadvUuM0ERyvKeUmithMyhn+jCSev4WWaY+vZ7HjH5Sr6F33muUhTR8uW0ThTuJua6mPbJEgGSErmEaENedxX3Z+rgxajbEL2DdhR5zOVOdUSIEDOf8M7IULCHsaPgiMa1eK4QcS6rOSkhdfapVeQLQEWnH)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgXHRyZXR1cm4ge1xuXHQgICAgcGFyZW50TWVzc2FnZTogJ1BhcmVudCcsXG4gICAgXHRpdGVtczogW3sgbWVzc2FnZTogJ0ZvbycgfSwgeyBtZXNzYWdlOiAnQmFyJyB9XVxuICBcdH1cblx0fVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGxpIHYtZm9yPVwiKGl0ZW0sIGluZGV4KSBpbiBpdGVtc1wiPlxuICBcdHt7IHBhcmVudE1lc3NhZ2UgfX0gLSB7eyBpbmRleCB9fSAtIHt7IGl0ZW0ubWVzc2FnZSB9fVxuXHQ8L2xpPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpVTssKwjAQ/JUllyr0cS9V0IM3wbvxEOxWAm0a0m0phPy7m1aqhpDsDLMz48XJ2nwaUZSiGp5OWzpKg7PtHUGNjRpbAi8NQK1I7fbrLMkhjc5EJAn4WOXQ0BWHQb2whOS24CSN6qjXhN1Qwt1Dt2kufZ9ASOGXOyvH3GMNCdGdH75VsZVjwGa2VYQRUdVqmLKmdwcpdjEnBW1qnPf8wZIrBQujoff/RSEEyIDZZeGLeCn/dGJyCSlazSZVsUWL8AYme21i)
 
 </div>
 
@@ -132,9 +132,9 @@ You can also use `of` as the delimiter instead of `in`, so that it is closer to
 <div v-for="item of items"></div>
 ```
 
-## `v-for` with an Object
+## `v-for` with an Object {#v-for-with-an-object}
 
-You can also use `v-for` to iterate through the properties of an object.
+You can also use `v-for` to iterate through the properties of an object. The iteration order will be based on the result of calling `Object.values()` on the object:
 
 <div class="composition-api">
 
@@ -189,20 +189,16 @@ And another for the index:
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlYWN0aXZlIH0gZnJvbSAndnVlJ1xuXG5jb25zdCBteU9iamVjdCA9IHJlYWN0aXZlKHtcbiAgdGl0bGU6ICdIb3cgdG8gZG8gbGlzdHMgaW4gVnVlJyxcbiAgYXV0aG9yOiAnSmFuZSBEb2UnLFxuICBwdWJsaXNoZWRBdDogJzIwMTYtMDQtMTAnXG59KVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PHVsPlxuICAgIDxsaSB2LWZvcj1cIih2YWx1ZSwga2V5LCBpbmRleCkgaW4gbXlPYmplY3RcIj5cblx0XHQgIHt7IGluZGV4IH19LiB7eyBrZXkgfX06IHt7IHZhbHVlIH19XG5cdFx0PC9saT5cbiAgPC91bD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNo9jjFvgzAQhf/KE0sSCQKpqg7IqRSpQ9WlWycvBC6KW2NbcKaNEP+9B7Tx4nt33917Y3IKYT9ESspE9XVnAqMnjuFZO9MG3zFGdFTVbAbChEvnW2yE32inXe1dz2hv7+dPqhnHO7kdtQPYsKUSm1f/DfZoPKzpuYdx+JAL6cxUka++E+itcoQX/9cO8SzslZoTy+yhODxlxWN2KMR22mmn8jWrpBTB1AZbMc2KVbTyQ56yBkN28d1RJ9uhspFSfNEtFf+GfnZzjP/oOll2NQPjuM4xTftZyIaU5VwuN0SsqMqtWZxUvliq/J4jmX4BTCp08A==)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgXHRyZXR1cm4ge1xuXHQgICAgbXlPYmplY3Q6IHtcbiAgXHQgICAgdGl0bGU6ICdIb3cgdG8gZG8gbGlzdHMgaW4gVnVlJyxcblx0ICAgICAgYXV0aG9yOiAnSmFuZSBEb2UnLFxuICAgICAgXHRwdWJsaXNoZWRBdDogJzIwMTYtMDQtMTAnXG4gICAgXHR9XG4gIFx0fVxuXHR9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8dWw+XG4gICAgPGxpIHYtZm9yPVwiKHZhbHVlLCBrZXksIGluZGV4KSBpbiBteU9iamVjdFwiPlxuXHRcdCAge3sgaW5kZXggfX0uIHt7IGtleSB9fToge3sgdmFsdWUgfX1cblx0XHQ8L2xpPlxuICA8L3VsPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNo9T8FqwzAM/RWRS1pImnSMHYI3KOwwdtltJ1/cRqXe3Ng4ctYS8u+TbVJjLD3rPelpLg7O7aaARVeI8eS1ozc54M1ZT9DjWQVDMMsBoFekNtucS/JIwQ8RSQI+1/vX8QdP1K2E+EmaDHZQftg/IAu9BaNHGkEP8B2wrFYxgAp0sZ6pn2pAeLepmEuSXDiy7oL9gduXT+3+pW6f631bZoqkJY/kkB6+onnswoDw6owijIhEMByjUBgNU322/lUWm0mZgBX84r1ifz3ettHmupYskjbanedch2XZRcAKTnnvGVIPBpkqGqPTJNGkkaJ5+CiWf4KkfBs=)
 
 </div>
 
-:::tip Note
-When iterating over an object, the order is based on the enumeration order of `Object.keys()`, which isn't guaranteed to be consistent across JavaScript engine implementations.
-:::
-
-## `v-for` with a Range
+## `v-for` with a Range {#v-for-with-a-range}
 
 `v-for` can also take an integer. In this case it will repeat the template that many times, based on a range of `1...n`.
 
@@ -212,7 +208,7 @@ When iterating over an object, the order is based on the enumeration order of `O
 
 Note here `n` starts with an initial value of `1` instead of `0`.
 
-## `v-for` on `<template>`
+## `v-for` on `<template>` {#v-for-on-template}
 
 Similar to template `v-if`, you can also use a `<template>` tag with `v-for` to render a block of multiple elements. For example:
 
@@ -225,11 +221,7 @@ Similar to template `v-if`, you can also use a `<template>` tag with `v-for` to
 </ul>
 ```
 
-## `v-for` with `v-if`
-
-:::warning Note
-It's **not** recommended to use `v-if` and `v-for` on the same element due to implicit precedence. Refer to [style guide](/style-guide/rules-essential.html#avoid-v-if-with-v-for) for details.
-:::
+## `v-for` with `v-if` {#v-for-with-v-if}
 
 When they exist on the same node, `v-if` has a higher priority than `v-for`. That means the `v-if` condition will not have access to variables from the scope of the `v-for`:
 
@@ -253,7 +245,17 @@ This can be fixed by moving `v-for` to a wrapping `<template>` tag (which is als
 </template>
 ```
 
-## Maintaining State with `key`
+:::warning Note
+It's **not** recommended to use `v-if` and `v-for` on the same element due to implicit precedence.
+
+There are two common cases where this can be tempting:
+
+- To filter items in a list (e.g. `v-for="user in users" v-if="user.isActive"`). In these cases, replace `users` with a new computed property that returns your filtered list (e.g. `activeUsers`).
+
+- To avoid rendering a list if it should be hidden (e.g. `v-for="user in users" v-if="shouldShowUsers"`). In these cases, move the `v-if` to a container element (e.g. `ul`, `ol`).
+:::
+
+## Maintaining State with `key` {#maintaining-state-with-key}
 
 When Vue is updating a list of elements rendered with `v-for`, by default it uses an "in-place patch" strategy. If the order of the data items has changed, instead of moving the DOM elements to match the order of the items, Vue will patch each element in-place and make sure it reflects what should be rendered at that particular index.
 
@@ -279,49 +281,49 @@ When using `<template v-for>`, the `key` should be placed on the `<template>` co
 `key` here is a special attribute being bound with `v-bind`. It should not be confused with the property key variable when [using `v-for` with an object](#v-for-with-an-object).
 :::
 
-[It is recommended](/style-guide/rules-essential.html#use-keyed-v-for) to provide a `key` attribute with `v-for` whenever possible, unless the iterated DOM content is simple (i.e. contains no components or stateful DOM elements), or you are intentionally relying on the default behavior for performance gains.
+It is recommended to provide a `key` attribute with `v-for` whenever possible, unless the iterated DOM content is simple (i.e. contains no components or stateful DOM elements), or you are intentionally relying on the default behavior for performance gains.
 
-The `key` binding expects primitive values - i.e. strings and numbers. Do not use objects as `v-for` keys. For detailed usage of the `key` attribute, please see the [`key` API documentation](/api/built-in-special-attributes.html#key).
+The `key` binding expects primitive values - i.e. strings and numbers. Do not use objects as `v-for` keys. For detailed usage of the `key` attribute, please see the [`key` API documentation](/api/built-in-special-attributes#key).
 
-## `v-for` with a Component
+## `v-for` with a Component {#v-for-with-a-component}
 
 > This section assumes knowledge of [Components](/guide/essentials/component-basics). Feel free to skip it and come back later.
 
 You can directly use `v-for` on a component, like any normal element (don't forget to provide a `key`):
 
 ```vue-html
-<my-component v-for="item in items" :key="item.id"></my-component>
+<MyComponent v-for="item in items" :key="item.id" />
 ```
 
 However, this won't automatically pass any data to the component, because components have isolated scopes of their own. In order to pass the iterated data into the component, we should also use props:
 
 ```vue-html
-<my-component
+<MyComponent
   v-for="(item, index) in items"
   :item="item"
   :index="index"
   :key="item.id"
-></my-component>
+/>
 ```
 
 The reason for not automatically injecting `item` into the component is because that makes the component tightly coupled to how `v-for` works. Being explicit about where its data comes from makes the component reusable in other situations.
 
 <div class="composition-api">
 
-Check out [this example of a simple todo list](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcbmltcG9ydCBUb2RvSXRlbSBmcm9tICcuL1RvZG9JdGVtLnZ1ZSdcbiAgXG5jb25zdCBuZXdUb2RvVGV4dCA9IHJlZignJylcbmNvbnN0IHRvZG9zID0gcmVmKFtcbiAge1xuICAgIGlkOiAxLFxuICAgIHRpdGxlOiAnRG8gdGhlIGRpc2hlcydcbiAgfSxcbiAge1xuICAgIGlkOiAyLFxuICAgIHRpdGxlOiAnVGFrZSBvdXQgdGhlIHRyYXNoJ1xuICB9LFxuICB7XG4gICAgaWQ6IDMsXG4gICAgdGl0bGU6ICdNb3cgdGhlIGxhd24nXG4gIH1cbl0pXG5cbmxldCBuZXh0VG9kb0lkID0gNFxuXG5mdW5jdGlvbiBhZGROZXdUb2RvKCkge1xuICB0b2Rvcy52YWx1ZS5wdXNoKHtcbiAgICBpZDogbmV4dFRvZG9JZCsrLFxuICAgIHRpdGxlOiBuZXdUb2RvVGV4dC52YWx1ZVxuICB9KVxuICBuZXdUb2RvVGV4dC52YWx1ZSA9ICcnXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHQ8Zm9ybSB2LW9uOnN1Ym1pdC5wcmV2ZW50PVwiYWRkTmV3VG9kb1wiPlxuICAgIDxsYWJlbCBmb3I9XCJuZXctdG9kb1wiPkFkZCBhIHRvZG88L2xhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgdi1tb2RlbD1cIm5ld1RvZG9UZXh0XCJcbiAgICAgIGlkPVwibmV3LXRvZG9cIlxuICAgICAgcGxhY2Vob2xkZXI9XCJFLmcuIEZlZWQgdGhlIGNhdFwiXG4gICAgLz5cbiAgICA8YnV0dG9uPkFkZDwvYnV0dG9uPlxuICA8L2Zvcm0+XG4gIDx1bD5cbiAgICA8dG9kby1pdGVtXG4gICAgICB2LWZvcj1cIih0b2RvLCBpbmRleCkgaW4gdG9kb3NcIlxuICAgICAgOmtleT1cInRvZG8uaWRcIlxuICAgICAgOnRpdGxlPVwidG9kby50aXRsZVwiXG4gICAgICBAcmVtb3ZlPVwidG9kb3Muc3BsaWNlKGluZGV4LCAxKVwiXG4gICAgPjwvdG9kby1pdGVtPlxuICA8L3VsPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiVG9kb0l0ZW0udnVlIjoiPHNjcmlwdCBzZXR1cD5cbmRlZmluZVByb3BzKFsndGl0bGUnXSlcbmRlZmluZUVtaXRzKFsncmVtb3ZlJ10pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8bGk+XG4gICAge3sgdGl0bGUgfX1cbiAgICA8YnV0dG9uIEBjbGljaz1cIiRlbWl0KCdyZW1vdmUnKVwiPlJlbW92ZTwvYnV0dG9uPlxuICA8L2xpPlxuPC90ZW1wbGF0ZT4ifQ==) to see how to render a list of components using `v-for`, passing different data to each instance.
+Check out [this example of a simple todo list](https://play.vuejs.org/#eNp1U8Fu2zAM/RXCGGAHTWx02ylwgxZYB+ywYRhyq3dwLGYRYkuCJTsZjPz7KMmK3ay9JBQfH/meKA/Rk1Jp32G0jnJdtVwZ0Gg6tSkEb5RsDQzQ4h4usG9lAzGVxldoK5n8ZrAZsTQLCduRygAKUUmhDQg8WWyLZwMPtmESx4sAGkL0mH6xrMH+AHC2hvuljw03Na4h/iLBHBAY1wfUbsTFVcwoH28o2/KIIDuaQ0TTlvrwNu/TDe+7PDlKXZ6EZxTiN4kuRI3W0dk4u4yUf7bZfScqw6WAkrEf3m+y8AOcw7Qv6w5T1elDMhs7Nbq7e61gdmme60SQAvgfIhExiSSJeeb3SBukAy1D1aVBezL5XrYN9Csp1rrbNdykqsUehXkookl0EVGxlZHX5Q5rIBLhNHFlbRD6xBiUzlOeuZJQz4XqjI+BxjSSYe2pQWwRBZizV01DmsRWeJA1Qzv0Of2TwldE5hZRlVd+FkbuOmOksJLybIwtkmfWqg+7qz47asXpSiaN3lxikSVwwfC8oD+/sEnV+oh/qcxmU85mebepgLjDBD622Mg+oDrVquYVJm7IEu4XoXKTZ1dho3gnmdJhedEymn9ab3ysDPdc4M9WKp28xE5JbB+rzz/Trm3eK3LAu8/E7p2PNzYM/i3ChR7W7L7hsSIvR7L2Aal1EhqTp80vF95sw3WcG7r8A0XaeME=) to see how to render a list of components using `v-for`, passing different data to each instance.
 
 </div>
 <div class="options-api">
 
-Check out [this example of a simple todo list](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBUb2RvSXRlbSBmcm9tICcuL1RvZG9JdGVtLnZ1ZSdcbiAgXG5leHBvcnQgZGVmYXVsdCB7XG4gIGNvbXBvbmVudHM6IHsgVG9kb0l0ZW0gfSxcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbmV3VG9kb1RleHQ6ICcnLFxuICAgICAgdG9kb3M6IFtcbiAgICAgICAge1xuICAgICAgICAgIGlkOiAxLFxuICAgICAgICAgIHRpdGxlOiAnRG8gdGhlIGRpc2hlcydcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIGlkOiAyLFxuICAgICAgICAgIHRpdGxlOiAnVGFrZSBvdXQgdGhlIHRyYXNoJ1xuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgaWQ6IDMsXG4gICAgICAgICAgdGl0bGU6ICdNb3cgdGhlIGxhd24nXG4gICAgICAgIH1cbiAgICAgIF0sXG4gICAgICBuZXh0VG9kb0lkOiA0XG4gICAgfVxuICB9LFxuICBtZXRob2RzOiB7XG4gICAgYWRkTmV3VG9kbygpIHtcbiAgICAgIHRoaXMudG9kb3MucHVzaCh7XG4gICAgICAgIGlkOiB0aGlzLm5leHRUb2RvSWQrKyxcbiAgICAgICAgdGl0bGU6IHRoaXMubmV3VG9kb1RleHRcbiAgICAgIH0pXG4gICAgICB0aGlzLm5ld1RvZG9UZXh0ID0gJydcbiAgICB9XG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxmb3JtIHYtb246c3VibWl0LnByZXZlbnQ9XCJhZGROZXdUb2RvXCI+XG4gICAgPGxhYmVsIGZvcj1cIm5ldy10b2RvXCI+QWRkIGEgdG9kbzwvbGFiZWw+XG4gICAgPGlucHV0XG4gICAgICB2LW1vZGVsPVwibmV3VG9kb1RleHRcIlxuICAgICAgaWQ9XCJuZXctdG9kb1wiXG4gICAgICBwbGFjZWhvbGRlcj1cIkUuZy4gRmVlZCB0aGUgY2F0XCJcbiAgICAvPlxuICAgIDxidXR0b24+QWRkPC9idXR0b24+XG4gIDwvZm9ybT5cbiAgPHVsPlxuICAgIDx0b2RvLWl0ZW1cbiAgICAgIHYtZm9yPVwiKHRvZG8sIGluZGV4KSBpbiB0b2Rvc1wiXG4gICAgICA6a2V5PVwidG9kby5pZFwiXG4gICAgICA6dGl0bGU9XCJ0b2RvLnRpdGxlXCJcbiAgICAgIEByZW1vdmU9XCJ0b2Rvcy5zcGxpY2UoaW5kZXgsIDEpXCJcbiAgICA+PC90b2RvLWl0ZW0+XG4gIDwvdWw+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJUb2RvSXRlbS52dWUiOiI8c2NyaXB0PlxuZXhwb3J0IGRlZmF1bHQge1xuXHRwcm9wczogWyd0aXRsZSddLFxuICBlbWl0czogWydyZW1vdmUnXVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGxpPlxuICAgIHt7IHRpdGxlIH19XG4gICAgPGJ1dHRvbiBAY2xpY2s9XCIkZW1pdCgncmVtb3ZlJylcIj5SZW1vdmU8L2J1dHRvbj5cbiAgPC9saT5cbjwvdGVtcGxhdGU+In0=) to see how to render a list of components using `v-for`, passing different data to each instance.
+Check out [this example of a simple todo list](https://play.vuejs.org/#eNqNVE2PmzAQ/SsjVIlEm4C27Qmx0a7UVuqhPVS5lT04eFKsgG2BSVJF+e8d2xhIu10tihR75s2bNx9wiZ60To49RlmUd2UrtNkUUjRatQa2iquvBhvYt6qBOEmDwQbEhQQoJJ4dlOOe9bWBi7WWiuIlStNlcJlYrivr5MywxdIDAVo0fSvDDUDiyeK3eDYZxLGLsI8hI7H9DHeYQuwjeAb3I9gFCFMjUXxSYCoELroKO6fZP17Mf6jev0i1ZQcE1RtHaFrWVW/l+/Ai3zd1clQ1O8k5Uzg+j1HUZePaSFwfvdGhfNIGTaW47bV3Mc6/+zZOfaaslegS18ZE9121mIm0Ep17ynN3N5M8CB4g44AC4Lq8yTFDwAPNcK63kPTL03HR6EKboWtm0N5MvldtA8e1klnX7xphEt3ikTbpoYimsoqIwJY0r9kOa6Ag8lPeta2PvE+cA3M7k6cOEvBC6n7UfVw3imPtQ8eiouAW/IY0mElsiZWqOdqkn5NfCXxB5G6SJRvj05By1xujpJWUp8PZevLUluqP/ajPploLasmk0Re3sJ4VCMnxvKQ//0JMqrID/iaYtSaCz+xudsHjLpPzscVGHYO3SzpdixIXLskK7pcBucnTUdgg3kkmcxhetIrmH4ebr8m/n4jC6FZp+z7HTlLsVx1p4M7odcXPr6+Lnb8YOne5+C2F6/D6DH2Hx5JqOlCJ7yz7IlBTbZsf7vjXVBzjvLDrH5T0lgo=) to see how to render a list of components using `v-for`, passing different data to each instance.
 
 </div>
 
-## Array Change Detection
+## Array Change Detection {#array-change-detection}
 
-### Mutation Methods
+### Mutation Methods {#mutation-methods}
 
-Vue wraps an observed array's mutation methods so they will also trigger view updates. The wrapped methods are:
+Vue is able to detect when a reactive array's mutation methods are called and trigger necessary updates. These mutation methods are:
 
 - `push()`
 - `pop()`
@@ -331,14 +333,14 @@ Vue wraps an observed array's mutation methods so they will also trigger view up
 - `sort()`
 - `reverse()`
 
-### Replacing an Array
+### Replacing an Array {#replacing-an-array}
 
 Mutation methods, as the name suggests, mutate the original array they are called on. In comparison, there are also non-mutating methods, e.g. `filter()`, `concat()` and `slice()`, which do not mutate the original array but **always return a new array**. When working with non-mutating methods, we should replace the old array with the new one:
 
 <div class="composition-api">
 
 ```js
-// `item` is a ref with array value
+// `items` is a ref with array value
 items.value = items.value.filter((item) => item.message.match(/Foo/))
 ```
 
@@ -353,7 +355,7 @@ this.items = this.items.filter((item) => item.message.match(/Foo/))
 
 You might think this will cause Vue to throw away the existing DOM and re-render the entire list - luckily, that is not the case. Vue implements some smart heuristics to maximize DOM element reuse, so replacing an array with another array containing overlapping objects is a very efficient operation.
 
-## Displaying Filtered/Sorted Results
+## Displaying Filtered/Sorted Results {#displaying-filtered-sorted-results}
 
 Sometimes we want to display a filtered or sorted version of an array without actually mutating or resetting the original data. In this case, you can create a computed property that returns the filtered or sorted array.
 
diff --git a/src/guide/essentials/reactivity-fundamentals.md b/src/guide/essentials/reactivity-fundamentals.md
index e091312378..ee38d11a77 100644
--- a/src/guide/essentials/reactivity-fundamentals.md
+++ b/src/guide/essentials/reactivity-fundamentals.md
@@ -2,17 +2,17 @@
 outline: deep
 ---
 
-# Reactivity Fundamentals
+# Reactivity Fundamentals {#reactivity-fundamentals}
 
 :::tip API Preference
-This page and many other chapters later in the guide contain different content for Options API and Composition API. Your current preference is <span class="options-api">Options API</span><span class="composition-api">Composition API</span>. You can toggle between the API styles using the "API Preference" switches at the top of the left sidebar.
+This page and many other chapters later in the guide contain different content for the Options API and the Composition API. Your current preference is <span class="options-api">Options API</span><span class="composition-api">Composition API</span>. You can toggle between the API styles using the "API Preference" switches at the top of the left sidebar.
 :::
 
-## Declaring Reactive State
-
 <div class="options-api">
 
-With Options API, we use the `data` option to declare reactive state of a component. The option value should be a function that returns an object. Vue will call the function when creating a new component instance, and wrap the returned object in its reactivity system. Any top-level properties of this object are proxied on the component instance (`this` in methods and lifecycle hooks):
+## Declaring Reactive State \* {#declaring-reactive-state}
+
+With the Options API, we use the `data` option to declare reactive state of a component. The option value should be a function that returns an object. Vue will call the function when creating a new component instance, and wrap the returned object in its reactivity system. Any top-level properties of this object are proxied on the component instance (`this` in methods and lifecycle hooks):
 
 ```js{2-6}
 export default {
@@ -33,7 +33,7 @@ export default {
 }
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgY291bnQ6IDFcbiAgICB9XG4gIH0sXG5cbiAgLy8gYG1vdW50ZWRgIGlzIGEgbGlmZWN5Y2xlIGhvb2sgd2hpY2ggd2Ugd2lsbCBleHBsYWluIGxhdGVyXG4gIG1vdW50ZWQoKSB7XG4gICAgLy8gYHRoaXNgIHJlZmVycyB0byB0aGUgY29tcG9uZW50IGluc3RhbmNlLlxuICAgIGNvbnNvbGUubG9nKHRoaXMuY291bnQpIC8vID0+IDFcblxuICAgIC8vIGRhdGEgY2FuIGJlIG11dGF0ZWQgYXMgd2VsbFxuICAgIHRoaXMuY291bnQgPSAyXG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIENvdW50IGlzOiB7eyBjb3VudCB9fVxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpFUNFqhDAQ/JXBpzsoHu2j3B2U/oYPpnGtoetGkrW2iP/eRFsPApthd2Zndilex7H8mqioimu0wY16r4W+Rx8ULXVmYsVSC9AaNafz/gcC6RTkHwHWT6IVnne85rI+1ZLr5YJmyG1qG7gIA3Yd2R/LhN77T8y9sz1mwuyYkXazcQI2SiHz/7iP3VlQexeb5KKjEKEe2lPyMIxeSBROohqxVO4E6yV6ppL9xykTy83tOQvd7tnzoZtDwhrBO2GYNFloYWLyxrzPPOi44WWLWUt618txvASUhhRCKSHgbZt2scKy7HfCujGOqWL9BVfOgyI=)
 
 These instance properties are only added when the instance is first created, so you need to ensure they are all present in the object returned by the `data` function. Where necessary, use `null`, `undefined` or some other placeholder value for properties where the desired value isn't yet available.
 
@@ -41,7 +41,7 @@ It is possible to add a new property directly to `this` without including it in
 
 Vue uses a `$` prefix when exposing its own built-in APIs via the component instance. It also reserves the prefix `_` for internal properties. You should avoid using names for top-level `data` properties that start with either of these characters.
 
-### Reactive Proxy vs. Original \*
+### Reactive Proxy vs. Original \* {#reactive-proxy-vs-original}
 
 In Vue 3, data is made reactive by leveraging [JavaScript Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy). Users coming from Vue 2 should be aware of the following edge case:
 
@@ -67,103 +67,162 @@ When you access `this.someObject` after assigning it, the value is a reactive pr
 
 <div class="composition-api">
 
-We can create a reactive object or array with the [`reactive()`](/api/reactivity-core.html#reactive) function:
+## Declaring Reactive State \*\* {#declaring-reactive-state-1}
+
+### `ref()` \*\* {#ref}
+
+In Composition API, the recommended way to declare reactive state is using the [`ref()`](/api/reactivity-core#ref) function:
 
 ```js
-import { reactive } from 'vue'
+import { ref } from 'vue'
 
-const state = reactive({ count: 0 })
+const count = ref(0)
 ```
 
-Reactive objects are [JavaScript Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) and behave just like normal objects. The difference is that Vue is able to track the property access and mutations of a reactive object. If you are curious about the details, we explain how Vue's reactivity system works in [Reactivity in Depth](/guide/extras/reactivity-in-depth.html) - but we recommend reading it after you have finished the main guide.
+`ref()` takes the argument and returns it wrapped within a ref object with a `.value` property:
+
+```js
+const count = ref(0)
+
+console.log(count) // { value: 0 }
+console.log(count.value) // 0
+
+count.value++
+console.log(count.value) // 1
+```
 
-See also: [Typing Reactive](/guide/typescript/composition-api.html#typing-reactive) <sup class="vt-badge ts" />
+> See also: [Typing Refs](/guide/typescript/composition-api#typing-ref) <sup class="vt-badge ts" />
 
-To use reactive state in a component's template, declare and return them from a component's `setup()` function:
+To access refs in a component's template, declare and return them from a component's `setup()` function:
 
 ```js{5,9-11}
-import { reactive } from 'vue'
+import { ref } from 'vue'
 
 export default {
-  // `setup` is a special hook dedicated for composition API.
+  // `setup` is a special hook dedicated for the Composition API.
   setup() {
-    const state = reactive({ count: 0 })
+    const count = ref(0)
 
-    // expose the state to the template
+    // expose the ref to the template
     return {
-      state
+      count
     }
   }
 }
 ```
 
 ```vue-html
-<div>{{ state.count }}</div>
+<div>{{ count }}</div>
 ```
 
-Similarly, we can declare functions that mutate reactive state in the same scope, and expose it as a method alongside the state:
+Notice that we did **not** need to append `.value` when using the ref in the template. For convenience, refs are automatically unwrapped when used inside templates (with a few [caveats](#caveat-when-unwrapping-in-templates)).
 
-```js{7-9,14}
-import { reactive } from 'vue'
+You can also mutate a ref directly in event handlers:
+
+```vue-html{1}
+<button @click="count++">
+  {{ count }}
+</button>
+```
+
+For more complex logic, we can declare functions that mutate refs in the same scope and expose them as methods alongside the state:
+
+```js{7-10,15}
+import { ref } from 'vue'
 
 export default {
   setup() {
-    const state = reactive({ count: 0 })
+    const count = ref(0)
 
     function increment() {
-      state.count++
+      // .value is needed in JavaScript
+      count.value++
     }
 
     // don't forget to expose the function as well.
     return {
-      state,
+      count,
       increment
     }
   }
 }
 ```
 
-Exposed methods are typically used as event listeners:
+Exposed methods can then be used as event handlers:
 
-```vue-html
+```vue-html{1}
 <button @click="increment">
-  {{ state.count }}
+  {{ count }}
 </button>
 ```
 
-### `<script setup>` \*\*
+Here's the example live on [Codepen](https://codepen.io/vuejs-examples/pen/WNYbaqo), without using any build tools.
 
-Manually exposing state and methods via `setup()` can be verbose. Luckily, it is only necessary when not using a build step. When using Single-File Components (SFCs), we can greatly simplify the usage with `<script setup>`:
+### `<script setup>` \*\* {#script-setup}
 
-```vue
+Manually exposing state and methods via `setup()` can be verbose. Luckily, it can be avoided when using [Single-File Components (SFCs)](/guide/scaling-up/sfc). We can simplify the usage with `<script setup>`:
+
+```vue{1}
 <script setup>
-import { reactive } from 'vue'
+import { ref } from 'vue'
 
-const state = reactive({ count: 0 })
+const count = ref(0)
 
 function increment() {
-  state.count++
+  count.value++
 }
 </script>
 
 <template>
   <button @click="increment">
-    {{ state.count }}
+    {{ count }}
   </button>
 </template>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlYWN0aXZlIH0gZnJvbSAndnVlJ1xuXG5jb25zdCBzdGF0ZSA9IHJlYWN0aXZlKHsgY291bnQ6IDAgfSlcblxuZnVuY3Rpb24gaW5jcmVtZW50KCkge1xuICBzdGF0ZS5jb3VudCsrXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8YnV0dG9uIEBjbGljaz1cImluY3JlbWVudFwiPlxuICAgIHt7IHN0YXRlLmNvdW50IH19XG4gIDwvYnV0dG9uPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNo9jUEKgzAQRa8yZKMiaNcllvYe2dgwQqiZhDhxE3L3jrW4/DPvv1/UK8Zhz6juSm82uciwIef4MOR8DImhQMIFKiwpeGgEbQwZsoE2BhsyMUwH0d66475ksuwCgSOb0CNx20ExBCc77POase8NVUN6PBdlSwKjj+vMKAlAvzOzWJ52dfYzGXXpjPoBAKX856uopDGeFfnq8XKp+gWq4FAi)
 
-Top-level imports and variables declared in `<script setup>` are automatically usable in the template of the same component.
+Top-level imports, variables and functions declared in `<script setup>` are automatically usable in the template of the same component. Think of the template as a JavaScript function declared in the same scope - it naturally has access to everything declared alongside it.
 
-> For the rest of the guide, we will be primarily using SFC + `<script setup>` syntax for Composition API code examples, as that is the most common usage for Vue developers.
+:::tip
+For the rest of the guide, we will be primarily using SFC + `<script setup>` syntax for the Composition API code examples, as that is the most common usage for Vue developers.
+
+If you are not using SFC, you can still use Composition API with the [`setup()`](/api/composition-api-setup) option.
+:::
 
+### Why Refs? \*\* {#why-refs}
+
+You might be wondering why we need refs with the `.value` instead of plain variables. To explain that, we will need to briefly discuss how Vue's reactivity system works.
+
+When you use a ref in a template, and change the ref's value later, Vue automatically detects the change and updates the DOM accordingly. This is made possible with a dependency-tracking based reactivity system. When a component is rendered for the first time, Vue **tracks** every ref that was used during the render. Later on, when a ref is mutated, it will **trigger** a re-render for components that are tracking it.
+
+In standard JavaScript, there is no way to detect the access or mutation of plain variables. However, we can intercept the get and set operations of an object's properties using getter and setter methods.
+
+The `.value` property gives Vue the opportunity to detect when a ref has been accessed or mutated. Under the hood, Vue performs the tracking in its getter, and performs triggering in its setter. Conceptually, you can think of a ref as an object that looks like this:
+
+```js
+// pseudo code, not actual implementation
+const myRef = {
+  _value: 0,
+  get value() {
+    track()
+    return this._value
+  },
+  set value(newValue) {
+    this._value = newValue
+    trigger()
+  }
+}
+```
+
+Another nice trait of refs is that unlike plain variables, you can pass refs into functions while retaining access to the latest value and the reactivity connection. This is particularly useful when refactoring complex logic into reusable code.
+
+The reactivity system is discussed in more details in the [Reactivity in Depth](/guide/extras/reactivity-in-depth) section.
 </div>
 
 <div class="options-api">
 
-## Declaring Methods \*
+## Declaring Methods \* {#declaring-methods}
 
 <VueSchoolLink href="https://vueschool.io/lessons/methods-in-vue-3" title="Free Vue.js Methods Lesson"/>
 
@@ -206,57 +265,18 @@ Just like all other properties of the component instance, the `methods` are acce
 <button @click="increment">{{ count }}</button>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgY291bnQ6IDBcbiAgICB9XG4gIH0sXG4gIG1ldGhvZHM6IHtcbiAgICBpbmNyZW1lbnQoKSB7XG4gICAgICB0aGlzLmNvdW50KytcbiAgICB9XG4gIH0sXG4gIG1vdW50ZWQoKSB7XG4gICAgdGhpcy5pbmNyZW1lbnQoKVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8YnV0dG9uIEBjbGljaz1cImluY3JlbWVudFwiPnt7IGNvdW50IH19PC9idXR0b24+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNplj9EKwyAMRX8l+LSx0e65uLL9hy+dZlTWqtg4BuK/z1baDgZicsPJgUR2d656B2QN45P02lErDH6c9QQKn10YCKIwAKqj7nAsPYBHCt6sCUDaYKiBS8lpLuk8/yNSb9XUrKg20uOIhnYXAPV6qhbF6fRvmOeodn6hfzwLKkx+vN5OyIFwdENHmBMAfwQia+AmBy1fV8E2gWBtjOUASInXBcxLvN4MLH0BCe1i4Q==)
 
 In the example above, the method `increment` will be called when the `<button>` is clicked.
 
 </div>
 
-### DOM Update Timing
-
-When you mutate reactive state, the DOM is updated automatically. However, it should be noted that the DOM updates are not applied synchronously. Instead, Vue buffers them until the "next tick" in the update cycle to ensure that each component needs to update only once no matter how many state changes you have made.
-
-To wait for the DOM update to complete after a state change, you can use the [nextTick()](/api/general.html#nexttick) global API:
-
-<div class="composition-api">
-
-```js
-import { nextTick } from 'vue'
-
-function increment() {
-  count.value++
-  nextTick(() => {
-    // access updated DOM
-  })
-}
-```
+### Deep Reactivity {#deep-reactivity}
 
-</div>
 <div class="options-api">
 
-```js
-import { nextTick } from 'vue'
-
-export default {
-  methods: {
-    increment() {
-      this.count++
-      nextTick(() => {
-        // access updated DOM
-      })
-    }
-  }
-}
-```
-
-</div>
-
-### Deep Reactivity
-
 In Vue, state is deeply reactive by default. This means you can expect changes to be detected even when you mutate nested objects or arrays:
 
-<div class="options-api">
-
 ```js
 export default {
   data() {
@@ -281,28 +301,100 @@ export default {
 
 <div class="composition-api">
 
+Refs can hold any value type, including deeply nested objects, arrays, or JavaScript built-in data structures like `Map`.
+
+A ref will make its value deeply reactive. This means you can expect changes to be detected even when you mutate nested objects or arrays:
+
 ```js
-import { reactive } from 'vue'
+import { ref } from 'vue'
 
-const obj = reactive({
+const obj = ref({
   nested: { count: 0 },
   arr: ['foo', 'bar']
 })
 
 function mutateDeeply() {
   // these will work as expected.
-  obj.nested.count++
-  obj.arr.push('baz')
+  obj.value.nested.count++
+  obj.value.arr.push('baz')
 }
 ```
 
+Non-primitive values are turned into reactive proxies via [`reactive()`](#reactive), which is discussed below.
+
+It is also possible to opt-out of deep reactivity with [shallow refs](/api/reactivity-advanced#shallowref). For shallow refs, only `.value` access is tracked for reactivity. Shallow refs can be used for optimizing performance by avoiding the observation cost of large objects, or in cases where the inner state is managed by an external library.
+
+Further reading:
+
+- [Reduce Reactivity Overhead for Large Immutable Structures](/guide/best-practices/performance#reduce-reactivity-overhead-for-large-immutable-structures)
+- [Integration with External State Systems](/guide/extras/reactivity-in-depth#integration-with-external-state-systems)
+
 </div>
 
-It is also possible to explicitly create [shallow reactive objects](/api/reactivity-advanced.html#shallowreactive) where the reactivity is only tracked at the root-level, however they are typically only needed in advanced use cases.
+### DOM Update Timing {#dom-update-timing}
+
+When you mutate reactive state, the DOM is updated automatically. However, it should be noted that the DOM updates are not applied synchronously. Instead, Vue buffers them until the "next tick" in the update cycle to ensure that each component updates only once no matter how many state changes you have made.
+
+To wait for the DOM update to complete after a state change, you can use the [nextTick()](/api/general#nexttick) global API:
 
 <div class="composition-api">
 
-### Reactive Proxy vs. Original \*\*
+```js
+import { nextTick } from 'vue'
+
+async function increment() {
+  count.value++
+  await nextTick()
+  // Now the DOM is updated
+}
+```
+
+</div>
+<div class="options-api">
+
+```js
+import { nextTick } from 'vue'
+
+export default {
+  methods: {
+    async increment() {
+      this.count++
+      await nextTick()
+      // Now the DOM is updated
+    }
+  }
+}
+```
+
+</div>
+
+<div class="composition-api">
+
+## `reactive()` \*\* {#reactive}
+
+There is another way to declare reactive state, with the `reactive()` API. Unlike a ref which wraps the inner value in a special object, `reactive()` makes an object itself reactive:
+
+```js
+import { reactive } from 'vue'
+
+const state = reactive({ count: 0 })
+```
+
+> See also: [Typing Reactive](/guide/typescript/composition-api#typing-reactive) <sup class="vt-badge ts" />
+
+Usage in template:
+
+```vue-html
+<button @click="state.count++">
+  {{ state.count }}
+</button>
+```
+
+Reactive objects are [JavaScript Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) and behave just like normal objects. The difference is that Vue is able to intercept the access and mutation of all properties of a reactive object for reactivity tracking and triggering.
+
+`reactive()` converts the object deeply: nested objects are also wrapped with `reactive()` when accessed. It is also called by `ref()` internally when the ref value is an object. Similar to shallow refs, there is also the [`shallowReactive()`](/api/reactivity-advanced#shallowreactive) API for opting-out of deep reactivity.
+
+### Reactive Proxy vs. Original \*\* {#reactive-proxy-vs-original-1}
 
 It is important to note that the returned value from `reactive()` is a [Proxy](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) of the original object, which is not equal to the original object:
 
@@ -337,190 +429,133 @@ proxy.nested = raw
 console.log(proxy.nested === raw) // false
 ```
 
-### Limitations of `reactive()` \*\*
+### Limitations of `reactive()` \*\* {#limitations-of-reactive}
 
-The `reactive()` API has two limitations:
+The `reactive()` API has a few limitations:
 
-1. It only works for object types (objects, arrays, and [collection types](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects#keyed_collections) such as `Map` and `Set`). It cannot hold [primitive types](https://developer.mozilla.org/en-US/docs/Glossary/Primitive) such as `string`, `number` or `boolean`.
+1. **Limited value types:** it only works for object types (objects, arrays, and [collection types](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects#keyed_collections) such as `Map` and `Set`). It cannot hold [primitive types](https://developer.mozilla.org/en-US/docs/Glossary/Primitive) such as `string`, `number` or `boolean`.
 
-2. Since Vue's reactivity tracking works over property access, we must always keep the same reference to the reactive object. This means we can't easily "replace" a reactive object:
+2. **Cannot replace entire object:** since Vue's reactivity tracking works over property access, we must always keep the same reference to the reactive object. This means we can't easily "replace" a reactive object because the reactivity connection to the first reference is lost:
 
    ```js
    let state = reactive({ count: 0 })
 
-   // this won't work!
+   // the above reference ({ count: 0 }) is no longer being tracked
+   // (reactivity connection is lost!)
    state = reactive({ count: 1 })
    ```
 
-   It also means that when we assign or destructure a reactive object's property into local variables, or when we pass that property into a function, or destructure properties from a reactive object, we will lose the reactivity connection:
+3. **Not destructure-friendly:** when we destructure a reactive object's primitive type property into local variables, or when we pass that property into a function, we will lose the reactivity connection:
 
    ```js
    const state = reactive({ count: 0 })
 
-   // n is a local variable that is disconnected
-   // from state.count.
-   let n = state.count
-   // does not affect original state
-   n++
-
-   // count is also disconnected from state.count.
+   // count is disconnected from state.count when destructured.
    let { count } = state
    // does not affect original state
    count++
 
    // the function receives a plain number and
    // won't be able to track changes to state.count
+   // we have to pass the entire object in to retain reactivity
    callSomeFunction(state.count)
    ```
 
-## Reactive Variables with `ref()` \*\*
-
-To address the limitations of `reactive()`, Vue also provides a [`ref()`](/api/reactivity-core.html#ref) function which allows us to create reactive **"refs"** that can hold any value type:
+Due to these limitations, we recommend using `ref()` as the primary API for declaring reactive state.
 
-```js
-import { ref } from 'vue'
+## Additional Ref Unwrapping Details \*\* {#additional-ref-unwrapping-details}
 
-const count = ref(0)
-```
+### As Reactive Object Property \*\* {#ref-unwrapping-as-reactive-object-property}
 
-`ref()` takes the argument and returns it wrapped within a ref object with a `.value` property:
+A ref is automatically unwrapped when accessed or mutated as a property of a reactive object. In other words, it behaves like a normal property:
 
 ```js
 const count = ref(0)
+const state = reactive({
+  count
+})
 
-console.log(count) // { value: 0 }
-console.log(count.value) // 0
+console.log(state.count) // 0
 
-count.value++
+state.count = 1
 console.log(count.value) // 1
 ```
 
-See also: [Typing Refs](/guide/typescript/composition-api.html#typing-ref) <sup class="vt-badge ts" />
-
-Similar to properties on a reactive object, the `.value` property of a ref is reactive. In addition, when holding object types, ref automatically converts its `.value` with `reactive()`.
-
-A ref containing an object value can reactively replace the entire object:
+If a new ref is assigned to a property linked to an existing ref, it will replace the old ref:
 
 ```js
-const objectRef = ref({ count: 0 })
+const otherCount = ref(2)
 
-// this works reactively
-objectRef.value = { count: 1 }
+state.count = otherCount
+console.log(state.count) // 2
+// original ref is now disconnected from state.count
+console.log(count.value) // 1
 ```
 
-Refs can also be passed into functions or destructured from plain objects without losing reactivity:
+Ref unwrapping only happens when nested inside a deep reactive object. It does not apply when it is accessed as a property of a [shallow reactive object](/api/reactivity-advanced#shallowreactive).
 
-```js
-const obj = {
-  foo: ref(1),
-  bar: ref(2)
-}
+### Caveat in Arrays and Collections \*\* {#caveat-in-arrays-and-collections}
 
-// the function receives a ref
-// it needs to access the value via .value but it
-// will retain the reactivity connection
-callSomeFunction(obj.foo)
+Unlike reactive objects, there is **no** unwrapping performed when the ref is accessed as an element of a reactive array or a native collection type like `Map`:
 
-// still reactive
-const { foo, bar } = obj
-```
+```js
+const books = reactive([ref('Vue 3 Guide')])
+// need .value here
+console.log(books[0].value)
 
-In other words, `ref()` allows us to create a "reference" to any value and pass it around without losing reactivity. This capability is quite important as it is frequently used when extracting logic into [Composable Functions](/guide/reusability/composables.html).
+const map = reactive(new Map([['count', ref(0)]]))
+// need .value here
+console.log(map.get('count').value)
+```
 
-### Ref Unwrapping in Templates \*\*
+### Caveat when Unwrapping in Templates \*\* {#caveat-when-unwrapping-in-templates}
 
-When refs are accessed as top-level properties in the template, they are automatically "unwrapped" so there is no need to use `.value`. Here's the previous counter example, using `ref()` instead:
+Ref unwrapping in templates only applies if the ref is a top-level property in the template render context.
 
-```vue{13}
-<script setup>
-import { ref } from 'vue'
+In the example below, `count` and `object` are top-level properties, but `object.id` is not:
 
+```js
 const count = ref(0)
-
-function increment() {
-  count.value++
-}
-</script>
-
-<template>
-  <button @click="increment">
-    {{ count }} <!-- no .value needed -->
-  </button>
-</template>
+const object = { id: ref(1) }
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgY291bnQgPSByZWYoMClcblxuZnVuY3Rpb24gaW5jcmVtZW50KCkge1xuICBjb3VudC52YWx1ZSsrXG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8YnV0dG9uIEBjbGljaz1cImluY3JlbWVudFwiPnt7IGNvdW50IH19PC9idXR0b24+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
-
-Note the unwrapping only applies to top-level properties - nested access to refs will not be unwrapped:
-
-```js
-const object = { foo: ref(1) }
-```
+Therefore, this expression works as expected:
 
 ```vue-html
-{{ object.foo }} <!-- does NOT get unwrapped -->
+{{ count + 1 }}
 ```
 
-We can fix that by making `foo` a top-level property:
-
-```js
-const { foo } = object
-```
+...while this one does **NOT**:
 
 ```vue-html
-{{ foo }} <!-- properly unwrapped -->
+{{ object.id + 1 }}
 ```
 
-Now `foo` will be unwrapped as expected.
-
-### Ref Unwrapping in Reactive Objects \*\*
-
-When a `ref` is accessed or mutated as a property of a reactive object, it is also automatically unwrapped so it behaves like a normal property:
+The rendered result will be `[object Object]1` because `object.id` is not unwrapped when evaluating the expression and remains a ref object. To fix this, we can destructure `id` into a top-level property:
 
 ```js
-const count = ref(0)
-const state = reactive({
-  count
-})
-
-console.log(state.count) // 0
-
-state.count = 1
-console.log(count.value) // 1
+const { id } = object
 ```
 
-If a new ref is assigned to a property linked to an existing ref, it will replace the old ref:
-
-```js
-const otherCount = ref(2)
-
-state.count = otherCount
-console.log(state.count) // 2
-// original ref is now disconnected from state.count
-console.log(count.value) // 1
+```vue-html
+{{ id + 1 }}
 ```
 
-Ref unwrapping only happens when nested inside a deep reactive object. It does not apply when it is accessed as a property of a [shallow reactive object](/api/reactivity-advanced.html#shallowreactive).
-
-#### Ref Unwrapping in Arrays and Collections
+Now the render result will be `2`.
 
-Unlike reactive objects, there is no unwrapping performed when the ref is accessed as an element of a reactive array or a native collection type like `Map`:
-
-```js
-const books = reactive([ref('Vue 3 Guide')])
-// need .value here
-console.log(books[0].value)
+Another thing to note is that a ref does get unwrapped if it is the final evaluated value of a text interpolation (i.e. a <code v-pre>{{ }}</code> tag), so the following will render `1`:
 
-const map = reactive(new Map([['count', ref(0)]]))
-// need .value here
-console.log(map.get('count').value)
+```vue-html
+{{ object.id }}
 ```
 
+This is just a convenience feature of text interpolation and is equivalent to <code v-pre>{{ object.id.value }}</code>.
+
 </div>
 
 <div class="options-api">
 
-### Stateful Methods \*
+### Stateful Methods \* {#stateful-methods}
 
 In some cases, we may need to dynamically create a method function, for example creating a debounced event handler:
 
@@ -561,28 +596,3 @@ export default {
 ```
 
 </div>
-
-<div class="composition-api">
-
-## Reactivity Transform <sup class="vt-badge experimental" /> \*\*
-
-Having to use `.value` with refs is a drawback imposed by the language constraints of JavaScript. However, with compile-time transforms we can improve the ergonomics by automatically appending `.value` in appropriate locations. Vue provides a compile-time transform that allows us to write the earlier "counter" example like this:
-
-```vue
-<script setup>
-let count = $ref(0)
-
-function increment() {
-  // no need for .value
-  count++
-}
-</script>
-
-<template>
-  <button @click="increment">{{ count }}</button>
-</template>
-```
-
-You can learn more about [Reactivity Transform](/guide/extras/reactivity-transform.html) in its dedicated section. Do note that it is currently still experimental and may change before being finalized.
-
-</div>
diff --git a/src/guide/essentials/template-refs.md b/src/guide/essentials/template-refs.md
index 333718b6af..fa799ffbef 100644
--- a/src/guide/essentials/template-refs.md
+++ b/src/guide/essentials/template-refs.md
@@ -1,4 +1,4 @@
-# Template Refs
+# Template Refs {#template-refs}
 
 While Vue's declarative rendering model abstracts away most of the direct DOM operations for you, there may still be cases where we need direct access to the underlying DOM elements. To achieve this, we can use the special `ref` attribute:
 
@@ -8,11 +8,35 @@ While Vue's declarative rendering model abstracts away most of the direct DOM op
 
 `ref` is a special attribute, similar to the `key` attribute discussed in the `v-for` chapter. It allows us to obtain a direct reference to a specific DOM element or child component instance after it's mounted. This may be useful when you want to, for example, programmatically focus an input on component mount, or initialize a 3rd party library on an element.
 
-## Accessing the Refs
+## Accessing the Refs {#accessing-the-refs}
 
 <div class="composition-api">
 
-To obtain the reference with Composition API, we need to declare a ref with the same name:
+To obtain the reference with Composition API, we can use the [`useTemplateRef()`](/api/composition-api-helpers#usetemplateref) <sup class="vt-badge" data-text="3.5+" /> helper:
+
+```vue
+<script setup>
+import { useTemplateRef, onMounted } from 'vue'
+
+// the first argument must match the ref value in the template
+const input = useTemplateRef('my-input')
+
+onMounted(() => {
+  input.value.focus()
+})
+</script>
+
+<template>
+  <input ref="my-input" />
+</template>
+```
+
+When using TypeScript, Vue's IDE support and `vue-tsc` will automatically infer the type of `input.value` based on what element or component the matching `ref` attribute is used on.
+
+<details>
+<summary>Usage before 3.5</summary>
+
+In versions before 3.5 where `useTemplateRef()` was not introduced, we need to declare a ref with a name that matches the template ref attribute's value:
 
 ```vue
 <script setup>
@@ -46,6 +70,8 @@ export default {
 }
 ```
 
+</details>
+
 </div>
 <div class="options-api">
 
@@ -67,7 +93,7 @@ export default {
 
 </div>
 
-Note that you can only access the ref **after the component is mounted.** If you try to access <span class="options-api">`$refs.input`</span><span class="composition-api">`input`</span> in a template expression, it will be `null` on the first render. This is because the element doesn't exist until after the first render!
+Note that you can only access the ref **after the component is mounted.** If you try to access <span class="options-api">`$refs.input`</span><span class="composition-api">`input`</span> in a template expression, it will be <span class="options-api">`undefined`</span><span class="composition-api">`null`</span> on the first render. This is because the element doesn't exist until after the first render!
 
 <div class="composition-api">
 
@@ -83,95 +109,37 @@ watchEffect(() => {
 })
 ```
 
-See also: [Typing Template Refs](/guide/typescript/composition-api.html#typing-template-refs) <sup class="vt-badge ts" />
+See also: [Typing Template Refs](/guide/typescript/composition-api#typing-template-refs) <sup class="vt-badge ts" />
 
 </div>
 
-## Refs inside `v-for`
+## Ref on Component {#ref-on-component}
+
+> This section assumes knowledge of [Components](/guide/essentials/component-basics). Feel free to skip it and come back later.
 
-> Requires v3.2.25 or above
+`ref` can also be used on a child component. In this case the reference will be that of a component instance:
 
 <div class="composition-api">
 
-When `ref` is used inside `v-for`, the corresponding ref should contain an Array value, which will be populated with the elements after mount:
-
 ```vue
 <script setup>
-import { ref, onMounted } from 'vue'
-
-const list = ref([
-  /* ... */
-])
-
-const itemRefs = ref([])
-
-onMounted(() => console.log(itemRefs.value))
-</script>
-
-<template>
-  <ul>
-    <li v-for="item in list" ref="itemRefs">
-      {{ item }}
-    </li>
-  </ul>
-</template>
-```
-
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgb25Nb3VudGVkIH0gZnJvbSAndnVlJ1xuXG5jb25zdCBsaXN0ID0gcmVmKFsxLCAyLCAzXSlcblxuY29uc3QgaXRlbVJlZnMgPSByZWYoW10pXG5cbm9uTW91bnRlZCgoKSA9PiB7XG4gIGFsZXJ0KGl0ZW1SZWZzLnZhbHVlLm1hcChpID0+IGkudGV4dENvbnRlbnQpKVxufSlcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDx1bD5cbiAgICA8bGkgdi1mb3I9XCJpdGVtIGluIGxpc3RcIiByZWY9XCJpdGVtUmVmc1wiPlxuICAgICAge3sgaXRlbSB9fVxuICAgIDwvbGk+XG4gIDwvdWw+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
-
-</div>
-<div class="options-api">
+import { useTemplateRef, onMounted } from 'vue'
+import Child from './Child.vue'
 
-When `ref` is used inside `v-for`, the resulting ref value will be an array containing the corresponding elements:
+const childRef = useTemplateRef('child')
 
-```vue
-<script>
-export default {
-  data() {
-    return {
-      list: [
-        /* ... */
-      ]
-    }
-  },
-  mounted() {
-    console.log(this.$refs.items)
-  }
-}
+onMounted(() => {
+  // childRef.value will hold an instance of <Child />
+})
 </script>
 
 <template>
-  <ul>
-    <li v-for="item in list" ref="items">
-      {{ item }}
-    </li>
-  </ul>
+  <Child ref="child" />
 </template>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbGlzdDogWzEsIDIsIDNdXG4gICAgfVxuICB9LFxuICBtb3VudGVkKCkge1xuICAgIGNvbnNvbGUubG9nKHRoaXMuJHJlZnMuaXRlbXMpXG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDx1bD5cbiAgICA8bGkgdi1mb3I9XCJpdGVtIGluIGxpc3RcIiByZWY9XCJpdGVtc1wiPlxuICAgICAge3sgaXRlbSB9fVxuICAgIDwvbGk+XG4gIDwvdWw+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==)
-
-</div>
-
-It should be noted that the ref array does **not** guarantee the same order as the source array.
-
-## Function Refs
-
-Instead of a string key, the `ref` attribute can also be bound to a function, which will be called on each component update and gives you full flexibility on where to store the element reference. The function receives the element reference as the first argument:
-
-```vue-html
-<input :ref="(el) => { /* assign el to a property or ref */ }">
-```
-
-Note we are using a dynamic `:ref` binding so we can pass it a function instead of a ref name string. When the element is unmounted, the argument will be `null`. You can, of course, use a method instead of an inline function.
-
-## Ref on Component
-
-> This section assumes knowledge of [Components](/guide/essentials/component-basics). Feel free to skip it and come back later.
-
-`ref` can also be used on a child component. In this case the reference will be that of a component instance:
-
-<div class="composition-api">
+<details>
+<summary>Usage before 3.5</summary>
 
 ```vue
 <script setup>
@@ -190,6 +158,8 @@ onMounted(() => {
 </template>
 ```
 
+</details>
+
 </div>
 <div class="options-api">
 
@@ -227,6 +197,7 @@ import { ref } from 'vue'
 const a = 1
 const b = ref(2)
 
+// Compiler macros, such as defineExpose, don't need to be imported
 defineExpose({
   a,
   b
@@ -236,7 +207,9 @@ defineExpose({
 
 When a parent gets an instance of this component via template refs, the retrieved instance will be of the shape `{ a: number, b: number }` (refs are automatically unwrapped just like on normal instances).
 
-See also: [Typing Component Template Refs](/guide/typescript/composition-api.html#typing-component-template-refs) <sup class="vt-badge ts" />
+Note that defineExpose must be called before any await operation. Otherwise, properties and methods exposed after the await operation will not be accessible. 
+
+See also: [Typing Component Template Refs](/guide/typescript/composition-api#typing-component-template-refs) <sup class="vt-badge ts" />
 
 </div>
 <div class="options-api">
@@ -266,3 +239,110 @@ export default {
 In the above example, a parent referencing this component via template ref will only be able to access `publicData` and `publicMethod`.
 
 </div>
+
+## Refs inside `v-for` {#refs-inside-v-for}
+
+> Requires v3.5 or above
+
+<div class="composition-api">
+
+When `ref` is used inside `v-for`, the corresponding ref should contain an Array value, which will be populated with the elements after mount:
+
+```vue
+<script setup>
+import { ref, useTemplateRef, onMounted } from 'vue'
+
+const list = ref([
+  /* ... */
+])
+
+const itemRefs = useTemplateRef('items')
+
+onMounted(() => console.log(itemRefs.value))
+</script>
+
+<template>
+  <ul>
+    <li v-for="item in list" ref="items">
+      {{ item }}
+    </li>
+  </ul>
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNp9UsluwjAQ/ZWRLwQpDepyQoDUIg6t1EWUW91DFAZq6tiWF4oU5d87dtgqVRyyzLw3b+aN3bB7Y4ptQDZkI1dZYTw49MFMuBK10dZDAxZXOQSHC6yNLD3OY6zVsw7K4xJaWFldQ49UelxxVWnlPEhBr3GszT6uc7jJ4fazf4KFx5p0HFH+Kme9CLle4h6bZFkfxhNouAIoJVqfHQSKbSkDFnVpMhEpovC481NNVcr3SaWlZzTovJErCqgydaMIYBRk+tKfFLC9Wmk75iyqg1DJBWfRxT7pONvTAZom2YC23QsMpOg0B0l0NDh2YjnzjpyvxLrYOK1o3ckLZ5WujSBHr8YL2gxnw85lxEop9c9TynkbMD/kqy+svv/Jb9wu5jh7s+jQbpGzI+ZLu0byEuHZ+wvt6Ays9TJIYl8A5+i0DHHGjvYQ1JLGPuOlaR/TpRFqvXCzHR2BO5iKg0Zmm/ic0W2ZXrB+Gve2uEt1dJKs/QXbwePE)
+
+<details>
+<summary>Usage before 3.5</summary>
+
+In versions before 3.5 where `useTemplateRef()` was not introduced, we need to declare a ref with a name that matches the template ref attribute's value. The ref should also contain an array value:
+
+```vue
+<script setup>
+import { ref, onMounted } from 'vue'
+
+const list = ref([
+  /* ... */
+])
+
+const itemRefs = ref([])
+
+onMounted(() => console.log(itemRefs.value))
+</script>
+
+<template>
+  <ul>
+    <li v-for="item in list" ref="itemRefs">
+      {{ item }}
+    </li>
+  </ul>
+</template>
+```
+
+</details>
+
+</div>
+<div class="options-api">
+
+When `ref` is used inside `v-for`, the resulting ref value will be an array containing the corresponding elements:
+
+```vue
+<script>
+export default {
+  data() {
+    return {
+      list: [
+        /* ... */
+      ]
+    }
+  },
+  mounted() {
+    console.log(this.$refs.items)
+  }
+}
+</script>
+
+<template>
+  <ul>
+    <li v-for="item in list" ref="items">
+      {{ item }}
+    </li>
+  </ul>
+</template>
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNpFjk0KwjAQha/yCC4Uaou6kyp4DuOi2KkGYhKSiQildzdNa4WQmTc/37xeXJwr35HEUdTh7pXjszT0cdYzWuqaqBm9NEDbcLPeTDngiaM3PwVoFfiI667AvsDhNpWHMQzF+L9sNEztH3C3JlhNpbaPNT9VKFeeulAqplfY5D1p0qurxVQSqel0w5QUUEedY8q0wnvbWX+SYgRAmWxIiuSzm4tBinkc6HvkuSE7TIBKq4lZZWhdLZfE8AWp4l3T)
+
+</div>
+
+It should be noted that the ref array does **not** guarantee the same order as the source array.
+
+## Function Refs {#function-refs}
+
+Instead of a string key, the `ref` attribute can also be bound to a function, which will be called on each component update and gives you full flexibility on where to store the element reference. The function receives the element reference as the first argument:
+
+```vue-html
+<input :ref="(el) => { /* assign el to a property or ref */ }">
+```
+
+Note we are using a dynamic `:ref` binding so we can pass it a function instead of a ref name string. When the element is unmounted, the argument will be `null`. You can, of course, use a method instead of an inline function.
diff --git a/src/guide/essentials/template-syntax.md b/src/guide/essentials/template-syntax.md
index 2c261bb58b..8a42bff4dd 100644
--- a/src/guide/essentials/template-syntax.md
+++ b/src/guide/essentials/template-syntax.md
@@ -1,12 +1,16 @@
-# Template Syntax
+# Template Syntax {#template-syntax}
+
+<ScrimbaLink href="https://scrimba.com/links/vue-template-syntax" title="Free Vue.js Template Syntax Lesson" type="scrimba">
+  Watch an interactive video lesson on Scrimba
+</ScrimbaLink>
 
 Vue uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying component instance's data. All Vue templates are syntactically valid HTML that can be parsed by spec-compliant browsers and HTML parsers.
 
-Under the hood, Vue compiles the templates into highly-optimized JavaScript code. Combined with the reactivity system, Vue is able to intelligently figure out the minimal number of components to re-render and apply the minimal amount of DOM manipulations when the app state changes.
+Under the hood, Vue compiles the templates into highly-optimized JavaScript code. Combined with the reactivity system, Vue can intelligently figure out the minimal number of components to re-render and apply the minimal amount of DOM manipulations when the app state changes.
 
-If you are familiar with Virtual DOM concepts and prefer the raw power of JavaScript, you can also [directly write render functions](/guide/extras/render-function.html) instead of templates, with optional JSX support. However, do note that they do not enjoy the same level of compile-time optimizations as templates.
+If you are familiar with Virtual DOM concepts and prefer the raw power of JavaScript, you can also [directly write render functions](/guide/extras/render-function) instead of templates, with optional JSX support. However, do note that they do not enjoy the same level of compile-time optimizations as templates.
 
-## Text Interpolation
+## Text Interpolation {#text-interpolation}
 
 The most basic form of data binding is text interpolation using the "Mustache" syntax (double curly braces):
 
@@ -14,11 +18,11 @@ The most basic form of data binding is text interpolation using the "Mustache" s
 <span>Message: {{ msg }}</span>
 ```
 
-The mustache tag will be replaced with the value of the `msg` property from the corresponding component instance. It will also be updated whenever the `msg` property changes.
+The mustache tag will be replaced with the value of the `msg` property [from the corresponding component instance](/guide/essentials/reactivity-fundamentals#declaring-reactive-state). It will also be updated whenever the `msg` property changes.
 
-## Raw HTML
+## Raw HTML {#raw-html}
 
-The double mustaches interprets the data as plain text, not HTML. In order to output real HTML, you will need to use the [`v-html` directive](/api/built-in-directives.html#v-html):
+The double mustaches interpret the data as plain text, not HTML. In order to output real HTML, you will need to use the [`v-html` directive](/api/built-in-directives#v-html):
 
 ```vue-html
 <p>Using text interpolation: {{ rawHtml }}</p>
@@ -42,9 +46,9 @@ The contents of the `span` will be replaced with the value of the `rawHtml` prop
 Dynamically rendering arbitrary HTML on your website can be very dangerous because it can easily lead to [XSS vulnerabilities](https://en.wikipedia.org/wiki/Cross-site_scripting). Only use `v-html` on trusted content and **never** on user-provided content.
 :::
 
-## Attribute Bindings
+## Attribute Bindings {#attribute-bindings}
 
-Mustaches cannot be used inside HTML attributes. Instead, use a [`v-bind` directive](/api/built-in-directives.html#v-bind):
+Mustaches cannot be used inside HTML attributes. Instead, use a [`v-bind` directive](/api/built-in-directives#v-bind):
 
 ```vue-html
 <div v-bind:id="dynamicId"></div>
@@ -52,7 +56,7 @@ Mustaches cannot be used inside HTML attributes. Instead, use a [`v-bind` direct
 
 The `v-bind` directive instructs Vue to keep the element's `id` attribute in sync with the component's `dynamicId` property. If the bound value is `null` or `undefined`, then the attribute will be removed from the rendered element.
 
-### Shorthand
+### Shorthand {#shorthand}
 
 Because `v-bind` is so commonly used, it has a dedicated shorthand syntax:
 
@@ -64,9 +68,25 @@ Attributes that start with `:` may look a bit different from normal HTML, but it
 
 > For the rest of the guide, we will be using the shorthand syntax in code examples, as that's the most common usage for Vue developers.
 
-### Boolean Attributes
+### Same-name Shorthand {#same-name-shorthand}
+
+- Only supported in 3.4+
+
+If the attribute has the same name as the variable name of the JavaScript value being bound, the syntax can be further shortened to omit the attribute value:
+
+```vue-html
+<!-- same as :id="id" -->
+<div :id></div>
+
+<!-- this also works -->
+<div v-bind:id></div>
+```
+
+This is similar to the property shorthand syntax when declaring objects in JavaScript. Note this is a feature that is only available in Vue 3.4 and above.
 
-[Boolean attributes](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes) are attributes that can indicate true / false values by its presence on an element. For example, [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled) is one of the most commonly used boolean attributes.
+### Boolean Attributes {#boolean-attributes}
+
+[Boolean attributes](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes) are attributes that can indicate true / false values by their presence on an element. For example, [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled) is one of the most commonly used boolean attributes.
 
 `v-bind` works a bit differently in this case:
 
@@ -74,9 +94,9 @@ Attributes that start with `:` may look a bit different from normal HTML, but it
 <button :disabled="isButtonDisabled">Button</button>
 ```
 
-The `disabled` attribute will be included if `isButtonDisabled` has a [truthy value](https://developer.mozilla.org/en-US/docs/Glossary/Truthy). It will also be included if the value is an empty string, maintaining consistency with `<button disabled="">`. For other falsy values the attribute will be omitted.
+The `disabled` attribute will be included if `isButtonDisabled` has a [truthy value](https://developer.mozilla.org/en-US/docs/Glossary/Truthy). It will also be included if the value is an empty string, maintaining consistency with `<button disabled="">`. For other [falsy values](https://developer.mozilla.org/en-US/docs/Glossary/Falsy) the attribute will be omitted.
 
-### Dynamically Binding Multiple Attributes
+### Dynamically Binding Multiple Attributes {#dynamically-binding-multiple-attributes}
 
 If you have a JavaScript object representing multiple attributes that looks like this:
 
@@ -85,7 +105,8 @@ If you have a JavaScript object representing multiple attributes that looks like
 ```js
 const objectOfAttrs = {
   id: 'container',
-  class: 'wrapper'
+  class: 'wrapper',
+  style: 'background-color:green'
 }
 ```
 
@@ -111,7 +132,7 @@ You can bind them to a single element by using `v-bind` without an argument:
 <div v-bind="objectOfAttrs"></div>
 ```
 
-## Using JavaScript Expressions
+## Using JavaScript Expressions {#using-javascript-expressions}
 
 So far we've only been binding to simple property keys in our templates. But Vue actually supports the full power of JavaScript expressions inside all data bindings:
 
@@ -132,9 +153,11 @@ In Vue templates, JavaScript expressions can be used in the following positions:
 - Inside text interpolations (mustaches)
 - In the attribute value of any Vue directives (special attributes that start with `v-`)
 
-### Expressions Only
+### Expressions Only {#expressions-only}
+
+Each binding can only contain **one single expression**. An expression is a piece of code that can be evaluated to a value. A simple check is whether it can be used after `return`.
 
-Each binding can only contain **one single expression**, so the following will **NOT** work:
+Therefore, the following will **NOT** work:
 
 ```vue-html
 <!-- this is a statement, not an expression: -->
@@ -144,39 +167,39 @@ Each binding can only contain **one single expression**, so the following will *
 {{ if (ok) { return message } }}
 ```
 
-### Calling Functions
+### Calling Functions {#calling-functions}
 
 It is possible to call a component-exposed method inside a binding expression:
 
 ```vue-html
-<span :title="toTitleDate(date)">
+<time :title="toTitleDate(date)" :datetime="date">
   {{ formatDate(date) }}
-</span>
+</time>
 ```
 
 :::tip
 Functions called inside binding expressions will be called every time the component updates, so they should **not** have any side effects, such as changing data or triggering asynchronous operations.
 :::
 
-### Restricted Globals Access
+### Restricted Globals Access {#restricted-globals-access}
 
-Template expressions are sandboxed and only have access to a [restricted list of globals](https://github.com/vuejs/core/blob/main/packages/shared/src/globalsWhitelist.ts#L3). The list exposes commonly used built-in globals such as `Math` and `Date`.
+Template expressions are sandboxed and only have access to a [restricted list of globals](https://github.com/vuejs/core/blob/main/packages/shared/src/globalsAllowList.ts#L3). The list exposes commonly used built-in globals such as `Math` and `Date`.
 
-Globals not explicitly included in the list, for example user-attached properties on `window`, will not be accessible in template expressions. You can, however, explicitly define additional globals for all Vue expressions by adding them to [`app.config.globalProperties`](/api/application.html#app-config-globalproperties).
+Globals not explicitly included in the list, for example user-attached properties on `window`, will not be accessible in template expressions. You can, however, explicitly define additional globals for all Vue expressions by adding them to [`app.config.globalProperties`](/api/application#app-config-globalproperties).
 
-## Directives
+## Directives {#directives}
 
-Directives are special attributes with the `v-` prefix. Vue provides a number of [built-in directives](/api/built-in-directives.html), including `v-html` and `v-bind` which we have introduced above.
+Directives are special attributes with the `v-` prefix. Vue provides a number of [built-in directives](/api/built-in-directives), including `v-html` and `v-bind` which we have introduced above.
 
-Directive attribute values are expected to be single JavaScript expressions (with the exception of `v-for`, `v-on` and `v-slot`, which will be discussed in their respective sections later). A directive's job is to reactively apply updates to the DOM when the value of its expression changes. Take [`v-if`](/api/built-in-directives.html#v-if) as an example:
+Directive attribute values are expected to be single JavaScript expressions (with the exception of `v-for`, `v-on` and `v-slot`, which will be discussed in their respective sections later). A directive's job is to reactively apply updates to the DOM when the value of its expression changes. Take [`v-if`](/api/built-in-directives#v-if) as an example:
 
 ```vue-html
 <p v-if="seen">Now you see me</p>
 ```
 
-Here, the `v-if` directive would remove / insert the `<p>` element based on the truthiness of the value of the expression `seen`.
+Here, the `v-if` directive would remove or insert the `<p>` element based on the truthiness of the value of the expression `seen`.
 
-### Arguments
+### Arguments {#arguments}
 
 Some directives can take an "argument", denoted by a colon after the directive name. For example, the `v-bind` directive is used to reactively update an HTML attribute:
 
@@ -187,7 +210,7 @@ Some directives can take an "argument", denoted by a colon after the directive n
 <a :href="http://github.com/url"> ... </a>
 ```
 
-Here `href` is the argument, which tells the `v-bind` directive to bind the element's `href` attribute to the value of the expression `url`. In the shorthand, everything before the argument (i.e. `v-bind:`) is condensed into a single character, `:`.
+Here, `href` is the argument, which tells the `v-bind` directive to bind the element's `href` attribute to the value of the expression `url`. In the shorthand, everything before the argument (i.e., `v-bind:`) is condensed into a single character, `:`.
 
 Another example is the `v-on` directive, which listens to DOM events:
 
@@ -198,16 +221,16 @@ Another example is the `v-on` directive, which listens to DOM events:
 <a @click="doSomething"> ... </a>
 ```
 
-Here the argument is the event name to listen to: `click`. `v-on` is one of the few directives that also have a corresponding shorthand, with its shorthand character being `@`. We will talk about event handling in more detail too.
+Here, the argument is the event name to listen to: `click`. `v-on` has a corresponding shorthand, namely the `@` character. We will talk about event handling in more detail too.
 
-### Dynamic Arguments
+### Dynamic Arguments {#dynamic-arguments}
 
 It is also possible to use a JavaScript expression in a directive argument by wrapping it with square brackets:
 
 ```vue-html
 <!--
 Note that there are some constraints to the argument expression,
-as explained in the "Dynamic Argument Expression Constraints" section below.
+as explained in the "Dynamic Argument Value Constraints" and "Dynamic Argument Syntax Constraints" sections below.
 -->
 <a v-bind:[attributeName]="url"> ... </a>
 
@@ -215,7 +238,7 @@ as explained in the "Dynamic Argument Expression Constraints" section below.
 <a :[attributeName]="url"> ... </a>
 ```
 
-Here `attributeName` will be dynamically evaluated as a JavaScript expression, and its evaluated value will be used as the final value for the argument. For example, if your component instance has a data property, `attributeName`, whose value is `"href"`, then this binding will be equivalent to `v-bind:href`.
+Here, `attributeName` will be dynamically evaluated as a JavaScript expression, and its evaluated value will be used as the final value for the argument. For example, if your component instance has a data property, `attributeName`, whose value is `"href"`, then this binding will be equivalent to `v-bind:href`.
 
 Similarly, you can use dynamic arguments to bind a handler to a dynamic event name:
 
@@ -223,16 +246,16 @@ Similarly, you can use dynamic arguments to bind a handler to a dynamic event na
 <a v-on:[eventName]="doSomething"> ... </a>
 
 <!-- shorthand -->
-<a @[eventName]="doSomething">
+<a @[eventName]="doSomething"> ... </a>
 ```
 
 In this example, when `eventName`'s value is `"focus"`, `v-on:[eventName]` will be equivalent to `v-on:focus`.
 
-#### Dynamic Argument Value Constraints
+#### Dynamic Argument Value Constraints {#dynamic-argument-value-constraints}
 
 Dynamic arguments are expected to evaluate to a string, with the exception of `null`. The special value `null` can be used to explicitly remove the binding. Any other non-string value will trigger a warning.
 
-#### Dynamic Argument Syntax Constraints
+#### Dynamic Argument Syntax Constraints {#dynamic-argument-syntax-constraints}
 
 Dynamic argument expressions have some syntax constraints because certain characters, such as spaces and quotes, are invalid inside HTML attribute names. For example, the following is invalid:
 
@@ -241,7 +264,7 @@ Dynamic argument expressions have some syntax constraints because certain charac
 <a :['foo' + bar]="value"> ... </a>
 ```
 
-If you need to pass a complex dynamic argument, it's probably better to use a [computed property](./computed.html), which we will cover shortly.
+If you need to pass a complex dynamic argument, it's probably better to use a [computed property](./computed), which we will cover shortly.
 
 When using in-DOM templates (templates directly written in an HTML file), you should also avoid naming keys with uppercase characters, as browsers will coerce attribute names into lowercase:
 
@@ -249,9 +272,9 @@ When using in-DOM templates (templates directly written in an HTML file), you sh
 <a :[someAttr]="value"> ... </a>
 ```
 
-The above will be converted to `:[someattr]` in in-DOM templates. If your component has a `someAttr` property instead of `someattr`, your code won't work.
+The above will be converted to `:[someattr]` in in-DOM templates. If your component has a `someAttr` property instead of `someattr`, your code won't work. Templates inside Single-File Components are **not** subject to this constraint.
 
-### Modifiers
+### Modifiers {#modifiers}
 
 Modifiers are special postfixes denoted by a dot, which indicate that a directive should be bound in some special way. For example, the `.prevent` modifier tells the `v-on` directive to call `event.preventDefault()` on the triggered event:
 
@@ -259,7 +282,7 @@ Modifiers are special postfixes denoted by a dot, which indicate that a directiv
 <form @submit.prevent="onSubmit">...</form>
 ```
 
-You'll see other examples of modifiers later, [for `v-on`](./event-handling.html#event-modifiers) and [for `v-model`](./forms.html#modifiers), when we explore those features.
+You'll see other examples of modifiers later, [for `v-on`](./event-handling#event-modifiers) and [for `v-model`](./forms#modifiers), when we explore those features.
 
 And finally, here's the full directive syntax visualized:
 
diff --git a/src/guide/essentials/watchers.md b/src/guide/essentials/watchers.md
index 50b99556fc..3966d6c2cb 100644
--- a/src/guide/essentials/watchers.md
+++ b/src/guide/essentials/watchers.md
@@ -1,37 +1,41 @@
-# Watchers
+# Watchers {#watchers}
 
-## Basic Example
+## Basic Example {#basic-example}
 
 Computed properties allow us to declaratively compute derived values. However, there are cases where we need to perform "side effects" in reaction to state changes - for example, mutating the DOM, or changing another piece of state based on the result of an async operation.
 
 <div class="options-api">
 
-With Options API, we can use the [`watch` option](/api/options-state.html#watch) to trigger a function whenever a reactive property changes:
+With the Options API, we can use the [`watch` option](/api/options-state#watch) to trigger a function whenever a reactive property changes:
 
 ```js
 export default {
   data() {
     return {
       question: '',
-      answer: 'Questions usually contain a question mark. ;-)'
+      answer: 'Questions usually contain a question mark. ;-)',
+      loading: false
     }
   },
   watch: {
     // whenever question changes, this function will run
     question(newQuestion, oldQuestion) {
-      if (newQuestion.indexOf('?') > -1) {
+      if (newQuestion.includes('?')) {
         this.getAnswer()
       }
     }
   },
   methods: {
     async getAnswer() {
+      this.loading = true
       this.answer = 'Thinking...'
       try {
         const res = await fetch('http://github.com/service/https://yesno.wtf/api')
         this.answer = (await res.json()).answer
       } catch (error) {
         this.answer = 'Error! Could not reach the API. ' + error
+      } finally {
+        this.loading = false
       }
     }
   }
@@ -41,12 +45,12 @@ export default {
 ```vue-html
 <p>
   Ask a yes/no question:
-  <input v-model="question" />
+  <input v-model="question" :disabled="loading" />
 </p>
 <p>{{ answer }}</p>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgcXVlc3Rpb246ICcnLFxuICAgICAgYW5zd2VyOiAnUXVlc3Rpb25zIHVzdWFsbHkgY29udGFpbiBhIHF1ZXN0aW9uIG1hcmsuIDstKSdcbiAgICB9XG4gIH0sXG4gIHdhdGNoOiB7XG4gICAgLy8gd2hlbmV2ZXIgcXVlc3Rpb24gY2hhbmdlcywgdGhpcyBmdW5jdGlvbiB3aWxsIHJ1blxuICAgIHF1ZXN0aW9uKG5ld1F1ZXN0aW9uLCBvbGRRdWVzdGlvbikge1xuICAgICAgaWYgKG5ld1F1ZXN0aW9uLmluZGV4T2YoJz8nKSA+IC0xKSB7XG4gICAgICAgIHRoaXMuZ2V0QW5zd2VyKClcbiAgICAgIH1cbiAgICB9XG4gIH0sXG4gIG1ldGhvZHM6IHtcbiAgICBhc3luYyBnZXRBbnN3ZXIoKSB7XG4gICAgICB0aGlzLmFuc3dlciA9ICdUaGlua2luZy4uLidcbiAgICAgIHRyeSB7XG4gICAgICAgIGNvbnN0IHJlcyA9IGF3YWl0IGZldGNoKCdodHRwczovL3llc25vLnd0Zi9hcGknKVxuICAgICAgICB0aGlzLmFuc3dlciA9IChhd2FpdCByZXMuanNvbigpKS5hbnN3ZXJcbiAgICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgIHRoaXMuYW5zd2VyID0gJ0Vycm9yISBDb3VsZCBub3QgcmVhY2ggdGhlIEFQSS4gJyArIGVycm9yXG4gICAgICB9XG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8cD5cbiAgICBBc2sgYSB5ZXMvbm8gcXVlc3Rpb246XG4gICAgPGlucHV0IHYtbW9kZWw9XCJxdWVzdGlvblwiIC8+XG4gIDwvcD5cbiAgPHA+e3sgYW5zd2VyIH19PC9wPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNp9VE1v2zAM/SucLnaw1D70lqUbsiKH7rB1W4++aDYdq5ElTx9xgiD/fbT8lXZFAQO2+Mgn8pH0mW2aJjl4ZCu2trkRjfucKTw22jgosOReOjhnCqDgjseL/hvAoPNGjSeAvx6tE1qtIIqWo5Er26Ih088BteCt51KeINfKcaGAT5FQc7NP4NPNYiaQmhdC7VZQcmlxMF+61yUcWu7yajVmkabQVqjwgGZmzSuudmiX4CphofQqD+ZWSAnGqz5y9I4VtmOuS9CyGA9T3QCihGu3RKhc+gJtHH2JFld+EG5Mdug2QYZ4MSKhgBd11OgqXdipEm5PKoer0Jk2kA66wB044/EF1GtOSPRUCbUnryRJosnFnK4zpC5YR7205M9bLhyUSIrGUeVcY1dpekKrdNK6MuWNiKYKXt8V98FElDxbknGxGLCpZMi7VkGMxmjzv0pz1tvO4QPcay8LULoj5RToKoTN40MCEXyEQDJTl0KFmXpNOqsUxudN+TNFzzqdJp8ODutGcod0Alg34QWwsXsaVtIjVXqe9h5bC9V4B4ebWhco7zI24hmDVSEs/yOxIPOQEFnTnjzt2emS83nYFrhcevM6nRJhS+Ys9aoUu6Av7WqoNWO5rhsh0fxownplbBqhjJEmuv0WbN2UDNtDMRXm+zfsz/bY2TL2SH1Ec8CMTZjjhqaxh7e/v+ORvieQqvaSvN8Bf6HV0veSdG5fvSoo7Su/kO1D3f13SKInuz06VHYsahzzfl0yRj+s+3dKn9O9TW7HPrPLP624lFU=)
 
 The `watch` option also supports a dot-delimited path as the key:
 
@@ -65,7 +69,7 @@ export default {
 
 <div class="composition-api">
 
-With Composition API, we can use the [`watch` function](/api/reactivity-core.html#watch) to trigger a callback whenever a piece of reactive state changes:
+With Composition API, we can use the [`watch` function](/api/reactivity-core#watch) to trigger a callback whenever a piece of reactive state changes:
 
 ```vue
 <script setup>
@@ -73,16 +77,20 @@ import { ref, watch } from 'vue'
 
 const question = ref('')
 const answer = ref('Questions usually contain a question mark. ;-)')
+const loading = ref(false)
 
 // watch works directly on a ref
 watch(question, async (newQuestion, oldQuestion) => {
-  if (newQuestion.indexOf('?') > -1) {
+  if (newQuestion.includes('?')) {
+    loading.value = true
     answer.value = 'Thinking...'
     try {
       const res = await fetch('http://github.com/service/https://yesno.wtf/api')
       answer.value = (await res.json()).answer
     } catch (error) {
       answer.value = 'Error! Could not reach the API. ' + error
+    } finally {
+      loading.value = false
     }
   }
 })
@@ -91,17 +99,17 @@ watch(question, async (newQuestion, oldQuestion) => {
 <template>
   <p>
     Ask a yes/no question:
-    <input v-model="question" />
+    <input v-model="question" :disabled="loading" />
   </p>
   <p>{{ answer }}</p>
 </template>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnXG5cbmNvbnN0IHF1ZXN0aW9uID0gcmVmKCcnKVxuY29uc3QgYW5zd2VyID0gcmVmKCdRdWVzdGlvbnMgdXN1YWxseSBjb250YWluIGEgcXVlc3Rpb24gbWFyay4gOy0pJylcblxud2F0Y2gocXVlc3Rpb24sIGFzeW5jIChuZXdRdWVzdGlvbikgPT4ge1xuICBpZiAobmV3UXVlc3Rpb24uaW5kZXhPZignPycpID4gLTEpIHtcbiAgICBhbnN3ZXIudmFsdWUgPSAnVGhpbmtpbmcuLi4nXG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IHJlcyA9IGF3YWl0IGZldGNoKCdodHRwczovL3llc25vLnd0Zi9hcGknKVxuICAgICAgYW5zd2VyLnZhbHVlID0gKGF3YWl0IHJlcy5qc29uKCkpLmFuc3dlclxuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBhbnN3ZXIudmFsdWUgPSAnRXJyb3IhIENvdWxkIG5vdCByZWFjaCB0aGUgQVBJLiAnICsgZXJyb3JcbiAgICB9XG4gIH1cbn0pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8cD5cbiAgICBBc2sgYSB5ZXMvbm8gcXVlc3Rpb246XG4gICAgPGlucHV0IHYtbW9kZWw9XCJxdWVzdGlvblwiIC8+XG4gIDwvcD5cbiAgPHA+e3sgYW5zd2VyIH19PC9wPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNp9U8Fy0zAQ/ZVFF9tDah96C2mZ0umhHKBAj7oIe52oUSQjyXEyGf87KytyoDC9JPa+p+e3b1cndtd15b5HtmQrV1vZeXDo++6Wa7nrjPVwAovtAgbh6w2M0Fqzg4xOZFxzXRvtPPzq0XlpNNwEbp5lRUKEdgPaVP925jnoXS+UOgKxvJAaxEVjJ+y2hA9XxUVFGdFIvT7LtEI5JIzrqjrbGozdOmikxdqTKqmIQOV6gvOkvQDhjrqGXOOQvCzAqCa9FHBzCyeuAWT7F6uUulZ9gy7PPmZFETmQjJV7oXoke972GJHY+Axkzxupt4FalhRcYHh7TDIQcqA+LTriikFIDy0G59nG+84tq+qITpty8G0lOhmSiedefSaPZ0mnfHFG50VRRkbkj1BPceVorbFzF/+6fQj4O7g3vWpAm6Ao6JzfINw9PZaQwXuYNJJuK/U0z1nxdTLT0M7s8Ec/I3WxquLS0brRi8ddp4RHegNYhR0M/Du3pXFSAJU285osI7aSuus97K92pkF1w1nCOYNlI534qbCh8tkOVasoXkV1+sjplLZ0HGN5Vc1G2IJ5R8Np5XpKlK7J1CJntdl1UqH92k0bzdkyNc8ZRWGGz1MtbMQi1esN1tv/1F/cIdQ4e6LJod0jZzPmhV2jj/DDjy94oOcZpK57Rew3wO/ojOpjJIH2qdcN2f6DN7l9nC47RfTsHg4etUtNpZUeJz5ndPPv32j9Yve6vE6DZuNvu1R2Tg==)
 
-### Watch Source Types
+### Watch Source Types {#watch-source-types}
 
-`watch`'s first argument can be different types of reactive "sources": it can be a ref (including computed refs), a reactive object, a getter function, or an array of multiple sources:
+`watch`'s first argument can be different types of reactive "sources": it can be a ref (including computed refs), a reactive object, a [getter function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description), or an array of multiple sources:
 
 ```js
 const x = ref(0)
@@ -133,7 +141,7 @@ const obj = reactive({ count: 0 })
 
 // this won't work because we are passing a number to watch()
 watch(obj.count, (count) => {
-  console.log(`count is: ${count}`)
+  console.log(`Count is: ${count}`)
 })
 ```
 
@@ -144,14 +152,14 @@ Instead, use a getter:
 watch(
   () => obj.count,
   (count) => {
-    console.log(`count is: ${count}`)
+    console.log(`Count is: ${count}`)
   }
 )
 ```
 
 </div>
 
-## Deep Watchers
+## Deep Watchers {#deep-watchers}
 
 <div class="options-api">
 
@@ -216,16 +224,18 @@ watch(
 
 </div>
 
+In Vue 3.5+, the `deep` option can also be a number indicating the max traversal depth - i.e. how many levels should Vue traverse an object's nested properties.
+
 :::warning Use with Caution
 Deep watch requires traversing all nested properties in the watched object, and can be expensive when used on large data structures. Use it only when necessary and beware of the performance implications.
 :::
 
-<div class="options-api">
-
-## Eager Watchers \*
+## Eager Watchers {#eager-watchers}
 
 `watch` is lazy by default: the callback won't be called until the watched source has changed. But in some cases we may want the same callback logic to be run eagerly - for example, we may want to fetch some initial data, and then re-fetch the data whenever relevant state changes.
 
+<div class="options-api">
+
 We can force a watcher's callback to be executed immediately by declaring it using an object with a `handler` function and the `immediate: true` option:
 
 ```js
@@ -244,47 +254,109 @@ export default {
 }
 ```
 
+The initial execution of the handler function will happen just before the `created` hook. Vue will have already processed the `data`, `computed`, and `methods` options, so those properties will be available on the first invocation.
+
 </div>
 
 <div class="composition-api">
 
-## `watchEffect()` \*\*
-
-`watch()` is lazy: the callback won't be called until the watched source has changed. But in some cases we may want the same callback logic to be run eagerly - for example, we may want to fetch some initial data, and then re-fetch the data whenever relevant state changes. We may find ourselves doing this:
+We can force a watcher's callback to be executed immediately by passing the `immediate: true` option:
 
 ```js
-const url = ref('https://.../')
-const data = ref(null)
+watch(
+  source,
+  (newValue, oldValue) => {
+    // executed immediately, then again when `source` changes
+  },
+  { immediate: true }
+)
+```
 
-async function fetchData() {
-  const response = await fetch(url.value)
-  data.value = await response.json()
+</div>
+
+## Once Watchers {#once-watchers}
+
+- Only supported in 3.4+
+
+Watcher's callback will execute whenever the watched source changes. If you want the callback to trigger only once when the source changes, use the `once: true` option.
+
+<div class="options-api">
+
+```js
+export default {
+  watch: {
+    source: {
+      handler(newValue, oldValue) {
+        // when `source` changes, triggers only once
+      },
+      once: true
+    }
+  }
 }
+```
+
+</div>
+
+<div class="composition-api">
+
+```js
+watch(
+  source,
+  (newValue, oldValue) => {
+    // when `source` changes, triggers only once
+  },
+  { once: true }
+)
+```
+
+</div>
 
-// fetch immediately
-fetchData()
-// ...then watch for url change
-watch(url, fetchData)
+<div class="composition-api">
+
+## `watchEffect()` \*\* {#watcheffect}
+
+It is common for the watcher callback to use exactly the same reactive state as the source. For example, consider the following code, which uses a watcher to load a remote resource whenever the `todoId` ref changes:
+
+```js
+const todoId = ref(1)
+const data = ref(null)
+
+watch(
+  todoId,
+  async () => {
+    const response = await fetch(
+      `https://jsonplaceholder.typicode.com/todos/${todoId.value}`
+    )
+    data.value = await response.json()
+  },
+  { immediate: true }
+)
 ```
 
-This can be simplified with [`watchEffect()`](/api/reactivity-core.html#watcheffect). `watchEffect()` allows us to perform a side effect immediately while automatically tracking the effect's reactive dependencies. The above example can be rewritten as:
+In particular, notice how the watcher uses `todoId` twice, once as the source and then again inside the callback.
+
+This can be simplified with [`watchEffect()`](/api/reactivity-core#watcheffect). `watchEffect()` allows us to track the callback's reactive dependencies automatically. The watcher above can be rewritten as:
 
 ```js
 watchEffect(async () => {
-  const response = await fetch(url.value)
+  const response = await fetch(
+    `https://jsonplaceholder.typicode.com/todos/${todoId.value}`
+  )
   data.value = await response.json()
 })
 ```
 
-Here, the callback will run immediately. During its execution, it will also automatically track `url.value` as a dependency (similar to computed properties). Whenever `url.value` changes, the callback will be run again.
+Here, the callback will run immediately, there's no need to specify `immediate: true`. During its execution, it will automatically track `todoId.value` as a dependency (similar to computed properties). Whenever `todoId.value` changes, the callback will be run again. With `watchEffect()`, we no longer need to pass `todoId` explicitly as the source value.
 
-You can check out [this example](/examples/#fetching-data) with `watchEffect` and reactive data-fetching in action.
+You can check out [this example](/examples/#fetching-data) of `watchEffect()` and reactive data-fetching in action.
+
+For examples like these, with only one dependency, the benefit of `watchEffect()` is relatively small. But for watchers that have multiple dependencies, using `watchEffect()` removes the burden of having to maintain the list of dependencies manually. In addition, if you need to watch several properties in a nested data structure, `watchEffect()` may prove more efficient than a deep watcher, as it will only track the properties that are used in the callback, rather than recursively tracking all of them.
 
 :::tip
 `watchEffect` only tracks dependencies during its **synchronous** execution. When using it with an async callback, only properties accessed before the first `await` tick will be tracked.
 :::
 
-### `watch` vs. `watchEffect`
+### `watch` vs. `watchEffect` {#watch-vs-watcheffect}
 
 `watch` and `watchEffect` both allow us to reactively perform side effects. Their main difference is the way they track their reactive dependencies:
 
@@ -294,17 +366,143 @@ You can check out [this example](/examples/#fetching-data) with `watchEffect` an
 
 </div>
 
-## Callback Flush Timing
+## Side Effect Cleanup {#side-effect-cleanup}
 
-When you mutate reactive state, it may trigger both Vue component updates and watcher callbacks created by you.
+Sometimes we may perform side effects, e.g. asynchronous requests, in a watcher:
 
-By default, user-created watcher callbacks are called **before** Vue component updates. This means if you attempt to access the DOM inside a watcher callback, the DOM will be in the state before Vue has applied any updates.
+<div class="composition-api">
 
-If you want to access the DOM in a watcher callback **after** Vue has updated it, you need to specify the `flush: 'post'` option:
+```js
+watch(id, (newId) => {
+  fetch(`/api/${newId}`).then(() => {
+    // callback logic
+  })
+})
+```
 
+</div>
 <div class="options-api">
 
 ```js
+export default {
+  watch: {
+    id(newId) {
+      fetch(`/api/${newId}`).then(() => {
+        // callback logic
+      })
+    }
+  }
+}
+```
+
+</div>
+
+But what if `id` changes before the request completes? When the previous request completes, it will still fire the callback with an ID value that is already stale. Ideally, we want to be able to cancel the stale request when `id` changes to a new value.
+
+We can use the [`onWatcherCleanup()`](/api/reactivity-core#onwatchercleanup) <sup class="vt-badge" data-text="3.5+" /> API to register a cleanup function that will be called when the watcher is invalidated and is about to re-run:
+
+<div class="composition-api">
+
+```js {10-13}
+import { watch, onWatcherCleanup } from 'vue'
+
+watch(id, (newId) => {
+  const controller = new AbortController()
+
+  fetch(`/api/${newId}`, { signal: controller.signal }).then(() => {
+    // callback logic
+  })
+
+  onWatcherCleanup(() => {
+    // abort stale request
+    controller.abort()
+  })
+})
+```
+
+</div>
+<div class="options-api">
+
+```js {12-15}
+import { onWatcherCleanup } from 'vue'
+
+export default {
+  watch: {
+    id(newId) {
+      const controller = new AbortController()
+
+      fetch(`/api/${newId}`, { signal: controller.signal }).then(() => {
+        // callback logic
+      })
+
+      onWatcherCleanup(() => {
+        // abort stale request
+        controller.abort()
+      })
+    }
+  }
+}
+```
+
+</div>
+
+Note that `onWatcherCleanup` is only supported in Vue 3.5+ and must be called during the synchronous execution of a `watchEffect` effect function or `watch` callback function: you cannot call it after an `await` statement in an async function.
+
+Alternatively, an `onCleanup` function is also passed to watcher callbacks as the 3rd argument<span class="composition-api">, and to the `watchEffect` effect function as the first argument</span>:
+
+<div class="composition-api">
+
+```js
+watch(id, (newId, oldId, onCleanup) => {
+  // ...
+  onCleanup(() => {
+    // cleanup logic
+  })
+})
+
+watchEffect((onCleanup) => {
+  // ...
+  onCleanup(() => {
+    // cleanup logic
+  })
+})
+```
+
+</div>
+<div class="options-api">
+
+```js
+export default {
+  watch: {
+    id(newId, oldId, onCleanup) {
+      // ...
+      onCleanup(() => {
+        // cleanup logic
+      })
+    }
+  }
+}
+```
+
+</div>
+
+This works in versions before 3.5. In addition, `onCleanup` passed via function argument is bound to the watcher instance so it is not subject to the synchronously constraint of `onWatcherCleanup`.
+
+## Callback Flush Timing {#callback-flush-timing}
+
+When you mutate reactive state, it may trigger both Vue component updates and watcher callbacks created by you.
+
+Similar to component updates, user-created watcher callbacks are batched to avoid duplicate invocations. For example, we probably don't want a watcher to fire a thousand times if we synchronously push a thousand items into an array being watched.
+
+By default, a watcher's callback is called **after** parent component updates (if any), and **before** the owner component's DOM updates. This means if you attempt to access the owner component's own DOM inside a watcher callback, the DOM will be in a pre-update state.
+
+### Post Watchers {#post-watchers}
+
+If you want to access the owner component's DOM in a watcher callback **after** Vue has updated it, you need to specify the `flush: 'post'` option:
+
+<div class="options-api">
+
+```js{6}
 export default {
   // ...
   watch: {
@@ -320,7 +518,7 @@ export default {
 
 <div class="composition-api">
 
-```js
+```js{2,6}
 watch(source, callback, {
   flush: 'post'
 })
@@ -342,11 +540,59 @@ watchPostEffect(() => {
 
 </div>
 
+### Sync Watchers {#sync-watchers}
+
+It's also possible to create a watcher that fires synchronously, before any Vue-managed updates:
+
+<div class="options-api">
+
+```js{6}
+export default {
+  // ...
+  watch: {
+    key: {
+      handler() {},
+      flush: 'sync'
+    }
+  }
+}
+```
+
+</div>
+
+<div class="composition-api">
+
+```js{2,6}
+watch(source, callback, {
+  flush: 'sync'
+})
+
+watchEffect(callback, {
+  flush: 'sync'
+})
+```
+
+Sync `watchEffect()` also has a convenience alias, `watchSyncEffect()`:
+
+```js
+import { watchSyncEffect } from 'vue'
+
+watchSyncEffect(() => {
+  /* executed synchronously upon reactive data change */
+})
+```
+
+</div>
+
+:::warning Use with Caution
+Sync watchers do not have batching and triggers every time a reactive mutation is detected. It's ok to use them to watch simple boolean values, but avoid using them on data sources that might be synchronously mutated many times, e.g. arrays.
+:::
+
 <div class="options-api">
 
-## `this.$watch()` \*
+## `this.$watch()` \* {#this-watch}
 
-It's also possible to imperatively create watchers using the [`$watch()` instance method](/api/component-instance.html#watch):
+It's also possible to imperatively create watchers using the [`$watch()` instance method](/api/component-instance#watch):
 
 ```js
 export default {
@@ -358,11 +604,11 @@ export default {
 }
 ```
 
-This is useful when you need to conditional set up a watcher, or only watch something in response to user interaction. It also allows you to stop the watcher early.
+This is useful when you need to conditionally set up a watcher, or only watch something in response to user interaction. It also allows you to stop the watcher early.
 
 </div>
 
-## Stopping a Watcher
+## Stopping a Watcher {#stopping-a-watcher}
 
 <div class="options-api">
 
diff --git a/src/guide/extras/animation.md b/src/guide/extras/animation.md
index 3df45c3717..7d5faa9f0f 100644
--- a/src/guide/extras/animation.md
+++ b/src/guide/extras/animation.md
@@ -5,11 +5,11 @@ import Colors from './demos/Colors.vue'
 import AnimateWatcher from './demos/AnimateWatcher.vue'
 </script>
 
-# Animation Techniques
+# Animation Techniques {#animation-techniques}
 
-Vue provides the [`<Transition>`](/guide/built-ins/transition.html) and [`<TransitionGroup>`](/guide/built-ins/transition-group.html) components for handling enter / leave and list transitions. However, there are many other ways of using animations on the web, even in a Vue application. Here we will discuss a few additional techniques.
+Vue provides the [`<Transition>`](/guide/built-ins/transition) and [`<TransitionGroup>`](/guide/built-ins/transition-group) components for handling enter / leave and list transitions. However, there are many other ways of using animations on the web, even in a Vue application. Here we will discuss a few additional techniques.
 
-## Class-based Animations
+## Class-based Animations {#class-based-animations}
 
 For elements that are not entering / leaving the DOM, we can trigger animations by dynamically adding a CSS class:
 
@@ -88,7 +88,7 @@ export default {
 
 <DisabledButton />
 
-## State-driven Animations
+## State-driven Animations {#state-driven-animations}
 
 Some transition effects can be applied by interpolating values, for instance by binding a style to an element while an interaction occurs. Take this example for instance:
 
@@ -145,9 +145,9 @@ In addition to color, you can also use style bindings to animate transform, widt
 
 <ElasticHeader />
 
-## Animating with Watchers
+## Animating with Watchers {#animating-with-watchers}
 
-With some creativity, we can use watchers to animate anything based on some numerical state. For example we can animate the number itself:
+With some creativity, we can use watchers to animate anything based on some numerical state. For example, we can animate the number itself:
 
 <div class="composition-api">
 
@@ -160,11 +160,18 @@ const tweened = reactive({
   number: 0
 })
 
+// Note: For inputs greater than Number.MAX_SAFE_INTEGER (9007199254740991),
+// the result may be inaccurate due to limitations in JavaScript number precision.
 watch(number, (n) => {
   gsap.to(tweened, { duration: 0.5, number: Number(n) || 0 })
 })
 ```
 
+```vue-html
+Type a number: <input v-model.number="number" />
+<p>{{ tweened.number.toFixed(0) }}</p>
+```
+
 </div>
 <div class="options-api">
 
@@ -178,6 +185,8 @@ export default {
       tweened: 0
     }
   },
+  // Note: For inputs greater than Number.MAX_SAFE_INTEGER (9007199254740991),
+  // the result may be inaccurate due to limitations in JavaScript number precision.
   watch: {
     number(n) {
       gsap.to(this, { duration: 0.5, tweened: Number(n) || 0 })
@@ -186,22 +195,22 @@ export default {
 }
 ```
 
-</div>
-
 ```vue-html
 Type a number: <input v-model.number="number" />
-<p>{{ tweened.number.toFixed(0) }}</p>
+<p>{{ tweened.toFixed(0) }}</p>
 ```
 
+</div>
+
 <AnimateWatcher />
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgcmVhY3RpdmUsIHdhdGNoIH0gZnJvbSAndnVlJ1xuaW1wb3J0IGdzYXAgZnJvbSAnZ3NhcCdcblxuY29uc3QgbnVtYmVyID0gcmVmKDApXG5jb25zdCB0d2VlbmVkID0gcmVhY3RpdmUoe1xuICBudW1iZXI6IDBcbn0pXG5cbndhdGNoKFxuICBudW1iZXIsXG4gIChuKSA9PiB7XG4gICAgZ3NhcC50byh0d2VlbmVkLCB7IGR1cmF0aW9uOiAwLjUsIG51bWJlcjogTnVtYmVyKG4pIHx8IDAgfSlcbiAgfVxuKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cImRlbW9cIj5cbiAgICBUeXBlIGEgbnVtYmVyOiA8aW5wdXQgdi1tb2RlbC5udW1iZXI9XCJudW1iZXJcIiAvPlxuICAgIDxwIGNsYXNzPVwiYmlnLW51bWJlclwiPnt7IHR3ZWVuZWQubnVtYmVyLnRvRml4ZWQoMCkgfX08L3A+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLmJpZy1udW1iZXIge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgZm9udC1zaXplOiAyZW07XG59XG48L3N0eWxlPlxuIiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwiZ3NhcFwiOiBcImh0dHBzOi8vdW5wa2cuY29tL2dzYXA/bW9kdWxlXCIsXG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpNUstygzAM/BWNLyEzBDKd6YWSdHrpsacefSGgJG7xY7BImhL+vTKv9ILllXYlr+jEm3PJpUWRidyXjXIEHql1e2mUdrYh6KDBY8yfoiR1wRiuBZVn6OHYWA0r5q6W2pMv3ISHkBPSlNZ4AtPqAzawC2LRdj3DdEU0WA34qB910sBUnsFWmp6LpRmaRo9UHMLIrGG3h4EBQ/OEbDRpxjx51TYFKWtYKHmOF9WP4Qzs+x22EDoA9NLwmaejC/x+vhBqVxeEfAPIK3WBsi6830lRobZSDDjA580hFIt8roxrCS4bbSuskxFmzhhIAenEy92id1CnzZzfd91szETmZ72rH6zYOej7PA3rYXrKE3GUp//m5KunWx3C5CE6enS0hjZXVKczZXCwdfWyoF79YgZPqBliJ9iGSUTEYlzuRrO9X94a/lUGNTklvBTZvAMpwhYCIMWZyPksTVvjvk9JaXUacq9sSlujFJPnvej/AElH3FQ=)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBnc2FwIGZyb20gJ2dzYXAnXG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbnVtYmVyOiAwLFxuICAgICAgdHdlZW5lZDogMFxuICAgIH1cbiAgfSxcbiAgd2F0Y2g6IHtcbiAgICBudW1iZXIobikge1xuICAgICAgZ3NhcC50byh0aGlzLCB7IGR1cmF0aW9uOiAwLjUsIHR3ZWVuZWQ6IE51bWJlcihuKSB8fCAwIH0pXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuXHRUeXBlIGEgbnVtYmVyOiA8aW5wdXQgdi1tb2RlbC5udW1iZXI9XCJudW1iZXJcIiAvPlxuXHQ8cCBjbGFzcz1cImJpZy1udW1iZXJcIj57eyB0d2VlbmVkLnRvRml4ZWQoMCkgfX08L3A+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uYmlnLW51bWJlciB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBmb250LXNpemU6IDJlbTtcbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwiZ3NhcFwiOiBcImh0dHBzOi8vdW5wa2cuY29tL2dzYXA/bW9kdWxlXCIsXG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNpNUctugzAQ/JWVLyESj6hSL5Sm6qXHnnr0xYENuAXbwus8Svj3GlxIJEvendHMvgb2bkx6cshyVtiyl4b2XMnO6J6gtsLAsdcdbKZwwxVXeJmpCo/CtQQDVwCVIBFtQwzQI7leLRmAct0B+xx28YLQGVFh5aGAjNM3zvRZUNnkizhII7V6w9xTSjqiRtoYBqhcL0hq5c3S5/hu/blKbzfYwbh9LMWVf0W2zusTws60gnDK6OtqEMTaeSGVcQSnpNMVtmmAXzkLAWeQzarCQNkKaz1zkHWysPthWNryjX/IC1bRbgvjWGTG64rssbQqLF3bKUzvHmH6o1aUnFHWDeVw0G31sqJW/mIOT9h5KEw2m7CYhUsmnV/at9XKX3n24v+E5WxdNmfTbieAs4bI2DzLnDI/dVrqLpu4Nz+/a5GzZYls/AM3dcFx)
 
 </div>
diff --git a/src/guide/extras/composition-api-faq.md b/src/guide/extras/composition-api-faq.md
index eb101bfd47..e715cefc2c 100644
--- a/src/guide/extras/composition-api-faq.md
+++ b/src/guide/extras/composition-api-faq.md
@@ -2,23 +2,25 @@
 outline: deep
 ---
 
-# Composition API FAQ
+# Composition API FAQ {#composition-api-faq}
 
 :::tip
 This FAQ assumes prior experience with Vue - in particular, experience with Vue 2 while primarily using Options API.
 :::
 
-## What is Composition API?
+## What is Composition API? {#what-is-composition-api}
+
+<VueSchoolLink href="https://vueschool.io/lessons/introduction-to-the-vue-js-3-composition-api" title="Free Composition API Lesson"/>
 
 Composition API is a set of APIs that allows us to author Vue components using imported functions instead of declaring options. It is an umbrella term that covers the following APIs:
 
-- [Reactivity API](/api/reactivity-core.html), e.g. `ref()` and `reactive()`, that allows us to directly create reactive state, computed state, and watchers.
+- [Reactivity API](/api/reactivity-core), e.g. `ref()` and `reactive()`, that allows us to directly create reactive state, computed state, and watchers.
 
-- [Lifecycle Hooks](/api/composition-api-lifecycle.html), e.g. `onMounted()` and `onUnmounted()`, that allow us to programmatically hook into the component lifecycle.
+- [Lifecycle Hooks](/api/composition-api-lifecycle), e.g. `onMounted()` and `onUnmounted()`, that allow us to programmatically hook into the component lifecycle.
 
-- [Dependency Injection](/api/composition-api-dependency-injection.html), i.e. `provide()` and `inject()`, that allow us to leverage Vue's dependency injection system while using Reactivity APIs.
+- [Dependency Injection](/api/composition-api-dependency-injection), i.e. `provide()` and `inject()`, that allow us to leverage Vue's dependency injection system while using Reactivity APIs.
 
-Composition API is a built-in feature of Vue 3, and is currently available to Vue 2 via the officially maintained [`@vue/composition-api`](https://github.com/vuejs/composition-api) plugin. In Vue 3, it is also primarily used together with the [`<script setup>`](/api/sfc-script-setup.html) syntax in Single-File Components. Here's a basic example of a component using Composition API:
+Composition API is a built-in feature of Vue 3 and [Vue 2.7](https://blog.vuejs.org/posts/vue-2-7-naruto.html). For older Vue 2 versions, use the officially maintained [`@vue/composition-api`](https://github.com/vuejs/composition-api) plugin. In Vue 3, it is also primarily used together with the [`<script setup>`](/api/sfc-script-setup) syntax in Single-File Components. Here's a basic example of a component using Composition API:
 
 ```vue
 <script setup>
@@ -47,15 +49,15 @@ Despite an API style based on function composition, **Composition API is NOT fun
 
 If you are interested in learning how to use Vue with Composition API, you can set the site-wide API preference to Composition API using the toggle at the top of the left sidebar, and then go through the guide from the beginning.
 
-## Why Composition API?
+## Why Composition API? {#why-composition-api}
 
-### Better Logic Reuse
+### Better Logic Reuse {#better-logic-reuse}
 
-The primary advantage of Composition API is that it enables clean, efficient logic reuse in the form of [Composable functions](/guide/reusability/composables.html). It solves [all the drawbacks of mixins](/guide/reusability/composables.html#vs-mixins), the primary logic reuse mechanism for Options API.
+The primary advantage of Composition API is that it enables clean, efficient logic reuse in the form of [Composable functions](/guide/reusability/composables). It solves [all the drawbacks of mixins](/guide/reusability/composables#vs-mixins), the primary logic reuse mechanism for Options API.
 
-Composition API's logic reuse capability has given rise to impressive community projects such as [VueUse](https://vueuse.org/), an ever-growing collection of composable utilities. It also serves as a clean mechanism for easily integrating stateful third-party services or libraries into Vue's reactivity system, for example [immutable data](/guide/extras/reactivity-in-depth.html#immutable-data), [state machines](/guide/extras/reactivity-in-depth.html#state-machines), and [RxJS](https://vueuse.org/rxjs/readme.html#vueuse-rxjs).
+Composition API's logic reuse capability has given rise to impressive community projects such as [VueUse](https://vueuse.org/), an ever-growing collection of composable utilities. It also serves as a clean mechanism for easily integrating stateful third-party services or libraries into Vue's reactivity system, for example [immutable data](/guide/extras/reactivity-in-depth#immutable-data), [state machines](/guide/extras/reactivity-in-depth#state-machines), and [RxJS](/guide/extras/reactivity-in-depth#rxjs).
 
-### More Flexible Code Organization
+### More Flexible Code Organization {#more-flexible-code-organization}
 
 Many users love that we write organized code by default with Options API: everything has its place based on the option it falls under. However, Options API poses serious limitations when a single component's logic grows beyond a certain complexity threshold. This limitation is particularly prominent in components that need to deal with multiple **logical concerns**, which we have witnessed first hand in many production Vue 2 apps.
 
@@ -80,41 +82,55 @@ Here's the same component, before and after the [refactor into Composition API](
 
 Notice how the code related to the same logical concern can now be grouped together: we no longer need to jump between different options blocks while working on a specific logical concern. Moreover, we can now move a group of code into an external file with minimal effort, since we no longer need to shuffle the code around in order to extract them. This reduced friction for refactoring is key to the long-term maintainability in large codebases.
 
-### Better Type Inference
+### Better Type Inference {#better-type-inference}
 
 In recent years, more and more frontend developers are adopting [TypeScript](https://www.typescriptlang.org/) as it helps us write more robust code, make changes with more confidence, and provides a great development experience with IDE support. However, the Options API, originally conceived in 2013, was designed without type inference in mind. We had to implement some [absurdly complex type gymnastics](https://github.com/vuejs/core/blob/44b95276f5c086e1d88fa3c686a5f39eb5bb7821/packages/runtime-core/src/componentPublicInstance.ts#L132-L165) to make type inference work with the Options API. Even with all this effort, type inference for Options API can still break down for mixins and dependency injection.
 
-This had led many developers who wanted to use Vue with TS to lean towards Class API powered by `vue-class-component`. However, a class-based API heavily relies on ES decorators, a language feature that was only a stage 2 proposal when Vue 3 was being developed in 2019. We felt it was too risky to base an official API on an unstable proposal. Since then, the decorators proposal has gone through yet another complete overhaul, and has yet to reach stage 3 as of this writing. In addition, class-based API suffers from logic reuse and organization limitations similar to Options API.
+This had led many developers who wanted to use Vue with TS to lean towards Class API powered by `vue-class-component`. However, a class-based API heavily relies on ES decorators, a language feature that was only a stage 2 proposal when Vue 3 was being developed in 2019. We felt it was too risky to base an official API on an unstable proposal. Since then, the decorators proposal has gone through yet another complete overhaul, and finally reached stage 3 in 2022. In addition, class-based API suffers from logic reuse and organization limitations similar to Options API.
 
 In comparison, Composition API utilizes mostly plain variables and functions, which are naturally type friendly. Code written in Composition API can enjoy full type inference with little need for manual type hints. Most of the time, Composition API code will look largely identical in TypeScript and plain JavaScript. This also makes it possible for plain JavaScript users to benefit from partial type inference.
 
-### Smaller Production Bundle and Less Overhead
+### Smaller Production Bundle and Less Overhead {#smaller-production-bundle-and-less-overhead}
 
 Code written in Composition API and `<script setup>` is also more efficient and minification-friendly than Options API equivalent. This is because the template in a `<script setup>` component is compiled as a function inlined in the same scope of the `<script setup>` code. Unlike property access from `this`, the compiled template code can directly access variables declared inside `<script setup>`, without an instance proxy in between. This also leads to better minification because all the variable names can be safely shortened.
 
-## Relationship with Options API
+## Relationship with Options API {#relationship-with-options-api}
+
+### Trade-offs {#trade-offs}
+
+Some users moving from Options API found their Composition API code less organized, and concluded that Composition API is "worse" in terms of code organization. We recommend users with such opinions to look at that problem from a different perspective.
 
-### Does Composition API cover all use cases?
+It is true that Composition API no longer provides the "guard rails" that guide you to put your code into respective buckets. In return, you get to author component code like how you would write normal JavaScript. This means **you can and should apply any code organization best practices to your Composition API code as you would when writing normal JavaScript**. If you can write well-organized JavaScript, you should also be able to write well-organized Composition API code.
 
-Yes in terms of stateful logic. When using Composition API, there are only a few options that may still be needed: `props`, `emits`, `name`, and `inheritAttrs`. If using `<script setup>`, then `inheritAttrs` is typically the only option that may require a separate normal `<script>` block.
+Options API does allow you to "think less" when writing component code, which is why many users love it. However, in reducing the mental overhead, it also locks you into the prescribed code organization pattern with no escape hatch, which can make it difficult to refactor or improve code quality in larger scale projects. In this regard, Composition API provides better long term scalability.
 
-If you intend to exclusively use Composition API (along with the options listed above), you can shave a few kbs off your production bundle via a [compile-time flag](https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags) that drops Options API related code from Vue. Note this also affects Vue components in your dependencies.
+### Does Composition API cover all use cases? {#does-composition-api-cover-all-use-cases}
 
-### Can I use both APIs together?
+Yes in terms of stateful logic. When using Composition API, there are only a few options that may still be needed: `props`, `emits`, `name`, and `inheritAttrs`.
 
-Yes. You can use Composition API via the [`setup()`](/api/composition-api-setup.html) option in an Options API component.
+:::tip
+
+Since 3.3 you can directly use `defineOptions` in `<script setup>` to set the component name or `inheritAttrs` property
+
+:::
+
+If you intend to exclusively use Composition API (along with the options listed above), you can shave a few kbs off your production bundle via a [compile-time flag](/api/compile-time-flags) that drops Options API related code from Vue. Note this also affects Vue components in your dependencies.
+
+### Can I use both APIs in the same component? {#can-i-use-both-apis-in-the-same-component}
+
+Yes. You can use Composition API via the [`setup()`](/api/composition-api-setup) option in an Options API component.
 
 However, we only recommend doing so if you have an existing Options API codebase that needs to integrate with new features / external libraries written with Composition API.
 
-### Will Options API be deprecated?
+### Will Options API be deprecated? {#will-options-api-be-deprecated}
 
 No, we do not have any plan to do so. Options API is an integral part of Vue and the reason many developers love it. We also realize that many of the benefits of Composition API only manifest in larger-scale projects, and Options API remains a solid choice for many low-to-medium-complexity scenarios.
 
-## Relationship with Class API
+## Relationship with Class API {#relationship-with-class-api}
 
 We no longer recommend using Class API with Vue 3, given that Composition API provides great TypeScript integration with additional logic reuse and code organization benefits.
 
-## Comparison with React Hooks
+## Comparison with React Hooks {#comparison-with-react-hooks}
 
 Composition API provides the same level of logic composition capabilities as React Hooks, but with some important differences.
 
@@ -130,6 +146,8 @@ React Hooks are invoked repeatedly every time a component updates. This creates
 
 - The stale closure problem, combined with Concurrent features, makes it difficult to reason about when a piece of hooks code is run, and makes working with mutable state that should persist across renders (via `useRef`) cumbersome.
 
+> Note: some of the above issues that are related to memoization can be resolved by the upcoming [React Compiler](https://react.dev/learn/react-compiler).
+
 In comparison, Vue Composition API:
 
 - Invokes `setup()` or `<script setup>` code only once. This makes the code align better with the intuitions of idiomatic JavaScript usage as there are no stale closures to worry about. Composition API calls are also not sensitive to call order and can be conditional.
diff --git a/src/guide/extras/custom-renderer.md b/src/guide/extras/custom-renderer.md
deleted file mode 100644
index c574716c13..0000000000
--- a/src/guide/extras/custom-renderer.md
+++ /dev/null
@@ -1 +0,0 @@
-# Custom Renderers
\ No newline at end of file
diff --git a/src/guide/extras/demos/Colors.vue b/src/guide/extras/demos/Colors.vue
index 69ee870a8c..37e87bbefe 100644
--- a/src/guide/extras/demos/Colors.vue
+++ b/src/guide/extras/demos/Colors.vue
@@ -1,7 +1,10 @@
 <script setup>
-let x = $ref(0)
+import { ref } from 'vue'
+
+const x = ref(0)
+
 function onMousemove(e) {
-  x = e.clientX
+  x.value = e.clientX
 }
 </script>
 
diff --git a/src/guide/extras/demos/DisabledButton.vue b/src/guide/extras/demos/DisabledButton.vue
index 576945fd29..b9cdfb3d48 100644
--- a/src/guide/extras/demos/DisabledButton.vue
+++ b/src/guide/extras/demos/DisabledButton.vue
@@ -1,10 +1,12 @@
 <script setup>
-let notActivated = $ref(false)
+import { ref } from 'vue'
+
+const notActivated = ref(false)
 
 function warnNotActivated() {
-  notActivated = true
+  notActivated.value = true
   setTimeout(() => {
-    notActivated = false
+    notActivated.value = false
   }, 1500)
 }
 </script>
diff --git a/src/guide/extras/demos/ElasticHeader.vue b/src/guide/extras/demos/ElasticHeader.vue
index 4ef1724599..8086d2c1da 100644
--- a/src/guide/extras/demos/ElasticHeader.vue
+++ b/src/guide/extras/demos/ElasticHeader.vue
@@ -1,17 +1,18 @@
 <script setup>
+import { reactive, computed } from 'vue'
 import dynamics from 'dynamics.js'
 
 const headerHeight = 120
 
 let isDragging = false
 const start = { x: 0, y: 0 }
-let c = $ref({ x: headerHeight, y: headerHeight })
+const c = reactive({ x: headerHeight, y: headerHeight })
 
-const headerPath = $computed(() => {
+const headerPath = computed(() => {
   return `M0,0 L320,0 320,${headerHeight}Q${c.x},${c.y} 0,${headerHeight}`
 })
 
-const contentPosition = $computed(() => {
+const contentPosition = computed(() => {
   const dy = c.y - headerHeight
   const dampen = dy > 0 ? 2 : 4
   return {
@@ -42,7 +43,7 @@ function stopDrag() {
     dynamics.animate(
       c,
       { x: headerHeight, y: headerHeight },
-      { type: dynamics.spring, duration: 700, firction: 280 }
+      { type: dynamics.spring, duration: 700, friction: 280 }
     )
   }
 }
@@ -65,7 +66,7 @@ function stopDrag() {
     <div class="header">Drag Me</div>
     <div class="content" :style="contentPosition">
       <a
-        href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBkeW5hbWljcyBmcm9tICdkeW5hbWljcy5qcydcblxuY29uc3QgaGVhZGVySGVpZ2h0ID0gMTIwXG5cbmxldCBpc0RyYWdnaW5nID0gZmFsc2VcbmNvbnN0IHN0YXJ0ID0geyB4OiAwLCB5OiAwIH1cbmxldCBjID0gJHJlZih7IHg6IGhlYWRlckhlaWdodCwgeTogaGVhZGVySGVpZ2h0IH0pXG5cbmNvbnN0IGhlYWRlclBhdGggPSAkY29tcHV0ZWQoKCkgPT4ge1xuICByZXR1cm4gYE0wLDAgTDMyMCwwIDMyMCwke2hlYWRlckhlaWdodH1RJHtjLnh9LCR7Yy55fSAwLCR7aGVhZGVySGVpZ2h0fWBcbn0pXG5cbmNvbnN0IGNvbnRlbnRQb3NpdGlvbiA9ICRjb21wdXRlZCgoKSA9PiB7XG4gIGNvbnN0IGR5ID0gYy55IC0gaGVhZGVySGVpZ2h0XG4gIGNvbnN0IGRhbXBlbiA9IGR5ID4gMCA/IDIgOiA0XG4gIHJldHVybiB7XG4gICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKDAsJHtkeSAvIGRhbXBlbn1weClgXG4gIH1cbn0pXG5cbmZ1bmN0aW9uIHN0YXJ0RHJhZyhlKSB7XG4gIGUgPSBlLmNoYW5nZWRUb3VjaGVzID8gZS5jaGFuZ2VkVG91Y2hlc1swXSA6IGVcbiAgaXNEcmFnZ2luZyA9IHRydWVcbiAgc3RhcnQueCA9IGUucGFnZVhcbiAgc3RhcnQueSA9IGUucGFnZVlcbn1cblxuZnVuY3Rpb24gb25EcmFnKGUpIHtcbiAgZSA9IGUuY2hhbmdlZFRvdWNoZXMgPyBlLmNoYW5nZWRUb3VjaGVzWzBdIDogZVxuICBpZiAoaXNEcmFnZ2luZykge1xuICAgIGMueCA9IGhlYWRlckhlaWdodCArIChlLnBhZ2VYIC0gc3RhcnQueClcbiAgICBjb25zdCBkeSA9IGUucGFnZVkgLSBzdGFydC55XG4gICAgY29uc3QgZGFtcGVuID0gZHkgPiAwID8gMS41IDogNFxuICAgIGMueSA9IGhlYWRlckhlaWdodCArIGR5IC8gZGFtcGVuXG4gIH1cbn1cblxuZnVuY3Rpb24gc3RvcERyYWcoKSB7XG4gIGlmIChpc0RyYWdnaW5nKSB7XG4gICAgaXNEcmFnZ2luZyA9IGZhbHNlXG4gICAgZHluYW1pY3MuYW5pbWF0ZShcbiAgICAgIGMsXG4gICAgICB7IHg6IGhlYWRlckhlaWdodCwgeTogaGVhZGVySGVpZ2h0IH0sXG4gICAgICB7IHR5cGU6IGR5bmFtaWNzLnNwcmluZywgZHVyYXRpb246IDcwMCwgZmlyY3Rpb246IDI4MCB9XG4gICAgKVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJkcmFnZ2FibGVcIlxuICAgIEBtb3VzZWRvd249XCJzdGFydERyYWdcIlxuICAgIEB0b3VjaHN0YXJ0PVwic3RhcnREcmFnXCJcbiAgICBAbW91c2Vtb3ZlPVwib25EcmFnXCJcbiAgICBAdG91Y2htb3ZlPVwib25EcmFnXCJcbiAgICBAbW91c2V1cD1cInN0b3BEcmFnXCJcbiAgICBAdG91Y2hlbmQ9XCJzdG9wRHJhZ1wiXG4gICAgQG1vdXNlbGVhdmU9XCJzdG9wRHJhZ1wiXG4gID5cbiAgICA8c3ZnIGNsYXNzPVwiYmdcIiB3aWR0aD1cIjMyMFwiIGhlaWdodD1cIjU2MFwiPlxuICAgICAgPHBhdGggOmQ9XCJoZWFkZXJQYXRoXCIgZmlsbD1cIiMzRjUxQjVcIj48L3BhdGg+XG4gICAgPC9zdmc+XG4gICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPkRyYWcgTWU8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiIDpzdHlsZT1cImNvbnRlbnRQb3NpdGlvblwiPkhlbGxvPC9kaXY+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlIHNjb3BlZD5cbi5kcmFnZ2FibGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiAwIDRweCAxNnB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7XG4gIHdpZHRoOiAzMjBweDtcbiAgaGVpZ2h0OiAyNDBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWFyZ2luOiAzMHB4IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG59XG4uYmcge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMDtcbn1cbi5oZWFkZXIsXG4uY29udGVudCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMTtcbiAgcGFkZGluZzogMzBweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cbi5oZWFkZXIge1xuICBjb2xvcjogI2ZmZjtcbiAgaGVpZ2h0OiAxMjBweDtcbiAgZm9udC1zaXplOiAyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuPC9zdHlsZT5cbiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiLFxuICAgIFwiZHluYW1pY3MuanNcIjogXCJodHRwczovL2Nkbi5za3lwYWNrLmRldi9keW5hbWljcy5qc1wiXG4gIH1cbn0ifQ=="
+        href="https://play.vuejs.org/#eNqlVmtv2zYU/SsXboE6mC3bSdwVmpM9MAz9sAIdsA8b5gGhRUrWKpEESTl2DP/3HZKSbbkuUKBA4Ij3ce65D15pP/hZ62TTiEE6WNjMlNqRFa7Rj0tZ1loZR3sygmWu3IgRZarWjROcDpQbVdMbeL45WvKdZHWZ2VbXHZP/LGyWMlPSOloLxoV5L8pi7eiBZrdTr6uEo9L+alhRlLKAPGeVFZ2PdQzwD6CyTWk6oh1+6dBpM2g6isNgch4jWPeCHm4u2Xxkbg2QLrvh8IYeHmm/lARg1xhJTx+moyn9fnfr//nf1/tzzMMfr/dZsj1AnCW7Azhe6J+W8jwsfp2Q7qOypSuV/ELsaMt3Xp3saNxL48yA1Vp4DFg+ojA/0i2ldH/GPqAROcOkzZWpU3oKzxVzYui5wnPS4hz09gZsydc3Us4bidqCZWiD79FQ3ERMgagiydZMFoL/qZpsLSziX4r+mf4LRmgn9ZvsTBOEATjZBjDNCvHXSeiTj8K/wadHR8lv5ZLT8MSnhUFVA5PeyHxHw5YZutCyRW2C9alJLc+jya5n8VmXZsm865MP6hEugp61pevIRUOUDjVouX8hoWsXy8uPF5ThBvtRiGKQGXVPX3OdzozdTov0hGu1QdAR8cYwTzil76e4vrkpA/+Ubt+Fe+ydQzljhotJ3ETYQTg4UWs/qDgRLXi5aQtWMWsflgPuU2OrSiwHUfFTrRoruHqW0B5H9qh1fgyC+Ko6ONdqI6CNA9b3vK4KXo0OiLElfS8h+TVdcKsEC5B9bcgW+dpNcUx1BR09l9ytccASwmkdeoDj/C2OrRPctN9oqQ962nAwz8uqguzV3W/z2S9zOCwm3rILNkG07hmFPgaOGDD3/OiDWEygvWbY7jVESq3bVT6ti1UHkPeiqtQJontaTM46jWMAIJspLTgkybHRcaxXLPtUGNVIPs5UpUxKr/I8/yGo1HZs1wwj4N8T93pLs7f4McWKYdv5F4j/S2bzm2AeKpr6ra63QRCLium87yRouskrj7cuORcyCGtmcKfgCCtijVNBqttEUyxfJIN3UhA7sXVjVpUFFBnqIUwQ56jO2JYvuDUzED3JnlsOd9NpEGJQzNgPSwahVDKirpRBY8aG8bKxKb0LCLhByaqIVTqxYSurKrxhIhulUZrwWIkciPH5ZVxKLvw7toWJjccFT9o2XqL2cjy6z2IlGOe4/rFAp8aUL0HYUoeoF6t78/U72nUEXwvnRYqFuxX153VbqYpHYEy1nySM0GA0iF8q45ppfJUoia+eEG/ZKuxykHZbE6vl9AHj5bgHzmmbTiYZl4n9tNMYwYSLzaRn2O2xweF/7cIdbA=="
         target="_blank"
         >Source code</a
       >
diff --git a/src/guide/extras/demos/SpreadSheet.vue b/src/guide/extras/demos/SpreadSheet.vue
index 0f70915676..b280512ccb 100644
--- a/src/guide/extras/demos/SpreadSheet.vue
+++ b/src/guide/extras/demos/SpreadSheet.vue
@@ -16,7 +16,7 @@ const cols = cells.map((_, i) => String.fromCharCode(65 + i))
     <tbody>
       <tr v-for="i in cells[0].length">
         <th>{{ i - 1 }}</th>
-        <td v-for="c, j in cols">
+        <td v-for="(c, j) in cols">
           <Cell :r="i - 1" :c="j"></Cell>
         </td>
       </tr>
diff --git a/src/guide/extras/demos/SpreadSheetCell.vue b/src/guide/extras/demos/SpreadSheetCell.vue
index 4ca0b80683..a9f98ddff1 100644
--- a/src/guide/extras/demos/SpreadSheetCell.vue
+++ b/src/guide/extras/demos/SpreadSheetCell.vue
@@ -22,7 +22,7 @@ function update(e) {
       :value="cells[c][r]"
       @change="update"
       @blur="update"
-      @vnode-mounted="({ el }) => el.focus()"
+      @vue:mounted="({ el }) => el.focus()"
     />
     <span v-else>{{ evalCell(cells[c][r]) }}</span>
   </div>
diff --git a/src/guide/extras/reactivity-in-depth.md b/src/guide/extras/reactivity-in-depth.md
index cd1d5f5b4e..337029b2f0 100644
--- a/src/guide/extras/reactivity-in-depth.md
+++ b/src/guide/extras/reactivity-in-depth.md
@@ -6,11 +6,11 @@ outline: deep
 import SpreadSheet from './demos/SpreadSheet.vue'
 </script>
 
-# Reactivity in Depth
+# Reactivity in Depth {#reactivity-in-depth}
 
-One of Vue’s most distinct features is the unobtrusive reactivity system. Component state are reactive JavaScript objects. When you modify them, the view updates. It makes state management simple and intuitive, but it’s also important to understand how it works to avoid some common gotchas. In this section, we are going to dig into some of the lower-level details of Vue’s reactivity system.
+One of Vue’s most distinctive features is the unobtrusive reactivity system. Component state consists of reactive JavaScript objects. When you modify them, the view updates. It makes state management simple and intuitive, but it’s also important to understand how it works to avoid some common gotchas. In this section, we are going to dig into some of the lower-level details of Vue’s reactivity system.
 
-## What is Reactivity?
+## What is Reactivity? {#what-is-reactivity}
 
 This term comes up in programming quite a bit these days, but what do people mean when they say it? Reactivity is a programming paradigm that allows us to adjust to changes in a declarative manner. The canonical example that people usually show, because it’s a great one, is an Excel spreadsheet:
 
@@ -63,13 +63,13 @@ This `whenDepsChange()` function has the following tasks:
 
 3. Detect when a variable is mutated. E.g. when `A0` is assigned a new value, notify all its subscriber effects to re-run.
 
-## How Reactivity Works in Vue
+## How Reactivity Works in Vue {#how-reactivity-works-in-vue}
 
 We can't really track the reading and writing of local variables like in the example. There's just no mechanism for doing that in vanilla JavaScript. What we **can** do though, is intercept the reading and writing of **object properties**.
 
-There are two ways of intercepting property access in JavaScript: [getter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get)/[setters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set) and [Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy). Vue 2 used getter/setters exclusively due to browser support limitations. In Vue 3, Proxies are used for reactive objects and getter/setters are used for refs. Here's some pseudo-code that illustrates how they work:
+There are two ways of intercepting property access in JavaScript: [getter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description) / [setters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set#description) and [Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy). Vue 2 used getter / setters exclusively due to browser support limitations. In Vue 3, Proxies are used for reactive objects and getter / setters are used for refs. Here's some pseudo-code that illustrates how they work:
 
-```js{4,8,17,21}
+```js{4,9,17,22}
 function reactive(obj) {
   return new Proxy(obj, {
     get(target, key) {
@@ -77,8 +77,8 @@ function reactive(obj) {
       return target[key]
     },
     set(target, key, value) {
-      trigger(target, key)
       target[key] = value
+      trigger(target, key)
     }
   })
 }
@@ -90,8 +90,8 @@ function ref(value) {
       return value
     },
     set value(newValue) {
-      trigger(refObject, 'value')
       value = newValue
+      trigger(refObject, 'value')
     }
   }
   return refObject
@@ -102,9 +102,9 @@ function ref(value) {
 Code snippets here and below are meant to explain the core concepts in the simplest form possible, so many details are omitted, and edge cases ignored.
 :::
 
-This explains a few [limitations of reactive objects](/guide/essentials/reactivity-fundamentals.html#limitations-of-reactive) that we have discussed in the fundamentals section:
+This explains a few [limitations of reactive objects](/guide/essentials/reactivity-fundamentals#limitations-of-reactive) that we have discussed in the fundamentals section:
 
-- When you assign or destructure a reactive object's property to a local variable, the reactivity is "disconnected" because access to the local variable no longer triggers the get / set proxy traps.
+- When you assign or destructure a reactive object's property to a local variable, accessing or assigning to that variable is non-reactive because it no longer triggers the get / set proxy traps on the source object. Note this "disconnect" only affects the variable binding - if the variable points to a non-primitive value such as an object, mutating the object would still be reactive.
 
 - The returned proxy from `reactive()`, although behaving just like the original, has a different identity if we compare it to the original using the `===` operator.
 
@@ -151,7 +151,7 @@ It wraps the raw `update` function in an effect that sets itself as the current
 
 At this point, we have created an effect that automatically tracks its dependencies, and re-runs whenever a dependency changes. We call this a **Reactive Effect**.
 
-Vue provides an API that allows you to create reactive effects: [`watchEffect()`](/api/reactivity-core.html#watcheffect). In fact, you may have noticed that it works pretty similarly to the magical `whenDepsChange()` in the example. We can now rework the original example using actual Vue APIs:
+Vue provides an API that allows you to create reactive effects: [`watchEffect()`](/api/reactivity-core#watcheffect). In fact, you may have noticed that it works pretty similarly to the magical `whenDepsChange()` in the example. We can now rework the original example using actual Vue APIs:
 
 ```js
 import { ref, watchEffect } from 'vue'
@@ -191,7 +191,7 @@ import { ref, watchEffect } from 'vue'
 const count = ref(0)
 
 watchEffect(() => {
-  document.body.innerHTML = `count is: ${count.value}`
+  document.body.innerHTML = `Count is: ${count.value}`
 })
 
 // updates the DOM
@@ -202,36 +202,23 @@ In fact, this is pretty close to how a Vue component keeps the state and the DOM
 
 <div class="options-api">
 
-The `ref()`, `computed()` and `watchEffect()` APIs are all part of the Composition API. If you have only been using Options API with Vue so far, you'll notice that Composition API is closer to how Vue's reactivity system works under the hood. In fact, in Vue 3 the Options API is implemented on top of the Composition API. All property access on the component instance (`this`) triggers getter/setters for reactivity tracking, and options like `watch` and `computed` invoke their Composition API equivalents internally.
+The `ref()`, `computed()` and `watchEffect()` APIs are all part of the Composition API. If you have only been using Options API with Vue so far, you'll notice that Composition API is closer to how Vue's reactivity system works under the hood. In fact, in Vue 3 the Options API is implemented on top of the Composition API. All property access on the component instance (`this`) triggers getter / setters for reactivity tracking, and options like `watch` and `computed` invoke their Composition API equivalents internally.
 
 </div>
 
-## Runtime vs. Compile-time Reactivity
+## Runtime vs. Compile-time Reactivity {#runtime-vs-compile-time-reactivity}
 
-Vue's reactivity system is primarily runtime-based: the tracking and triggering are all performed while the code is running directly in the browser. The pros of runtime reactivity is that it can work without a build step, and there are fewer edge cases. On the other hand, this makes it constrained by the syntax limitations of JavaScript.
+Vue's reactivity system is primarily runtime-based: the tracking and triggering are all performed while the code is running directly in the browser. The pros of runtime reactivity are that it can work without a build step, and there are fewer edge cases. On the other hand, this makes it constrained by the syntax limitations of JavaScript, leading to the need of value containers like Vue refs.
 
-We have already encountered a limitation in the previous example: JavaScript does not provide a way for us to intercept the reading and writing of local variables, so we have to always access reactive state as object properties, using either reactive objects or refs.
+Some frameworks, such as [Svelte](https://svelte.dev/), choose to overcome such limitations by implementing reactivity during compilation. It analyzes and transforms the code in order to simulate reactivity. The compilation step allows the framework to alter the semantics of JavaScript itself - for example, implicitly injecting code that performs dependency analysis and effect triggering around access to locally defined variables. The downside is that such transforms require a build step, and altering JavaScript semantics is essentially creating a language that looks like JavaScript but compiles into something else.
 
-We have been experimenting with the [Reactivity Transform](/guide/extras/reactivity-transform.html) feature to reduce the code verbosity:
+The Vue team did explore this direction via an experimental feature called [Reactivity Transform](/guide/extras/reactivity-transform), but in the end we have decided that it would not be a good fit for the project due to [the reasoning here](https://github.com/vuejs/rfcs/discussions/369#discussioncomment-5059028).
 
-```js
-let A0 = $ref(0)
-let A1 = $ref(1)
-
-// track on variable read
-const A2 = $computed(() => A0 + A1)
-
-// trigger on variable write
-A0 = 2
-```
-
-This snippet compiles into exactly what we'd have written without the transform, by automatically appending `.value` after references to the variables. With Reactivity Transform, Vue's reactivity system becomes a hybrid one.
-
-## Reactivity Debugging
+## Reactivity Debugging {#reactivity-debugging}
 
 It's great that Vue's reactivity system automatically tracks dependencies, but in some cases we may want to figure out exactly what is being tracked, or what is causing a component to re-render.
 
-### Component Debugging Hooks
+### Component Debugging Hooks {#component-debugging-hooks}
 
 We can debug what dependencies are used during a component's render and which dependency is triggering an update using the <span class="options-api">`renderTracked`</span><span class="composition-api">`onRenderTracked`</span> and <span class="options-api">`renderTriggered`</span><span class="composition-api">`onRenderTriggered`</span> lifecycle hooks. Both hooks will receive a debugger event which contains information on the dependency in question. It is recommended to place a `debugger` statement in the callbacks to interactively inspect the dependency:
 
@@ -289,7 +276,7 @@ type DebuggerEvent = {
 }
 ```
 
-### Computed Debugging
+### Computed Debugging {#computed-debugging}
 
 <!-- TODO options API equivalent -->
 
@@ -323,7 +310,7 @@ count.value++
 `onTrack` and `onTrigger` computed options only work in development mode.
 :::
 
-### Watcher Debugging
+### Watcher Debugging {#watcher-debugging}
 
 <!-- TODO options API equivalent -->
 
@@ -353,22 +340,22 @@ watchEffect(callback, {
 `onTrack` and `onTrigger` watcher options only work in development mode.
 :::
 
-## Integration with External State Systems
+## Integration with External State Systems {#integration-with-external-state-systems}
 
 Vue's reactivity system works by deeply converting plain JavaScript objects into reactive proxies. The deep conversion can be unnecessary or sometimes unwanted when integrating with external state management systems (e.g. if an external solution also uses Proxies).
 
-The general idea of integrating Vue's reactivity system with an external state management solution is to hold the external state in a [`shallowRef`](/api/reactivity-advanced.html#shallowref). A shallow ref is only reactive when its `.value` property is accessed - the inner value is left intact. When the external state changes, replace the ref value to trigger updates.
+The general idea of integrating Vue's reactivity system with an external state management solution is to hold the external state in a [`shallowRef`](/api/reactivity-advanced#shallowref). A shallow ref is only reactive when its `.value` property is accessed - the inner value is left intact. When the external state changes, replace the ref value to trigger updates.
 
-### Immutable Data
+### Immutable Data {#immutable-data}
 
-If you are implementing a undo / redo feature, you likely want to take a snapshot of the application's state on every user edit. However, Vue's mutable reactivity system isn't best suited for this if the state tree is large, because serializing the entire state object on every update can be expensive in terms of both CPU and memory costs.
+If you are implementing an undo / redo feature, you likely want to take a snapshot of the application's state on every user edit. However, Vue's mutable reactivity system isn't best suited for this if the state tree is large, because serializing the entire state object on every update can be expensive in terms of both CPU and memory costs.
 
 [Immutable data structures](https://en.wikipedia.org/wiki/Persistent_data_structure) solve this by never mutating the state objects - instead, it creates new objects that share the same, unchanged parts with old ones. There are different ways of using immutable data in JavaScript, but we recommend using [Immer](https://immerjs.github.io/immer/) with Vue because it allows you to use immutable data while keeping the more ergonomic, mutable syntax.
 
 We can integrate Immer with Vue via a simple composable:
 
 ```js
-import produce from 'immer'
+import { produce } from 'immer'
 import { shallowRef } from 'vue'
 
 export function useImmer(baseState) {
@@ -381,9 +368,9 @@ export function useImmer(baseState) {
 }
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHVzZUltbWVyIH0gZnJvbSAnLi9pbW1lci5qcydcbiAgXG5jb25zdCBbaXRlbXMsIHVwZGF0ZUl0ZW1zXSA9IHVzZUltbWVyKFtcbiAge1xuICAgICB0aXRsZTogXCJMZWFybiBWdWVcIixcbiAgICAgZG9uZTogdHJ1ZVxuICB9LFxuICB7XG4gICAgIHRpdGxlOiBcIlVzZSBWdWUgd2l0aCBJbW1lclwiLFxuICAgICBkb25lOiBmYWxzZVxuICB9XG5dKVxuXG5mdW5jdGlvbiB0b2dnbGVJdGVtKGluZGV4KSB7XG4gIHVwZGF0ZUl0ZW1zKGl0ZW1zID0+IHtcbiAgICBpdGVtc1tpbmRleF0uZG9uZSA9ICFpdGVtc1tpbmRleF0uZG9uZVxuICB9KVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPHVsPlxuICAgIDxsaSB2LWZvcj1cIih7IHRpdGxlLCBkb25lIH0sIGluZGV4KSBpbiBpdGVtc1wiXG4gICAgICAgIDpjbGFzcz1cInsgZG9uZSB9XCJcbiAgICAgICAgQGNsaWNrPVwidG9nZ2xlSXRlbShpbmRleClcIj5cbiAgICAgICAge3sgdGl0bGUgfX1cbiAgICA8L2xpPlxuICA8L3VsPlxuPC90ZW1wbGF0ZT5cblxuPHN0eWxlPlxuLmRvbmUge1xuICB0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtcbn1cbjwvc3R5bGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCIsXG4gICAgXCJpbW1lclwiOiBcImh0dHBzOi8vdW5wa2cuY29tL2ltbWVyQDkuMC43L2Rpc3QvaW1tZXIuZXNtLmpzP21vZHVsZVwiXG4gIH1cbn0iLCJpbW1lci5qcyI6ImltcG9ydCBwcm9kdWNlIGZyb20gJ2ltbWVyJ1xuaW1wb3J0IHsgc2hhbGxvd1JlZiB9IGZyb20gJ3Z1ZSdcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUltbWVyKGJhc2VTdGF0ZSkge1xuICBjb25zdCBzdGF0ZSA9IHNoYWxsb3dSZWYoYmFzZVN0YXRlKVxuICBjb25zdCB1cGRhdGUgPSAodXBkYXRlcikgPT4ge1xuICAgIHN0YXRlLnZhbHVlID0gcHJvZHVjZShzdGF0ZS52YWx1ZSwgdXBkYXRlcilcbiAgfVxuXG4gIHJldHVybiBbc3RhdGUsIHVwZGF0ZV1cbn0ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNp9VMFu2zAM/RXNl6ZAYnfoTlnSdRt66DBsQ7vtEuXg2YyjRpYEUU5TBPn3UZLtuE1RH2KLfCIfycfsk8/GpNsGkmkyw8IK4xiCa8wVV6I22jq2Zw3CbV2DZQe2srpmZ2km/PmMK8a4KrRCxxbCQY1j1pgyd3DrD0s27++OFh689z/0OOEkTBlPvkNuFfvbAE/Gra/UilzOko0Mh2A+ufcHwd9ij8KtWUjwMsAqlxgjcLU854qrVaMKJ7RiTleVDBRHQpWwO4/xB8xHoRg2v+oyh/MioJepT0ClvTsxhnSUi1LOsthN6iMdCGgkBacTY7NGhjd9ScG2k5W2c56M9rG6ceBPdbOWm1AxO0/a+uiZFjJHpFv7Fj10XhdSFBtyntTJkzaxf/ZtQnYguoFNJkUkmAWGs2xAm47onqT/jPWHxjjYuUkJhba57+yUSaFg4tZWN9X6Y9eIcC8ZJ1FQkzo36QNqRZILQXjroAqnXb+9LQzVD3vtnMFpljXKbKq00HWU3/X7i/QivcxKgS5aUglVXjxNAGvK8KnWZSNJWa0KDoGChzmk3L28jSVcQX1o1d1puwfgOpdSP97BqsfQxhCCK9gFTC+tXu7/coR7R71rxRWXBL2FpHOMOAAeYVGJhBvFL3s+kGKIkW5zSfKfd+RHA2u3gzZEpML9y9JS06YtAq5DLFmOMWXsjkM6rET1YjzUcSMk2J/G1/h8TKGOb8HmV7bdQbqzhmLziv0Bd3Govywg2O1x8Umvua3ARffN/Q/S1sDZDfMN5x2glo3nGGFfGlUS7QEusL0NcxWq+o03OwcKu6Ke/+fwhIb89Y3Sj3Qv0w+9xg7/AWfvyMs=)
 
-### State Machines
+### State Machines {#state-machines}
 
 [State Machine](https://en.wikipedia.org/wiki/Finite-state_machine) is a model for describing all the possible states an application can be in, and all the possible ways it can transition from one state to another. While it may be overkill for simple components, it can help make complex state flows more robust and manageable.
 
@@ -405,8 +392,93 @@ export function useMachine(options) {
 }
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHVzZU1hY2hpbmUgfSBmcm9tICcuL21hY2hpbmUuanMnXG4gIFxuY29uc3QgW3N0YXRlLCBzZW5kXSA9IHVzZU1hY2hpbmUoe1xuICBpZDogJ3RvZ2dsZScsXG4gIGluaXRpYWw6ICdpbmFjdGl2ZScsXG4gIHN0YXRlczoge1xuICAgIGluYWN0aXZlOiB7IG9uOiB7IFRPR0dMRTogJ2FjdGl2ZScgfSB9LFxuICAgIGFjdGl2ZTogeyBvbjogeyBUT0dHTEU6ICdpbmFjdGl2ZScgfSB9XG4gIH1cbn0pXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8YnV0dG9uIEBjbGljaz1cInNlbmQoJ1RPR0dMRScpXCI+XG4gICAge3sgc3RhdGUubWF0Y2hlcyhcImluYWN0aXZlXCIpID8gXCJPZmZcIiA6IFwiT25cIiB9fVxuICA8L2J1dHRvbj5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCIsXG4gICAgXCJ4c3RhdGVcIjogXCJodHRwczovL3VucGtnLmNvbS94c3RhdGVANC4yNy4wL2VzL2luZGV4LmpzP21vZHVsZVwiXG4gIH1cbn0iLCJtYWNoaW5lLmpzIjoiaW1wb3J0IHsgY3JlYXRlTWFjaGluZSwgaW50ZXJwcmV0IH0gZnJvbSAneHN0YXRlJ1xuaW1wb3J0IHsgc2hhbGxvd1JlZiB9IGZyb20gJ3Z1ZSdcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZU1hY2hpbmUob3B0aW9ucykge1xuICBjb25zdCBtYWNoaW5lID0gY3JlYXRlTWFjaGluZShvcHRpb25zKVxuICBjb25zdCBzdGF0ZSA9IHNoYWxsb3dSZWYobWFjaGluZS5pbml0aWFsU3RhdGUpXG4gIGNvbnN0IHNlcnZpY2UgPSBpbnRlcnByZXQobWFjaGluZSlcbiAgICAub25UcmFuc2l0aW9uKChuZXdTdGF0ZSkgPT4gKHN0YXRlLnZhbHVlID0gbmV3U3RhdGUpKVxuICAgIC5zdGFydCgpXG4gIGNvbnN0IHNlbmQgPSAoZXZlbnQpID0+IHNlcnZpY2Uuc2VuZChldmVudClcblxuICByZXR1cm4gW3N0YXRlLCBzZW5kXVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNp1U81unDAQfpWRL7DSFqqqUiXEJumhyqVVpDa3ugcKZtcJjC1syEqId8/YBu/uIRcEM9/P/DGz71pn0yhYwUpTD1JbMMKO+o6j7LUaLMwwGvGrqk8SBSzQDqqHJMv7EMleTMIRgGOt0Fj4a2xlxZ5EsPkHhytuOjucbApIrDoeO5HsfQCllVVHUYlVbeW0xr2OKcCzHCwkKQAK3fP56fHx5w/irSyqbfFMgA+h0cKBHZYey45jmYfeqWv6sKLXHbnTF0D5f7RWITzUnaxfD5y5ztIkSCY7zjwKYJ5DyVlf2fokTMrZ5sbZDu6Bs6e25QwK94b0svgKyjwYkEyZR2e2Z2H8n/pK04wV0oL8KEjWJwxncTicnb23C3F2slabIs9H1K/HrFZ9HrIPX7Mv37LPuTC5xEacSfa+V83YEW+bBfleFkuW8QbqQZDEuso9rcOKQQ/CxosIHnQLkWJOVdept9+ijSA6NEJwFGePaUekAdFwr65EaRcxu9BbOKq1JDqnmzIi9oL0RRDu4p1u/ayH9schrhlimGTtOLGnjeJRAJnC56FCQ3SFaYriLWjA4Q7SsPOp6kYnEXMbldKDTW/ssCFgKiaB1kusBWT+rkLYjQiAKhkHvP2j3IqWd5iMQ+M=)
 
-### RxJS
+### RxJS {#rxjs}
 
 [RxJS](https://rxjs.dev/) is a library for working with asynchronous event streams. The [VueUse](https://vueuse.org/) library provides the [`@vueuse/rxjs`](https://vueuse.org/rxjs/readme.html) add-on for connecting RxJS streams with Vue's reactivity system.
+
+## Connection to Signals {#connection-to-signals}
+
+Quite a few other frameworks have introduced reactivity primitives similar to refs from Vue's Composition API, under the term "signals":
+
+- [Solid Signals](https://www.solidjs.com/docs/latest/api#createsignal)
+- [Angular Signals](https://angular.dev/guide/signals)
+- [Preact Signals](https://preactjs.com/guide/v10/signals/)
+- [Qwik Signals](https://qwik.builder.io/docs/components/state/#usesignal)
+
+Fundamentally, signals are the same kind of reactivity primitive as Vue refs. It's a value container that provides dependency tracking on access, and side-effect triggering on mutation. This reactivity-primitive-based paradigm isn't a particularly new concept in the frontend world: it dates back to implementations like [Knockout observables](https://knockoutjs.com/documentation/observables.html) and [Meteor Tracker](https://docs.meteor.com/api/tracker.html) from more than a decade ago. Vue Options API and the React state management library [MobX](https://mobx.js.org/) are also based on the same principles, but hide the primitives behind object properties.
+
+Although not a necessary trait for something to qualify as signals, today the concept is often discussed alongside the rendering model where updates are performed through fine-grained subscriptions. Due to the use of Virtual DOM, Vue currently [relies on compilers to achieve similar optimizations](/guide/extras/rendering-mechanism#compiler-informed-virtual-dom). However, we are also exploring a new Solid-inspired compilation strategy, called [Vapor Mode](https://github.com/vuejs/core-vapor), that does not rely on Virtual DOM and takes more advantage of Vue's built-in reactivity system.
+
+### API Design Trade-Offs {#api-design-trade-offs}
+
+The design of Preact and Qwik's signals are very similar to Vue's [shallowRef](/api/reactivity-advanced#shallowref): all three provide a mutable interface via the `.value` property. We will focus the discussion on Solid and Angular signals.
+
+#### Solid Signals {#solid-signals}
+
+Solid's `createSignal()` API design emphasizes read / write segregation. Signals are exposed as a read-only getter and a separate setter:
+
+```js
+const [count, setCount] = createSignal(0)
+
+count() // access the value
+setCount(1) // update the value
+```
+
+Notice how the `count` signal can be passed down without the setter. This ensures that the state can never be mutated unless the setter is also explicitly exposed. Whether this safety guarantee justifies the more verbose syntax could be subject to the requirement of the project and personal taste - but in case you prefer this API style, you can easily replicate it in Vue:
+
+```js
+import { shallowRef, triggerRef } from 'vue'
+
+export function createSignal(value, options) {
+  const r = shallowRef(value)
+  const get = () => r.value
+  const set = (v) => {
+    r.value = typeof v === 'function' ? v(r.value) : v
+    if (options?.equals === false) triggerRef(r)
+  }
+  return [get, set]
+}
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNpdUk1TgzAQ/Ss7uQAjgr12oNXxH+ix9IAYaDQkMV/qMPx3N6G0Uy9Msu/tvn2PTORJqcI7SrakMp1myoKh1qldI9iopLYwQadpa+krG0TLYYZeyxGSojSSs/d7E8vFh0ka0YhOCmPh0EknbB4mPYfTEeqbIelD1oiqXPRQCS+WjoojAW8A1Wmzm1A39KYZzHNVYiUib85aKeCx46z7rBuySqQe6h14uINN1pDIBWACVUcqbGwtl17EqvIiR3LyzwcmcXFuTi3n8vuF9jlYzYaBajxfMsDcomv6E/m9E51luN2NV99yR3OQKkAmgykss+SkMZerxMLEZFZ4oBYJGAA600VEryAaD6CPaJwJKwnr9ldR2WMedV1Dsi6WwB58emZlsAV/zqmH9LzfvqBfruUmNvZ4QN7VearjenP4aHwmWsABt4x/+tiImcx/z27Jqw==)
+
+#### Angular Signals {#angular-signals}
+
+Angular is undergoing some fundamental changes by foregoing dirty-checking and introducing its own implementation of a reactivity primitive. The Angular Signal API looks like this:
+
+```js
+const count = signal(0)
+
+count() // access the value
+count.set(1) // set new value
+count.update((v) => v + 1) // update based on previous value
+```
+
+Again, we can easily replicate the API in Vue:
+
+```js
+import { shallowRef } from 'vue'
+
+export function signal(initialValue) {
+  const r = shallowRef(initialValue)
+  const s = () => r.value
+  s.set = (value) => {
+    r.value = value
+  }
+  s.update = (updater) => {
+    r.value = updater(r.value)
+  }
+  return s
+}
+```
+
+[Try it in the Playground](https://play.vuejs.org/#eNp9Ul1v0zAU/SuWX9ZCSRh7m9IKGHuAB0AD8WQJZclt6s2xLX+ESlH+O9d2krbr1Df7nnPu17k9/aR11nmgt7SwleHaEQvO6w2TvNXKONITyxtZihWpVKu9g5oMZGtUS66yvJSNF6V5lyjZk71ikslKSeuQ7qUj61G+eL+cgFr5RwGITAkXiyVZb5IAn2/IB+QWeeoHO8GPg1aL0gH+CCl215u7mJ3bW9L3s3IYihyxifMlFRpJqewL1qN3TknysRK8el4zGjNlXtdYa9GFrjryllwvGY18QrisDLQgXZTnSX8pF64zzD7pDWDghbbI5/Hoip7tFL05eLErhVD/HmB75Edpyd8zc9DUaAbso3TrZeU4tjfawSV3vBR/SuFhSfrQUXLHBMvmKqe8A8siK7lmsi5gAbJhWARiIGD9hM7BIfHSgjGaHljzlDyGF2MEPQs6g5dpcAIm8Xs+2XxODTgUn0xVYdJ5RxPhKOd4gdMsA/rgLEq3vEEHlEQPYrbgaqu5APNDh6KWUTyuZC2jcWvfYswZD6spXu2gen4l/mT3Icboz3AWpgNGZ8yVBttM8P2v77DH9wy2qvYC2RfAB7BK+NBjon32ssa2j3ix26/xsrhsftv7vQNpp6FCo4E5RD6jeE93F0Y/tHuT3URd2OLwHyXleRY=)
+
+Compared to Vue refs, Solid and Angular's getter-based API style provide some interesting trade-offs when used in Vue components:
+
+- `()` is slightly less verbose than `.value`, but updating the value is more verbose.
+- There is no ref-unwrapping: accessing values always require `()`. This makes value access consistent everywhere. This also means you can pass raw signals down as component props.
+
+Whether these API styles suit you is to some extent subjective. Our goal here is to demonstrate the underlying similarity and trade-offs between these different API designs. We also want to show that Vue is flexible: you are not really locked into the existing APIs. Should it be necessary, you can create your own reactivity primitive API to suit more specific needs.
diff --git a/src/guide/extras/reactivity-transform.md b/src/guide/extras/reactivity-transform.md
index 132e12d38f..09643d3085 100644
--- a/src/guide/extras/reactivity-transform.md
+++ b/src/guide/extras/reactivity-transform.md
@@ -1,16 +1,18 @@
-# Reactivity Transform
+# Reactivity Transform {#reactivity-transform}
 
-:::warning Experimental Feature
-Reactivity Transform is currently an experimental feature. It is disabled by default and requires [explicit opt-in](#explicit-opt-in). It may also change before being finalized. To stay up-to-date, keep an eye on its [proposal and discussion on GitHub](https://github.com/vuejs/rfcs/discussions/369).
+:::danger Removed Experimental Feature
+Reactivity Transform was an experimental feature, and has been removed in the latest 3.4 release. Please read about [the reasoning here](https://github.com/vuejs/rfcs/discussions/369#discussioncomment-5059028).
+
+If you still intend to use it, it is now available via the [Vue Macros](https://vue-macros.sxzz.moe/features/reactivity-transform.html) plugin.
 :::
 
 :::tip Composition-API-specific
 Reactivity Transform is a Composition-API-specific feature and requires a build step.
 :::
 
-## Refs vs. Reactive Variables
+## Refs vs. Reactive Variables {#refs-vs-reactive-variables}
 
-Ever since the introduction of the Composition API, one of the primary unresolved questions is the use of refs vs. reactive objects. It can be cumbersome to use `.value` everywhere, and it is easy to miss if not using a type system.
+Ever since the introduction of the Composition API, one of the primary unresolved questions is the use of refs vs. reactive objects. It's easy to lose reactivity when destructuring reactive objects, while it can be cumbersome to use `.value` everywhere when using refs. Also, `.value` is easy to miss if not using a type system.
 
 [Vue Reactivity Transform](https://github.com/vuejs/core/tree/main/packages/reactivity-transform) is a compile-time transform that allows us to write code like this:
 
@@ -48,11 +50,11 @@ function increment() {
 
 Every reactivity API that returns refs will have a `$`-prefixed macro equivalent. These APIs include:
 
-- [`ref`](/api/reactivity-core.html#ref) -> `$ref`
-- [`computed`](/api/reactivity-core.html#computed) -> `$computed`
-- [`shallowRef`](/api/reactivity-advanced.html#shallowref) -> `$shallowRef`
-- [`customRef`](/api/reactivity-advanced.html#customref) -> `$customRef`
-- [`toRef`](/api/reactivity-utilities.html#toref) -> `$toRef`
+- [`ref`](/api/reactivity-core#ref) -> `$ref`
+- [`computed`](/api/reactivity-core#computed) -> `$computed`
+- [`shallowRef`](/api/reactivity-advanced#shallowref) -> `$shallowRef`
+- [`customRef`](/api/reactivity-advanced#customref) -> `$customRef`
+- [`toRef`](/api/reactivity-utilities#toref) -> `$toRef`
 
 These macros are globally available and do not need to be imported when Reactivity Transform is enabled, but you can optionally import them from `vue/macros` if you want to be more explicit:
 
@@ -62,7 +64,7 @@ import { $ref } from 'vue/macros'
 let count = $ref(0)
 ```
 
-## Destructuring with `$()`
+## Destructuring with `$()` {#destructuring-with}
 
 It is common for a composition function to return an object of refs, and use destructuring to retrieve these refs. For this purpose, reactivity transform provides the **`$()`** macro:
 
@@ -91,7 +93,7 @@ Note that if `x` is already a ref, `toRef(__temp, 'x')` will simply return it as
 
 `$()` destructure works on both reactive objects **and** plain objects containing refs.
 
-## Convert Existing Refs to Reactive Variables with `$()`
+## Convert Existing Refs to Reactive Variables with `$()` {#convert-existing-refs-to-reactive-variables-with}
 
 In some cases we may have wrapped functions that also return refs. However, the Vue compiler won't be able to know ahead of time that a function is going to return a ref. In such cases, the `$()` macro can also be used to convert any existing refs into reactive variables:
 
@@ -103,13 +105,13 @@ function myCreateRef() {
 let count = $(myCreateRef())
 ```
 
-## Reactive Props Destructure
+## Reactive Props Destructure {#reactive-props-destructure}
 
 There are two pain points with the current `defineProps()` usage in `<script setup>`:
 
 1. Similar to `.value`, you need to always access props as `props.x` in order to retain reactivity. This means you cannot destructure `defineProps` because the resulting destructured variables are not reactive and will not update.
 
-2. When using the [type-only props declaration](/api/sfc-script-setup.html#typescript-only-features), there is no easy way to declare default values for the props. We introduced the `withDefaults()` API for this exact purpose, but it's still clunky to use.
+2. When using the [type-only props declaration](/api/sfc-script-setup#type-only-props-emit-declarations), there is no easy way to declare default values for the props. We introduced the `withDefaults()` API for this exact purpose, but it's still clunky to use.
 
 We can address these issues by applying a compile-time transform when `defineProps` is used with destructuring, similar to what we saw earlier with `$()`:
 
@@ -154,11 +156,11 @@ export default {
 }
 ```
 
-## Retaining Reactivity Across Function Boundaries
+## Retaining Reactivity Across Function Boundaries {#retaining-reactivity-across-function-boundaries}
 
 While reactive variables relieve us from having to use `.value` everywhere, it creates an issue of "reactivity loss" when we pass reactive variables across function boundaries. This can happen in two cases:
 
-### Passing into function as argument
+### Passing into function as argument {#passing-into-function-as-argument}
 
 Given a function that expects a ref as an argument, e.g.:
 
@@ -199,7 +201,7 @@ trackChange(count)
 
 As we can see, `$$()` is a macro that serves as an **escape hint**: reactive variables inside `$$()` will not get `.value` appended.
 
-### Returning inside function scope
+### Returning inside function scope {#returning-inside-function-scope}
 
 Reactivity can also be lost if reactive variables are used directly in a returned expression:
 
@@ -246,7 +248,7 @@ function useMouse() {
 }
 ```
 
-### Using `$$()` on destructured props
+### Using `$$()` on destructured props {#using-on-destructured-props}
 
 `$$()` works on destructured props since they are reactive variables as well. The compiler will convert it with `toRef` for efficiency:
 
@@ -265,7 +267,7 @@ setup(props) {
 }
 ```
 
-## TypeScript Integration <sup class="vt-badge ts" />
+## TypeScript Integration <sup class="vt-badge ts" /> {#typescript-integration}
 
 Vue provides typings for these macros (available globally) and all types will work as expected. There are no incompatibilities with standard TypeScript semantics, so the syntax will work with all existing tooling.
 
@@ -279,13 +281,15 @@ Since the macros are available globally, their types need to be explicitly refer
 
 When explicitly importing the macros from `vue/macros`, the type will work without declaring the globals.
 
-## Explicit Opt-in
+## Explicit Opt-in {#explicit-opt-in}
 
-Reactivity Transform is currently disabled by default and requires explicit opt-in. In addition, all of the following setups require `vue@^3.2.25`.
+:::danger No longer supported in core
+The following only applies up to Vue version 3.3 and below. Support has been removed in Vue core 3.4 and above, and `@vitejs/plugin-vue` 5.0 and above. If you intend to continue using the transform, please migrate to [Vue Macros](https://vue-macros.sxzz.moe/features/reactivity-transform.html) instead.
+:::
 
-### Vite
+### Vite {#vite}
 
-- Requires `@vitejs/plugin-vue@^2.0.0`
+- Requires `@vitejs/plugin-vue@>=2.0.0`
 - Applies to SFCs and js(x)/ts(x) files. A fast usage check is performed on files before applying the transform so there should be no performance cost for files not using the macros.
 - Note `reactivityTransform` is now a plugin root-level option instead of nested as `script.refSugar`, since it affects not just SFCs.
 
@@ -300,10 +304,10 @@ export default {
 }
 ```
 
-### `vue-cli`
+### `vue-cli` {#vue-cli}
 
 - Currently only affects SFCs
-- Requires `vue-loader@^17.0.0`
+- Requires `vue-loader@>=17.0.0`
 
 ```js
 // vue.config.js
@@ -322,10 +326,10 @@ module.exports = {
 }
 ```
 
-### Plain `webpack` + `vue-loader`
+### Plain `webpack` + `vue-loader` {#plain-webpack-vue-loader}
 
 - Currently only affects SFCs
-- Requires `vue-loader@^17.0.0`
+- Requires `vue-loader@>=17.0.0`
 
 ```js
 // webpack.config.js
diff --git a/src/guide/extras/render-function.md b/src/guide/extras/render-function.md
index fc7331cc79..344ce2b5af 100644
--- a/src/guide/extras/render-function.md
+++ b/src/guide/extras/render-function.md
@@ -2,15 +2,15 @@
 outline: deep
 ---
 
-# Render Functions & JSX
+# Render Functions & JSX {#render-functions-jsx}
 
 Vue recommends using templates to build applications in the vast majority of cases. However, there are situations where we need the full programmatic power of JavaScript. That's where we can use the **render function**.
 
-> If you are new to the concept of virtual DOM and render functions, make sure to read the [Rendering Mechanism](/guide/extras/rendering-mechanism.html) chapter first.
+> If you are new to the concept of virtual DOM and render functions, make sure to read the [Rendering Mechanism](/guide/extras/rendering-mechanism) chapter first.
 
-## Basic Usage
+## Basic Usage {#basic-usage}
 
-### Creating Vnodes
+### Creating Vnodes {#creating-vnodes}
 
 Vue provides an `h()` function for creating vnodes:
 
@@ -26,7 +26,7 @@ const vnode = h(
 )
 ```
 
-`h()` is short for **hyperscript** - which means "JavaScript that produces HTML (hypertext markup language)". This name is inherited from conventions shared by many virtual DOM implementations. A more descriptive name could be `createVnode()`, but a shorter name helps when you have to call this function many times in a render function.
+`h()` is short for **hyperscript** - which means "JavaScript that produces HTML (hypertext markup language)". This name is inherited from conventions shared by many virtual DOM implementations. A more descriptive name could be `createVNode()`, but a shorter name helps when you have to call this function many times in a render function.
 
 The `h()` function is designed to be very flexible:
 
@@ -39,6 +39,10 @@ h('div', { id: 'foo' })
 // Vue automatically picks the right way to assign it
 h('div', { class: 'bar', innerHTML: 'hello' })
 
+// props modifiers such as `.prop` and `.attr` can be added
+// with `.` and `^` prefixes respectively
+h('div', { '.name': 'some-name', '^width': '100' })
+
 // class and style have the same object / array
 // value support that they have in templates
 h('div', { class: [foo, { bar }], style: { color: 'red' } })
@@ -72,7 +76,7 @@ vnode.key // null
 The full `VNode` interface contains many other internal properties, but it is strongly recommended to avoid relying on any properties other than the ones listed here. This avoids unintended breakage in case the internal properties are changed.
 :::
 
-### Declaring Render Functions
+### Declaring Render Functions {#declaring-render-functions}
 
 <div class="composition-api">
 
@@ -184,7 +188,7 @@ function Hello() {
 
 That's right, this is a valid Vue component! See [Functional Components](#functional-components) for more details on this syntax.
 
-### Vnodes Must Be Unique
+### Vnodes Must Be Unique {#vnodes-must-be-unique}
 
 All vnodes in the component tree must be unique. That means the following render function is invalid:
 
@@ -212,7 +216,7 @@ function render() {
 }
 ```
 
-## JSX / TSX
+## JSX / TSX {#jsx-tsx}
 
 [JSX](https://facebook.github.io/jsx/) is an XML-like extension to JavaScript that allows us to write code like this:
 
@@ -235,11 +239,31 @@ Although first introduced by React, JSX actually has no defined runtime semantic
 
 Vue's type definition also provides type inference for TSX usage. When using TSX, make sure to specify `"jsx": "preserve"` in `tsconfig.json` so that TypeScript leaves the JSX syntax intact for Vue JSX transform to process.
 
-## Render Function Recipes
+### JSX Type Inference {#jsx-type-inference}
+
+Similar to the transform, Vue's JSX also needs different type definitions.
+
+Starting in Vue 3.4, Vue no longer implicitly registers the global `JSX` namespace. To instruct TypeScript to use Vue's JSX type definitions, make sure to include the following in your `tsconfig.json`:
+
+```json
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "vue"
+    // ...
+  }
+}
+```
+
+You can also opt-in per file by adding a `/* @jsxImportSource vue */` comment at the top of the file.
+
+If there is code that depends on the presence of the global `JSX` namespace,  you can retain the exact pre-3.4 global behavior by explicitly importing or referencing `vue/jsx` in your project, which registers the global `JSX` namespace.
+
+## Render Function Recipes {#render-function-recipes}
 
 Below we will provide some common recipes for implementing template features as their equivalent render functions / JSX.
 
-### `v-if`
+### `v-if` {#v-if}
 
 Template:
 
@@ -275,7 +299,7 @@ h('div', [this.ok ? h('div', 'yes') : h('span', 'no')])
 
 </div>
 
-### `v-for`
+### `v-for` {#v-for}
 
 Template:
 
@@ -331,7 +355,7 @@ h(
 
 </div>
 
-### `v-on`
+### `v-on` {#v-on}
 
 Props with names that start with `on` followed by an uppercase letter are treated as event listeners. For example, `onClick` is the equivalent of `@click` in templates.
 
@@ -343,7 +367,7 @@ h(
       /* ... */
     }
   },
-  'click me'
+  'Click Me'
 )
 ```
 
@@ -353,11 +377,11 @@ h(
     /* ... */
   }}
 >
-  click me
+  Click Me
 </button>
 ```
 
-#### Event Modifiers
+#### Event Modifiers {#event-modifiers}
 
 For the `.passive`, `.capture`, and `.once` event modifiers, they can be concatenated after the event name using camelCase.
 
@@ -385,7 +409,7 @@ h('input', {
 />
 ```
 
-For other event and key modifiers, the [`withModifiers`](/api/render-function.html#withmodifiers) helper can be used:
+For other event and key modifiers, the [`withModifiers`](/api/render-function#withmodifiers) helper can be used:
 
 ```js
 import { withModifiers } from 'vue'
@@ -399,7 +423,7 @@ h('div', {
 <div onClick={withModifiers(() => {}, ['self'])} />
 ```
 
-### Components
+### Components {#components}
 
 To create a vnode for a component, the first argument passed to `h()` should be the component definition. This means when using render functions, it is unnecessary to register components - you can just use the imported components directly:
 
@@ -442,9 +466,9 @@ function render() {
 }
 ```
 
-If a component is registered by name and cannot be imported directly (for example, globally registered by a library), it can be programmatically resolved by using the [`resolveComponent()`](/api/render-function.html#resolvecomponent) helper.
+If a component is registered by name and cannot be imported directly (for example, globally registered by a library), it can be programmatically resolved by using the [`resolveComponent()`](/api/render-function#resolvecomponent) helper.
 
-### Rendering Slots
+### Rendering Slots {#rendering-slots}
 
 <div class="composition-api">
 
@@ -485,7 +509,7 @@ JSX equivalent:
 </div>
 <div class="options-api">
 
-In render functions, slots can be accessed from [`this.$slots`](/api/component-instance.html#slots):
+In render functions, slots can be accessed from [`this.$slots`](/api/component-instance#slots):
 
 ```js
 export default {
@@ -519,7 +543,7 @@ JSX equivalent:
 
 </div>
 
-### Passing Slots
+### Passing Slots {#passing-slots}
 
 Passing children to components works a bit differently from passing children to elements. Instead of an array, we need to pass either a slot function, or an object of slot functions. Slot functions can return anything a normal render function can return - which will always be normalized to arrays of vnodes when accessed in the child component.
 
@@ -553,9 +577,44 @@ JSX equivalent:
 
 Passing slots as functions allows them to be invoked lazily by the child component. This leads to the slot's dependencies being tracked by the child instead of the parent, which results in more accurate and efficient updates.
 
-### Built-in Components
+### Scoped Slots {#scoped-slots}
+
+To render a scoped slot in the parent component, a slot is passed to the child. Notice how the slot now has a parameter `text`. The slot will be called in the child component and the data from the child component will be passed up to the parent component.
+
+```js
+// parent component
+export default {
+  setup() {
+    return () => h(MyComp, null, {
+      default: ({ text }) => h('p', text)
+    })
+  }
+}
+```
+
+Remember to pass `null` so the slots will not be treated as props.
+
+```js
+// child component
+export default {
+  setup(props, { slots }) {
+    const text = ref('hi')
+    return () => h('div', null, slots.default({ text: text.value }))
+  }
+}
+```
+
+JSX equivalent:
+
+```jsx
+<MyComponent>{{
+  default: ({ text }) => <p>{ text }</p>  
+}}</MyComponent>
+```
+
+### Built-in Components {#built-in-components}
 
-[Built-in components](/api/built-in-components.html) such as `<KeepAlive>`, `<Transition>`, `<TransitionGroup>`, `<Teleport>` and `<Suspense>` must be imported for use in render functions:
+[Built-in components](/api/built-in-components) such as `<KeepAlive>`, `<Transition>`, `<TransitionGroup>`, `<Teleport>` and `<Suspense>` must be imported for use in render functions:
 
 <div class="composition-api">
 
@@ -584,7 +643,7 @@ export default {
 
 </div>
 
-### `v-model`
+### `v-model` {#v-model}
 
 The `v-model` directive is expanded to `modelValue` and `onUpdate:modelValue` props during template compilation—we will have to provide these props ourselves:
 
@@ -622,9 +681,9 @@ export default {
 
 </div>
 
-### Custom Directives
+### Custom Directives {#custom-directives}
 
-Custom directives can be applied to a vnode using [`withDirectives`](/api/render-function.html#withdirectives):
+Custom directives can be applied to a vnode using [`withDirectives`](/api/render-function#withdirectives):
 
 ```js
 import { h, withDirectives } from 'vue'
@@ -641,11 +700,64 @@ const vnode = withDirectives(h('div'), [
 ])
 ```
 
-If the directive is registered by name can cannot be imported directly, it can be resolved using the [`resolveDirective`](/api/render-function.html#resolvedirective) helper.
+If the directive is registered by name and cannot be imported directly, it can be resolved using the [`resolveDirective`](/api/render-function#resolvedirective) helper.
+
+### Template Refs {#template-refs}
+
+<div class="composition-api">
+
+With the Composition API, when using [`useTemplateRef()`](/api/composition-api-helpers#usetemplateref) <sup class="vt-badge" data-text="3.5+" />  template refs are created by passing the string value as prop to the vnode:
+
+```js
+import { h, useTemplateRef } from 'vue'
+
+export default {
+  setup() {
+    const divEl = useTemplateRef('my-div')
+
+    // <div ref="my-div">
+    return () => h('div', { ref: 'my-div' })
+  }
+}
+```
+
+<details>
+<summary>Usage before 3.5</summary>
+
+In versions before 3.5 where useTemplateRef() was not introduced, template refs are created by passing the ref() itself as a prop to the vnode:
+
+```js
+import { h, ref } from 'vue'
+
+export default {
+  setup() {
+    const divEl = ref()
+
+    // <div ref="divEl">
+    return () => h('div', { ref: divEl })
+  }
+}
+```
+</details>
+</div>
+<div class="options-api">
+
+With the Options API, template refs are created by passing the ref name as a string in the vnode props:
 
-## Functional Components
+```js
+export default {
+  render() {
+    // <div ref="divEl">
+    return h('div', { ref: 'divEl' })
+  }
+}
+```
 
-Functional components are an alternative form of component that don't have any state of their own. They are rendered without creating a component instance, bypassing the usual component lifecycle.
+</div>
+
+## Functional Components {#functional-components}
+
+Functional components are an alternative form of component that don't have any state of their own. They act like pure functions: props in, vnodes out. They are rendered without creating a component instance (i.e. no `this`), and without the usual component lifecycle hooks.
 
 To create a functional component we use a plain function, rather than an options object. The function is effectively the `render` function for the component.
 
@@ -670,11 +782,11 @@ function MyComponent(props, context) {
 }
 ```
 
-The second argument, `context`, contains three properties: `attrs`, `emit`, and `slots`. These are equivalent to the instance properties [`$attrs`](/api/component-instance.html#attrs), [`$emit`](/api/component-instance.html#emit), and [`$slots`](/api/component-instance.html#slots) respectively.
+The second argument, `context`, contains three properties: `attrs`, `emit`, and `slots`. These are equivalent to the instance properties [`$attrs`](/api/component-instance#attrs), [`$emit`](/api/component-instance#emit), and [`$slots`](/api/component-instance#slots) respectively.
 
 </div>
 
-Most of the usual configuration options for components are not available for functional components. However, it is possible to define [`props`](/api/options-state.html#props) and [`emits`](/api/options-state.html#emits) by adding them as properties:
+Most of the usual configuration options for components are not available for functional components. However, it is possible to define [`props`](/api/options-state#props) and [`emits`](/api/options-state#emits) by adding them as properties:
 
 ```js
 MyComponent.props = ['value']
@@ -683,4 +795,85 @@ MyComponent.emits = ['click']
 
 If the `props` option is not specified, then the `props` object passed to the function will contain all attributes, the same as `attrs`. The prop names will not be normalized to camelCase unless the `props` option is specified.
 
+For functional components with explicit `props`, [attribute fallthrough](/guide/components/attrs) works much the same as with normal components. However, for functional components that don't explicitly specify their `props`, only the `class`, `style`, and `onXxx` event listeners will be inherited from the `attrs` by default. In either case, `inheritAttrs` can be set to `false` to disable attribute inheritance:
+
+```js
+MyComponent.inheritAttrs = false
+```
+
 Functional components can be registered and consumed just like normal components. If you pass a function as the first argument to `h()`, it will be treated as a functional component.
+
+### Typing Functional Components<sup class="vt-badge ts" /> {#typing-functional-components}
+
+Functional Components can be typed based on whether they are named or anonymous. [Vue - Official extension](https://github.com/vuejs/language-tools) also supports type checking properly typed functional components when consuming them in SFC templates.
+
+**Named Functional Component**
+
+```tsx
+import type { SetupContext } from 'vue'
+type FComponentProps = {
+  message: string
+}
+
+type Events = {
+  sendMessage(message: string): void
+}
+
+function FComponent(
+  props: FComponentProps,
+  context: SetupContext<Events>
+) {
+  return (
+    <button onClick={() => context.emit('sendMessage', props.message)}>
+        {props.message} {' '}
+    </button>
+  )
+}
+
+FComponent.props = {
+  message: {
+    type: String,
+    required: true
+  }
+}
+
+FComponent.emits = {
+  sendMessage: (value: unknown) => typeof value === 'string'
+}
+```
+
+**Anonymous Functional Component**
+
+```tsx
+import type { FunctionalComponent } from 'vue'
+
+type FComponentProps = {
+  message: string
+}
+
+type Events = {
+  sendMessage(message: string): void
+}
+
+const FComponent: FunctionalComponent<FComponentProps, Events> = (
+  props,
+  context
+) => {
+  return (
+    <button onClick={() => context.emit('sendMessage', props.message)}>
+        {props.message} {' '}
+    </button>
+  )
+}
+
+FComponent.props = {
+  message: {
+    type: String,
+    required: true
+  }
+}
+
+FComponent.emits = {
+  sendMessage: (value) => typeof value === 'string'
+}
+```
diff --git a/src/guide/extras/rendering-mechanism.md b/src/guide/extras/rendering-mechanism.md
index 2478c6daf0..4580e6492c 100644
--- a/src/guide/extras/rendering-mechanism.md
+++ b/src/guide/extras/rendering-mechanism.md
@@ -2,15 +2,15 @@
 outline: deep
 ---
 
-# Rendering Mechanism
+# Rendering Mechanism {#rendering-mechanism}
 
 How does Vue take a template and turn it into actual DOM nodes? How does Vue update those DOM nodes efficiently? We will attempt to shed some light on these questions here by diving into Vue's internal rendering mechanism.
 
-## Virtual DOM
+## Virtual DOM {#virtual-dom}
 
-You have probably heard about the term virtual DOM, which Vue's rendering system is based upon.
+You have probably heard about the term "virtual DOM", which Vue's rendering system is based upon.
 
-The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM. The concept was pioneered by [React](https://reactjs.org/), and has been adapted in many other frameworks with different implementations, including Vue.
+The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM. The concept was pioneered by [React](https://reactjs.org/), and has been adopted in many other frameworks with different implementations, including Vue.
 
 Virtual DOM is more of a pattern than a specific technology, so there is no one canonical implementation. We can illustrate the idea using a simple example:
 
@@ -34,7 +34,7 @@ If we have two copies of virtual DOM trees, the renderer can also walk and compa
 
 The main benefit of virtual DOM is that it gives the developer the ability to programmatically create, inspect and compose desired UI structures in a declarative way, while leaving the direct DOM manipulation to the renderer.
 
-## Render Pipeline
+## Render Pipeline {#render-pipeline}
 
 At the high level, this is what happens when a Vue component is mounted:
 
@@ -48,19 +48,19 @@ At the high level, this is what happens when a Vue component is mounted:
 
 <!-- https://www.figma.com/file/elViLsnxGJ9lsQVsuhwqxM/Rendering-Mechanism -->
 
-## Templates vs. Render Functions
+## Templates vs. Render Functions {#templates-vs-render-functions}
 
 Vue templates are compiled into virtual DOM render functions. Vue also provides APIs that allow us to skip the template compilation step and directly author render functions. Render functions are more flexible than templates when dealing with highly dynamic logic, because you can work with vnodes using the full power of JavaScript.
 
 So why does Vue recommend templates by default? There are a number of reasons:
 
-1. Templates are closer to actual HTML. This makes it easier to reuse existing HTML snippets, apply a11y best practices, style with CSS, and for designers to understand and modify.
+1. Templates are closer to actual HTML. This makes it easier to reuse existing HTML snippets, apply accessibility best practices, style with CSS, and for designers to understand and modify.
 
 2. Templates are easier to statically analyze due to their more deterministic syntax. This allows Vue's template compiler to apply many compile-time optimizations to improve the performance of the virtual DOM (which we will discuss below).
 
 In practice, templates are sufficient for most use cases in applications. Render functions are typically only used in reusable components that need to deal with highly dynamic rendering logic. Render function usage is discussed in more detail in [Render Functions & JSX](./render-function).
 
-## Compiler-Informed Virtual DOM
+## Compiler-Informed Virtual DOM {#compiler-informed-virtual-dom}
 
 The virtual DOM implementation in React and most other virtual-DOM implementations are purely runtime: the reconciliation algorithm cannot make any assumptions about the incoming virtual DOM tree, so it has to fully traverse the tree and diff the props of every vnode in order to ensure correctness. In addition, even if a part of the tree never changes, new vnodes are always created for them on each re-render, resulting in unnecessary memory pressure. This is one of the most criticized aspect of virtual DOM: the somewhat brute-force reconciliation process sacrifices efficiency in return for declarativeness and correctness.
 
@@ -68,25 +68,25 @@ But it doesn't have to be that way. In Vue, the framework controls both the comp
 
 Below, we will discuss a few major optimizations done by the Vue template compiler to improve the virtual DOM's runtime performance.
 
-### Static Hoisting
+### Cache Static {#cache-static}
 
 Quite often there will be parts in a template that do not contain any dynamic bindings:
 
 ```vue-html{2-3}
 <div>
-  <div>foo</div> <!-- hoisted -->
-  <div>bar</div> <!-- hoisted -->
+  <div>foo</div> <!-- cached -->
+  <div>bar</div> <!-- cached -->
   <div>{{ dynamic }}</div>
 </div>
 ```
 
-[Inspect in Template Explorer](https://vue-next-template-explorer.netlify.app/#eyJzcmMiOiI8ZGl2PlxuICA8ZGl2PmZvbzwvZGl2PlxuICA8ZGl2PmJhcjwvZGl2PlxuICA8ZGl2Pnt7IGR5bmFtaWMgfX08L2Rpdj5cbjwvZGl2PiIsInNzciI6ZmFsc2UsIm9wdGlvbnMiOnsiaG9pc3RTdGF0aWMiOnRydWV9fQ==)
+[Inspect in Template Explorer](https://template-explorer.vuejs.org/#eyJzcmMiOiI8ZGl2PlxuICA8ZGl2PmZvbzwvZGl2PiA8IS0tIGNhY2hlZCAtLT5cbiAgPGRpdj5iYXI8L2Rpdj4gPCEtLSBjYWNoZWQgLS0+XG4gIDxkaXY+e3sgZHluYW1pYyB9fTwvZGl2PlxuPC9kaXY+XG4iLCJvcHRpb25zIjp7ImhvaXN0U3RhdGljIjp0cnVlfX0=)
 
-The `foo` and `bar` divs are static - re-creating vnodes and diffing them on each re-render is unnecessary. The Vue compiler automatically hoists their vnode creation calls out of the render function, and reuses the same vnodes on every render. The renderer is also able to completely skip diffing them when it notices the old vnode and the new vnode are the same one.
+The `foo` and `bar` divs are static - re-creating vnodes and diffing them on each re-render is unnecessary. The renderer creates these vnodes during the initial render, caches them, and reuses the same vnodes for every subsequent re-render. The renderer is also able to completely skip diffing them when it notices the old vnode and the new vnode are the same one.
 
-In addition, when there are enough consecutive static elements, they will be condensed into a single "static vnode" that contains the plain HTML string for all these nodes ([Example](https://vue-next-template-explorer.netlify.app/#eyJzcmMiOiI8ZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9vXCI+Zm9vPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb29cIj5mb288L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZvb1wiPmZvbzwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9vXCI+Zm9vPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb29cIj5mb288L2Rpdj5cbiAgPGRpdj57eyBkeW5hbWljIH19PC9kaXY+XG48L2Rpdj4iLCJzc3IiOmZhbHNlLCJvcHRpb25zIjp7ImhvaXN0U3RhdGljIjp0cnVlfX0=)). These static vnodes are mounted by directly setting `innerHTML`. They also cache their corresponding DOM nodes on initial mount - if the same piece of content is reused elsewhere in the app, new DOM nodes are created using native `cloneNode()`, which is extremely efficient.
+In addition, when there are enough consecutive static elements, they will be condensed into a single "static vnode" that contains the plain HTML string for all these nodes ([Example](https://template-explorer.vuejs.org/#eyJzcmMiOiI8ZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9vXCI+Zm9vPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb29cIj5mb288L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZvb1wiPmZvbzwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9vXCI+Zm9vPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb29cIj5mb288L2Rpdj5cbiAgPGRpdj57eyBkeW5hbWljIH19PC9kaXY+XG48L2Rpdj4iLCJzc3IiOmZhbHNlLCJvcHRpb25zIjp7ImhvaXN0U3RhdGljIjp0cnVlfX0=)). These static vnodes are mounted by directly setting `innerHTML`.
 
-### Patch Flags
+### Patch Flags {#patch-flags}
 
 For a single element with dynamic bindings, we can also infer a lot of information from it at compile time:
 
@@ -133,7 +133,7 @@ export function render() {
 
 The runtime can thus completely skip child-order reconciliation for the root fragment.
 
-### Tree Flattening
+### Tree Flattening {#tree-flattening}
 
 Taking another look at the generated code from the previous example, you'll notice the root of the returned virtual DOM tree is created using a special `createElementBlock()` call:
 
@@ -147,7 +147,7 @@ export function render() {
 
 Conceptually, a "block" is a part of the template that has stable inner structure. In this case, the entire template has a single block because it does not contain any structural directives like `v-if` and `v-for`.
 
-Each block tracks any descendent nodes (not just direct children) that have patch flags. For example:
+Each block tracks any descendant nodes (not just direct children) that have patch flags. For example:
 
 ```vue-html{3,5}
 <div> <!-- root block -->
@@ -159,7 +159,7 @@ Each block tracks any descendent nodes (not just direct children) that have patc
 </div>
 ```
 
-The result is a flattened array that contains only the dynamic descendent nodes:
+The result is a flattened array that contains only the dynamic descendant nodes:
 
 ```
 div (block root)
@@ -176,16 +176,16 @@ When this component needs to re-render, it only needs to traverse the flattened
   <div>
     <div v-if> <!-- if block -->
       ...
-    <div>
+    </div>
   </div>
 </div>
 ```
 
 A child block is tracked inside the parent block's array of dynamic descendants. This retains a stable structure for the parent block.
 
-### Impact on SSR Hydration
+### Impact on SSR Hydration {#impact-on-ssr-hydration}
 
-Both patch flags and tree flattening also greatly improve Vue's [SSR Hydration](/guide/scaling-up/ssr.html#client-hydration) performance:
+Both patch flags and tree flattening also greatly improve Vue's [SSR Hydration](/guide/scaling-up/ssr#client-hydration) performance:
 
 - Single element hydration can take fast paths based on the corresponding vnode's patch flag.
 
diff --git a/src/guide/extras/ways-of-using-vue.md b/src/guide/extras/ways-of-using-vue.md
index f4fb7d6523..0332f45670 100644
--- a/src/guide/extras/ways-of-using-vue.md
+++ b/src/guide/extras/ways-of-using-vue.md
@@ -1,20 +1,20 @@
-# Ways of Using Vue
+# Ways of Using Vue {#ways-of-using-vue}
 
 We believe there is no "one size fits all" story for the web. This is why Vue is designed to be flexible and incrementally adoptable. Depending on your use case, Vue can be used in different ways to strike the optimal balance between stack complexity, developer experience and end performance.
 
-## Standalone Script
+## Standalone Script {#standalone-script}
 
 Vue can be used as a standalone script file - no build step required! If you have a backend framework already rendering most of the HTML, or your frontend logic isn't complex enough to justify a build step, this is the easiest way to integrate Vue into your stack. You can think of Vue as a more declarative replacement of jQuery in such cases.
 
 Vue also provides an alternative distribution called [petite-vue](https://github.com/vuejs/petite-vue) that is specifically optimized for progressively enhancing existing HTML. It has a smaller feature set, but is extremely lightweight and uses an implementation that is more efficient in no-build-step scenarios.
 
-## Embedded Web Components
+## Embedded Web Components {#embedded-web-components}
 
 You can use Vue to [build standard Web Components](/guide/extras/web-components) that can be embedded in any HTML page, regardless of how they are rendered. This option allows you to leverage Vue in a completely consumer-agnostic fashion: the resulting web components can be embedded in legacy applications, static HTML, or even applications built with other frameworks.
 
-## Single-Page Application (SPA)
+## Single-Page Application (SPA) {#single-page-application-spa}
 
-Some applications require rich interactivity and non-trivial stateful logic on the frontend. The best way to build such applications is to use an architecture where Vue not only controls the entire page, but also handles data updates and navigation without having to reload the page. This type of application is typically referred to as a Single-Page Application (SPA).
+Some applications require rich interactivity, deep session depth, and non-trivial stateful logic on the frontend. The best way to build such applications is to use an architecture where Vue not only controls the entire page, but also handles data updates and navigation without having to reload the page. This type of application is typically referred to as a Single-Page Application (SPA).
 
 Vue provides core libraries and [comprehensive tooling support](/guide/scaling-up/tooling) with amazing developer experience for building modern SPAs, including:
 
@@ -27,25 +27,34 @@ Vue provides core libraries and [comprehensive tooling support](/guide/scaling-u
 
 SPAs typically require the backend to expose API endpoints - but you can also pair Vue with solutions like [Inertia.js](https://inertiajs.com) to get the SPA benefits while retaining a server-centric development model.
 
-## Fullstack / SSR
+## Fullstack / SSR {#fullstack-ssr}
 
 Pure client-side SPAs are problematic when the app is sensitive to SEO and time-to-content. This is because the browser will receive a largely empty HTML page, and has to wait until the JavaScript is loaded before rendering anything.
 
 Vue provides first-class APIs to "render" a Vue app into HTML strings on the server. This allows the server to send back already-rendered HTML, allowing end users to see the content immediately while the JavaScript is being downloaded. Vue will then "hydrate" the application on the client side to make it interactive. This is called [Server-Side Rendering (SSR)](/guide/scaling-up/ssr) and it greatly improves Core Web Vital metrics such as [Largest Contentful Paint (LCP)](https://web.dev/lcp/).
 
-There are higher-level Vue-based frameworks built on top of this paradigm, such as [Nuxt](https://v3.nuxtjs.org/), which allow you to develop a fullstack application using Vue and JavaScript.
+There are higher-level Vue-based frameworks built on top of this paradigm, such as [Nuxt](https://nuxt.com/), which allow you to develop a fullstack application using Vue and JavaScript.
 
-## JAMStack / SSG
+## JAMStack / SSG {#jamstack-ssg}
 
 Server-side rendering can be done ahead of time if the required data is static. This means we can pre-render an entire application into HTML and serve them as static files. This improves site performance and makes deployment a lot simpler since we no longer need to dynamically render pages on each request. Vue can still hydrate such applications to provide rich interactivity on the client. This technique is commonly referred to as Static-Site Generation (SSG), also known as [JAMStack](https://jamstack.org/what-is-jamstack/).
 
-The Vue team maintains a static-site generator called [VitePress](https://vitepress.vuejs.org/), which powers this website you are reading right now! In addition, [Nuxt](https://v3.nuxtjs.org/) also supports SSG. You can even mix SSR and SSG for different routes in the same Nuxt app.
+There are two flavors of SSG: single-page and multi-page. Both flavors pre-render the site into static HTML, the difference is that:
 
-## Beyond the Web
+- After the initial page load, a single-page SSG "hydrates" the page into an SPA. This requires more upfront JS payload and hydration cost, but subsequent navigations will be faster, since it only needs to partially update the page content instead of reloading the entire page.
+
+- A multi-page SSG loads a new page on every navigation. The upside is that it can ship minimal JS - or no JS at all if the page requires no interaction! Some multi-page SSG frameworks such as [Astro](https://astro.build/) also support "partial hydration" - which allows you to use Vue components to create interactive "islands" inside static HTML.
+
+Single-page SSGs are better suited if you expect non-trivial interactivity, deep session lengths, or persisted elements / state across navigations. Otherwise, multi-page SSG would be the better choice.
+
+The Vue team also maintains a static-site generator called [VitePress](https://vitepress.dev/), which powers this website you are reading right now! VitePress supports both flavors of SSG. [Nuxt](https://nuxt.com/) also supports SSG. You can even mix SSR and SSG for different routes in the same Nuxt app.
+
+## Beyond the Web {#beyond-the-web}
 
 Although Vue is primarily designed for building web applications, it is by no means limited to just the browser. You can:
 
-- Build desktop apps with [Electron](https://www.electronjs.org/) or [Tauri](https://tauri.studio/en/)
+- Build desktop apps with [Electron](https://www.electronjs.org/) or [Wails](https://wails.io)
 - Build mobile apps with [Ionic Vue](https://ionicframework.com/docs/vue/overview)
-- Build desktop and mobile apps from the same codebase with [Quasar](https://quasar.dev/)
-- Use Vue's [Custom Renderer API](/api/custom-renderer) to build custom renderers targeting [WebGL](https://troisjs.github.io/) or even [the terminal](https://github.com/ycmjason/vuminal)!
+- Build desktop and mobile apps from the same codebase with [Quasar](https://quasar.dev/) or [Tauri](https://tauri.app)
+- Build 3D WebGL experiences with [TresJS](https://tresjs.org/)
+- Use Vue's [Custom Renderer API](/api/custom-renderer) to build custom renderers, like those for [the terminal](https://github.com/vue-terminal/vue-termui)!
diff --git a/src/guide/extras/web-components.md b/src/guide/extras/web-components.md
index 047b845316..c5e3076730 100644
--- a/src/guide/extras/web-components.md
+++ b/src/guide/extras/web-components.md
@@ -1,20 +1,20 @@
-# Vue and Web Components
+# Vue and Web Components {#vue-and-web-components}
 
 [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) is an umbrella term for a set of web native APIs that allows developers to create reusable custom elements.
 
 We consider Vue and Web Components to be primarily complementary technologies. Vue has excellent support for both consuming and creating custom elements. Whether you are integrating custom elements into an existing Vue application, or using Vue to build and distribute custom elements, you are in good company.
 
-## Using Custom Elements in Vue
+## Using Custom Elements in Vue {#using-custom-elements-in-vue}
 
 Vue [scores a perfect 100% in the Custom Elements Everywhere tests](https://custom-elements-everywhere.com/libraries/vue/results/results.html). Consuming custom elements inside a Vue application largely works the same as using native HTML elements, with a few things to keep in mind:
 
-### Skipping Component Resolution
+### Skipping Component Resolution {#skipping-component-resolution}
 
-By default, Vue will attempt to resolve a non-native HTML tag as a registered Vue component before falling back to rendering it as a custom element. This will cause Vue to emit a "failed to resolve component" warning during development. To let Vue know that certain elements should be treated as custom elements and skip component resolution, we can specify the [`compilerOptions.isCustomElement` option](/api/application.html#app-config-compileroptions).
+By default, Vue will attempt to resolve a non-native HTML tag as a registered Vue component before falling back to rendering it as a custom element. This will cause Vue to emit a "failed to resolve component" warning during development. To let Vue know that certain elements should be treated as custom elements and skip component resolution, we can specify the [`compilerOptions.isCustomElement` option](/api/application#app-config-compileroptions).
 
 If you are using Vue with a build setup, the option should be passed via build configs since it is a compile-time option.
 
-#### Example In-Browser Config
+#### Example In-Browser Config {#example-in-browser-config}
 
 ```js
 // Only works if using in-browser compilation.
@@ -22,7 +22,7 @@ If you are using Vue with a build setup, the option should be passed via build c
 app.config.compilerOptions.isCustomElement = (tag) => tag.includes('-')
 ```
 
-#### Example Vite Config
+#### Example Vite Config {#example-vite-config}
 
 ```js
 // vite.config.js
@@ -42,29 +42,29 @@ export default {
 }
 ```
 
-#### Example Vue CLI Config
+#### Example Vue CLI Config {#example-vue-cli-config}
 
 ```js
 // vue.config.js
 module.exports = {
-  chainWebpack: config => {
+  chainWebpack: (config) => {
     config.module
       .rule('vue')
       .use('vue-loader')
-      .tap(options => ({
+      .tap((options) => ({
         ...options,
         compilerOptions: {
           // treat any tag that starts with ion- as custom elements
-          isCustomElement: tag => tag.startsWith('ion-')
+          isCustomElement: (tag) => tag.startsWith('ion-')
         }
       }))
   }
 }
 ```
 
-### Passing DOM Properties
+### Passing DOM Properties {#passing-dom-properties}
 
-Since DOM attributes can only be strings, we need to pass complex data to custom elements as DOM properties. When setting props on a custom element, Vue 3 automatically checks DOM-property presence using the `in` operator and will prefer setting the value as a DOM property if the key is present. This means that, in most cases, you won't need to think about this if the custom element follows the [recommended best practices](https://developers.google.com/web/fundamentals/web-components/best-practices#aim-to-keep-primitive-data-attributes-and-properties-in-sync,-reflecting-from-property-to-attribute,-and-vice-versa.).
+Since DOM attributes can only be strings, we need to pass complex data to custom elements as DOM properties. When setting props on a custom element, Vue 3 automatically checks DOM-property presence using the `in` operator and will prefer setting the value as a DOM property if the key is present. This means that, in most cases, you won't need to think about this if the custom element follows the [recommended best practices](https://web.dev/custom-elements-best-practices/).
 
 However, there could be rare cases where the data must be passed as a DOM property, but the custom element does not properly define/reflect the property (causing the `in` check to fail). In this case, you can force a `v-bind` binding to be set as a DOM property using the `.prop` modifier:
 
@@ -75,13 +75,13 @@ However, there could be rare cases where the data must be passed as a DOM proper
 <my-element .user="{ name: 'jack' }"></my-element>
 ```
 
-## Building Custom Elements with Vue
+## Building Custom Elements with Vue {#building-custom-elements-with-vue}
 
 The primary benefit of custom elements is that they can be used with any framework, or even without a framework. This makes them ideal for distributing components where the end consumer may not be using the same frontend stack, or when you want to insulate the end application from the implementation details of the components it uses.
 
-### defineCustomElement
+### defineCustomElement {#definecustomelement}
 
-Vue supports creating custom elements using exactly the same Vue component APIs via the [`defineCustomElement`](/api/general.html#definecustomelement) method. The method accepts the same argument as [`defineComponent`](/api/general.html#definecomponent), but instead returns a custom element constructor that extends `HTMLElement`:
+Vue supports creating custom elements using exactly the same Vue component APIs via the [`defineCustomElement`](/api/custom-elements#definecustomelement) method. The method accepts the same argument as [`defineComponent`](/api/general#definecomponent), but instead returns a custom element constructor that extends `HTMLElement`:
 
 ```vue-html
 <my-vue-element></my-vue-element>
@@ -114,7 +114,7 @@ document.body.appendChild(
 )
 ```
 
-#### Lifecycle
+#### Lifecycle {#lifecycle}
 
 - A Vue custom element will mount an internal Vue component instance inside its shadow root when the element's [`connectedCallback`](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks) is called for the first time.
 
@@ -124,7 +124,7 @@ document.body.appendChild(
 
   - If the element is detached from the document, it's a removal and the component instance will be unmounted.
 
-#### Props
+#### Props {#props}
 
 - All props declared using the `props` option will be defined on the custom element as properties. Vue will automatically handle the reflection between attributes / properties where appropriate.
 
@@ -132,7 +132,7 @@ document.body.appendChild(
 
   - Properties with primitive values (`string`, `boolean` or `number`) are reflected as attributes.
 
-- Vue also automatically casts props declared with `Boolean` or `Number` types into the desired type when they are set as attributes (which are always strings). For example given the following props declaration:
+- Vue also automatically casts props declared with `Boolean` or `Number` types into the desired type when they are set as attributes (which are always strings). For example, given the following props declaration:
 
   ```js
   props: {
@@ -149,15 +149,15 @@ document.body.appendChild(
 
   In the component, `selected` will be cast to `true` (boolean) and `index` will be cast to `1` (number).
 
-#### Events
+#### Events {#events}
 
-Events emitted via `this.$emit` or setup `emit` are dispatched as native [CustomEvents](https://developer.mozilla.org/en-US/docs/Web/Events/Creating_and_triggering_events#adding_custom_data_%E2%80%93_customevent) on the custom element. Additional event arguments (payload) will be exposed as an array on the CustomEvent object as its `details` property.
+Events emitted via `this.$emit` or setup `emit` are dispatched as native [CustomEvents](https://developer.mozilla.org/en-US/docs/Web/Events/Creating_and_triggering_events#adding_custom_data_%E2%80%93_customevent) on the custom element. Additional event arguments (payload) will be exposed as an array on the CustomEvent object as its `detail` property.
 
-#### Slots
+#### Slots {#slots}
 
 Inside the component, slots can be rendered using the `<slot/>` element as usual. However, when consuming the resulting element, it only accepts [native slots syntax](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots):
 
-- [Scoped slots](/guide/components/slots.html#scoped-slots) are not supported.
+- [Scoped slots](/guide/components/slots#scoped-slots) are not supported.
 
 - When passing named slots, use the `slot` attribute instead of the `v-slot` directive:
 
@@ -167,11 +167,25 @@ Inside the component, slots can be rendered using the `<slot/>` element as usual
   </my-element>
   ```
 
-#### Provide / Inject
+#### Provide / Inject {#provide-inject}
 
-The [Provide / Inject API](/guide/components/provide-inject.html#provide-inject) and its [Composition API equivalent](/api/composition-api-dependency-injection.html#provide) also work between Vue-defined custom elements. However, note that this works **only between custom elements**. i.e. a Vue-defined custom element won't be able to inject properties provided by a non-custom-element Vue component.
+The [Provide / Inject API](/guide/components/provide-inject#provide-inject) and its [Composition API equivalent](/api/composition-api-dependency-injection#provide) also work between Vue-defined custom elements. However, note that this works **only between custom elements**. i.e. a Vue-defined custom element won't be able to inject properties provided by a non-custom-element Vue component.
 
-### SFC as Custom Element
+#### App Level Config <sup class="vt-badge" data-text="3.5+" /> {#app-level-config}
+
+You can configure the app instance of a Vue custom element using the `configureApp` option:
+
+```js
+defineCustomElement(MyComponent, {
+  configureApp(app) {
+    app.config.errorHandler = (err) => {
+      /* ... */
+    }
+  }
+})
+```
+
+### SFC as Custom Element {#sfc-as-custom-element}
 
 `defineCustomElement` also works with Vue Single-File Components (SFCs). However, with the default tooling setup, the `<style>` inside the SFCs will still be extracted and merged into a single CSS file during production build. When using an SFC as a custom element, it is often desirable to inject the `<style>` tags into the custom element's shadow root instead.
 
@@ -192,12 +206,12 @@ const ExampleElement = defineCustomElement(Example)
 customElements.define('my-example', ExampleElement)
 ```
 
-If you wish to customize what files should be imported in custom element mode (for example treating _all_ SFCs as custom elements), you can pass the `customElement` option to the respective build plugins:
+If you wish to customize what files should be imported in custom element mode (for example, treating _all_ SFCs as custom elements), you can pass the `customElement` option to the respective build plugins:
 
-- [@vitejs/plugin-vue](https://github.com/vitejs/vite/tree/main/packages/plugin-vue#using-vue-sfcs-as-custom-elements)
+- [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#using-vue-sfcs-as-custom-elements)
 - [vue-loader](https://github.com/vuejs/vue-loader/tree/next#v16-only-options)
 
-### Tips for a Vue Custom Elements Library
+### Tips for a Vue Custom Elements Library {#tips-for-a-vue-custom-elements-library}
 
 When building custom elements with Vue, the elements will rely on Vue's runtime. There is a ~16kb baseline size cost depending on how many features are being used. This means it is not ideal to use Vue if you are shipping a single custom element - you may want to use vanilla JavaScript, [petite-vue](https://github.com/vuejs/petite-vue), or frameworks that specialize in small runtime size. However, the base size is more than justifiable if you are shipping a collection of custom elements with complex logic, as Vue will allow each component to be authored with much less code. The more elements you are shipping together, the better the trade-off.
 
@@ -206,6 +220,8 @@ If the custom elements will be used in an application that is also using Vue, yo
 It is recommended to export the individual element constructors to give your users the flexibility to import them on-demand and register them with desired tag names. You can also export a convenience function to automatically register all elements. Here's an example entry point of a Vue custom element library:
 
 ```js
+// elements.js
+
 import { defineCustomElement } from 'vue'
 import Foo from './MyFoo.ce.vue'
 import Bar from './MyBar.ce.vue'
@@ -222,9 +238,270 @@ export function register() {
 }
 ```
 
-If you have many components, you can also leverage build tool features such as Vite's [glob import](https://vitejs.dev/guide/features.html#glob-import) or webpack's [`require.context`](https://webpack.js.org/guides/dependency-management/#requirecontext) to load all components from a directory.
+A consumer can use the elements in a Vue file:
+
+```vue
+<script setup>
+import { register } from 'path/to/elements.js'
+register()
+</script>
+
+<template>
+  <my-foo ...>
+    <my-bar ...></my-bar>
+  </my-foo>
+</template>
+```
+
+Or in any other framework such as one with JSX, and with custom names:
+
+```jsx
+import { MyFoo, MyBar } from 'path/to/elements.js'
+
+customElements.define('some-foo', MyFoo)
+customElements.define('some-bar', MyBar)
+
+export function MyComponent() {
+  return <>
+    <some-foo ... >
+      <some-bar ... ></some-bar>
+    </some-foo>
+  </>
+}
+```
+
+### Vue-based Web Components and TypeScript {#web-components-and-typescript}
+
+When writing Vue SFC templates, you may want to [type check](/guide/scaling-up/tooling.html#typescript) your Vue components, including those that are defined as custom elements.
+
+Custom elements are registered globally in browsers using their built-in APIs, and by default they won't have type inference when used in Vue templates. To provide type support for Vue components registered as custom elements, we can register global component typings by augmenting the [`GlobalComponents` interface](https://github.com/vuejs/language-tools/wiki/Global-Component-Types) for type checking in Vue templates (JSX users can augment the [JSX.IntrinsicElements](https://www.typescriptlang.org/docs/handbook/jsx.html#intrinsic-elements) type instead, which is not shown here).
+
+Here is how to define the type for a custom element made with Vue:
+
+```typescript
+import { defineCustomElement } from 'vue'
+
+// Import the Vue component.
+import SomeComponent from './src/components/SomeComponent.ce.vue'
+
+// Turn the Vue component into a Custom Element class.
+export const SomeElement = defineCustomElement(SomeComponent)
+
+// Remember to register the element class with the browser.
+customElements.define('some-element', SomeElement)
+
+// Add the new element type to Vue's GlobalComponents type.
+declare module 'vue' {
+  interface GlobalComponents {
+    // Be sure to pass in the Vue component type here 
+    // (SomeComponent, *not* SomeElement).
+    // Custom Elements require a hyphen in their name, 
+    // so use the hyphenated element name here.
+    'some-element': typeof SomeComponent
+  }
+}
+```
+
+## Non-Vue Web Components and TypeScript {#non-vue-web-components-and-typescript}
+
+Here is the recommended way to enable type checking in SFC templates of Custom Elements that are not built with Vue.
+
+:::tip Note
+This approach is one possible way to do it, but it may vary depending on the framework being used to create the custom elements.
+:::
+
+Suppose we have a custom element with some JS properties and events defined, and it is shipped in a library called `some-lib`:
+
+```ts
+// file: some-lib/src/SomeElement.ts
+
+// Define a class with typed JS properties.
+export class SomeElement extends HTMLElement {
+  foo: number = 123
+  bar: string = 'blah'
+
+  lorem: boolean = false
+
+  // This method should not be exposed to template types.
+  someMethod() {
+    /* ... */
+  }
+
+  // ... implementation details omitted ...
+  // ... assume the element dispatches events named "apple-fell" ...
+}
+
+customElements.define('some-element', SomeElement)
+
+// This is a list of properties of SomeElement that will be selected for type
+// checking in framework templates (f.e. Vue SFC templates). Any other
+// properties will not be exposed.
+export type SomeElementAttributes = 'foo' | 'bar'
+
+// Define the event types that SomeElement dispatches.
+export type SomeElementEvents = {
+  'apple-fell': AppleFellEvent
+}
+
+export class AppleFellEvent extends Event {
+  /* ... details omitted ... */
+}
+```
+
+The implementation details have been omitted, but the important part is that we have type definitions for two things: prop types and event types.
+
+Let's create a type helper for easily registering custom element type definitions in Vue:
+
+```ts
+// file: some-lib/src/DefineCustomElement.ts
+
+// We can re-use this type helper per each element we need to define.
+type DefineCustomElement<
+  ElementType extends HTMLElement,
+  Events extends EventMap = {},
+  SelectedAttributes extends keyof ElementType = keyof ElementType
+> = new () => ElementType & {
+  // Use $props to define the properties exposed to template type checking. Vue
+  // specifically reads prop definitions from the `$props` type. Note that we
+  // combine the element's props with the global HTML props and Vue's special
+  // props.
+  /** @deprecated Do not use the $props property on a Custom Element ref, 
+    this is for template prop types only. */
+  $props: HTMLAttributes &
+    Partial<Pick<ElementType, SelectedAttributes>> &
+    PublicProps
+
+  // Use $emit to specifically define event types. Vue specifically reads event
+  // types from the `$emit` type. Note that `$emit` expects a particular format
+  // that we map `Events` to.
+  /** @deprecated Do not use the $emit property on a Custom Element ref, 
+    this is for template prop types only. */
+  $emit: VueEmit<Events>
+}
+
+type EventMap = {
+  [event: string]: Event
+}
+
+// This maps an EventMap to the format that Vue's $emit type expects.
+type VueEmit<T extends EventMap> = EmitFn<{
+  [K in keyof T]: (event: T[K]) => void
+}>
+```
+
+:::tip Note
+We marked `$props` and `$emit` as deprecated so that when we get a `ref` to a custom element we will not be tempted to use these properties, as these properties are for type checking purposes only when it comes to custom elements. These properties do not actually exist on the custom element instances.
+:::
+
+Using the type helper we can now select the JS properties that should be exposed for type checking in Vue templates:
+
+```ts
+// file: some-lib/src/SomeElement.vue.ts
+
+import {
+  SomeElement,
+  SomeElementAttributes,
+  SomeElementEvents
+} from './SomeElement.js'
+import type { Component } from 'vue'
+import type { DefineCustomElement } from './DefineCustomElement'
+
+// Add the new element type to Vue's GlobalComponents type.
+declare module 'vue' {
+  interface GlobalComponents {
+    'some-element': DefineCustomElement<
+      SomeElement,
+      SomeElementAttributes,
+      SomeElementEvents
+    >
+  }
+}
+```
+
+Suppose that `some-lib` builds its source TypeScript files into a `dist/` folder. A user of `some-lib` can then import `SomeElement` and use it in a Vue SFC like so:
+
+```vue
+<script setup lang="ts">
+// This will create and register the element with the browser.
+import 'some-lib/dist/SomeElement.js'
+
+// A user that is using TypeScript and Vue should additionally import the
+// Vue-specific type definition (users of other frameworks may import other
+// framework-specific type definitions).
+import type {} from 'some-lib/dist/SomeElement.vue.js'
+
+import { useTemplateRef, onMounted } from 'vue'
+
+const el = useTemplateRef('el')
+
+onMounted(() => {
+  console.log(
+    el.value!.foo,
+    el.value!.bar,
+    el.value!.lorem,
+    el.value!.someMethod()
+  )
+
+  // Do not use these props, they are `undefined`
+  // IDE will show them crossed out
+  el.$props
+  el.$emit
+})
+</script>
+
+<template>
+  <!-- Now we can use the element, with type checking: -->
+  <some-element
+    ref="el"
+    :foo="456"
+    :blah="'hello'"
+    @apple-fell="
+      (event) => {
+        // The type of `event` is inferred here to be `AppleFellEvent`
+      }
+    "
+  ></some-element>
+</template>
+```
+
+If an element does not have type definitions, the types of the properties and events can be defined in a more manual fashion:
+
+```vue
+<script setup lang="ts">
+// Suppose that `some-lib` is plain JS without type definitions, and TypeScript
+// cannot infer the types:
+import { SomeElement } from 'some-lib'
+
+// We'll use the same type helper as before.
+import { DefineCustomElement } from './DefineCustomElement'
+
+type SomeElementProps = { foo?: number; bar?: string }
+type SomeElementEvents = { 'apple-fell': AppleFellEvent }
+interface AppleFellEvent extends Event {
+  /* ... */
+}
+
+// Add the new element type to Vue's GlobalComponents type.
+declare module 'vue' {
+  interface GlobalComponents {
+    'some-element': DefineCustomElement<
+      SomeElementProps,
+      SomeElementEvents
+    >
+  }
+}
+
+// ... same as before, use a reference to the element ...
+</script>
+
+<template>
+  <!-- ... same as before, use the element in the template ... -->
+</template>
+```
+
+Custom Element authors should not automatically export framework-specific custom element type definitions from their libraries, for example they should not export them from an `index.ts` file that also exports the rest of the library, otherwise users will have unexpected module augmentation errors. Users should import the framework-specific type definition file that they need.
 
-## Web Components vs. Vue Components
+## Web Components vs. Vue Components {#web-components-vs-vue-components}
 
 Some developers believe that framework-proprietary component models should be avoided, and that exclusively using Custom Elements makes an application "future-proof". Here we will try to explain why we believe that this is an overly simplistic take on the problem.
 
@@ -244,8 +521,8 @@ There are also frameworks built using Custom Elements as the basis of their comp
 
 There are also some areas where we find custom elements to be limiting:
 
-- Eager slot evaluation hinders component composition. Vue's [scoped slots](/guide/components/slots.html#scoped-slots) are a powerful mechanism for component composition, which can't be supported by custom elements due to native slots' eager nature. Eager slots also mean the receiving component cannot control when or whether to render a piece of slot content.
+- Eager slot evaluation hinders component composition. Vue's [scoped slots](/guide/components/slots#scoped-slots) are a powerful mechanism for component composition, which can't be supported by custom elements due to native slots' eager nature. Eager slots also mean the receiving component cannot control when or whether to render a piece of slot content.
 
-- Shipping custom elements with shadow DOM scoped CSS today requires embedding the CSS inside JavaScript so that they can be injected into shadow roots at runtime. They also result in duplicated styles in markup in SSR scenarios. There are [platform features](https://github.com/whatwg/html/pull/4898/) being worked on in this area - but as of now they are not yet universally supported, and there are still production performance / SSR concerns to be addressed. In the meanwhile, Vue SFCs provide [CSS scoping mechanisms](/api/sfc-css-features.html) that support extracting the styles into plain CSS files.
+- Shipping custom elements with shadow DOM scoped CSS today requires embedding the CSS inside JavaScript so that they can be injected into shadow roots at runtime. They also result in duplicated styles in markup in SSR scenarios. There are [platform features](https://github.com/whatwg/html/pull/4898/) being worked on in this area - but as of now they are not yet universally supported, and there are still production performance / SSR concerns to be addressed. In the meanwhile, Vue SFCs provide [CSS scoping mechanisms](/api/sfc-css-features) that support extracting the styles into plain CSS files.
 
-Vue will always be staying up to date with the latest standards in the web platform, and we will happily leverage whatever the platform provides if it makes our job easier. However, our goal is to provide solutions that work well and work today. That means we have to incorporate new platform features with a critical mindset - and that involves filling the gaps where the standards fall short while that is still the case.
+Vue will always stay up to date with the latest standards in the web platform, and we will happily leverage whatever the platform provides if it makes our job easier. However, our goal is to provide solutions that work well and work today. That means we have to incorporate new platform features with a critical mindset - and that involves filling the gaps where the standards fall short while that is still the case.
diff --git a/src/guide/introduction.md b/src/guide/introduction.md
index ea899cccfc..c8f050b207 100644
--- a/src/guide/introduction.md
+++ b/src/guide/introduction.md
@@ -2,20 +2,35 @@
 footer: false
 ---
 
-# Introduction
+# Introduction {#introduction}
 
 :::info You are reading the documentation for Vue 3!
 
-- Vue 2 documentation has been moved to [v2.vuejs.org](https://v2.vuejs.org/).
+- Vue 2 support has ended on **Dec 31, 2023**. Learn more about [Vue 2 EOL](https://v2.vuejs.org/eol/).
 - Upgrading from Vue 2? Check out the [Migration Guide](https://v3-migration.vuejs.org/).
   :::
 
-## What is Vue?
+<style src="http://github.com/@theme/styles/vue-mastery.css"></style>
+<div class="vue-mastery-link">
+  <a href="https://www.vuemastery.com/courses/" target="_blank">
+    <div class="banner-wrapper">
+      <img class="banner" alt="Vue Mastery banner" width="96px" height="56px" src="https://storage.googleapis.com/vue-mastery.appspot.com/flamelink/media/vuemastery-graphical-link-96x56.png" />
+    </div>
+    <p class="description">Learn Vue with video tutorials on <span>VueMastery.com</span></p>
+    <div class="logo-wrapper">
+        <img alt="Vue Mastery Logo" width="25px" src="https://storage.googleapis.com/vue-mastery.appspot.com/flamelink/media/vue-mastery-logo.png" />
+    </div>
+  </a>
+</div>
+
+## What is Vue? {#what-is-vue}
 
-Vue (pronounced /vjuː/, like **view**) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex.
+Vue (pronounced /vjuː/, like **view**) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript and provides a declarative, component-based programming model that helps you efficiently develop user interfaces of any complexity.
 
 Here is a minimal example:
 
+<div class="options-api">
+
 ```js
 import { createApp } from 'vue'
 
@@ -28,6 +43,23 @@ createApp({
 }).mount('#app')
 ```
 
+</div>
+<div class="composition-api">
+
+```js
+import { createApp, ref } from 'vue'
+
+createApp({
+  setup() {
+    return {
+      count: ref(0)
+    }
+  }
+}).mount('#app')
+```
+
+</div>
+
 ```vue-html
 <div id="app">
   <button @click="count++">
@@ -58,30 +90,32 @@ The above example demonstrates the two core features of Vue:
 You may already have questions - don't worry. We will cover every little detail in the rest of the documentation. For now, please read along so you can have a high-level understanding of what Vue offers.
 
 :::tip Prerequisites
-The rest of the documentation assumes basic familiarity with HTML, CSS and JavaScript. If you are totally new to frontend development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back! Prior experience with other frameworks helps, but is not required.
+The rest of the documentation assumes basic familiarity with HTML, CSS, and JavaScript. If you are totally new to frontend development, it might not be the best idea to jump right into a framework as your first step - grasp the basics and then come back! You can check your knowledge level with these overviews for [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript), [HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML) and [CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps) if needed. Prior experience with other frameworks helps, but is not required.
 :::
 
-## The Progressive Framework
+## The Progressive Framework {#the-progressive-framework}
 
 Vue is a framework and ecosystem that covers most of the common features needed in frontend development. But the web is extremely diverse - the things we build on the web may vary drastically in form and scale. With that in mind, Vue is designed to be flexible and incrementally adoptable. Depending on your use case, Vue can be used in different ways:
 
 - Enhancing static HTML without a build step
 - Embedding as Web Components on any page
 - Single-Page Application (SPA)
-- Fullstack / Server-Side-Rendering (SSR)
-- JAMStack / Static-Site-Generation (SSG)
-- Targeting desktop, mobile, WebGL or even the terminal
+- Fullstack / Server-Side Rendering (SSR)
+- Jamstack / Static Site Generation (SSG)
+- Targeting desktop, mobile, WebGL, and even the terminal
 
 If you find these concepts intimidating, don't worry! The tutorial and guide only require basic HTML and JavaScript knowledge, and you should be able to follow along without being an expert in any of these.
 
-If you are an experienced developer interested in how to best integrate Vue into your stack, or you are curious about what these terms mean, we discuss them in more details in [Ways of Using Vue](/guide/extras/ways-of-using-vue).
+If you are an experienced developer interested in how to best integrate Vue into your stack, or you are curious about what these terms mean, we discuss them in more detail in [Ways of Using Vue](/guide/extras/ways-of-using-vue).
 
 Despite the flexibility, the core knowledge about how Vue works is shared across all these use cases. Even if you are just a beginner now, the knowledge gained along the way will stay useful as you grow to tackle more ambitious goals in the future. If you are a veteran, you can pick the optimal way to leverage Vue based on the problems you are trying to solve, while retaining the same productivity. This is why we call Vue "The Progressive Framework": it's a framework that can grow with you and adapt to your needs.
 
-## Single-File Components
+## Single-File Components {#single-file-components}
 
 In most build-tool-enabled Vue projects, we author Vue components using an HTML-like file format called **Single-File Component** (also known as `*.vue` files, abbreviated as **SFC**). A Vue SFC, as the name suggests, encapsulates the component's logic (JavaScript), template (HTML), and styles (CSS) in a single file. Here's the previous example, written in SFC format:
 
+<div class="options-api">
+
 ```vue
 <script>
 export default {
@@ -104,20 +138,42 @@ button {
 </style>
 ```
 
-SFC is a defining feature of Vue, and is the recommended way to author Vue components **if** your use case warrants a build setup. You can learn more about the [how and why of SFC](/guide/scaling-up/sfc) in its dedicated section - but for now, just know that Vue will handle all the build tools setup for you.
+</div>
+<div class="composition-api">
+
+```vue
+<script setup>
+import { ref } from 'vue'
+const count = ref(0)
+</script>
+
+<template>
+  <button @click="count++">Count is: {{ count }}</button>
+</template>
+
+<style scoped>
+button {
+  font-weight: bold;
+}
+</style>
+```
+
+</div>
 
-## API Styles
+SFC is a defining feature of Vue and is the recommended way to author Vue components **if** your use case warrants a build setup. You can learn more about the [how and why of SFC](/guide/scaling-up/sfc) in its dedicated section - but for now, just know that Vue will handle all the build tools setup for you.
+
+## API Styles {#api-styles}
 
 Vue components can be authored in two different API styles: **Options API** and **Composition API**.
 
-### Options API
+### Options API {#options-api}
 
 With Options API, we define a component's logic using an object of options such as `data`, `methods`, and `mounted`. Properties defined by options are exposed on `this` inside functions, which points to the component instance:
 
 ```vue
 <script>
 export default {
-  // Properties returned from data() becomes reactive state
+  // Properties returned from data() become reactive state
   // and will be exposed on `this`.
   data() {
     return {
@@ -126,7 +182,7 @@ export default {
   },
 
   // Methods are functions that mutate state and trigger updates.
-  // They can be bound as event listeners in templates.
+  // They can be bound as event handlers in templates.
   methods: {
     increment() {
       this.count++
@@ -143,13 +199,13 @@ export default {
 </script>
 
 <template>
-  <button @click="increment">count is: {{ count }}</button>
+  <button @click="increment">Count is: {{ count }}</button>
 </template>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgLy8gcmVhY3RpdmUgc3RhdGVcbiAgZGF0YSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgY291bnQ6IDBcbiAgICB9XG4gIH0sXG5cbiAgLy8gZnVuY3Rpb25zIHRoYXQgbXV0YXRlIHN0YXRlIGFuZCB0cmlnZ2VyIHVwZGF0ZXNcbiAgbWV0aG9kczoge1xuICAgIGluY3JlbWVudCgpIHtcbiAgICAgIHRoaXMuY291bnQrK1xuICAgIH1cbiAgfSxcblxuICAvLyBsaWZlY3ljbGUgaG9va3NcbiAgbW91bnRlZCgpIHtcbiAgICBjb25zb2xlLmxvZyhgVGhlIGluaXRpYWwgY291bnQgaXMgJHt0aGlzLmNvdW50fS5gKVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8YnV0dG9uIEBjbGljaz1cImluY3JlbWVudFwiPmNvdW50IGlzOiB7eyBjb3VudCB9fTwvYnV0dG9uPlxuPC90ZW1wbGF0ZT4ifQ==)
+[Try it in the Playground](https://play.vuejs.org/#eNptkMFqxCAQhl9lkB522ZL0HNKlpa/Qo4e1ZpLIGhUdl5bgu9es2eSyIMio833zO7NP56pbRNawNkivHJ25wV9nPUGHvYiaYOYGoK7Bo5CkbgiBBOFy2AkSh2N5APmeojePCkDaaKiBt1KnZUuv3Ky0PppMsyYAjYJgigu0oEGYDsirYUAP0WULhqVrQhptF5qHQhnpcUJD+wyQaSpUd/Xp9NysVY/yT2qE0dprIS/vsds5Mg9mNVbaDofL94jZpUgJXUKBCvAy76ZUXY53CTd5tfX2k7kgnJzOCXIF0P5EImvgQ2olr++cbRE4O3+t6JxvXj0ptXVpye1tvbFY+ge/NJZt)
 
-### Composition API
+### Composition API {#composition-api}
 
 With Composition API, we define a component's logic using imported API functions. In SFCs, Composition API is typically used with [`<script setup>`](/api/sfc-script-setup). The `setup` attribute is a hint that makes Vue perform compile-time transforms that allow us to use Composition API with less boilerplate. For example, imports and top-level variables / functions declared in `<script setup>` are directly usable in the template.
 
@@ -178,21 +234,21 @@ onMounted(() => {
 </template>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgb25Nb3VudGVkIH0gZnJvbSAndnVlJ1xuXG4vLyByZWFjdGl2ZSBzdGF0ZVxuY29uc3QgY291bnQgPSByZWYoMClcblxuLy8gZnVuY3Rpb25zIHRoYXQgbXV0YXRlIHN0YXRlIGFuZCB0cmlnZ2VyIHVwZGF0ZXNcbmZ1bmN0aW9uIGluY3JlbWVudCgpIHtcbiAgY291bnQudmFsdWUrK1xufVxuXG4vLyBsaWZlY3ljbGUgaG9va3Ncbm9uTW91bnRlZCgoKSA9PiB7XG4gIGNvbnNvbGUubG9nKGBUaGUgaW5pdGlhbCBjb3VudCBpcyAke2NvdW50LnZhbHVlfS5gKVxufSlcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxidXR0b24gQGNsaWNrPVwiaW5jcmVtZW50XCI+Y291bnQgaXM6IHt7IGNvdW50IH19PC9idXR0b24+XG48L3RlbXBsYXRlPiJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNpNkMFqwzAQRH9lMYU4pNg9Bye09NxbjzrEVda2iLwS0spQjP69a+yYHnRYad7MaOfiw/tqSliciybqYDxDRE7+qsiM3gWGGQJ2r+DoyyVivEOGLrgRDkIdFCmqa1G0ms2EELllVKQdRQa9AHBZ+PLtuEm7RCKVd+ChZRjTQqwctHQHDqbvMUDyd7mKip4AGNIBRyQujzArgtW/mlqb8HRSlLcEazrUv9oiDM49xGGvXgp5uT5his5iZV1f3r4HFHvDprVbaxPhZf4XkKub/CDLaep1T7IhGRhHb6WoTADNT2KWpu/aGv24qGKvrIrr5+Z7hnneQnJu6hURvKl3ryL/ARrVkuI=)
 
-### Which to Choose?
+### Which to Choose? {#which-to-choose}
 
-First of all, both API styles are fully capable of covering common use cases. They are different interfaces powered by the exact same underlying system. In fact, the Options API is implemented on top of the Composition API! The fundamental concepts and knowledge about Vue are shared across the two styles.
+Both API styles are fully capable of covering common use cases. They are different interfaces powered by the exact same underlying system. In fact, the Options API is implemented on top of the Composition API! The fundamental concepts and knowledge about Vue are shared across the two styles.
 
 The Options API is centered around the concept of a "component instance" (`this` as seen in the example), which typically aligns better with a class-based mental model for users coming from OOP language backgrounds. It is also more beginner-friendly by abstracting away the reactivity details and enforcing code organization via option groups.
 
-The Composition API is centered around declaring reactive state variables directly in a function scope, and composing state from multiple functions together to handle complexity. It is more free-form, and requires understanding of how reactivity works in Vue to be used effectively. In return, its flexibility enables more powerful patterns for organizing and reusing logic.
+The Composition API is centered around declaring reactive state variables directly in a function scope and composing state from multiple functions together to handle complexity. It is more free-form and requires an understanding of how reactivity works in Vue to be used effectively. In return, its flexibility enables more powerful patterns for organizing and reusing logic.
 
 You can learn more about the comparison between the two styles and the potential benefits of Composition API in the [Composition API FAQ](/guide/extras/composition-api-faq).
 
 If you are new to Vue, here's our general recommendation:
 
-- For learning purposes, go with the style that looks easier to understand to you. Again, most of the core concepts are shared between the two styles. You can always pick up the other one at a later time.
+- For learning purposes, go with the style that looks easier to understand to you. Again, most of the core concepts are shared between the two styles. You can always pick up the other style later.
 
 - For production use:
 
@@ -202,13 +258,13 @@ If you are new to Vue, here's our general recommendation:
 
 You don't have to commit to only one style during the learning phase. The rest of the documentation will provide code samples in both styles where applicable, and you can toggle between them at any time using the **API Preference switches** at the top of the left sidebar.
 
-## Still Got Questions?
+## Still Got Questions? {#still-got-questions}
 
 Check out our [FAQ](/about/faq).
 
-## Pick Your Learning Path
+## Pick Your Learning Path {#pick-your-learning-path}
 
-Different developers have different learning styles. Feel free to pick a learning path that suits your preference - although we do recommend going over all content if possible!
+Different developers have different learning styles. Feel free to pick a learning path that suits your preference - although we do recommend going over all of the content, if possible!
 
 <div class="vt-box-container next-steps">
   <a class="vt-box" href="http://github.com/tutorial/">
@@ -217,7 +273,7 @@ Different developers have different learning styles. Feel free to pick a learnin
   </a>
   <a class="vt-box" href="http://github.com/guide/quick-start.html">
     <p class="next-steps-link">Read the Guide</p>
-    <p class="next-steps-caption">The guide walks you through every aspect of the framework in full details.</p>
+    <p class="next-steps-caption">The guide walks you through every aspect of the framework in full detail.</p>
   </a>
   <a class="vt-box" href="http://github.com/examples/">
     <p class="next-steps-link">Check out the Examples</p>
diff --git a/src/guide/quick-start.md b/src/guide/quick-start.md
index a6545752d5..72d596ce96 100644
--- a/src/guide/quick-start.md
+++ b/src/guide/quick-start.md
@@ -2,31 +2,73 @@
 footer: false
 ---
 
-# Quick Start
+<script setup>
+import { VTCodeGroup, VTCodeGroupTab } from '@vue/theme'
+</script>
+
+# Quick Start {#quick-start}
 
-Depending on your use case and preference, you can use Vue with or without a build step.
+## Try Vue Online {#try-vue-online}
 
-## With Build Tools
+- To quickly get a taste of Vue, you can try it directly in our [Playground](https://play.vuejs.org/#eNo9jcEKwjAMhl/lt5fpQYfXUQfefAMvvRQbddC1pUuHUPrudg4HIcmXjyRZXEM4zYlEJ+T0iEPgXjn6BB8Zhp46WUZWDjCa9f6w9kAkTtH9CRinV4fmRtZ63H20Ztesqiylphqy3R5UYBqD1UyVAPk+9zkvV1CKbCv9poMLiTEfR2/IXpSoXomqZLtti/IFwVtA9A==).
 
-A build setup allows us to use Vue [Single-File Components](/guide/scaling-up/sfc) (SFCs). The official Vue build setup is based on [Vite](https://vitejs.dev), a frontend build tool that is modern, lightweight and extremely fast.
+- If you prefer a plain HTML setup without any build steps, you can use this [JSFiddle](https://jsfiddle.net/yyx990803/2ke1ab0z/) as your starting point.
 
-### Online
+- If you are already familiar with Node.js and the concept of build tools, you can also try a complete build setup right within your browser on [StackBlitz](https://vite.new/vue).
 
-You can try Vue with SFCs online on [StackBlitz](https://vite.new/vue). StackBlitz runs the Vite-based build setup directly in the browser, so it is almost identical to the local setup but doesn't require installing anything on your machine.
+- To get a walkthrough of the recommended setup, watch this interactive [Scrimba](http://scrimba.com/links/vue-quickstart) tutorial that shows you how to run, edit, and deploy your first Vue app.
 
-### Local
+## Creating a Vue Application {#creating-a-vue-application}
 
-:::tip Pre-requisites
+:::tip Prerequisites
 
 - Familiarity with the command line
-- Install [Node.js](https://nodejs.org/)
+- Install [Node.js](https://nodejs.org/) version 18.3 or higher
   :::
 
-To create a build-tool-enabled Vue project on your machine, run the following command in your command line (without the `>` sign):
+In this section we will introduce how to scaffold a Vue [Single Page Application](/guide/extras/ways-of-using-vue#single-page-application-spa) on your local machine. The created project will be using a build setup based on [Vite](https://vitejs.dev) and allow us to use Vue [Single-File Components](/guide/scaling-up/sfc) (SFCs).
+
+Make sure you have an up-to-date version of [Node.js](https://nodejs.org/) installed and your current working directory is the one where you intend to create a project. Run the following command in your command line (without the `$` sign):
+
+<VTCodeGroup>
+  <VTCodeGroupTab label="npm">
+
+  ```sh
+  $ npm create vue@latest
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="pnpm">
+
+  ```sh
+  $ pnpm create vue@latest
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="yarn">
+
+  ```sh
+  # For Yarn (v1+)
+  $ yarn create vue
+
+  # For Yarn Modern (v2+)
+  $ yarn create vue@latest
+  
+  # For Yarn ^v4.11
+  $ yarn dlx create-vue@latest
+  ```
 
-<div class="language-sh"><pre><code><span class="line"><span style="color:var(--vt-c-green);">&gt;</span> <span style="color:#A6ACCD;">npm init vue@latest</span></span></code></pre></div>
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="bun">
 
-This command will install and execute [create-vue](https://github.com/vuejs/create-vue), the official Vue project scaffolding tool. You will be presented with prompts for a number of optional features such as TypeScript and testing support:
+  ```sh
+  $ bun create vue@latest
+  ```
+
+  </VTCodeGroupTab>
+</VTCodeGroup>
+
+This command will install and execute [create-vue](https://github.com/vuejs/create-vue), the official Vue project scaffolding tool. You will be presented with prompts for several optional features such as TypeScript and testing support:
 
 <div class="language-sh"><pre><code><span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Project name: <span style="color:#888;">… <span style="color:#89DDFF;">&lt;</span><span style="color:#888;">your-project-name</span><span style="color:#89DDFF;">&gt;</span></span></span>
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add TypeScript? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
@@ -34,47 +76,126 @@ This command will install and execute [create-vue](https://github.com/vuejs/crea
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Vue Router for Single Page Application development? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Pinia for state management? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Vitest for Unit testing? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
-<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Cypress for both Unit and End-to-End testing? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
-<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add ESLint for code quality? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
-<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Prettier for code formating? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
+<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add an End-to-End Testing Solution? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Cypress / Nightwatch / Playwright</span></span>
+<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add ESLint for code quality? <span style="color:#888;">… No / <span style="color:#89DDFF;text-decoration:underline">Yes</span></span></span>
+<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Prettier for code formatting? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
+<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Vue DevTools 7 extension for debugging? (experimental) <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
 <span></span>
 <span style="color:#A6ACCD;">Scaffolding project in ./<span style="color:#89DDFF;">&lt;</span><span style="color:#888;">your-project-name</span><span style="color:#89DDFF;">&gt;</span>...</span>
 <span style="color:#A6ACCD;">Done.</span></code></pre></div>
 
 If you are unsure about an option, simply choose `No` by hitting enter for now. Once the project is created, follow the instructions to install dependencies and start the dev server:
 
-<div class="language-sh"><pre><code><span class="line"><span style="color:var(--vt-c-green);">&gt; </span><span style="color:#A6ACCD;">cd</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&lt;</span><span style="color:#888;">your-project-name</span><span style="color:#89DDFF;">&gt;</span></span>
-<span class="line"><span style="color:var(--vt-c-green);">&gt; </span><span style="color:#A6ACCD;">npm install</span></span>
-<span class="line"><span style="color:var(--vt-c-green);">&gt; </span><span style="color:#A6ACCD;">npm run dev</span></span>
-<span class="line"></span></code></pre></div>
+<VTCodeGroup>
+  <VTCodeGroupTab label="npm">
+
+  ```sh-vue
+  $ cd {{'<your-project-name>'}}
+  $ npm install
+  $ npm run dev
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="pnpm">
+
+  ```sh-vue
+  $ cd {{'<your-project-name>'}}
+  $ pnpm install
+  $ pnpm run dev
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="yarn">
+
+  ```sh-vue
+  $ cd {{'<your-project-name>'}}
+  $ yarn
+  $ yarn dev
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="bun">
+
+  ```sh-vue
+  $ cd {{'<your-project-name>'}}
+  $ bun install
+  $ bun run dev
+  ```
 
-You should now have your first Vue project running! Here are some additional tips:
+  </VTCodeGroupTab>
+</VTCodeGroup>
 
-- The recommended IDE setup is [Visual Studio Code](https://code.visualstudio.com/) + [Volar extension](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar). [WebStorm](https://www.jetbrains.com/webstorm/) is also viable.
-- More tooling details, including integration with backend frameworks, are discussed in the [Tooling Guide](/guide/scaling-up/tooling.html).
+You should now have your first Vue project running! Note that the example components in the generated project are written using the [Composition API](/guide/introduction#composition-api) and `<script setup>`, rather than the [Options API](/guide/introduction#options-api). Here are some additional tips:
+
+- The recommended IDE setup is [Visual Studio Code](https://code.visualstudio.com/) + [Vue - Official extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar). If you use other editors, check out the [IDE support section](/guide/scaling-up/tooling#ide-support).
+- More tooling details, including integration with backend frameworks, are discussed in the [Tooling Guide](/guide/scaling-up/tooling).
 - To learn more about the underlying build tool Vite, check out the [Vite docs](https://vitejs.dev).
-- If you chose to use TypeScript, check out the [TypeScript Usage Guide](typescript/overview.html).
+- If you choose to use TypeScript, check out the [TypeScript Usage Guide](typescript/overview).
 
 When you are ready to ship your app to production, run the following:
 
-<div class="language-sh"><pre><code><span class="line"><span style="color:var(--vt-c-green);">&gt; </span><span style="color:#A6ACCD;">npm run build</span></span>
-<span class="line"></span></code></pre></div>
+<VTCodeGroup>
+  <VTCodeGroupTab label="npm">
+
+  ```sh
+  $ npm run build
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="pnpm">
+
+  ```sh
+  $ pnpm run build
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="yarn">
 
-This will create a production-ready build of your app in the project's `./dist` directory. Check out the [Production Deployment Guide](/guide/best-practices/production-deployment.html) to learn more about shipping your app to production.
+  ```sh
+  $ yarn build
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="bun">
+
+  ```sh
+  $ bun run build
+  ```
+
+  </VTCodeGroupTab>
+</VTCodeGroup>
+
+This will create a production-ready build of your app in the project's `./dist` directory. Check out the [Production Deployment Guide](/guide/best-practices/production-deployment) to learn more about shipping your app to production.
 
 [Next Steps >](#next-steps)
 
-## Without Build Tools
+## Using Vue from CDN {#using-vue-from-cdn}
 
-To get started with Vue without a build step, simply copy the following code into an HTML file and open it in your browser:
+You can use Vue directly from a CDN via a script tag:
 
 ```html
-<script src="https://unpkg.com/vue@3"></script>
+<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+```
+
+Here we are using [unpkg](https://unpkg.com/), but you can also use any CDN that serves npm packages, for example [jsdelivr](https://www.jsdelivr.com/package/npm/vue) or [cdnjs](https://cdnjs.com/libraries/vue). Of course, you can also download this file and serve it yourself.
+
+When using Vue from a CDN, there is no "build step" involved. This makes the setup a lot simpler, and is suitable for enhancing static HTML or integrating with a backend framework. However, you won't be able to use the Single-File Component (SFC) syntax.
+
+### Using the Global Build {#using-the-global-build}
+
+The above link loads the _global build_ of Vue, where all top-level APIs are exposed as properties on the global `Vue` object. Here is a full example using the global build:
+
+<div class="options-api">
+
+```html
+<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
 
 <div id="app">{{ message }}</div>
 
 <script>
-  Vue.createApp({
+  const { createApp } = Vue
+
+  createApp({
     data() {
       return {
         message: 'Hello Vue!'
@@ -84,11 +205,110 @@ To get started with Vue without a build step, simply copy the following code int
 </script>
 ```
 
-The above example uses the global build of Vue where all APIs are exposed under the global `Vue` variable.
+[CodePen Demo >](https://codepen.io/vuejs-examples/pen/QWJwJLp)
 
-While the global build works, we will be primarily using [ES modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) syntax throughout the rest of the documentation for consistency. In order to use Vue over native ES modules, use the following HTML instead:
+</div>
+
+<div class="composition-api">
 
 ```html
+<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+
+<div id="app">{{ message }}</div>
+
+<script>
+  const { createApp, ref } = Vue
+
+  createApp({
+    setup() {
+      const message = ref('Hello vue!')
+      return {
+        message
+      }
+    }
+  }).mount('#app')
+</script>
+```
+
+[CodePen Demo >](https://codepen.io/vuejs-examples/pen/eYQpQEG)
+
+:::tip
+Many of the examples for Composition API throughout the guide will be using the `<script setup>` syntax, which requires build tools. If you intend to use Composition API without a build step, consult the usage of the [`setup()` option](/api/composition-api-setup).
+:::
+
+</div>
+
+### Using the ES Module Build {#using-the-es-module-build}
+
+Throughout the rest of the documentation, we will be primarily using [ES modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) syntax. Most modern browsers now support ES modules natively, so we can use Vue from a CDN via native ES modules like this:
+
+<div class="options-api">
+
+```html{3,4}
+<div id="app">{{ message }}</div>
+
+<script type="module">
+  import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
+
+  createApp({
+    data() {
+      return {
+        message: 'Hello Vue!'
+      }
+    }
+  }).mount('#app')
+</script>
+```
+
+</div>
+
+<div class="composition-api">
+
+```html{3,4}
+<div id="app">{{ message }}</div>
+
+<script type="module">
+  import { createApp, ref } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
+
+  createApp({
+    setup() {
+      const message = ref('Hello Vue!')
+      return {
+        message
+      }
+    }
+  }).mount('#app')
+</script>
+```
+
+</div>
+
+Notice that we are using `<script type="module">`, and the imported CDN URL is pointing to the **ES modules build** of Vue instead.
+
+<div class="options-api">
+
+[CodePen Demo >](https://codepen.io/vuejs-examples/pen/VwVYVZO)
+
+</div>
+<div class="composition-api">
+
+[CodePen Demo >](https://codepen.io/vuejs-examples/pen/MWzazEv)
+
+</div>
+
+### Enabling Import maps {#enabling-import-maps}
+
+In the above example, we are importing from the full CDN URL, but in the rest of the documentation you will see code like this:
+
+```js
+import { createApp } from 'vue'
+```
+
+We can teach the browser where to locate the `vue` import by using [Import Maps](https://caniuse.com/import-maps):
+
+<div class="options-api">
+
+```html{1-7,12}
 <script type="importmap">
   {
     "imports": {
@@ -112,20 +332,61 @@ While the global build works, we will be primarily using [ES modules](https://de
 </script>
 ```
 
-Notice how we can import directly from `'vue'` in our code - this is made possible by the `<script type="importmap">` block, leveraging a native browser feature called [Import Maps](https://caniuse.com/import-maps). Import maps are currently only available in Chromium-based browsers, so we recommend using Chrome or Edge during the learning process. If your preferred browser does not support import maps yet, you can polyfill it with [es-module-shims](https://github.com/guybedford/es-module-shims).
+[CodePen Demo >](https://codepen.io/vuejs-examples/pen/wvQKQyM)
 
-You can add entries for other dependencies to the import map - just make sure they point to the ES modules version of the library you intend to use.
+</div>
 
-:::tip Not for production
-The import-maps-based setup is meant for learning only - if you intend to use Vue without build tools in production, make sure to check out the [Production Deployment Guide](/guide/best-practices/production-deployment.html#without-build-tools).
+<div class="composition-api">
+
+```html{1-7,12}
+<script type="importmap">
+  {
+    "imports": {
+      "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
+    }
+  }
+</script>
+
+<div id="app">{{ message }}</div>
+
+<script type="module">
+  import { createApp, ref } from 'vue'
+
+  createApp({
+    setup() {
+      const message = ref('Hello Vue!')
+      return {
+        message
+      }
+    }
+  }).mount('#app')
+</script>
+```
+
+[CodePen Demo >](https://codepen.io/vuejs-examples/pen/YzRyRYM)
+
+</div>
+
+You can also add entries for other dependencies to the import map - but make sure they point to the ES modules version of the library you intend to use.
+
+:::tip Import Maps Browser Support
+Import Maps is a relatively new browser feature. Make sure to use a browser within its [support range](https://caniuse.com/import-maps). In particular, it is only supported in Safari 16.4+.
 :::
 
-### Serving over HTTP
+:::warning Notes on Production Use
+The examples so far are using the development build of Vue - if you intend to use Vue from a CDN in production, make sure to check out the [Production Deployment Guide](/guide/best-practices/production-deployment#without-build-tools).
+
+While it is possible to use Vue without a build system, an alternative approach to consider is using [`vuejs/petite-vue`](https://github.com/vuejs/petite-vue) that could better suit the context where [`jquery/jquery`](https://github.com/jquery/jquery) (in the past) or [`alpinejs/alpine`](https://github.com/alpinejs/alpine) (in the present) might be used instead.
+:::
+
+### Splitting Up the Modules {#splitting-up-the-modules}
 
 As we dive deeper into the guide, we may need to split our code into separate JavaScript files so that they are easier to manage. For example:
 
 ```html
 <!-- index.html -->
+<div id="app"></div>
+
 <script type="module">
   import { createApp } from 'vue'
   import MyComponent from './my-component.js'
@@ -134,28 +395,51 @@ As we dive deeper into the guide, we may need to split our code into separate Ja
 </script>
 ```
 
+<div class="options-api">
+
 ```js
 // my-component.js
 export default {
   data() {
     return { count: 0 }
   },
-  template: `<div>count is {{ count }}</div>`
+  template: `<div>Count is: {{ count }}</div>`
+}
+```
+
+</div>
+<div class="composition-api">
+
+```js
+// my-component.js
+import { ref } from 'vue'
+export default {
+  setup() {
+    const count = ref(0)
+    return { count }
+  },
+  template: `<div>Count is: {{ count }}</div>`
 }
 ```
 
-In order for this to work, you need to serve your HTML over the `http://` protocol instead of `file://` protocol. To start a local HTTP server, first install [Node.js](https://nodejs.org/en/), and then run `npx serve` from the command line in the same directory where your HTML file is. You can also use any other HTTP server that can serve static files with correct MIME types.
+</div>
+
+If you directly open the above `index.html` in your browser, you will find that it throws an error because ES modules cannot work over the `file://` protocol, which is the protocol the browser uses when you open a local file.
+
+Due to security reasons, ES modules can only work over the `http://` protocol, which is what the browsers use when opening pages on the web. In order for ES modules to work on our local machine, we need to serve the `index.html` over the `http://` protocol, with a local HTTP server.
+
+To start a local HTTP server, first make sure you have [Node.js](https://nodejs.org/en/) installed, then run `npx serve` from the command line in the same directory where your HTML file is. You can also use any other HTTP server that can serve static files with the correct MIME types.
 
-You may have noticed that the imported component's template is inlined as a JavaScript string. If you are using VSCode, you can install the [es6-string-html](https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html) extension and prefix the strings with a `/*html*/` comment to get syntax highlighting for them.
+You may have noticed that the imported component's template is inlined as a JavaScript string. If you are using VS Code, you can install the [es6-string-html](https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html) extension and prefix the strings with a `/*html*/` comment to get syntax highlighting for them.
 
-## Next Steps
+## Next Steps {#next-steps}
 
 If you skipped the [Introduction](/guide/introduction), we strongly recommend reading it before moving on to the rest of the documentation.
 
 <div class="vt-box-container next-steps">
   <a class="vt-box" href="http://github.com/guide/essentials/application.html">
-    <p class="next-steps-link">Continue the Guide</p>
-    <p class="next-steps-caption">The guide walks you through every aspect of the framework in full details.</p>
+    <p class="next-steps-link">Continue with the Guide</p>
+    <p class="next-steps-caption">The guide walks you through every aspect of the framework in full detail.</p>
   </a>
   <a class="vt-box" href="http://github.com/tutorial/">
     <p class="next-steps-link">Try the Tutorial</p>
diff --git a/src/guide/reusability/composables.md b/src/guide/reusability/composables.md
index f0a0753e2a..3ee3a06846 100644
--- a/src/guide/reusability/composables.md
+++ b/src/guide/reusability/composables.md
@@ -1,4 +1,4 @@
-# Composables
+# Composables {#composables}
 
 <script setup>
 import { useMouse } from './mouse'
@@ -6,20 +6,20 @@ const { x, y } = useMouse()
 </script>
 
 :::tip
-This section assumes basic knowledge of Composition API. If you have been learning Vue with Options API only, you can set the API Preference to Composition API (using the toggle at the top of the left sidebar) and re-read the [Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals.html) and [Lifecycle Hooks](/guide/essentials/lifecycle.html) chapters.
+This section assumes basic knowledge of Composition API. If you have been learning Vue with Options API only, you can set the API Preference to Composition API (using the toggle at the top of the left sidebar) and re-read the [Reactivity Fundamentals](/guide/essentials/reactivity-fundamentals) and [Lifecycle Hooks](/guide/essentials/lifecycle) chapters.
 :::
 
-## What is a "Composable"?
+## What is a "Composable"? {#what-is-a-composable}
 
-In the context of Vue applications, a "composable" is a function that leverages Vue Composition API to encapsulate and reuse **stateful logic**.
+In the context of Vue applications, a "composable" is a function that leverages Vue's Composition API to encapsulate and reuse **stateful logic**.
 
-When building frontend applications, we often have the need to reuse logic for common tasks. For example, we may need to format dates in many places, so we extract a reusable function for that. This formatter function encapsulates **stateless logic**: it takes some input and immediately returns expected output. There are many libraries out there for reusing stateless logic - for example [lodash](https://lodash.com/) and [date-fns](https://date-fns.org/), which you may have heard of.
+When building frontend applications, we often need to reuse logic for common tasks. For example, we may need to format dates in many places, so we extract a reusable function for that. This formatter function encapsulates **stateless logic**: it takes some input and immediately returns expected output. There are many libraries out there for reusing stateless logic - for example [lodash](https://lodash.com/) and [date-fns](https://date-fns.org/), which you may have heard of.
 
-In comparison, stateful logic involves managing state that changes over time. A simple example would be tracking the current position of the mouse on a page. In real world scenarios, it could also be more complex logic such as touch gestures or connection status to a database.
+By contrast, stateful logic involves managing state that changes over time. A simple example would be tracking the current position of the mouse on a page. In real-world scenarios, it could also be more complex logic such as touch gestures or connection status to a database.
 
-## Mouse Tracker Example
+## Mouse Tracker Example {#mouse-tracker-example}
 
-If we were to implement the mouse tracking functionality using Composition API directly inside a component, it would look like this:
+If we were to implement the mouse tracking functionality using the Composition API directly inside a component, it would look like this:
 
 ```vue
 <script setup>
@@ -84,13 +84,13 @@ const { x, y } = useMouse()
   Mouse position is at: {{ x }}, {{ y }}
 </div>
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHVzZU1vdXNlIH0gZnJvbSAnLi9tb3VzZS5qcydcblxuY29uc3QgeyB4LCB5IH0gPSB1c2VNb3VzZSgpXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICBNb3VzZSBwb3NpdGlvbiBpcyBhdDoge3sgeCB9fSwge3sgeSB9fVxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwibW91c2UuanMiOiJpbXBvcnQgeyByZWYsIG9uTW91bnRlZCwgb25Vbm1vdW50ZWQgfSBmcm9tICd2dWUnXG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VNb3VzZSgpIHtcbiAgY29uc3QgeCA9IHJlZigwKVxuICBjb25zdCB5ID0gcmVmKDApXG5cbiAgZnVuY3Rpb24gdXBkYXRlKGV2ZW50KSB7XG4gICAgeC52YWx1ZSA9IGV2ZW50LnBhZ2VYXG4gICAgeS52YWx1ZSA9IGV2ZW50LnBhZ2VZXG4gIH1cblxuICBvbk1vdW50ZWQoKCkgPT4gd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbW92ZScsIHVwZGF0ZSkpXG4gIG9uVW5tb3VudGVkKCgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCB1cGRhdGUpKVxuXG4gIHJldHVybiB7IHgsIHkgfVxufSJ9)
+[Try it in the Playground](https://play.vuejs.org/#eNqNkj1rwzAQhv/KocUOGKVzSAIdurVjoQUvJj4XlfgkJNmxMfrvPcmJkkKHLrbu69H7SlrEszFyHFDsxN6drDIeHPrBHGtSvdHWwwKDwzfNHwjQWd1DIbd9jOW3K2qq6aTJxb6pgpl7Dnmg3NS0365YBnLgsTfnxiNHACvUaKe80gTKQeN3sDAIQqjignEhIvKYqMRta1acFVrsKtDEQPLYxuU7cV8Msmg2mdTilIa6gU5p27tYWKKq1c3ENphaPrGFW25+yMXsHWFaFlfiiOSvFIBJjs15QJ5JeWmaL/xYS/Mfpc9YYrPxl52ULOpwhIuiVl9k07Yvsf9VOY+EtizSWfR6xKK6itgkvQ/+fyNs6v4XJXIsPwVL+WprCiL8AEUxw5s=)
 
-As we can see, the core logic remains exactly the same - all we had to do was move it into an external function and return the state that should be exposed. Same as inside a component, you can use the full range of [Composition API functions](/api/#composition-api) in composables. The same `useMouse()` functionality can now be used in any component.
+As we can see, the core logic remains identical - all we had to do was move it into an external function and return the state that should be exposed. Just like inside a component, you can use the full range of [Composition API functions](/api/#composition-api) in composables. The same `useMouse()` functionality can now be used in any component.
 
 The cooler part about composables though, is that you can also nest them: one composable function can call one or more other composable functions. This enables us to compose complex logic using small, isolated units, similar to how we compose an entire application using components. In fact, this is why we decided to call the collection of APIs that make this pattern possible Composition API.
 
-As an example, we can extract the logic of adding and cleaning up a DOM event listener into its own composable:
+For example, we can extract the logic of adding and removing a DOM event listener into its own composable:
 
 ```js
 // event.js
@@ -104,7 +104,7 @@ export function useEventListener(target, event, callback) {
 }
 ```
 
-And now our `useMouse()` can be simplified to:
+And now our `useMouse()` composable can be simplified to:
 
 ```js{3,9-12}
 // mouse.js
@@ -125,10 +125,10 @@ export function useMouse() {
 ```
 
 :::tip
-Each component instance calling `useMouse()` will create its own copies of `x` and `y` state so they won't interfere with one another. If you want to manage shared state between components, read the [State Management](/guide/scaling-up/state-management.html) chapter.
+Each component instance calling `useMouse()` will create its own copies of `x` and `y` state so they won't interfere with one another. If you want to manage shared state between components, read the [State Management](/guide/scaling-up/state-management) chapter.
 :::
 
-## Async State Example
+## Async State Example {#async-state-example}
 
 The `useMouse()` composable doesn't take any arguments, so let's take a look at another example that makes use of one. When doing async data fetching, we often need to handle different states: loading, success, and error:
 
@@ -155,7 +155,7 @@ fetch('http://github.com/...')
 </template>
 ```
 
-Again, it would be tedious to have to repeat this pattern in every component that needs to fetch data. Let's extract it into a composable:
+It would be tedious to have to repeat this pattern in every component that needs to fetch data. Let's extract it into a composable:
 
 ```js
 // fetch.js
@@ -184,69 +184,93 @@ const { data, error } = useFetch('...')
 </script>
 ```
 
-`useFetch()` takes a static URL string as input - so it performs the fetch only once and is then done. What if we want it to re-fetch whenever the URL changes? We can achieve that by also accepting refs as an argument:
+### Accepting Reactive State {#accepting-reactive-state}
+
+`useFetch()` takes a static URL string as input - so it performs the fetch only once and is then done. What if we want it to re-fetch whenever the URL changes? In order to achieve this, we need to pass reactive state into the composable function, and let the composable create watchers that perform actions using the passed state.
+
+For example, `useFetch()` should be able to accept a ref:
 
 ```js
+const url = ref('/initial-url')
+
+const { data, error } = useFetch(url)
+
+// this should trigger a re-fetch
+url.value = '/new-url'
+```
+
+Or, accept a [getter function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description):
+
+```js
+// re-fetch when props.id changes
+const { data, error } = useFetch(() => `/posts/${props.id}`)
+```
+
+We can refactor our existing implementation with the [`watchEffect()`](/api/reactivity-core.html#watcheffect) and [`toValue()`](/api/reactivity-utilities.html#tovalue) APIs:
+
+```js{8,13}
 // fetch.js
-import { ref, isRef, unref, watchEffect } from 'vue'
+import { ref, watchEffect, toValue } from 'vue'
 
 export function useFetch(url) {
   const data = ref(null)
   const error = ref(null)
 
-  function doFetch() {
+  const fetchData = () => {
     // reset state before fetching..
     data.value = null
     error.value = null
-    // unref() unwraps potential refs
-    fetch(unref(url))
+
+    fetch(toValue(url))
       .then((res) => res.json())
       .then((json) => (data.value = json))
       .catch((err) => (error.value = err))
   }
 
-  if (isRef(url)) {
-    // setup reactive re-fetch if input URL is a ref
-    watchEffect(doFetch)
-  } else {
-    // otherwise, just fetch once
-    // and avoid the overhead of a watcher
-    doFetch()
-  }
+  watchEffect(() => {
+    fetchData()
+  })
 
   return { data, error }
 }
 ```
 
-This version of `useFetch()` now accepts both static URL strings and refs of URL strings. When it detects that the URL is a dynamic ref using [`isRef()`](/api/reactivity-utilities.html#isref), it sets up a reactive effect using [`watchEffect()`](/api/reactivity-core.html#watcheffect). The effect will run immediately, and tracking the URL ref as a dependency in the process. Whenever the URL ref changes, the data will be reset and fetched again.
+`toValue()` is an API added in 3.3. It is designed to normalize refs or getters into values. If the argument is a ref, it returns the ref's value; if the argument is a function, it will call the function and return its return value. Otherwise, it returns the argument as-is. It works similarly to [`unref()`](/api/reactivity-utilities.html#unref), but with special treatment for functions.
+
+Notice that `toValue(url)` is called **inside** the `watchEffect` callback. This ensures that any reactive dependencies accessed during the `toValue()` normalization are tracked by the watcher.
 
-Here's [the updated version of `useFetch()`](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgY29tcHV0ZWQgfSBmcm9tICd2dWUnXG5pbXBvcnQgeyB1c2VGZXRjaCB9IGZyb20gJy4vdXNlRmV0Y2guanMnXG5cbmNvbnN0IGJhc2VVcmwgPSAnaHR0cHM6Ly9qc29ucGxhY2Vob2xkZXIudHlwaWNvZGUuY29tL3RvZG9zLydcbmNvbnN0IGlkID0gcmVmKCcxJylcbmNvbnN0IHVybCA9IGNvbXB1dGVkKCgpID0+IGJhc2VVcmwgKyBpZC52YWx1ZSlcblxuY29uc3QgeyBkYXRhLCBlcnJvciwgcmV0cnkgfSA9IHVzZUZldGNoKHVybClcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIExvYWQgcG9zdCBpZDpcbiAgPGJ1dHRvbiB2LWZvcj1cImkgaW4gNVwiIEBjbGljaz1cImlkID0gaVwiPnt7IGkgfX08L2J1dHRvbj5cblxuXHQ8ZGl2IHYtaWY9XCJlcnJvclwiPlxuICAgIDxwPk9vcHMhIEVycm9yIGVuY291bnRlcmVkOiB7eyBlcnJvci5tZXNzYWdlIH19PC9wPlxuICAgIDxidXR0b24gQGNsaWNrPVwicmV0cnlcIj5SZXRyeTwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiB2LWVsc2UtaWY9XCJkYXRhXCI+RGF0YSBsb2FkZWQ6IDxwcmU+e3sgZGF0YSB9fTwvcHJlPjwvZGl2PlxuICA8ZGl2IHYtZWxzZT5Mb2FkaW5nLi4uPC9kaXY+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJ1c2VGZXRjaC5qcyI6ImltcG9ydCB7IHJlZiwgaXNSZWYsIHVucmVmLCB3YXRjaEVmZmVjdCB9IGZyb20gJ3Z1ZSdcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUZldGNoKHVybCkge1xuICBjb25zdCBkYXRhID0gcmVmKG51bGwpXG4gIGNvbnN0IGVycm9yID0gcmVmKG51bGwpXG5cbiAgYXN5bmMgZnVuY3Rpb24gZG9GZXRjaCgpIHtcbiAgICAvLyByZXNldCBzdGF0ZSBiZWZvcmUgZmV0Y2hpbmcuLlxuICAgIGRhdGEudmFsdWUgPSBudWxsXG4gICAgZXJyb3IudmFsdWUgPSBudWxsXG4gICAgXG4gICAgLy8gcmVzb2x2ZSB0aGUgdXJsIHZhbHVlIHN5bmNocm9ub3VzbHkgc28gaXQncyB0cmFja2VkIGFzIGFcbiAgICAvLyBkZXBlbmRlbmN5IGJ5IHdhdGNoRWZmZWN0KClcbiAgICBjb25zdCB1cmxWYWx1ZSA9IHVucmVmKHVybClcbiAgICBcbiAgICB0cnkge1xuICAgICAgLy8gYXJ0aWZpY2lhbCBkZWxheSAvIHJhbmRvbSBlcnJvclxuICBcdCAgYXdhaXQgdGltZW91dCgpXG4gIFx0ICAvLyB1bnJlZigpIHdpbGwgcmV0dXJuIHRoZSByZWYgdmFsdWUgaWYgaXQncyBhIHJlZlxuXHQgICAgLy8gb3RoZXJ3aXNlIHRoZSB2YWx1ZSB3aWxsIGJlIHJldHVybmVkIGFzLWlzXG4gICAgXHRjb25zdCByZXMgPSBhd2FpdCBmZXRjaCh1cmxWYWx1ZSlcblx0ICAgIGRhdGEudmFsdWUgPSBhd2FpdCByZXMuanNvbigpXG4gICAgfSBjYXRjaCAoZSkge1xuICAgICAgZXJyb3IudmFsdWUgPSBlXG4gICAgfVxuICB9XG5cbiAgaWYgKGlzUmVmKHVybCkpIHtcbiAgICAvLyBzZXR1cCByZWFjdGl2ZSByZS1mZXRjaCBpZiBpbnB1dCBVUkwgaXMgYSByZWZcbiAgICB3YXRjaEVmZmVjdChkb0ZldGNoKVxuICB9IGVsc2Uge1xuICAgIC8vIG90aGVyd2lzZSwganVzdCBmZXRjaCBvbmNlXG4gICAgZG9GZXRjaCgpXG4gIH1cblxuICByZXR1cm4geyBkYXRhLCBlcnJvciwgcmV0cnk6IGRvRmV0Y2ggfVxufVxuXG4vLyBhcnRpZmljaWFsIGRlbGF5XG5mdW5jdGlvbiB0aW1lb3V0KCkge1xuICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKE1hdGgucmFuZG9tKCkgPiAwLjMpIHtcbiAgICAgICAgcmVzb2x2ZSgpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWplY3QobmV3IEVycm9yKCdSYW5kb20gRXJyb3InKSlcbiAgICAgIH1cbiAgICB9LCAzMDApXG4gIH0pXG59In0=), with an artificial delay and randomized error for demo purposes.
+This version of `useFetch()` now accepts static URL strings, refs, and getters, making it much more flexible. The watch effect will run immediately, and will track any dependencies accessed during `toValue(url)`. If no dependencies are tracked (e.g. url is already a string), the effect runs only once; otherwise, it will re-run whenever a tracked dependency changes.
 
-## Conventions and Best Practices
+Here's [the updated version of `useFetch()`](https://play.vuejs.org/#eNp9Vdtu20YQ/ZUpUUA0qpAOjL4YktCbC7Rom8BN8sSHrMihtfZql9iLZEHgv2dml6SpxMiDIWkuZ+acmR2fs1+7rjgEzG6zlaut7Dw49KHbVFruO2M9nMFiu4Ta7LvgsYEeWmv2sKCkxSwoOPwTfb2b/EU5mopHR5GVro12HrbC4UerYA2Lnfeduy3LR2d0p0SNO6MatIU/dbI2DRZUtPSmMa4kgJQuG8qkjvLF28XVaAwRb2wxz69gvZkK/UQ5xUGogBQ/ZpyhEV4sAa01lnpeTwRyApsFWvT2RO6Eea40THBMgfq6NLwlS1/pVZnUJB3ph8c98fNIvwD+MaKBzkQut2xYbYP3RsPhTWvsusokSA0/Vxn8UitZP7GFSX/+8Sz7z1W2OZ9BQt+vypQXS1R+1cgDQciW4iMrimR0wu8270znfoC7SBaJWdAeLTa3QFgxuNijc+IBIy5PPyYOjU19RDEI954/Z/UptKTy6VvqA5XD1AwLTTl/0Aco4s5lV51F5sG+VJJ+v4qxYbmkfiiKYvSvyknPbJnNtoyW+HJpj4Icd22LtV+CN5/ikC4XuNL4HFPaoGsvie3FIqSJp1WIzabl00HxkoyetEVfufhv1kAu3EnX8z0CKEtKofcGzhMb2CItAELL1SPlFMV1pwVj+GROc/vWPoc26oDgdxhfSArlLnbWaBOcOoEzIP3CgbeifqLXLRyICaDBDnVD+3KC7emCSyQ4sifspOx61Hh4Qy/d8BsaOEdkYb1sZS2FoiJKnIC6FbqhsaTVZfk8gDgK6cHLPZowFGUzAQTNWl/BUSrFbzRYHXmSdeAp28RMsI0fyFDaUJg9Spd0SbERZcvZDBRleCPdQMCPh8ARwdRRnBCTjGz5WkT0i0GlSMqixTR6VKyHmmWEHIfV+naSOETyRx8vEYwMv7pa8dJU+hU9Kz2t86ReqjcgaTzCe3oGpEOeD4uyJOcjTXe+obScHwaAi82lo9dC/q/wuyINjrwbuC5uZrS4WAQeyTN9ftOXIVwy537iecoX92kR4q/F1UvqIMsSbq6vo5XF6ekCeEcTauVDFJpuQESvMv53IBXadx3r4KqMrt0w0kwoZY5/R5u3AZejvd5h/fSK/dE9s63K3vN7tQesssnnhX1An9x3//+Hz/R9cu5NExRFf8d5zyIF7jGF/RZ0Q23P4mK3f8XLRmfhg7t79qjdSIobjXLE+Cqju/b7d6i/tHtT3MQ8VrH/Ahstp5A=), with an artificial delay and randomized error for demo purposes.
 
-### Naming
+## Conventions and Best Practices {#conventions-and-best-practices}
+
+### Naming {#naming}
 
 It is a convention to name composable functions with camelCase names that start with "use".
 
-### Input Arguments
+### Input Arguments {#input-arguments}
 
-A composable can accept ref arguments even if it doesn't rely on it for reactivity. If you are writing a composable that may be used by other developers, it's a good idea to handle the case of input arguments being refs instead of raw values. The [`unref()`](/api/reactivity-utilities.html#unref) utility function will come in handy for this purpose:
+A composable can accept ref or getter arguments even if it doesn't rely on them for reactivity. If you are writing a composable that may be used by other developers, it's a good idea to handle the case of input arguments being refs or getters instead of raw values. The [`toValue()`](/api/reactivity-utilities#tovalue) utility function will come in handy for this purpose:
 
 ```js
-import { unref } from 'vue'
+import { toValue } from 'vue'
 
-function useFeature(maybeRef) {
-  // if maybeRef is indeed a ref, its .value will be returned
-  // otherwise, maybeRef is returned as-is
-  const value = unref(maybeRef)
+function useFeature(maybeRefOrGetter) {
+  // If maybeRefOrGetter is a ref or a getter,
+  // its normalized value will be returned.
+  // Otherwise, it is returned as-is.
+  const value = toValue(maybeRefOrGetter)
 }
 ```
 
-If your composable creates reactive effects when the input is a ref, make sure to either explicitly watch the ref with `watch()`, or call `unref()` inside a `watchEffect()` so that it is properly tracked.
+If your composable creates reactive effects when the input is a ref or a getter, make sure to either explicitly watch the ref / getter with `watch()`, or call `toValue()` inside a `watchEffect()` so that it is properly tracked.
+
+The [useFetch() implementation discussed earlier](#accepting-reactive-state) provides a concrete example of a composable that accepts refs, getters and plain values as input argument.
 
-### Return Values
+### Return Values {#return-values}
 
-You have probably noticed that we have been exclusively using `ref()` instead of `reactive()` in composables. The recommended convention is to always return an object of refs from composables, so that it can be destructured in components while retaining reactivity:
+You have probably noticed that we have been exclusively using `ref()` instead of `reactive()` in composables. The recommended convention is for composables to always return a plain, non-reactive object containing multiple refs. This allows it to be destructured in components while retaining reactivity:
 
 ```js
 // x and y are refs
@@ -267,31 +291,31 @@ console.log(mouse.x)
 Mouse position is at: {{ mouse.x }}, {{ mouse.y }}
 ```
 
-### Side Effects
+### Side Effects {#side-effects}
 
 It is OK to perform side effects (e.g. adding DOM event listeners or fetching data) in composables, but pay attention to the following rules:
 
-- If you are working on an application that utilizes [Server-Side Rendering](/guide/scaling-up/ssr.html) (SSR), make sure to perform DOM-specific side effects in post-mount lifecycle hooks, e.g. `onMounted()`. These hooks are only called in the browser, so you can ensure code inside it has access to the DOM.
+- If you are working on an application that uses [Server-Side Rendering](/guide/scaling-up/ssr) (SSR), make sure to perform DOM-specific side effects in post-mount lifecycle hooks, e.g. `onMounted()`. These hooks are only called in the browser, so you can be sure that code inside them has access to the DOM.
 
-- Make sure to clean up side effects in `onUnmounted()`. For example, if a composable sets up a DOM event listener, it should remove that listener in `onUnmounted()` (as we have seen in the `useMouse()` example). It can also be a good idea to use a composable that automatically does this for you, like the `useEventListener()` example.
+- Remember to clean up side effects in `onUnmounted()`. For example, if a composable sets up a DOM event listener, it should remove that listener in `onUnmounted()` as we have seen in the `useMouse()` example. It can be a good idea to use a composable that automatically does this for you, like the `useEventListener()` example.
 
-### Usage Restrictions
+### Usage Restrictions {#usage-restrictions}
 
-Composables should only be called **synchronously** in `<script setup>` or the `setup()` hook. In some cases, you can also call them in lifecycle hooks like `onMounted()`.
+Composables should only be called in `<script setup>` or the `setup()` hook. They should also be called **synchronously** in these contexts. In some cases, you can also call them in lifecycle hooks like `onMounted()`.
 
-These are the contexts where Vue is able to determine the current active component instance. Access to an active component instance is necessary so that:
+These restrictions are important because these are the contexts where Vue is able to determine the current active component instance. Access to an active component instance is necessary so that:
 
 1. Lifecycle hooks can be registered to it.
 
-2. Computed properties and watchers can be linked to it for disposal on component unmount.
+2. Computed properties and watchers can be linked to it, so that they can be disposed when the instance is unmounted to prevent memory leaks.
 
 :::tip
-`<script setup>` is the only place where you can call composables **after** usage of `await`. The compiler automatically restores the active instance context after the async operation for you.
+`<script setup>` is the only place where you can call composables **after** using `await`. The compiler automatically restores the active instance context for you after the async operation.
 :::
 
-## Extracting Composables for Code Organization
+## Extracting Composables for Code Organization {#extracting-composables-for-code-organization}
 
-Composables can be extracted not only for reuse, but also for code organization. As the complexity of your components grow, you may end up with components that are too large to navigate and reason about. Composition API gives you the full flexibility to organize your component code into smaller functions based on logical concerns:
+Composables can be extracted not only for reuse, but also for code organization. As the complexity of your components grows, you may end up with components that are too large to navigate and reason about. Composition API gives you the full flexibility to organize your component code into smaller functions based on logical concerns:
 
 ```vue
 <script setup>
@@ -307,7 +331,7 @@ const { qux } = useFeatureC(baz)
 
 To some extent, you can think of these extracted composables as component-scoped services that can talk to one another.
 
-## Using Composables in Options API
+## Using Composables in Options API {#using-composables-in-options-api}
 
 If you are using Options API, composables must be called inside `setup()`, and the returned bindings must be returned from `setup()` so that they are exposed to `this` and the template:
 
@@ -329,11 +353,11 @@ export default {
 }
 ```
 
-## Comparisons with Other Techniques
+## Comparisons with Other Techniques {#comparisons-with-other-techniques}
 
-### vs. Mixins
+### vs. Mixins {#vs-mixins}
 
-Users coming from Vue 2 may be familiar with the [mixins](/api/options-composition.html#mixins) option, which also allows us to extract component logic into reusable units. There are three primary drawbacks to mixins:
+Users coming from Vue 2 may be familiar with the [mixins](/api/options-composition#mixins) option, which also allows us to extract component logic into reusable units. There are three primary drawbacks to mixins:
 
 1. **Unclear source of properties**: when using many mixins, it becomes unclear which instance property is injected by which mixin, making it difficult to trace the implementation and understand the component's behavior. This is also why we recommend using the refs + destructure pattern for composables: it makes the property source clear in consuming components.
 
@@ -343,21 +367,21 @@ Users coming from Vue 2 may be familiar with the [mixins](/api/options-compositi
 
 For the above reasons, we no longer recommend using mixins in Vue 3. The feature is kept only for migration and familiarity reasons.
 
-### vs. Renderless Components
+### vs. Renderless Components {#vs-renderless-components}
 
-In the component slots chapter, we discussed the [Renderless Component](/guide/components/slots.html#renderless-components) pattern based on scoped slots. We even implemented the same mouse tracking demo using renderless components.
+In the component slots chapter, we discussed the [Renderless Component](/guide/components/slots#renderless-components) pattern based on scoped slots. We even implemented the same mouse tracking demo using renderless components.
 
 The main advantage of composables over renderless components is that composables do not incur the extra component instance overhead. When used across an entire application, the amount of extra component instances created by the renderless component pattern can become a noticeable performance overhead.
 
 The recommendation is to use composables when reusing pure logic, and use components when reusing both logic and visual layout.
 
-### vs. React Hooks
+### vs. React Hooks {#vs-react-hooks}
 
-If you have experience with React, you may notice that this looks very similar to custom React hooks. Composition API was in part inspired by React hooks, and Vue composables are indeed similar to React hooks in terms of logic composition capabilities. However, Vue composables are based on Vue's fine-grained reactivity system, which is fundamentally different from React hooks' execution model. This is discussed in more details in the [Composition API FAQ](/guide/extras/composition-api-faq#comparison-with-react-hooks).
+If you have experience with React, you may notice that this looks very similar to custom React hooks. Composition API was in part inspired by React hooks, and Vue composables are indeed similar to React hooks in terms of logic composition capabilities. However, Vue composables are based on Vue's fine-grained reactivity system, which is fundamentally different from React hooks' execution model. This is discussed in more detail in the [Composition API FAQ](/guide/extras/composition-api-faq#comparison-with-react-hooks).
 
-## Further Reading
+## Further Reading {#further-reading}
 
-- [Reactivity In Depth](/guide/extras/reactivity-in-depth.html): for a low-level understanding of how Vue's reactivity system works.
-- [State Management](/guide/scaling-up/state-management.html): for patterns of managing state shared by multiple components.
-- [Testing Composables](/guide/scaling-up/testing.html#testing-composables): tips on unit testing composables.
+- [Reactivity In Depth](/guide/extras/reactivity-in-depth): for a low-level understanding of how Vue's reactivity system works.
+- [State Management](/guide/scaling-up/state-management): for patterns of managing state shared by multiple components.
+- [Testing Composables](/guide/scaling-up/testing#testing-composables): tips on unit testing composables.
 - [VueUse](https://vueuse.org/): an ever-growing collection of Vue composables. The source code is also a great learning resource.
diff --git a/src/guide/reusability/custom-directives.md b/src/guide/reusability/custom-directives.md
index 5ccb583541..a8b51935f7 100644
--- a/src/guide/reusability/custom-directives.md
+++ b/src/guide/reusability/custom-directives.md
@@ -1,33 +1,46 @@
-# Custom Directives
+# Custom Directives {#custom-directives}
 
 <script setup>
-const vFocus = {
+const vHighlight = {
   mounted: el => {
-    el.focus()
+    el.classList.add('is-highlight')
   }
 }
 </script>
 
-## Introduction
+<style>
+.vt-doc p.is-highlight {
+  margin-bottom: 0;
+}
+
+.is-highlight {
+  background-color: yellow;
+  color: black;
+}
+</style>
+
+## Introduction {#introduction}
 
 In addition to the default set of directives shipped in core (like `v-model` or `v-show`), Vue also allows you to register your own custom directives.
 
-We have introduced two forms of code reuse in Vue: [components](/guide/essentials/component-basics.html) and [composables](./composables). Components are the main building blocks, while composables are focused on reusing stateful logic. Custom directives, on the other hand, are mainly intended for reusing logic that involves low-level DOM access on plain elements.
+We have introduced two forms of code reuse in Vue: [components](/guide/essentials/component-basics) and [composables](./composables). Components are the main building blocks, while composables are focused on reusing stateful logic. Custom directives, on the other hand, are mainly intended for reusing logic that involves low-level DOM access on plain elements.
 
-A custom directive is defined as an object containing lifecycle hooks similar to those of a component. The hooks receive the element the directive is bound to. Here is an example of a directive that focuses an input when the element is inserted into the DOM by Vue:
+A custom directive is defined as an object containing lifecycle hooks similar to those of a component. The hooks receive the element the directive is bound to. Here is an example of a directive that adds a class to an element when it is inserted into the DOM by Vue:
 
 <div class="composition-api">
 
 ```vue
 <script setup>
-// enables v-focus in templates
-const vFocus = {
-  mounted: (el) => el.focus()
+// enables v-highlight in templates
+const vHighlight = {
+  mounted: (el) => {
+    el.classList.add('is-highlight')
+  }
 }
 </script>
 
 <template>
-  <input v-focus />
+  <p v-highlight>This sentence is important!</p>
 </template>
 ```
 
@@ -36,35 +49,33 @@ const vFocus = {
 <div class="options-api">
 
 ```js
-const focus = {
-  mounted: (el) => el.focus()
+const highlight = {
+  mounted: (el) => el.classList.add('is-highlight')
 }
 
 export default {
   directives: {
-    // enables v-focus in template
-    focus
+    // enables v-highlight in template
+    highlight
   }
 }
 ```
 
 ```vue-html
-<input v-focus />
+<p v-highlight>This sentence is important!</p>
 ```
 
 </div>
 
 <div class="demo">
-  <input v-focus placeholder="This should be focused" />
+  <p v-highlight>This sentence is important!</p>
 </div>
 
-Assuming you haven't clicked elsewhere on the page, the input above should be auto-focused. This directive is more useful than the `autofocus` attribute because it works not just on page load - it also works when the element is dynamically inserted by Vue.
-
 <div class="composition-api">
 
-In `<script setup>`, any camelCase variable that starts with the `v` prefix can be used as a custom directive. In the example above, `vFocus` can be used in the template as `v-focus`.
+In `<script setup>`, any camelCase variable that starts with the `v` prefix can be used as a custom directive. In the example above, `vHighlight` can be used in the template as `v-highlight`.
 
-If not using `<script setup>`, custom directives can be registered using the `directives` option:
+If you are not using `<script setup>`, custom directives can be registered using the `directives` option:
 
 ```js
 export default {
@@ -72,8 +83,8 @@ export default {
     /*...*/
   },
   directives: {
-    // enables v-focus in template
-    focus: {
+    // enables v-highlight in template
+    highlight: {
       /* ... */
     }
   }
@@ -93,46 +104,89 @@ It is also common to globally register custom directives at the app level:
 ```js
 const app = createApp({})
 
-// make v-focus usable in all components
-app.directive('focus', {
+// make v-highlight usable in all components
+app.directive('highlight', {
   /* ... */
 })
 ```
 
-:::tip
-Custom directives should only be used when the desired functionality can only be achieved via direct DOM manipulation. Prefer declarative templating using built-in directives such as `v-bind` when possible because they are more efficient and server-rendering friendly.
-:::
+## When to use custom directives {#when-to-use}
+
+Custom directives should only be used when the desired functionality can only be achieved via direct DOM manipulation.
+
+A common example of this is a `v-focus` custom directive that brings an element into focus.
 
-## Directive Hooks
+<div class="composition-api">
+
+```vue
+<script setup>
+// enables v-focus in templates
+const vFocus = {
+  mounted: (el) => el.focus()
+}
+</script>
+
+<template>
+  <input v-focus />
+</template>
+```
+
+</div>
+
+<div class="options-api">
+
+```js
+const focus = {
+  mounted: (el) => el.focus()
+}
+
+export default {
+  directives: {
+    // enables v-focus in template
+    focus
+  }
+}
+```
+
+```vue-html
+<input v-focus />
+```
+
+</div>
+
+This directive is more useful than the `autofocus` attribute because it works not just on page load - it also works when the element is dynamically inserted by Vue!
+
+Declarative templating with built-in directives such as `v-bind` is recommended when possible because they are more efficient and server-rendering friendly.
+
+## Directive Hooks {#directive-hooks}
 
 A directive definition object can provide several hook functions (all optional):
 
 ```js
-const myDir = {
+const myDirective = {
   // called before bound element's attributes
   // or event listeners are applied
-  created(el, binding, vnode, prevVnode) {
+  created(el, binding, vnode) {
     // see below for details on arguments
   },
   // called right before the element is inserted into the DOM.
-  beforeMount() {},
+  beforeMount(el, binding, vnode) {},
   // called when the bound element's parent component
   // and all its children are mounted.
-  mounted() {},
+  mounted(el, binding, vnode) {},
   // called before the parent component is updated
-  beforeUpdate() {},
+  beforeUpdate(el, binding, vnode, prevVnode) {},
   // called after the parent component and
   // all of its children have updated
-  updated() {},
+  updated(el, binding, vnode, prevVnode) {},
   // called before the parent component is unmounted
-  beforeUnmount() {},
+  beforeUnmount(el, binding, vnode) {},
   // called when the parent component is unmounted
-  unmounted() {}
-  }
+  unmounted(el, binding, vnode) {}
 }
 ```
 
-### Hook Arguments
+### Hook Arguments {#hook-arguments}
 
 Directive hooks are passed these arguments:
 
@@ -148,7 +202,7 @@ Directive hooks are passed these arguments:
   - `dir`: the directive definition object.
 
 - `vnode`: the underlying VNode representing the bound element.
-- `prevNode`: the VNode representing the bound element from the previous render. Only available in the `beforeUpdate` and `updated` hooks.
+- `prevVnode`: the VNode representing the bound element from the previous render. Only available in the `beforeUpdate` and `updated` hooks.
 
 As an example, consider the following directive usage:
 
@@ -179,7 +233,7 @@ Here the directive argument will be reactively updated based on `arg` property i
 Apart from `el`, you should treat these arguments as read-only and never modify them. If you need to share information across hooks, it is recommended to do so through element's [dataset](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset).
 :::
 
-## Function Shorthand
+## Function Shorthand {#function-shorthand}
 
 It's common for a custom directive to have the same behavior for `mounted` and `updated`, with no need for the other hooks. In such cases we can define the directive as a function:
 
@@ -194,7 +248,7 @@ app.directive('color', (el, binding) => {
 })
 ```
 
-## Object Literals
+## Object Literals {#object-literals}
 
 If your directive needs multiple values, you can also pass in a JavaScript object literal. Remember, directives can take any valid JavaScript expression.
 
@@ -209,9 +263,13 @@ app.directive('demo', (el, binding) => {
 })
 ```
 
-## Usage on Components
+## Usage on Components {#usage-on-components}
+
+:::warning Not recommended
+Using custom directives on components is not recommended. Unexpected behaviour may occur when a component has multiple root nodes.
+:::
 
-When used on components, custom directives will always apply to a component's root node, similar to [Fallthrough Attributes](/guide/components/attrs.html).
+When used on components, custom directives will always apply to a component's root node, similar to [Fallthrough Attributes](/guide/components/attrs).
 
 ```vue-html
 <MyComponent v-demo="test" />
@@ -225,4 +283,4 @@ When used on components, custom directives will always apply to a component's ro
 </div>
 ```
 
-Note that components can potentially have more than one root node. When applied to a multi-root component, a directive will be ignored and a warning will be thrown. Unlike attributes, directives can't be passed to a different element with `v-bind="$attrs"`. In general, it is **not** recommended to use custom directives on components.
+Note that components can potentially have more than one root node. When applied to a multi-root component, a directive will be ignored and a warning will be thrown. Unlike attributes, directives can't be passed to a different element with `v-bind="$attrs"`.
diff --git a/src/guide/reusability/plugins.md b/src/guide/reusability/plugins.md
index 344feed91c..122862643a 100644
--- a/src/guide/reusability/plugins.md
+++ b/src/guide/reusability/plugins.md
@@ -1,6 +1,6 @@
-# Plugins
+# Plugins {#plugins}
 
-## Introduction
+## Introduction {#introduction}
 
 Plugins are self-contained code that usually add app-level functionality to Vue. This is how we install a plugin:
 
@@ -14,7 +14,7 @@ app.use(myPlugin, {
 })
 ```
 
-A plugin is defined as either an object that exposes an `install()` method, or simply a function that acts as the install function itself. The install function receives the [app instance](/api/application.html) along with additional options passed to `app.use()`, if any:
+A plugin is defined as either an object that exposes an `install()` method, or simply a function that acts as the install function itself. The install function receives the [app instance](/api/application) along with additional options passed to `app.use()`, if any:
 
 ```js
 const myPlugin = {
@@ -26,15 +26,15 @@ const myPlugin = {
 
 There is no strictly defined scope for a plugin, but common scenarios where plugins are useful include:
 
-1. Register one or more global components or custom directives with [`app.component()`](/api/application.html#app-component) and [`app.directive()`](/api/application.html#app-directive).
+1. Register one or more global components or custom directives with [`app.component()`](/api/application#app-component) and [`app.directive()`](/api/application#app-directive).
 
-2. Make a resource [injectable](/guide/components/provide-inject.html) throughout the app by calling [`app.provide()`](/api/application.html#app-provide).
+2. Make a resource [injectable](/guide/components/provide-inject) throughout the app by calling [`app.provide()`](/api/application#app-provide).
 
-3. Add some global instance properties or methods by attaching them to [`app.config.globalProperties`](/api/application.html#app-config-globalproperties).
+3. Add some global instance properties or methods by attaching them to [`app.config.globalProperties`](/api/application#app-config-globalproperties).
 
 4. A library that needs to perform some combination of the above (e.g. [vue-router](https://github.com/vuejs/vue-router-next)).
 
-## Writing a Plugin
+## Writing a Plugin {#writing-a-plugin}
 
 In order to better understand how to create your own Vue.js plugins, we will create a very simplified version of a plugin that displays `i18n` (short for [Internationalization](https://en.wikipedia.org/wiki/Internationalization_and_localization)) strings.
 
@@ -49,7 +49,13 @@ export default {
 }
 ```
 
-We want to make a function to translate keys available to the whole application, so we will expose it using `app.config.globalProperties`. This function will receive a dot-delimited `key` string, which we will use to look up the translated string in the user-provided options.
+We want to create a translation function. This function will receive a dot-delimited `key` string, which we will use to look up the translated string in the user-provided options. This is the intended usage in templates:
+
+```vue-html
+<h1>{{ $translate('greetings.hello') }}</h1>
+```
+
+Since this function should be globally available in all templates, we will make it so by attaching it to `app.config.globalProperties` in our plugin:
 
 ```js{4-11}
 // plugins/i18n.js
@@ -67,7 +73,9 @@ export default {
 }
 ```
 
-The plugin expects users to pass in an object containing the translated keys via the options when they use the plugin, so it should be used like this:
+Our `$translate` function will take a string such as `greetings.hello`, look inside the user provided configuration and return the translated value.
+
+The object containing the translated keys should be passed to the plugin during installation via additional parameters to `app.use()`:
 
 ```js
 import i18nPlugin from './plugins/i18n'
@@ -79,32 +87,22 @@ app.use(i18nPlugin, {
 })
 ```
 
-Our `$translate` function will take a string such as `greetings.hello`, look inside the user provided configuration and return the translated value - in this case, `Bonjour!`:
-
-```vue-html
-<h1>{{ $translate('greetings.hello') }}</h1>
-```
+Now, our initial expression `$translate('greetings.hello')` will be replaced by `Bonjour!` at runtime.
 
-See also: [Augmenting Global Properties](/guide/typescript/options-api.html#augmenting-global-properties) <sup class="vt-badge ts" />
+See also: [Augmenting Global Properties](/guide/typescript/options-api#augmenting-global-properties) <sup class="vt-badge ts" />
 
 :::tip
 Use global properties scarcely, since it can quickly become confusing if too many global properties injected by different plugins are used throughout an app.
 :::
 
-### Provide / Inject with Plugins
+### Provide / Inject with Plugins {#provide-inject-with-plugins}
 
-Plugins also allow us to use `inject` to provide a function or attribute to the plugin's users. For example, we can allow the application to have access to the `options` parameter to be able to use the translations object.
+Plugins also allow us to use `provide` to give plugin users access to a function or attribute. For example, we can allow the application to have access to the `options` parameter to be able to use the translations object.
 
 ```js{10}
 // plugins/i18n.js
 export default {
   install: (app, options) => {
-    app.config.globalProperties.$translate = (key) => {
-      return key.split('.').reduce((o, i) => {
-        if (o) return o[i]
-      }, options)
-    }
-
     app.provide('i18n', options)
   }
 }
@@ -137,3 +135,7 @@ export default {
 ```
 
 </div>
+
+### Bundle for NPM
+
+If you further want to build and publish your plugin for others to use, see [Vite's section on Library Mode](https://vitejs.dev/guide/build.html#library-mode).
diff --git a/src/guide/scaling-up/TestingApiSwitcher.vue b/src/guide/scaling-up/TestingApiSwitcher.vue
deleted file mode 100644
index 4a4792f4ca..0000000000
--- a/src/guide/scaling-up/TestingApiSwitcher.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-const activeId = ref('vtu-api')
-
-const testingLangs = [
-  {
-    label: 'Vue Test Utils',
-    className: 'vtu-api'
-  },
-  {
-    label: 'Cypress',
-    className: 'cypress-api'
-  },
-  {
-    label: 'Testing Library',
-    className: 'testing-library-api'
-  },
-]
-
-</script>
-
-<template>
-  <div class="testing-code-examples" :class="`prefers-${activeId}`">
-    <div class="tabs">
-      <div
-        v-for="lang in testingLangs"
-        :key="lang.className"
-        class="tab"
-        :class="{ active: lang.className === activeId }"
-        @click="activeId = lang.className"
-      >{{ lang.label }}</div>
-    </div>
-    <div class="code-example">
-      <slot/>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-/* TODO: Replace with a VTCodeGroup when available */
-/* Layout */
-.code-examples {
-  display: flex;
-  flex-direction: column;
-}
-
-.code-example :slotted([class*=language]) {
-  margin-top: 0;
-  border-top-left-radius: 0;
-}
-
-/* Tab Styles */
-.tabs {
-  display: flex;
-}
-
-.tab {
-  color: white;
-  background: #292d3ef0;
-  border-bottom-color: rgba(255,255,255,0.3);
-  padding: 6px 24px;
-  border-width: 2px;
-  border-style: solid;
-  border-top: transparent;
-  border-right: transparent;
-  border-left: transparent;
-  cursor: pointer;
-  transition: border, background-color .2s;
-    transition-property: border, background-color;
-    transition-duration: 0.2s, 0.2s;
-    transition-timing-function: ease, ease;
-    transition-delay: 0s, 0s;
-}
-
-.tab.active {
-  background: #292d3e;
-  border-bottom: 2px solid var(--vt-c-brand);
-}
-
-.tab:first-child {
-  border-top-left-radius: 8px;
-}
-
-.tab:last-child {
-  border-top-right-radius: 8px;
-}
-
-/* When the sm media query hits, make sure the
-  tabs line up with the negative margins of the
-  code blocks. Should also remove the border radius.
-*/
-@media screen and (max-width: 639px) {
-  .tabs {
-    margin: 0 -24px;
-  }
-
-  .tab, .tab:first-child, .tab:last-child {
-    flex-grow: 1;
-    text-align: center;
-    border-radius: 0;
-  }
-}
-
-:global(.dark .testing-code-examples .tab:not(.active)) {
-  border-bottom: 2px solid rgba(255,255,255,.2);
-  background: #2f2f2f;
-  color: inherit;
-}
-
-:global(.dark .testing-code-examples .tab.active) {
-  background: var(--vt-c-black-soft);
-}
-
-/* Show/Hide logic for codeblocks */
-:slotted([class$="api"]) {
-  display: none;
-}
-
-.prefers-cypress-api :slotted(.cypress-api),
-.prefers-testing-library-api :slotted(.testing-library-api),
-.prefers-vtu-api :slotted(.vtu-api) {
-  display: block;
-}
-
-</style>
diff --git a/src/guide/scaling-up/images/devtools.png b/src/guide/scaling-up/images/devtools.png
new file mode 100644
index 0000000000..a35505697b
Binary files /dev/null and b/src/guide/scaling-up/images/devtools.png differ
diff --git a/src/guide/scaling-up/routing.md b/src/guide/scaling-up/routing.md
index 7a4b8ebeeb..4cc26f6e83 100644
--- a/src/guide/scaling-up/routing.md
+++ b/src/guide/scaling-up/routing.md
@@ -1,6 +1,14 @@
-# Routing
+# Routing {#routing}
 
-## Official Router
+## Client-Side vs. Server-Side Routing {#client-side-vs-server-side-routing}
+
+Routing on the server side means the server is sending a response based on the URL path that the user is visiting. When we click on a link in a traditional server-rendered web app, the browser receives an HTML response from the server and reloads the entire page with the new HTML.
+
+In a [Single-Page Application](https://developer.mozilla.org/en-US/docs/Glossary/SPA) (SPA), however, the client-side JavaScript can intercept the navigation, dynamically fetch new data, and update the current page without full page reloads. This typically results in a more snappy user experience, especially for use cases that are more like actual "applications", where the user is expected to perform many interactions over a long period of time.
+
+In such SPAs, the "routing" is done on the client side, in the browser. A client-side router is responsible for managing the application's rendered view using browser APIs such as [History API](https://developer.mozilla.org/en-US/docs/Web/API/History) or the [`hashchange` event](https://developer.mozilla.org/en-US/docs/Web/API/Window/hashchange_event).
+
+## Official Router {#official-router}
 
 <!-- TODO update links -->
 <div>
@@ -9,11 +17,11 @@
   </VueSchoolLink>
 </div>
 
-For most Single Page Applications, it's recommended to use the officially-supported [vue-router library](https://github.com/vuejs/vue-router-next). For more details, see vue-router's [documentation](https://router.vuejs.org/).
+Vue is well-suited for building SPAs. For most SPAs, it's recommended to use the officially-supported [Vue Router library](https://github.com/vuejs/router). For more details, see Vue Router's [documentation](https://router.vuejs.org/).
 
-## Simple Routing from Scratch
+## Simple Routing from Scratch {#simple-routing-from-scratch}
 
-If you only need very simple routing and do not wish to involve a full-featured router library, you can do so with [Dynamic Components](/guide/essentials/component-basics.html#dynamic-components) and update the current component state by listening to browser [`hashchange` events](https://developer.mozilla.org/en-US/docs/Web/API/Window/hashchange_event) or using the [History API](https://developer.mozilla.org/en-US/docs/Web/API/History).
+If you only need very simple routing and do not wish to involve a full-featured router library, you can do so with [Dynamic Components](/guide/essentials/component-basics#dynamic-components) and update the current component state by listening to browser [`hashchange` events](https://developer.mozilla.org/en-US/docs/Web/API/Window/hashchange_event) or using the [History API](https://developer.mozilla.org/en-US/docs/Web/API/History).
 
 Here's a bare-bone example:
 
@@ -50,7 +58,7 @@ const currentView = computed(() => {
 </template>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgY29tcHV0ZWQgfSBmcm9tICd2dWUnXG5pbXBvcnQgSG9tZSBmcm9tICcuL0hvbWUudnVlJ1xuaW1wb3J0IEFib3V0IGZyb20gJy4vQWJvdXQudnVlJ1xuaW1wb3J0IE5vdEZvdW5kIGZyb20gJy4vTm90Rm91bmQudnVlJ1xuXG5jb25zdCByb3V0ZXMgPSB7XG4gICcvJzogSG9tZSxcbiAgJy9hYm91dCc6IEFib3V0XG59XG5cbmNvbnN0IGN1cnJlbnRQYXRoID0gcmVmKHdpbmRvdy5sb2NhdGlvbi5oYXNoKVxuXG53aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignaGFzaGNoYW5nZScsICgpID0+IHtcbiAgY3VycmVudFBhdGgudmFsdWUgPSB3aW5kb3cubG9jYXRpb24uaGFzaFxufSlcblxuY29uc3QgY3VycmVudFZpZXcgPSBjb21wdXRlZCgoKSA9PiB7XG4gIHJldHVybiByb3V0ZXNbY3VycmVudFBhdGgudmFsdWUuc2xpY2UoMSkgfHwgJy8nXSB8fCBOb3RGb3VuZFxufSlcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxhIGhyZWY9XCIjL1wiPkhvbWU8L2E+IHxcbiAgPGEgaHJlZj1cIiMvYWJvdXRcIj5BYm91dDwvYT4gfFxuICA8YSBocmVmPVwiIy9ub24tZXhpc3RlbnQtcGF0aFwiPkJyb2tlbiBMaW5rPC9hPlxuICA8Y29tcG9uZW50IDppcz1cImN1cnJlbnRWaWV3XCIgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkhvbWUudnVlIjoiPHRlbXBsYXRlPlxuICA8aDE+SG9tZTwvaDE+XG48L3RlbXBsYXRlPiIsIkFib3V0LnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGgxPkFib3V0PC9oMT5cbjwvdGVtcGxhdGU+IiwiTm90Rm91bmQudnVlIjoiPHRlbXBsYXRlPlxuICA8aDE+NDA0PC9oMT5cbjwvdGVtcGxhdGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNptUk1vgkAQ/SsTegAThZp4MmhikzY9mKanXkoPWxjLRpgly6JN1P/eWb5Eywlm572ZN2/m5GyKwj9U6CydsIy1LAyUaKpiHZHMC6UNnEDjbgqxyovKYAIX2GmVg8sktwe9qhzbdz+wga15TW++VWX6fB3dAt6UeVEVJT2me2hhEcWKSgOamVjCCk4RAbiBu6xbT5tI2ML8VDeI6HLlxZXWSOZdmJTJPJB3lJSoo5+pWBipyE9FmU4soU2IJHk+MGUrS4OE2nMtIk4F/aA7BW8Cq3WjYlDbP4isQu4wVp0F1Q1uFH1IPDK+c9cb1NW8B03tyJ//uvhlJmP05hM4n60TX/bb2db0CoNmpbxMDgzmRSYMcgQQCkjZhlXkPASRs7YmhoFYw/k+WXvKiNrTcQgpmuFv7ZOZFSyQ4U9a7ZFgK2lvSTXFDqmIQbCUJTMHFkQOBAwKg16kM3W6O7K3eSs+nbeK+eee1V/XKK0dY4Q3vLhR6uJxMUK8/AFKaB6k)
 
 </div>
 
@@ -94,6 +102,6 @@ export default {
 </template>
 ```
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBIb21lIGZyb20gJy4vSG9tZS52dWUnXG5pbXBvcnQgQWJvdXQgZnJvbSAnLi9BYm91dC52dWUnXG5pbXBvcnQgTm90Rm91bmQgZnJvbSAnLi9Ob3RGb3VuZC52dWUnXG5cbmNvbnN0IHJvdXRlcyA9IHtcbiAgJy8nOiBIb21lLFxuICAnL2Fib3V0JzogQWJvdXRcbn1cblxuZXhwb3J0IGRlZmF1bHQge1xuICBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICBjdXJyZW50UGF0aDogd2luZG93LmxvY2F0aW9uLmhhc2hcbiAgICB9XG4gIH0sXG4gIGNvbXB1dGVkOiB7XG4gICAgY3VycmVudFZpZXcoKSB7XG4gICAgICByZXR1cm4gcm91dGVzW3RoaXMuY3VycmVudFBhdGguc2xpY2UoMSkgfHwgJy8nXSB8fCBOb3RGb3VuZFxuICAgIH1cbiAgfSxcbiAgbW91bnRlZCgpIHtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignaGFzaGNoYW5nZScsICgpID0+IHtcblx0XHQgIHRoaXMuY3VycmVudFBhdGggPSB3aW5kb3cubG9jYXRpb24uaGFzaFxuXHRcdH0pXG4gIH1cbn1cbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxhIGhyZWY9XCIjL1wiPkhvbWU8L2E+IHxcbiAgPGEgaHJlZj1cIiMvYWJvdXRcIj5BYm91dDwvYT4gfFxuICA8YSBocmVmPVwiIy9ub24tZXhpc3RlbnQtcGF0aFwiPkJyb2tlbiBMaW5rPC9hPlxuICA8Y29tcG9uZW50IDppcz1cImN1cnJlbnRWaWV3XCIgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkhvbWUudnVlIjoiPHRlbXBsYXRlPlxuICA8aDE+SG9tZTwvaDE+XG48L3RlbXBsYXRlPiIsIkFib3V0LnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPGgxPkFib3V0PC9oMT5cbjwvdGVtcGxhdGU+IiwiTm90Rm91bmQudnVlIjoiPHRlbXBsYXRlPlxuICA8aDE+NDA0PC9oMT5cbjwvdGVtcGxhdGU+In0=)
+[Try it in the Playground](https://play.vuejs.org/#eNptUstO6zAQ/ZVR7iKtVJKLxCpKK3Gli1ggxIoNZmGSKbFoxpEzoUi0/87YeVBKNonHPmfOmcdndN00yXuHURblbeFMwxtFpm6sY7i1NcLW2RriJPWBB8bT8/WL7Xh6D9FPwL3lG9tROWHGiwGmqLDUMjhhYgtr+FQEEKdxFqRXfaR9YrkKAoqOnocfQaDEre523PNKzXqx7M8ADrlzNEYAReccEj9orjLYGyrtPtnZQrOxlFS6rXqgZJdPUC5s3YivMhuTDCkeDe6/dSalvognrkybnIgl7c4UuLhcwuHgS3v2/7EPvzRruRXJ7/SDU12W/98l451pGQndIvaWi0rTK8YrEPx64ymKFQOce5DOzlfs4cdlkA+NzdNpBSRgrJudZpQIINdQOdyuVfQnVdHGzydP9QYO549hXIII45qHkKUL/Ail8EUjBgX+z9k3JLgz9OZJgeInYElAkJlWmCcDUBGkAsrTyWS0isYV9bv803x1OTiWwzlrWtxZ2lDGDO90mWepV3+vZojHL3QQKQE=)
 
 </div>
diff --git a/src/guide/scaling-up/sfc.md b/src/guide/scaling-up/sfc.md
index 3a0fdd83d4..d0c0f83dea 100644
--- a/src/guide/scaling-up/sfc.md
+++ b/src/guide/scaling-up/sfc.md
@@ -1,8 +1,10 @@
-# Single-File Components
+# Single-File Components {#single-file-components}
 
-## Introduction
+## Introduction {#introduction}
 
-Vue Single-File Components (aka `*.vue` files, abbreviated as **SFC**) is a special file format that allows us to encapsulate the template, logic, **and** styling of a Vue component in a single file. Here's an example SFC:
+Vue Single-File Components (a.k.a. `*.vue` files, abbreviated as **SFC**) is a special file format that allows us to encapsulate the template, logic, **and** styling of a Vue component in a single file. Here's an example SFC:
+
+<div class="options-api">
 
 ```vue
 <script>
@@ -27,19 +29,43 @@ export default {
 </style>
 ```
 
-As we can see, Vue SFC is a natural extension of the classic trio of HTML, CSS and JavaScript. The `<template>`, `<script>`, and `<style>` blocks encapsulates and collocates the view, logic and styling of a component in the same file. The full syntax is defined in the [SFC Syntax Specification](/api/sfc-spec).
+</div>
+
+<div class="composition-api">
+
+```vue
+<script setup>
+import { ref } from 'vue'
+const greeting = ref('Hello World!')
+</script>
+
+<template>
+  <p class="greeting">{{ greeting }}</p>
+</template>
+
+<style>
+.greeting {
+  color: red;
+  font-weight: bold;
+}
+</style>
+```
+
+</div>
+
+As we can see, Vue SFC is a natural extension of the classic trio of HTML, CSS and JavaScript. The `<template>`, `<script>`, and `<style>` blocks encapsulate and colocate the view, logic and styling of a component in the same file. The full syntax is defined in the [SFC Syntax Specification](/api/sfc-spec).
 
-## Why SFC
+## Why SFC {#why-sfc}
 
 While SFCs require a build step, there are numerous benefits in return:
 
 - Author modularized components using familiar HTML, CSS and JavaScript syntax
-- [Collocation of inherently coupled concerns](#what-about-separation-of-concerns)
-- Pre-compiled templates
+- [Colocation of inherently coupled concerns](#what-about-separation-of-concerns)
+- Pre-compiled templates without runtime compilation cost
 - [Component-scoped CSS](/api/sfc-css-features)
 - [More ergonomic syntax when working with Composition API](/api/sfc-script-setup)
 - More compile-time optimizations by cross-analyzing template and script
-- [IDE support](/guide/scaling-up/tooling.html#ide-support) with auto-completion and type-checking for template expressions
+- [IDE support](/guide/scaling-up/tooling#ide-support) with auto-completion and type-checking for template expressions
 - Out-of-the-box Hot-Module Replacement (HMR) support
 
 SFC is a defining feature of Vue as a framework, and is the recommended approach for using Vue in the following scenarios:
@@ -48,9 +74,9 @@ SFC is a defining feature of Vue as a framework, and is the recommended approach
 - Static Site Generation (SSG)
 - Any non-trivial frontend where a build step can be justified for better development experience (DX).
 
-That said, we do realize there are scenarios where SFCs can feel like overkill. This is why Vue can still be used via plain JavaScript without a build step. If you are just looking for enhancing largely static HTML with light interactions, you can also check out [petite-vue](https://github.com/vuejs/petite-vue), a 6kb subset of Vue optimized for progressive enhancement.
+That said, we do realize there are scenarios where SFCs can feel like overkill. This is why Vue can still be used via plain JavaScript without a build step. If you are just looking for enhancing largely static HTML with light interactions, you can also check out [petite-vue](https://github.com/vuejs/petite-vue), a 6 kB subset of Vue optimized for progressive enhancement.
 
-## How It Works
+## How It Works {#how-it-works}
 
 Vue SFC is a framework-specific file format and must be pre-compiled by [@vue/compiler-sfc](https://github.com/vuejs/core/tree/main/packages/compiler-sfc) into standard JavaScript and CSS. A compiled SFC is a standard JavaScript (ES) module - which means with proper build setup you can import an SFC like a module:
 
@@ -66,16 +92,16 @@ export default {
 
 `<style>` tags inside SFCs are typically injected as native `<style>` tags during development to support hot updates. For production they can be extracted and merged into a single CSS file.
 
-You can play with SFCs and explore how they are compiled in the [Vue SFC Playground](https://sfc.vuejs.org/).
+You can play with SFCs and explore how they are compiled in the [Vue SFC Playground](https://play.vuejs.org/).
 
 In actual projects, we typically integrate the SFC compiler with a build tool such as [Vite](https://vitejs.dev/) or [Vue CLI](http://cli.vuejs.org/) (which is based on [webpack](https://webpack.js.org/)), and Vue provides official scaffolding tools to get you started with SFCs as fast as possible. Check out more details in the [SFC Tooling](/guide/scaling-up/tooling) section.
 
-## What About Separation of Concerns?
+## What About Separation of Concerns? {#what-about-separation-of-concerns}
 
 Some users coming from a traditional web development background may have the concern that SFCs are mixing different concerns in the same place - which HTML/CSS/JS were supposed to separate!
 
-To answer this question, it is important for us to agree that **separation of concerns is not equal to the separation of file types.** The ultimate goal of engineering principles is to improve the maintainability of codebases. Separation of concerns, when applied dogmatically as separation of file types, does not help us reach that goal in the context of increasingly complex frontend applications.
+To answer this question, it is important for us to agree that **separation of concerns is not equal to the separation of file types**. The ultimate goal of engineering principles is to improve the maintainability of codebases. Separation of concerns, when applied dogmatically as separation of file types, does not help us reach that goal in the context of increasingly complex frontend applications.
 
-In modern UI development, we have found that instead of dividing the codebase into three huge layers that interweave with one another, it makes much more sense to divide them into loosely-coupled components and compose them. Inside a component, its template, logic, and styles are inherently coupled, and collocating them actually makes the component more cohesive and maintainable.
+In modern UI development, we have found that instead of dividing the codebase into three huge layers that interweave with one another, it makes much more sense to divide them into loosely-coupled components and compose them. Inside a component, its template, logic, and styles are inherently coupled, and colocating them actually makes the component more cohesive and maintainable.
 
-Note even if you don't like the idea of Single-File Components, you can still leverage its hot-reloading and pre-compilation features by separating your JavaScript and CSS into separate files using [Src Imports](/api/sfc-spec.html#src-imports).
+Note even if you don't like the idea of Single-File Components, you can still leverage its hot-reloading and pre-compilation features by separating your JavaScript and CSS into separate files using [Src Imports](/api/sfc-spec#src-imports).
diff --git a/src/guide/scaling-up/ssr.md b/src/guide/scaling-up/ssr.md
index 99d6a50ab3..c78ce0b7be 100644
--- a/src/guide/scaling-up/ssr.md
+++ b/src/guide/scaling-up/ssr.md
@@ -2,17 +2,17 @@
 outline: deep
 ---
 
-# Server-Side Rendering (SSR)
+# Server-Side Rendering (SSR) {#server-side-rendering-ssr}
 
-## Overview
+## Overview {#overview}
 
-### What is SSR?
+### What is SSR? {#what-is-ssr}
 
 Vue.js is a framework for building client-side applications. By default, Vue components produce and manipulate DOM in the browser as output. However, it is also possible to render the same components into HTML strings on the server, send them directly to the browser, and finally "hydrate" the static markup into a fully interactive app on the client.
 
 A server-rendered Vue.js app can also be considered "isomorphic" or "universal", in the sense that the majority of your app's code runs on both the server **and** the client.
 
-### Why SSR?
+### Why SSR? {#why-ssr}
 
 Compared to a client-side Single-Page Application (SPA), the advantage of SSR primarily lies in:
 
@@ -36,17 +36,17 @@ There are also some trade-offs to consider when using SSR:
 
 Before using SSR for your app, the first question you should ask is whether you actually need it. It mostly depends on how important time-to-content is for your app. For example, if you are building an internal dashboard where an extra few hundred milliseconds on initial load doesn't matter that much, SSR would be an overkill. However, in cases where time-to-content is absolutely critical, SSR can help you achieve the best possible initial load performance.
 
-### SSR vs. SSG
+### SSR vs. SSG {#ssr-vs-ssg}
 
 **Static Site Generation (SSG)**, also referred to as pre-rendering, is another popular technique for building fast websites. If the data needed to server-render a page is the same for every user, then instead of rendering the page every time a request comes in, we can render it only once, ahead of time, during the build process. Pre-rendered pages are generated and served as static HTML files.
 
-SSG retains the same performance characteristics of SSR apps: it provides great time-to-content performance. At the same time, it is cheaper and easier to deploy than SSR apps because the output is static HTML and assets. The keyword here is **static**: SSG can only be applied to pages consuming static data, i.e. data that is known at build time and does not change between deploys. Every time the data changes, a new deployment is needed.
+SSG retains the same performance characteristics of SSR apps: it provides great time-to-content performance. At the same time, it is cheaper and easier to deploy than SSR apps because the output is static HTML and assets. The keyword here is **static**: SSG can only be applied to pages providing static data, i.e. data that is known at build time and can not change between requests. Every time the data changes, a new deployment is needed.
 
-If you're only investigating SSR to improve the SEO of a handful of marketing pages (e.g. `/`, `/about`, `/contact`, etc.), then you probably want SSG instead of SSR. SSG is also great for content-based websites such as documentation sites or blogs. In fact, this website you are reading right now is statically generated using [VitePress](https://vitepress.vuejs.org/), a Vue-powered static site generator.
+If you're only investigating SSR to improve the SEO of a handful of marketing pages (e.g. `/`, `/about`, `/contact`, etc.), then you probably want SSG instead of SSR. SSG is also great for content-based websites such as documentation sites or blogs. In fact, this website you are reading right now is statically generated using [VitePress](https://vitepress.dev/), a Vue-powered static site generator.
 
-## Basic Tutorial
+## Basic Tutorial {#basic-tutorial}
 
-### Rendering an App
+### Rendering an App {#rendering-an-app}
 
 Let's take a look at the most bare-bones example of Vue SSR in action.
 
@@ -84,7 +84,7 @@ It should print the following to the command line:
 <button>1</button>
 ```
 
-[`renderToString()`](/api/ssr.html#rendertostring) takes a Vue app instance and returns a Promise that resolves to the rendered HTML of the app. It is also possible to stream rendering using the [Node.js Stream API](https://nodejs.org/api/stream.html) or [Web Streams API](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API). Check out the [SSR API Reference](/api/ssr.html) for full details.
+[`renderToString()`](/api/ssr#rendertostring) takes a Vue app instance and returns a Promise that resolves to the rendered HTML of the app. It is also possible to stream rendering using the [Node.js Stream API](https://nodejs.org/api/stream.html) or [Web Streams API](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API). Check out the [SSR API Reference](/api/ssr) for full details.
 
 We can then move the Vue SSR code into a server request handler, which wraps the application markup with the full page HTML. We will be using [`express`](https://expressjs.com/) for the next steps:
 
@@ -128,13 +128,13 @@ Finally, run `node server.js` and visit `http://localhost:3000`. You should see
 
 [Try it on StackBlitz](https://stackblitz.com/fork/vue-ssr-example-basic?file=index.js)
 
-### Client Hydration
+### Client Hydration {#client-hydration}
 
 If you click the button, you'll notice the number doesn't change. The HTML is completely static on the client since we are not loading Vue in the browser.
 
 To make the client-side app interactive, Vue needs to perform the **hydration** step. During hydration, it creates the same Vue application that was run on the server, matches each component to the DOM nodes it should control, and attaches DOM event listeners.
 
-To mount an app in hydration mode, we need to use [`createSSRApp()`](/api/application.html#createssrapp) instead of `createApp()`:
+To mount an app in hydration mode, we need to use [`createSSRApp()`](/api/application#createssrapp) instead of `createApp()`:
 
 ```js{2}
 // this runs in the browser.
@@ -150,7 +150,7 @@ const app = createSSRApp({
 app.mount('#app')
 ```
 
-### Code Structure
+### Code Structure {#code-structure}
 
 Notice how we need to reuse the same app implementation as on the server. This is where we need to start thinking about code structure in an SSR app - how do we share the same application code between the server and the client?
 
@@ -163,7 +163,7 @@ import { createSSRApp } from 'vue'
 export function createApp() {
   return createSSRApp({
     data: () => ({ count: 1 }),
-    template: `<div @click="count++">{{ count }}</div>`
+    template: `<button @click="count++">{{ count }}</button>`
   })
 }
 ```
@@ -201,7 +201,7 @@ In addition, in order to load the client files in the browser, we also need to:
 
 [Try the completed example on StackBlitz](https://stackblitz.com/fork/vue-ssr-example?file=index.js). The button is now interactive!
 
-## Higher Level Solutions
+## Higher Level Solutions {#higher-level-solutions}
 
 Moving from the example to a production-ready SSR app involves a lot more. We will need to:
 
@@ -217,35 +217,35 @@ Moving from the example to a production-ready SSR app involves a lot more. We wi
 
 A complete implementation would be quite complex and depends on the build toolchain you have chosen to work with. Therefore, we highly recommend going with a higher-level, opinionated solution that abstracts away the complexity for you. Below we will introduce a few recommended SSR solutions in the Vue ecosystem.
 
-### Nuxt
+### Nuxt {#nuxt}
 
-[Nuxt](https://v3.nuxtjs.org/) is a higher-level framework built on top of the Vue ecosystem which provides a streamlined development experience for writing universal Vue applications. Better yet, you can also use it as a static site generator! We highly recommend giving it a try.
+[Nuxt](https://nuxt.com/) is a higher-level framework built on top of the Vue ecosystem which provides a streamlined development experience for writing universal Vue applications. Better yet, you can also use it as a static site generator! We highly recommend giving it a try.
 
-### Quasar
+### Quasar {#quasar}
 
 [Quasar](https://quasar.dev) is a complete Vue-based solution that allows you to target SPA, SSR, PWA, mobile app, desktop app, and browser extension all using one codebase. It not only handles the build setup, but also provides a full collection of Material Design compliant UI components.
 
-### Vite SSR
+### Vite SSR {#vite-ssr}
 
 Vite provides built-in [support for Vue server-side rendering](https://vitejs.dev/guide/ssr.html), but it is intentionally low-level. If you wish to go directly with Vite, check out [vite-plugin-ssr](https://vite-plugin-ssr.com/), a community plugin that abstracts away many challenging details for you.
 
-You can also find an example Vue + Vite SSR project using manual setup [here](https://github.com/vitejs/vite/tree/main/packages/playground/ssr-vue), which can serve as a base to build upon. Note this is only recommended if you are experienced with SSR / build tools and really want to have complete control over the higher-level architecture.
+You can also find an example Vue + Vite SSR project using manual setup [here](https://github.com/vitejs/vite-plugin-vue/tree/main/playground/ssr-vue), which can serve as a base to build upon. Note this is only recommended if you are experienced with SSR / build tools and really want to have complete control over the higher-level architecture.
 
-## Writing SSR-friendly Code
+## Writing SSR-friendly Code {#writing-ssr-friendly-code}
 
 Regardless of your build setup or higher-level framework choice, there are some principles that apply in all Vue SSR applications.
 
-### Reactivity on the Server
+### Reactivity on the Server {#reactivity-on-the-server}
 
 During SSR, each request URL maps to a desired state of our application. There is no user interaction and no DOM updates, so reactivity is unnecessary on the server. By default, reactivity is disabled during SSR for better performance.
 
-### Component Lifecycle Hooks
+### Component Lifecycle Hooks {#component-lifecycle-hooks}
 
 Since there are no dynamic updates, lifecycle hooks such as <span class="options-api">`mounted`</span><span class="composition-api">`onMounted`</span> or <span class="options-api">`updated`</span><span class="composition-api">`onUpdated`</span> will **NOT** be called during SSR and will only be executed on the client.<span class="options-api"> The only hooks that are called during SSR are `beforeCreate` and `created`</span>
 
 You should avoid code that produces side effects that need cleanup in <span class="options-api">`beforeCreate` and `created`</span><span class="composition-api">`setup()` or the root scope of `<script setup>`</span>. An example of such side effects is setting up timers with `setInterval`. In client-side only code we may setup a timer and then tear it down in <span class="options-api">`beforeUnmount`</span><span class="composition-api">`onBeforeUnmount`</span> or <span class="options-api">`unmounted`</span><span class="composition-api">`onUnmounted`</span>. However, because the unmount hooks will never be called during SSR, the timers will stay around forever. To avoid this, move your side-effect code into <span class="options-api">`mounted`</span><span class="composition-api">`onMounted`</span> instead.
 
-### Access to Platform-Specific APIs
+### Access to Platform-Specific APIs {#access-to-platform-specific-apis}
 
 Universal code cannot assume access to platform-specific APIs, so if your code directly uses browser-only globals like `window` or `document`, they will throw errors when executed in Node.js, and vice-versa.
 
@@ -255,9 +255,9 @@ For browser-only APIs, the common approach is to lazily access them inside clien
 
 Note that if a third-party library is not written with universal usage in mind, it could be tricky to integrate it into a server-rendered app. You _might_ be able to get it working by mocking some of the globals, but it would be hacky and may interfere with the environment detection code of other libraries.
 
-### Cross-Request State Pollution
+### Cross-Request State Pollution {#cross-request-state-pollution}
 
-In the State Management chapter, we introduced a [simple state management pattern using Reactivity APIs](state-management.html#simple-state-management-with-reactivity-api). In an SSR context, this pattern requires some additional adjustments.
+In the State Management chapter, we introduced a [simple state management pattern using Reactivity APIs](state-management#simple-state-management-with-reactivity-api). In an SSR context, this pattern requires some additional adjustments.
 
 The pattern declares shared state in a JavaScript module's root scope. This makes them **singletons** - i.e. there is only one instance of the reactive object throughout the entire lifecycle of our application. This works as expected in a pure client-side Vue application, since the modules in our application are initialized fresh for each browser page visit.
 
@@ -265,13 +265,14 @@ However, in an SSR context, the application modules are typically initialized on
 
 We can technically re-initialize all the JavaScript modules on each request, just like we do in browsers. However, initializing JavaScript modules can be costly, so this would significantly affect server performance.
 
-The recommended solution is to create a new instance of the entire application - including the router and global stores - on each request. Then, instead of directly importing it in our components, we provide the shared state using [app-level provide](/guide/components/provide-inject.html#app-level-provide) and inject it in components that need it:
+The recommended solution is to create a new instance of the entire application - including the router and global stores - on each request. Then, instead of directly importing it in our components, we provide the shared state using [app-level provide](/guide/components/provide-inject#app-level-provide) and inject it in components that need it:
 
 ```js
 // app.js (shared between server and client)
 import { createSSRApp } from 'vue'
 import { createStore } from './store.js'
 
+// called on each request
 export function createApp() {
   const app = createSSRApp(/* ... */)
   // create new instance of store per request
@@ -285,25 +286,39 @@ export function createApp() {
 
 State Management libraries like Pinia are designed with this in mind. Consult [Pinia's SSR guide](https://pinia.vuejs.org/ssr/) for more details.
 
-### Hydration Mismatch
+### Hydration Mismatch {#hydration-mismatch}
 
-If the DOM structure of the pre-rendered HTML does not match the expected output of the client-side app, there will be a hydration mismatch error. In most cases, this is caused by the browser's native HTML parsing behavior trying to correct invalid structures in the HTML string. For example, a common gotcha is that [`<div>` cannot be placed inside `<p>`](https://stackoverflow.com/questions/8397852/why-cant-the-p-tag-contain-a-div-tag-inside-it):
+If the DOM structure of the pre-rendered HTML does not match the expected output of the client-side app, there will be a hydration mismatch error. Hydration mismatch is most commonly introduced by the following causes:
 
-```html
-<p><div>hi</div></p>
-```
+1. The template contains invalid HTML nesting structure, and the rendered HTML got "corrected" by the browser's native HTML parsing behavior. For example, a common gotcha is that [`<div>` cannot be placed inside `<p>`](https://stackoverflow.com/questions/8397852/why-cant-the-p-tag-contain-a-div-tag-inside-it):
 
-If we produce this in our server-rendered HTML, the browser will terminate the first `<p>` when `<div>` is encountered and parse it into the following DOM structure:
+   ```html
+   <p><div>hi</div></p>
+   ```
 
-```html
-<p></p>
-<div>hi</div>
-<p></p>
-```
+   If we produce this in our server-rendered HTML, the browser will terminate the first `<p>` when `<div>` is encountered and parse it into the following DOM structure:
+
+   ```html
+   <p></p>
+   <div>hi</div>
+   <p></p>
+   ```
+
+2. The data used during render contains randomly generated values. Since the same application will run twice - once on the server, and once on the client - the random values are not guaranteed to be the same between the two runs. There are two ways to avoid random-value-induced mismatches:
+
+   1. Use `v-if` + `onMounted` to render the part that depends on random values only on the client. Your framework may also have built-in features to make this easier, for example the `<ClientOnly>` component in VitePress.
+
+   2. Use a random number generator library that supports generating with seeds, and guarantee the server run and the client run are using the same seed (e.g. by including the seed in serialized state and retrieving it on the client).
+
+3. The server and the client are in different time zones. Sometimes, we may want to convert a timestamp into the user's local time. However, the timezone during the server run and the timezone during the client run are not always the same, and we may not reliably know the user's timezone during the server run. In such cases, the local time conversion should also be performed as a client-only operation.
 
 When Vue encounters a hydration mismatch, it will attempt to automatically recover and adjust the pre-rendered DOM to match the client-side state. This will lead to some rendering performance loss due to incorrect nodes being discarded and new nodes being mounted, but in most cases, the app should continue to work as expected. That said, it is still best to eliminate hydration mismatches during development.
 
-### Custom Directives
+#### Suppressing Hydration Mismatches <sup class="vt-badge" data-text="3.5+" /> {#suppressing-hydration-mismatches}
+
+In Vue 3.5+, it is possible to selectively suppress inevitable hydration mismatches by using the [`data-allow-mismatch`](/api/ssr#data-allow-mismatch) attribute.
+
+### Custom Directives {#custom-directives}
 
 Since most custom directives involve direct DOM manipulation, they are ignored during SSR. However, if you want to specify how a custom directive should be rendered (i.e. what attributes it should add to the rendered element), you can use the `getSSRProps` directive hook:
 
@@ -324,3 +339,24 @@ const myDirective = {
   }
 }
 ```
+
+### Teleports {#teleports}
+
+Teleports require special handling during SSR. If the rendered app contains Teleports, the teleported content will not be part of the rendered string. An easier solution is to conditionally render the Teleport on mount.
+
+If you do need to hydrate teleported content, they are exposed under the `teleports` property of the ssr context object:
+
+```js
+const ctx = {}
+const html = await renderToString(app, ctx)
+
+console.log(ctx.teleports) // { '#teleported': 'teleported content' }
+```
+
+You need to inject the teleport markup into the correct location in your final page HTML similar to how you need to inject the main app markup.
+
+:::tip
+Avoid targeting `body` when using Teleports and SSR together - usually, `<body>` will contain other server-rendered content which makes it impossible for Teleports to determine the correct starting location for hydration.
+
+Instead, prefer a dedicated container, e.g. `<div id="teleported"></div>` which contains only teleported content.
+:::
diff --git a/src/guide/scaling-up/state-management.md b/src/guide/scaling-up/state-management.md
index 2eb230c67e..95332706f2 100644
--- a/src/guide/scaling-up/state-management.md
+++ b/src/guide/scaling-up/state-management.md
@@ -1,6 +1,6 @@
-# State Management
+# State Management {#state-management}
 
-## What is State Management?
+## What is State Management? {#what-is-state-management}
 
 Technically, every Vue component instance already "manages" its own reactive state. Take a simple counter component as an example:
 
@@ -67,21 +67,21 @@ However, the simplicity starts to break down when we have **multiple components
 1. Multiple views may depend on the same piece of state.
 2. Actions from different views may need to mutate the same piece of state.
 
-For case one, a possible workaround is by "lifting" the shared state up to a common ancestor component, and then pass it down as props. However, this quickly gets tedious in component trees with deep hierarchies, leading to another problem known as [Prop Drilling](/guide/components/provide-inject.html#prop-drilling).
+For case one, a possible workaround is by "lifting" the shared state up to a common ancestor component, and then pass it down as props. However, this quickly gets tedious in component trees with deep hierarchies, leading to another problem known as [Prop Drilling](/guide/components/provide-inject#prop-drilling).
 
 For case two, we often find ourselves resorting to solutions such as reaching for direct parent / child instances via template refs, or trying to mutate and synchronize multiple copies of the state via emitted events. Both of these patterns are brittle and quickly lead to unmaintainable code.
 
 A simpler and more straightforward solution is to extract the shared state out of the components, and manage it in a global singleton. With this, our component tree becomes a big "view", and any component can access the state or trigger actions, no matter where they are in the tree!
 
-## Simple State Management with Reactivity API
+## Simple State Management with Reactivity API {#simple-state-management-with-reactivity-api}
 
 <div class="options-api">
 
-In Options API, reactive data is declared using the `data()` option. Internally, the object returned by `data()` is made reactive via the [`reactive()`](/api/reactivity-core.html#reactive) function, which is also available as a public API.
+In Options API, reactive data is declared using the `data()` option. Internally, the object returned by `data()` is made reactive via the [`reactive()`](/api/reactivity-core#reactive) function, which is also available as a public API.
 
 </div>
 
-If you have a piece of state that should be shared by multiple instances, you can use [`reactive()`](/api/reactivity-core.html#reactive) to create a reactive object, and then import it from multiple components:
+If you have a piece of state that should be shared by multiple instances, you can use [`reactive()`](/api/reactivity-core#reactive) to create a reactive object, and then import it into multiple components:
 
 ```js
 // store.js
@@ -187,20 +187,20 @@ export const store = reactive({
 
 <div class="composition-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBDb21wb25lbnRBIGZyb20gJy4vQ29tcG9uZW50QS52dWUnXG5pbXBvcnQgQ29tcG9uZW50QiBmcm9tICcuL0NvbXBvbmVudEIudnVlJ1xuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPENvbXBvbmVudEEgLz5cbiAgPENvbXBvbmVudEIgLz5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkNvbXBvbmVudEEudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHN0b3JlIH0gZnJvbSAnLi9zdG9yZS5qcydcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxkaXY+XG4gICAgPGJ1dHRvbiBAY2xpY2s9XCJzdG9yZS5pbmNyZW1lbnQoKVwiPlxuICAgICAgRnJvbSBBOiB7eyBzdG9yZS5jb3VudCB9fVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+IiwiQ29tcG9uZW50Qi52dWUiOiI8c2NyaXB0IHNldHVwPlxuaW1wb3J0IHsgc3RvcmUgfSBmcm9tICcuL3N0b3JlLmpzJ1xuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGRpdj5cbiAgICA8YnV0dG9uIEBjbGljaz1cInN0b3JlLmluY3JlbWVudCgpXCI+XG4gICAgICBGcm9tIEI6IHt7IHN0b3JlLmNvdW50IH19XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT4iLCJzdG9yZS5qcyI6ImltcG9ydCB7IHJlYWN0aXZlIH0gZnJvbSAndnVlJ1xuXG5leHBvcnQgY29uc3Qgc3RvcmUgPSByZWFjdGl2ZSh7XG4gIGNvdW50OiAwLFxuICBpbmNyZW1lbnQoKSB7XG4gICAgdGhpcy5jb3VudCsrXG4gIH1cbn0pIn0=)
+[Try it in the Playground](https://play.vuejs.org/#eNrNkk1uwyAQha8yYpNEiUzXllPVrtRTeJNSqtLGgGBsVbK4ewdwnT9FWWSTFczwmPc+xMhqa4uhl6xklRdOWQQvsbfPrVadNQ7h1dCqpcYaPp3pYFHwQyteXVxKm0tpM0krnm3IgAqUnd3vUFIFUB1Z8bNOkzoVny+wDTuNcZ1gBI/GSQhzqlQX3/5Gng81pA1t33tEo+FF7JX42bYsT1BaONlRguWqZZMU4C261CWMk3EhTK8RQphm8Twse/BscoUsvdqDkTX3kP3nI6aZwcmdQDUcMPJPabX8TQphtCf0RLqd1csxuqQAJTxtYnEUGtIpAH4pn1Ou17FDScOKhT+QNAVM)
 
 </div>
 <div class="options-api">
 
-[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdD5cbmltcG9ydCBDb21wb25lbnRBIGZyb20gJy4vQ29tcG9uZW50QS52dWUnXG5pbXBvcnQgQ29tcG9uZW50QiBmcm9tICcuL0NvbXBvbmVudEIudnVlJ1xuICBcbmV4cG9ydCBkZWZhdWx0IHtcbiAgY29tcG9uZW50czoge1xuICAgIENvbXBvbmVudEEsXG4gICAgQ29tcG9uZW50QlxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8Q29tcG9uZW50QSAvPlxuICA8Q29tcG9uZW50QiAvPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3NmYy52dWVqcy5vcmcvdnVlLnJ1bnRpbWUuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59IiwiQ29tcG9uZW50QS52dWUiOiI8c2NyaXB0PlxuaW1wb3J0IHsgc3RvcmUgfSBmcm9tICcuL3N0b3JlLmpzJ1xuXG5leHBvcnQgZGVmYXVsdCB7XG4gIGRhdGEoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0b3JlXG4gICAgfVxuICB9XG59XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2PlxuICAgIDxidXR0b24gQGNsaWNrPVwic3RvcmUuaW5jcmVtZW50KClcIj5cbiAgICAgIEZyb20gQToge3sgc3RvcmUuY291bnQgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPiIsIkNvbXBvbmVudEIudnVlIjoiPHNjcmlwdD5cbmltcG9ydCB7IHN0b3JlIH0gZnJvbSAnLi9zdG9yZS5qcydcblxuZXhwb3J0IGRlZmF1bHQge1xuICBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzdG9yZVxuICAgIH1cbiAgfVxufVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGRpdj5cbiAgICA8YnV0dG9uIEBjbGljaz1cInN0b3JlLmluY3JlbWVudCgpXCI+XG4gICAgICBGcm9tIEI6IHt7IHN0b3JlLmNvdW50IH19XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT4iLCJzdG9yZS5qcyI6ImltcG9ydCB7IHJlYWN0aXZlIH0gZnJvbSAndnVlJ1xuXG5leHBvcnQgY29uc3Qgc3RvcmUgPSByZWFjdGl2ZSh7XG4gIGNvdW50OiAwLFxuICBpbmNyZW1lbnQoKSB7XG4gICAgdGhpcy5jb3VudCsrXG4gIH1cbn0pIn0=)
+[Try it in the Playground](https://play.vuejs.org/#eNrdU8FqhDAU/JVHLruyi+lZ3FIt9Cu82JilaTWR5CkF8d8bE5O1u1so9FYQzAyTvJnRTKTo+3QcOMlIbpgWPT5WUnS90gjPyr4ll1jAWasOdim9UMum3a20vJWWqxSgkvzTyRt+rocWYVpYFoQm8wRsJh+viHLBcyXtk9No2ALkXd/WyC0CyDfW6RVTOiancQM5ku+x7nUxgUGlOcwxn8Ppu7HJ7udqaqz3SYikOQ5aBgT+OA9slt9kasToFnb5OiAqCU+sFezjVBHvRUimeWdT7JOKrFKAl8VvYatdI6RMDRJhdlPtWdQf5mdQP+SHdtyX/IftlH9pJyS1vcQ2NK8ZivFSiL8BsQmmpMG1s1NU79frYA1k8OD+/I3pUA6+CeNdHg6hmoTMX9pPSnk=)
 
 </div>
 
 :::tip
-Note the click handler uses `store.increment()` with the parenthesis - this is necessary to call the method with the proper `this` context since it's not a component method.
+Note the click handler uses `store.increment()` with parentheses - this is necessary to call the method with the proper `this` context since it's not a component method.
 :::
 
-Although here we are using a single reactive object as a store, you can also share reactive state created using other [Reactivity APIs](/api/reactivity-core.html) such as `ref()` or `computed()`, or even return global state from a [Composable](/guide/reusability/composables.html):
+Although here we are using a single reactive object as a store, you can also share reactive state created using other [Reactivity APIs](/api/reactivity-core) such as `ref()` or `computed()`, or even return global state from a [Composable](/guide/reusability/composables):
 
 ```js
 import { ref } from 'vue'
@@ -221,16 +221,16 @@ export function useCount() {
 
 The fact that Vue's reactivity system is decoupled from the component model makes it extremely flexible.
 
-## SSR Considerations
+## SSR Considerations {#ssr-considerations}
 
 If you are building an application that leverages [Server-Side Rendering (SSR)](./ssr), the above pattern can lead to issues due to the store being a singleton shared across multiple requests. This is discussed in [more details](./ssr#cross-request-state-pollution) in the SSR guide.
 
-## Pinia
+## Pinia {#pinia}
 
 While our hand-rolled state management solution will suffice in simple scenarios, there are many more things to consider in large-scale production applications:
 
 - Stronger conventions for team collaboration
-- Integrating with the Vue DevTools, including timeline, in-component inspection, and time-travel debugging.
+- Integrating with the Vue DevTools, including timeline, in-component inspection, and time-travel debugging
 - Hot Module Replacement
 - Server-Side Rendering support
 
diff --git a/src/guide/scaling-up/testing.md b/src/guide/scaling-up/testing.md
index 44edf2b238..cf91f72829 100644
--- a/src/guide/scaling-up/testing.md
+++ b/src/guide/scaling-up/testing.md
@@ -1,10 +1,33 @@
 <script setup>
-import TestingApiSwitcher from './TestingApiSwitcher.vue'
+import { VTCodeGroup, VTCodeGroupTab } from '@vue/theme'
 </script>
+<style>
+.lambdatest {
+  background-color: var(--vt-c-bg-soft);
+  border-radius: 8px;
+  padding: 12px 16px 12px 12px;
+  font-size: 13px;
+  a {
+    display: flex;
+    color: var(--vt-c-text-2);
+  }
+  img {
+    background-color: #fff;
+    padding: 12px 16px;
+    border-radius: 6px;
+    margin-right: 24px;
+  }
+  .testing-partner {
+    color: var(--vt-c-text-1);
+    font-size: 15px;
+    font-weight: 600;
+  }
+}
+</style>
 
-# Testing
+# Testing {#testing}
 
-## Why Test?
+## Why Test? {#why-test}
 
 Automated tests help you and your team build complex Vue applications quickly and confidently by preventing regressions and encouraging you to break apart your application into testable functions, modules, classes, and components. As with any application, your new Vue app can break in many ways, and it's important that you can catch these issues and fix them before releasing.
 
@@ -12,25 +35,25 @@ In this guide, we'll cover basic terminology and provide our recommendations on
 
 There is one Vue-specific section covering composables. See [Testing Composables](#testing-composables) below for more details.
 
-## When to Test
+## When to Test {#when-to-test}
 
 Start testing early! We recommend you begin writing tests as soon as you can. The longer you wait to add tests to your application, the more dependencies your application will have, and the harder it will be to start.
 
-## Testing Types
+## Testing Types {#testing-types}
 
 When designing your Vue application's testing strategy, you should leverage the following testing types:
 
 - **Unit**: Checks that inputs to a given function, class, or composable are producing the expected output or side effects.
 - **Component**: Checks that your component mounts, renders, can be interacted with, and behaves as expected. These tests import more code than unit tests, are more complex, and require more time to execute.
-- **End-to-end**: Checks features that span multiple pages and make real network requests against your production-built Vue application. These tests often involve standing up a database or other backend.
+- **End-to-end**: Checks features that span multiple pages and makes real network requests against your production-built Vue application. These tests often involve standing up a database or other backend.
 
-Each testing type plays a role in your application's testing strategy and each will protect you against different types of issues.
+Each testing type plays a role in your application's testing strategy, and each will protect you against different types of issues.
 
-## Overview
+## Overview {#overview}
 
 We will briefly discuss what each of these are, how they can be implemented for Vue applications, and provide some general recommendations.
 
-## Unit Testing
+## Unit Testing {#unit-testing}
 
 Unit tests are written to verify that small, isolated units of code are working as expected. A unit test usually covers a single function, class, composable, or module. Unit tests focus on logical correctness and only concern themselves with a small portion of the application's overall functionality. They may mock large parts of your application's environment (e.g. initial state, complex classes, 3rd party modules, and network requests).
 
@@ -40,7 +63,7 @@ Take for example this `increment` function:
 
 ```js
 // helpers.js
-export function increment (current, max = 10) {
+export function increment(current, max = 10) {
   if (current < max) {
     return current + 1
   }
@@ -80,40 +103,34 @@ There are two instances where you DO unit test Vue-specific features:
 1. Composables
 2. Components
 
-### Composables
+### Composables {#composables}
 
-One category of functions specific to Vue applications are [Composables](/guide/reusability/composables.html), which may require special handling during tests.
+One category of functions specific to Vue applications is [Composables](/guide/reusability/composables), which may require special handling during tests.
 See [Testing Composables](#testing-composables) below for more details.
 
-### Unit Testing Components
+### Unit Testing Components {#unit-testing-components}
 
 A component can be tested in two ways:
 
 1. Whitebox: Unit Testing
 
-   Tests that are "Whitebox tests" are aware of the implementation details and dependencies of a component. They are focused on **isolating** the component under test. These tests will usually involve mocking some, if not all of your component's children, as well as setting up plugin state and dependencies (e.g. Vuex).
+   Tests that are "Whitebox tests" are aware of the implementation details and dependencies of a component. They are focused on **isolating** the component under test. These tests will usually involve mocking some, if not all of your component's children, as well as setting up plugin state and dependencies (e.g. Pinia).
 
 2. Blackbox: Component Testing
 
    Tests that are "Blackbox tests" are unaware of the implementation details of a component. These tests mock as little as possible to test the integration of your component and the entire system. They usually render all child components and are considered more of an "integration test". See the [Component Testing recommendations](#component-testing) below.
 
-### Recommendation
+### Recommendation {#recommendation}
 
 - [Vitest](https://vitest.dev/)
 
   Since the official setup created by `create-vue` is based on [Vite](https://vitejs.dev/), we recommend using a unit testing framework that can leverage the same configuration and transform pipeline directly from Vite. [Vitest](https://vitest.dev/) is a unit testing framework designed specifically for this purpose, created and maintained by Vue / Vite team members. It integrates with Vite-based projects with minimal effort, and is blazing fast.
 
-:::warning In Active Development
-Vitest is relatively new and is still undergoing rapid development. While it is not considered stable yet, the team is working hard to get it to production ready state.
-:::
-
-### Other Options
-
-- [Peeky](https://peeky.dev/) is another fast unit test runner with first-class Vite integration. It is also created by a Vue core team member and offers a GUI-based testing interface.
+### Other Options {#other-options}
 
-- [Jest](https://jestjs.io/) is a popular unit testing framework, and can be made to work with Vite via the [vite-jest](https://github.com/sodatea/vite-jest) package. However, we only recommend Jest if you have an existing Jest test suite that needs to be migrated over to a Vite-based project, as Vitest offers a more seamless integration and better performance.
+- [Jest](https://jestjs.io/) is a popular unit testing framework. However, we only recommend Jest if you have an existing Jest test suite that needs to be migrated over to a Vite-based project, as Vitest offers a more seamless integration and better performance.
 
-## Component Testing
+## Component Testing {#component-testing}
 
 In Vue applications, components are the main building blocks of the UI. Components are therefore the natural unit of isolation when it comes to validating your application's behavior. From a granularity perspective, component testing sits somewhere above unit testing and can be considered a form of integration testing. Much of your Vue Application should be covered by a component test and we recommend that each Vue component has its own spec file.
 
@@ -132,34 +149,8 @@ Component tests should focus on the component's public interfaces rather than in
 
   We know nothing about the implementation of Stepper, only that the "input" is the `max` prop and the "output" is the state of the DOM as the user will see it.
 
-<TestingApiSwitcher>
-
-<div class="testing-library-api">
-
-```js
-render(Stepper, {
-  props: {
-    max: 1
-  }
-})
-
-const { getByText } = render(Component)
-
-getByText('0') // Implicit assertion that "0" is within the component
-
-const button = getByText('increment')
-
-// Dispatch a click event to our increment button.
-await fireEvent.click(button)
-
-getByText('1')
-
-await fireEvent.click(button)
-```
-
-</div>
-
-<div class="vtu-api">
+<VTCodeGroup>
+  <VTCodeGroupTab label="Vue Test Utils">
 
 ```js
 const valueSelector = '[data-testid=stepper-value]'
@@ -178,9 +169,8 @@ await wrapper.find(buttonSelector).trigger('click')
 expect(wrapper.find(valueSelector).text()).toContain('1')
 ```
 
-</div>
-
-<div class="cypress-api">
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="Cypress">
 
 ```js
 const valueSelector = '[data-testid=stepper-value]'
@@ -192,18 +182,43 @@ mount(Stepper, {
   }
 })
 
-cy.get(valueSelector).should('be.visible').and('contain.text', '0')
-  .get(buttonSelector).click()
-  .get(valueSelector).should('contain.text', '1')
+cy.get(valueSelector)
+  .should('be.visible')
+  .and('contain.text', '0')
+  .get(buttonSelector)
+  .click()
+  .get(valueSelector)
+  .should('contain.text', '1')
 ```
 
-</div>
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="Testing Library">
+
+```js
+const { getByText } = render(Stepper, {
+  props: {
+    max: 1
+  }
+})
+
+getByText('0') // Implicit assertion that "0" is within the component
+
+const button = getByRole('button', { name: /increment/i })
+
+// Dispatch a click event to our increment button.
+await fireEvent.click(button)
+
+getByText('1')
+
+await fireEvent.click(button)
+```
 
-</TestingApiSwitcher>
+  </VTCodeGroupTab>
+</VTCodeGroup>
 
-- **DON'T**
+**DON'T**
 
-  Don't assert the private state of a component instance or test the private methods of a component. Testing implementation details makes the tests brittle, as they are more likely to break and require updates when the implementation changes.
+- Don't assert the private state of a component instance or test the private methods of a component. Testing implementation details makes the tests brittle, as they are more likely to break and require updates when the implementation changes.
 
   The component's ultimate job is rendering the correct DOM output, so tests focusing on the DOM output provide the same level of correctness assurance (if not more) while being more robust and resilient to change.
 
@@ -211,29 +226,31 @@ cy.get(valueSelector).should('be.visible').and('contain.text', '0')
 
   If a method needs to be tested thoroughly, consider extracting it into a standalone utility function and write a dedicated unit test for it. If it cannot be extracted cleanly, it may be tested as a part of a component, integration, or end-to-end test that covers it.
 
-### Recommendation
+### Recommendation {#recommendation-1}
 
-- [Vitest](https://vitest.dev/) for components or composables that render headlessly. (e.g. the [`useFavicon`](https://vueuse.org/core/useFavicon/#usefavicon) function in VueUse. Components and DOM can be tested using [@testing-library/vue](https://testing-library.com/docs/vue-testing-library/intro).
+- [Vitest](https://vitest.dev/) for components or composables that render headlessly (e.g. the [`useFavicon`](https://vueuse.org/core/useFavicon/#usefavicon) function in VueUse). Components and DOM can be tested using [`@vue/test-utils`](https://github.com/vuejs/test-utils).
 
-- [Cypress Component Testing](https://on.cypress.io/component) for components whose expected behavior depends on properly rendering styles or triggering native DOM events. Can be used with Testing Library via [@testing-library/cypress](https://testing-library.com/docs/cypress-testing-library/intro).
+- [Cypress Component Testing](https://on.cypress.io/component) for components whose expected behavior depends on properly rendering styles or triggering native DOM events. It can be used with Testing Library via [@testing-library/cypress](https://testing-library.com/docs/cypress-testing-library/intro).
 
-The main differences between Vitest and browser-based runners are speed and execution context. In short, browser-based runners, like Cypress, can catch issues that node-based runners, like Vitest, cannot (e.g. style issues, real native DOM events, cookies, local storage, and network failures), but browser-based runners are *orders of magnitude slower than Vitest* because they do open a browser, compile your stylesheets, and more. Cypress is a browser-based runner that supports component testing. Please read [Vitest's comparison page](https://vitest.dev/guide/comparisons.html#cypress) for the latest information comparing Vitest and Cypress.
+The main differences between Vitest and browser-based runners are speed and execution context. In short, browser-based runners, like Cypress, can catch issues that node-based runners, like Vitest, cannot (e.g. style issues, real native DOM events, cookies, local storage, and network failures), but browser-based runners are _orders of magnitude slower than Vitest_ because they do open a browser, compile your stylesheets, and more. Cypress is a browser-based runner that supports component testing. Please read [Vitest's comparison page](https://vitest.dev/guide/comparisons.html#cypress) for the latest information comparing Vitest and Cypress.
 
-### Mounting Libraries
+### Mounting Libraries {#mounting-libraries}
 
 Component testing often involves mounting the component being tested in isolation, triggering simulated user input events, and asserting on the rendered DOM output. There are dedicated utility libraries that make these tasks simpler.
 
-- [`@testing-library/vue`](https://github.com/testing-library/vue-testing-library) is a Vue testing library focused on testing components without relying on implementation details. Built with accessibility in mind, its approach also makes refactoring a breeze. Its guiding principle is that the more tests resemble the way software is used, the more confidence they can provide.
-
 - [`@vue/test-utils`](https://github.com/vuejs/test-utils) is the official low-level component testing library that was written to provide users access to Vue specific APIs. It's also the lower-level library `@testing-library/vue` is built on top of.
 
-We recommend using `@testing-library/vue` for testing components in applications, as its focus aligns better with the testing priorities of applications. Use `@vue/test-utils` only if you are building advanced components that require testing Vue-specific internals.
+- [`@testing-library/vue`](https://github.com/testing-library/vue-testing-library) is a Vue testing library focused on testing components without relying on implementation details. Its guiding principle is that the more tests resemble the way software is used, the more confidence they can provide.
+
+We recommend using `@vue/test-utils` for testing components in applications. `@testing-library/vue` has issues with testing asynchronous component with Suspense, so it should be used with caution.
 
-### Other Options
+### Other Options {#other-options-1}
 
-- [Nightwatch](https://v2.nightwatchjs.org/) is an E2E test runner with Vue Component Testing support. ([Example Project](https://github.com/nightwatchjs-community/todo-vue) in Nightwatch v2)
+- [Nightwatch](https://nightwatchjs.org/) is an E2E test runner with Vue Component Testing support. ([Example Project](https://github.com/nightwatchjs-community/todo-vue))
 
-## E2E Testing
+- [WebdriverIO](https://webdriver.io/docs/component-testing/vue) for cross-browser component testing that relies on native user interaction based on standardized automation. It can also be used with Testing Library.
+
+## E2E Testing {#e2e-testing}
 
 While unit tests provide developers with some degree of confidence, unit and component tests are limited in their abilities to provide holistic coverage of an application when deployed to production. As a result, end-to-end (E2E) tests provide coverage on what is arguably the most important aspect of an application: what happens when users actually use your applications.
 
@@ -241,54 +258,64 @@ End-to-end tests focus on multi-page application behavior that makes network req
 
 End-to-end tests will often catch issues with your router, state management library, top-level components (e.g. an App or Layout), public assets, or any request handling. As stated above, they catch critical issues that may be impossible to catch with unit tests or component tests.
 
-End-to-end tests do not import any of your Vue application's code, but instead rely completely on testing your application by navigating through entire pages in a real browser.
+End-to-end tests do not import any of your Vue application's code but instead rely completely on testing your application by navigating through entire pages in a real browser.
 
-End-to-end tests validate many of the layers in your application. They can either target your locally built application, or even a live Staging environment. Testing against your Staging environment not only includes your frontend code and static server, but all associated backend services and infrastructure.
+End-to-end tests validate many of the layers in your application. They can either target your locally built application or even a live Staging environment. Testing against your Staging environment not only includes your frontend code and static server but all associated backend services and infrastructure.
 
-> The more your tests resemble the way your software is used, the more confidence they can give you. - [Kent C. Dodds](https://twitter.com/kentcdodds/status/977018512689455106) - Author of the Testing Library
+> The more your tests resemble how your software is used, the more confidence they can give you. - [Kent C. Dodds](https://twitter.com/kentcdodds/status/977018512689455106) - Author of the Testing Library
 
 By testing how user actions impact your application, E2E tests are often the key to higher confidence in whether an application is functioning properly or not.
 
-### Choosing an E2E Testing Solution
+### Choosing an E2E Testing Solution {#choosing-an-e2e-testing-solution}
 
 While end-to-end (E2E) testing on the web has gained a negative reputation for unreliable (flaky) tests and slowing down development processes, modern E2E tools have made strides forward to create more reliable, interactive, and useful tests. When choosing an E2E testing framework, the following sections provide some guidance on things to keep in mind when choosing a testing framework for your application.
 
-#### Cross-browser testing
+#### Cross-browser testing {#cross-browser-testing}
 
-One of the primary benefits that end-to-end (E2E) testing is known for is its ability to test your application across multiple browsers. While it may seem desirable to have 100% cross-browser coverage, it is important to note that cross browser testing has diminishing returns on a team's resources due the additional time and machine power required to run them consistently. As a result, it is important to be mindful of this trade-off when choosing the amount of cross-browser testing your application needs.
+One of the primary benefits that end-to-end (E2E) testing is known for is its ability to test your application across multiple browsers. While it may seem desirable to have 100% cross-browser coverage, it is important to note that cross browser testing has diminishing returns on a team's resources due to the additional time and machine power required to run them consistently. As a result, it is important to be mindful of this trade-off when choosing the amount of cross-browser testing your application needs.
 
-#### Faster feedback loops
+#### Faster feedback loops {#faster-feedback-loops}
 
-One of the primary problems with end-to-end (E2E) tests and development is that running the entire suite takes a long time. Typically, this is only done in continuous integration and deployment (CI/CD) pipelines. Modern E2E testing frameworks have helped to solve this by adding features like parallelization, which allows for CI/CD pipelines to often run magnitudes faster than before. In addition, when developing locally, the ability to selectively run a single test for the page you are working on while also providing hot reloading of tests can help to boost a developer's workflow and productivity.
+One of the primary problems with end-to-end (E2E) tests and development is that running the entire suite takes a long time. Typically, this is only done in continuous integration and deployment (CI/CD) pipelines. Modern E2E testing frameworks have helped to solve this by adding features like parallelization, which allows for CI/CD pipelines to often run magnitudes faster than before. In addition, when developing locally, the ability to selectively run a single test for the page you are working on while also providing hot reloading of tests can help boost a developer's workflow and productivity.
 
-#### First-class debugging experience
+#### First-class debugging experience {#first-class-debugging-experience}
 
-While developers have traditionally relied on scanning logs in a terminal window to help determine what went wrong in a test, modern end-to-end (E2E) test frameworks allow developers to leverage tools that they are already familiar with, e.g. browser developer tools.
+While developers have traditionally relied on scanning logs in a terminal window to help determine what went wrong in a test, modern end-to-end (E2E) test frameworks allow developers to leverage tools they are already familiar with, e.g. browser developer tools.
 
-#### Visibility in headless mode
+#### Visibility in headless mode {#visibility-in-headless-mode}
 
-When end-to-end (E2E) tests are run in continuous integration / deployment pipelines, they are often run in headless browsers (i.e., no visible browser is opened for the user to watch). A critical feature of modern E2E testing frameworks is the ability to see snapshots and/or videos of the application during testing, providing some insight into why errors are happening. Historically, it was tedious to maintain these integrations.
+When end-to-end (E2E) tests are run in continuous integration/deployment pipelines, they are often run in headless browsers (i.e., no visible browser is opened for the user to watch). A critical feature of modern E2E testing frameworks is the ability to see snapshots and/or videos of the application during testing, providing some insight into why errors are happening. Historically, it was tedious to maintain these integrations.
 
-### Recommendation
+### Recommendation {#recommendation-2}
 
-- [Cypress](https://www.cypress.io/)
+- [Playwright](https://playwright.dev/) is a great E2E testing solution that supports Chromium, WebKit, and Firefox. Test on Windows, Linux, and macOS, locally or on CI, headless or headed with native mobile emulation of Google Chrome for Android and Mobile Safari. It has an informative UI, excellent debuggability, built-in assertions, parallelization, traces and is designed to eliminate flaky tests. Support for [Component Testing](https://playwright.dev/docs/test-components) is available, but marked experimental. Playwright is open source and maintained by Microsoft.
 
-  Overall, we believe Cypress provides the most complete E2E solution with features like an informative graphical interface, excellent debuggability, built-in assertions and stubs, flake-resistance, parallelization, and snapshots. As mentioned above, it also provides support for [Component Testing](https://docs.cypress.io/guides/component-testing/introduction). However, it only supports Chromium-based browsers and Firefox.
+- [Cypress](https://www.cypress.io/) has an informative graphical interface, excellent debuggability, built-in assertions, stubs, flake-resistance, and snapshots. As mentioned above, it provides stable support for [Component Testing](https://docs.cypress.io/guides/component-testing/introduction). Cypress supports Chromium-based browsers, Firefox, and Electron. WebKit support is available, but marked experimental. Cypress is MIT-licensed, but some features like parallelization require a subscription to Cypress Cloud.
 
-### Other Options
+<div class="lambdatest">
+  <a href="https://lambdatest.com/" target="_blank">
+    <img src="http://github.com/images/lambdatest.svg">
+    <div>
+      <div class="testing-partner">Testing Sponsor</div>
+      <div>Lambdatest is a cloud platform for running E2E, accessibility, and visual regression tests across all major browsers and real devices, with AI assisted test generation!</div>
+    </div>
+  </a>
+</div>
 
-- [Playwright](https://playwright.dev/) is also a great E2E testing solution with a wider range of browser support (mainly WebKit). See [Why Playwright](https://playwright.dev/docs/why-playwright) for more details.
+### Other Options {#other-options-2}
 
-- [Nightwatch v2](https://v2.nightwatchjs.org/) is an E2E testing solution based on [Selenium WebDriver](https://www.npmjs.com/package/selenium-webdriver). This gives it the widest browser support range.
+- [Nightwatch](https://nightwatchjs.org/) is an E2E testing solution based on [Selenium WebDriver](https://www.npmjs.com/package/selenium-webdriver). This gives it the widest browser support range, including native mobile testing. Selenium-based solutions will be slower than Playwright or Cypress.
 
-## Recipes
+- [WebdriverIO](https://webdriver.io/) is a test automation framework for web and mobile testing based on the WebDriver protocol.
 
-### Adding Vitest to a Project
+## Recipes {#recipes}
+
+### Adding Vitest to a Project {#adding-vitest-to-a-project}
 
 In a Vite-based Vue project, run:
 
 ```sh
-> npm install -D vitest happy-dom @testing-library/vue@next
+> npm install -D vitest happy-dom @testing-library/vue
 ```
 
 Next, update the Vite configuration to add the `test` option block:
@@ -310,20 +337,21 @@ export default defineConfig({
 ```
 
 :::tip
-If you are using TypeScript, add `vitest/globals` to the `types` field in your `tsconfig.json`.
+If you use TypeScript, add `vitest/globals` to the `types` field in your `tsconfig.json`.
 
 ```json
 // tsconfig.json
 
 {
- "compileroptions": {
+  "compilerOptions": {
     "types": ["vitest/globals"]
   }
 }
 ```
+
 :::
 
-Then create a file ending in `*.test.js` in your project. You can place all test files in a test directory in project root, or in test directories next to your source files. Vitest will automatically search for them using the naming convention.
+Then, create a file ending in `*.test.js` in your project. You can place all test files in a test directory in the project root or in test directories next to your source files. Vitest will automatically search for them using the naming convention.
 
 ```js
 // MyComponent.test.js
@@ -357,9 +385,9 @@ Finally, update `package.json` to add the test script and run it:
 > npm test
 ```
 
-### Testing Composables
+### Testing Composables {#testing-composables}
 
-> This section assumes you have read the [Composables](/guide/reusability/composables.html) section.
+> This section assumes you have read the [Composables](/guide/reusability/composables) section.
 
 When it comes to testing composables, we can divide them into two categories: composables that do not rely on a host component instance, and composables that do.
 
@@ -368,7 +396,7 @@ A composable depends on a host component instance when it uses the following API
 - Lifecycle hooks
 - Provide / Inject
 
-If a composable only uses Reactivity APIs, then it can be tested by directly invoking it and asserting its returned state / methods:
+If a composable only uses Reactivity APIs, then it can be tested by directly invoking it and asserting its returned state/methods:
 
 ```js
 // counter.js
@@ -415,10 +443,11 @@ export function withSetup(composable) {
   })
   app.mount(document.createElement('div'))
   // return the result and the app instance
-  // for testing provide / unmount
+  // for testing provide/unmount
   return [result, app]
 }
 ```
+
 ```js
 import { withSetup } from './test-utils'
 import { useFoo } from './foo'
diff --git a/src/guide/scaling-up/tooling.md b/src/guide/scaling-up/tooling.md
index a6efc1db72..e9405fd3af 100644
--- a/src/guide/scaling-up/tooling.md
+++ b/src/guide/scaling-up/tooling.md
@@ -1,10 +1,14 @@
-# Tooling
+<script setup>
+import { VTCodeGroup, VTCodeGroupTab } from '@vue/theme'
+</script>
 
-## Try It Online
+# Tooling {#tooling}
+
+## Try It Online {#try-it-online}
 
 You don't need to install anything on your machine to try out Vue SFCs - there are online playgrounds that allow you to do so right in the browser:
 
-- [Vue SFC Playground](https://sfc.vuejs.org)
+- [Vue SFC Playground](https://play.vuejs.org)
   - Always deployed from latest commit
   - Designed for inspecting component compilation results
 - [Vue + Vite on StackBlitz](https://vite.new/vue)
@@ -13,24 +17,57 @@ You don't need to install anything on your machine to try out Vue SFCs - there a
 
 It is also recommended to use these online playgrounds to provide reproductions when reporting bugs.
 
-## Project Scaffolding
+## Project Scaffolding {#project-scaffolding}
 
-### Vite
+### Vite {#vite}
 
 [Vite](https://vitejs.dev/) is a lightweight and fast build tool with first-class Vue SFC support. It is created by Evan You, who is also the author of Vue!
 
 To get started with Vite + Vue, simply run:
 
-<div class="language-sh"><pre><code><span class="line"><span style="color:var(--vt-c-green);">$</span> <span style="color:#A6ACCD;">npm init vue@latest</span></span></code></pre></div>
+<VTCodeGroup>
+  <VTCodeGroupTab label="npm">
+
+  ```sh
+  $ npm create vue@latest
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="pnpm">
+  
+  ```sh
+  $ pnpm create vue@latest
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="yarn">
+  
+  ```sh
+  # For Yarn Modern (v2+)
+  $ yarn create vue@latest
+  
+  # For Yarn ^v4.11
+  $ yarn dlx create-vue@latest
+  ```
+
+  </VTCodeGroupTab>
+  <VTCodeGroupTab label="bun">
+  
+  ```sh
+  $ bun create vue@latest
+  ```
+
+  </VTCodeGroupTab>
+</VTCodeGroup>
 
 This command will install and execute [create-vue](https://github.com/vuejs/create-vue), the official Vue project scaffolding tool.
 
 - To learn more about Vite, check out the [Vite docs](https://vitejs.dev).
-- To configure Vue-specific behavior in a Vite project, for example passing options to the Vue compiler, check out the docs for [@vitejs/plugin-vue](https://github.com/vitejs/vite/tree/main/packages/plugin-vue#readme).
+- To configure Vue-specific behavior in a Vite project, for example passing options to the Vue compiler, check out the docs for [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#readme).
 
 Both online playgrounds mentioned above also support downloading files as a Vite project.
 
-### Vue CLI
+### Vue CLI {#vue-cli}
 
 [Vue CLI](https://cli.vuejs.org/) is the official webpack-based toolchain for Vue. It is now in maintenance mode and we recommend starting new projects with Vite unless you rely on specific webpack-only features. Vite will provide superior developer experience in most cases.
 
@@ -39,7 +76,7 @@ For information on migrating from Vue CLI to Vite:
 - [Vue CLI -> Vite Migration Guide from VueSchool.io](https://vueschool.io/articles/vuejs-tutorials/how-to-migrate-from-vue-cli-to-vite/)
 - [Tools / Plugins that help with auto migration](https://github.com/vitejs/awesome-vite#vue-cli)
 
-### Note on In-Browser Template Compilation
+### Note on In-Browser Template Compilation {#note-on-in-browser-template-compilation}
 
 When using Vue without a build step, component templates are written either directly in the page's HTML or as inlined JavaScript strings. In such cases, Vue needs to ship the template compiler to the browser in order to perform on-the-fly template compilation. On the other hand, the compiler would be unnecessary if we pre-compile the templates with a build step. To reduce client bundle size, Vue provides [different "builds"](https://unpkg.com/browse/vue@3/dist/) optimized for different use cases.
 
@@ -51,38 +88,44 @@ Our default tooling setups use the runtime-only build since all templates in SFC
 
 If you are looking for a lighter-weight alternative for no-build-step usage, check out [petite-vue](https://github.com/vuejs/petite-vue).
 
-## IDE Support
+## IDE Support {#ide-support}
 
-- The recommended IDE setup is [VSCode](https://code.visualstudio.com/) + the [Volar](https://github.com/johnsoncodehk/volar) extension. Volar provides syntax highlighting, TypeScript support, and intellisense for template expressions and component props.
+- The recommended IDE setup is [VS Code](https://code.visualstudio.com/) + the [Vue - Official extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar). The extension provides syntax highlighting, TypeScript support, and intellisense for template expressions and component props.
 
   :::tip
-  Volar replaces [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur), our previous official VSCode extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects.
+  Vue - Official replaces [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur), our previous official VS Code extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects.
   :::
 
 - [WebStorm](https://www.jetbrains.com/webstorm/) also provides great built-in support for Vue SFCs.
 
-- Other IDEs that support the [Language Service Protocol](https://microsoft.github.io/language-server-protocol/) (LSP) can also leverage Volar's core functionalities via LSP. One examples is [coc-volar](https://github.com/yaegassy/coc-volar) which provides Vue SFC support for vim/Neovim.
+- Other IDEs that support the [Language Service Protocol](https://microsoft.github.io/language-server-protocol/) (LSP) can also leverage Volar's core functionalities via LSP:
+
+  - Sublime Text support via [LSP-Volar](https://github.com/sublimelsp/LSP-volar).
+
+  - vim / Neovim support via [coc-volar](https://github.com/yaegassy/coc-volar).
+
+  - emacs support via [lsp-mode](https://emacs-lsp.github.io/lsp-mode/page/lsp-volar/)
 
-## Browser Devtools
+## Browser Devtools {#browser-devtools}
 
 The Vue browser devtools extension allows you to explore a Vue app's component tree, inspect the state of individual components, track state management events, and profile performance.
 
-![devtools screenshot](https://raw.githubusercontent.com/vuejs/devtools/main/media/screenshot-shadow.png)
+![devtools screenshot](./images/devtools.png)
 
 - [Documentation](https://devtools.vuejs.org/)
-- [Chrome Extension](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
-- [Firefox Addon](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
-- [Standalone Electron app](https://devtools.vuejs.org/guide/installation.html#standalone)
+- [Chrome Extension](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
+- [Vite Plugin](https://devtools.vuejs.org/guide/vite-plugin)
+- [Standalone Electron app](https://devtools.vuejs.org/guide/standalone)
 
-## TypeScript
+## TypeScript {#typescript}
 
 Main article: [Using Vue with TypeScript](/guide/typescript/overview).
 
-- [Volar](https://github.com/johnsoncodehk/volar) provides type checking for SFCs using `<script lang="ts">` blocks, including template expressions and cross-component props validation.
+- [Vue - Official extension](https://github.com/vuejs/language-tools) provides type checking for SFCs using `<script lang="ts">` blocks, including template expressions and cross-component props validation.
 
-- Use [`vue-tsc`](https://github.com/johnsoncodehk/volar/tree/master/packages/vue-tsc) for performing the same type checking from the command line, or for generating `d.ts` files for SFCs.
+- Use [`vue-tsc`](https://github.com/vuejs/language-tools/tree/master/packages/tsc) for performing the same type checking from the command line, or for generating `d.ts` files for SFCs.
 
-## Testing
+## Testing {#testing}
 
 Main article: [Testing Guide](/guide/scaling-up/testing).
 
@@ -92,7 +135,7 @@ Main article: [Testing Guide](/guide/scaling-up/testing).
 
 - [Jest](https://jestjs.io/) can be made to work with Vite via [vite-jest](https://github.com/sodatea/vite-jest). However, this is only recommended if you have existing Jest-based test suites that you need to migrate over to a Vite-based setup, as Vitest provides similar functionalities with a much more efficient integration.
 
-## Linting
+## Linting {#linting}
 
 The Vue team maintains [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue), an [ESLint](https://eslint.org/) plugin that supports SFC-specific linting rules.
 
@@ -100,29 +143,29 @@ Users previously using Vue CLI may be used to having linters configured via webp
 
 1. `npm install -D eslint eslint-plugin-vue`, then follow `eslint-plugin-vue`'s [configuration guide](https://eslint.vuejs.org/user-guide/#usage).
 
-2. Setup ESLint IDE extensions, for example [ESLint for VSCode](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint), so you get linter feedback right in your editor during development. This also avoids unnecessary linting cost when starting the dev server.
+2. Setup ESLint IDE extensions, for example [ESLint for VS Code](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint), so you get linter feedback right in your editor during development. This also avoids unnecessary linting cost when starting the dev server.
 
 3. Run ESLint as part of the production build command, so you get full linter feedback before shipping to production.
 
 4. (Optional) Setup tools like [lint-staged](https://github.com/okonet/lint-staged) to automatically lint modified files on git commit.
 
-## Formatting
+## Formatting {#formatting}
 
-- The [Volar](https://github.com/johnsoncodehk/volar) VSCode extension provides formatting for Vue SFCs out of the box.
+- The [Vue - Official](https://github.com/vuejs/language-tools) VS Code extension provides formatting for Vue SFCs out of the box.
 
 - Alternatively, [Prettier](https://prettier.io/) provides built-in Vue SFC formatting support.
 
-## SFC Custom Block Integrations
+## SFC Custom Block Integrations {#sfc-custom-block-integrations}
 
 Custom blocks are compiled into imports to the same Vue file with different request queries. It is up to the underlying build tool to handle these import requests.
 
-- If using Vite, a custom Vite plugin should be used to transform matched custom blocks into executable JavaScript. [Example](https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-transforming-custom-blocks)
+- If using Vite, a custom Vite plugin should be used to transform matched custom blocks into executable JavaScript. [Example](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#example-for-transforming-custom-blocks)
 
 - If using Vue CLI or plain webpack, a webpack loader should be configured to transform the matched blocks. [Example](https://vue-loader.vuejs.org/guide/custom-blocks.html)
 
-## Lower-Level Packages
+## Lower-Level Packages {#lower-level-packages}
 
-### `@vue/compiler-sfc`
+### `@vue/compiler-sfc` {#vue-compiler-sfc}
 
 - [Docs](https://github.com/vuejs/core/tree/main/packages/compiler-sfc)
 
@@ -134,25 +177,24 @@ The package itself provides lower-level utilities for processing Vue SFCs and is
 Always prefer using this package via the `vue/compiler-sfc` deep import since this ensures its version is in sync with the Vue runtime.
 :::
 
-### `@vitejs/plugin-vue`
+### `@vitejs/plugin-vue` {#vitejs-plugin-vue}
 
-- [Docs](https://github.com/vitejs/vite/tree/main/packages/plugin-vue)
+- [Docs](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue)
 
 Official plugin that provides Vue SFC support in Vite.
 
-### `vue-loader`
+### `vue-loader` {#vue-loader}
 
 - [Docs](https://vue-loader.vuejs.org/)
 
 The official loader that provides Vue SFC support in webpack. If you are using Vue CLI, also see [docs on modifying `vue-loader` options in Vue CLI](https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader).
 
-## Other Online Playgrounds
+## Other Online Playgrounds {#other-online-playgrounds}
 
 - [VueUse Playground](https://play.vueuse.org)
 - [Vue + Vite on Repl.it](https://replit.com/@templates/VueJS-with-Vite)
-- [Vue on CodeSandbox](https://codesandbox.io/s/vue-3)
+- [Vue on CodeSandbox](https://codesandbox.io/p/devbox/github/codesandbox/sandbox-templates/tree/main/vue-vite)
 - [Vue on Codepen](https://codepen.io/pen/editor/vue)
-- [Vue on Components.studio](https://components.studio/create/vue3)
 - [Vue on WebComponents.dev](https://webcomponents.dev/create/cevue)
 
 <!-- TODO ## Backend Framework Integrations -->
diff --git a/src/guide/typescript/composition-api.md b/src/guide/typescript/composition-api.md
index c0f1443cf9..79c020e5ce 100644
--- a/src/guide/typescript/composition-api.md
+++ b/src/guide/typescript/composition-api.md
@@ -1,8 +1,14 @@
-# TypeScript with Composition API
+# TypeScript with Composition API {#typescript-with-composition-api}
+
+<ScrimbaLink href="https://scrimba.com/links/vue-ts-composition-api" title="Free Vue.js TypeScript with Composition API Lesson" type="scrimba">
+  Watch an interactive video lesson on Scrimba
+</ScrimbaLink>
 
 > This page assumes you've already read the overview on [Using Vue with TypeScript](./overview).
 
-## Typing Component Props
+## Typing Component Props {#typing-component-props}
+
+### Using `<script setup>` {#using-script-setup}
 
 When using `<script setup>`, the `defineProps()` macro supports inferring the props types based on its argument:
 
@@ -48,55 +54,56 @@ const props = defineProps<Props>()
 </script>
 ```
 
-#### Syntax Limitations
+This also works if `Props` is imported from an external source. This feature requires TypeScript to be a peer dependency of Vue.
 
-In order to generate the correct runtime code, the generic argument for `defineProps()` must be one of the following:
+```vue
+<script setup lang="ts">
+import type { Props } from './foo'
 
-- An object literal type:
+const props = defineProps<Props>()
+</script>
+```
 
-  ```ts
-  defineProps<{ /*... */ }>()
-  ```
+#### Syntax Limitations {#syntax-limitations}
 
-- A reference to an interface or object literal type **in the same file**:
+In version 3.2 and below, the generic type parameter for `defineProps()` were limited to a type literal or a reference to a local interface.
 
-  ```ts
-  interface Props {/* ... */}
+This limitation has been resolved in 3.3. The latest version of Vue supports referencing imported and a limited set of complex types in the type parameter position. However, because the type to runtime conversion is still AST-based, some complex types that require actual type analysis, e.g. conditional types, are not supported. You can use conditional types for the type of a single prop, but not the entire props object.
 
-  defineProps<Props>()
-  ```
+### Props Default Values {#props-default-values}
 
-The interface or object literal type can contain references to types imported from other files, however, the generic argument itself passed to `defineProps` **cannot** be an imported type:
+When using type-based declaration, we lose the ability to declare default values for the props. This can be resolved by using [Reactive Props Destructure](/guide/components/props#reactive-props-destructure) <sup class="vt-badge" data-text="3.5+" />:
 
 ```ts
-import { Props } from './other-file'
+interface Props {
+  msg?: string
+  labels?: string[]
+}
 
-// NOT supported
-defineProps<Props>()
+const { msg = 'hello', labels = ['one', 'two'] } = defineProps<Props>()
 ```
 
-This is because Vue components are compiled in isolation and the compiler currently does not crawl imported files in order to analyze the source type. This limitation could be removed in a future release.
+In 3.4 and below, Reactive Props Destructure is not enabled by default. An alternative is to use the `withDefaults` compiler macro:
 
-### Props Default Values <sup class="vt-badge experimental" />
-
-When using type-based declaration, we lose the ability to declare default values for the props. This can be resolved by the currently experimental [Reactivity Transform](/guide/extras/reactivity-transform.html):
-
-```vue
-<script setup lang="ts">
+```ts
 interface Props {
-  foo: string
-  bar?: number
+  msg?: string
+  labels?: string[]
 }
 
-// reactive destructure for defineProps()
-// default value is compiled to equivalent runtime option
-const { foo, bar = 100 } = defineProps<Props>()
-</script>
+const props = withDefaults(defineProps<Props>(), {
+  msg: 'hello',
+  labels: () => ['one', 'two']
+})
 ```
 
-This behavior currently requires [explicit opt-in](/guide/extras/reactivity-transform.html#explicit-opt-in).
+This will be compiled to equivalent runtime props `default` options. In addition, the `withDefaults` helper provides type checks for the default values, and ensures the returned `props` type has the optional flags removed for properties that do have default values declared.
 
-### Without `<script setup>`
+:::info
+Note that default values for mutable reference types (like arrays or objects) should be wrapped in functions when using `withDefaults` to avoid accidental modification and external side effects. This ensures each component instance gets its own copy of the default value. This is **not** necessary when using default values with destructure.
+:::
+
+### Without `<script setup>` {#without-script-setup}
 
 If not using `<script setup>`, it is necessary to use `defineComponent()` to enable props type inference. The type of the props object passed to `setup()` is inferred from the `props` option.
 
@@ -113,7 +120,50 @@ export default defineComponent({
 })
 ```
 
-## Typing Component Emits
+### Complex prop types {#complex-prop-types}
+
+With type-based declaration, a prop can use a complex type much like any other type:
+
+```vue
+<script setup lang="ts">
+interface Book {
+  title: string
+  author: string
+  year: number
+}
+
+const props = defineProps<{
+  book: Book
+}>()
+</script>
+```
+
+For runtime declaration, we can use the `PropType` utility type:
+
+```ts
+import type { PropType } from 'vue'
+
+const props = defineProps({
+  book: Object as PropType<Book>
+})
+```
+
+This works in much the same way if we're specifying the `props` option directly:
+
+```ts
+import { defineComponent } from 'vue'
+import type { PropType } from 'vue'
+
+export default defineComponent({
+  props: {
+    book: Object as PropType<Book>
+  }
+})
+```
+
+The `props` option is more commonly used with the Options API, so you'll find more detailed examples in the guide to [TypeScript with Options API](/guide/typescript/options-api#typing-component-props). The techniques shown in those examples also apply to runtime declarations using `defineProps()`.
+
+## Typing Component Emits {#typing-component-emits}
 
 In `<script setup>`, the `emit` function can also be typed using either runtime declaration OR type declaration:
 
@@ -122,15 +172,38 @@ In `<script setup>`, the `emit` function can also be typed using either runtime
 // runtime
 const emit = defineEmits(['change', 'update'])
 
+// options based
+const emit = defineEmits({
+  change: (id: number) => {
+    // return `true` or `false` to indicate
+    // validation pass / fail
+  },
+  update: (value: string) => {
+    // return `true` or `false` to indicate
+    // validation pass / fail
+  }
+})
+
 // type-based
 const emit = defineEmits<{
   (e: 'change', id: number): void
   (e: 'update', value: string): void
 }>()
+
+// 3.3+: alternative, more succinct syntax
+const emit = defineEmits<{
+  change: [id: number]
+  update: [value: string]
+}>()
 </script>
 ```
 
-The type argument should be a type literal with [Call Signatures](https://www.typescriptlang.org/docs/handbook/2/functions.html#call-signatures). The type literal will be used as the type of the returned `emit` function. As we can see, the type declaration gives us much finer-grained control over the type constraints of emitted events.
+The type argument can be one of the following:
+
+1. A callable function type, but written as a type literal with [Call Signatures](https://www.typescriptlang.org/docs/handbook/2/functions.html#call-signatures). It will be used as the type of the returned `emit` function.
+2. A type literal where the keys are the event names, and values are array / tuple types representing the additional accepted parameters for the event. The example above is using named tuples so each argument can have an explicit name.
+
+As we can see, the type declaration gives us much finer-grained control over the type constraints of emitted events.
 
 When not using `<script setup>`, `defineComponent()` is able to infer the allowed events for the `emit` function exposed on the setup context:
 
@@ -145,7 +218,7 @@ export default defineComponent({
 })
 ```
 
-## Typing `ref()`
+## Typing `ref()` {#typing-ref}
 
 Refs infer the type from the initial value:
 
@@ -162,7 +235,8 @@ year.value = '2020'
 Sometimes we may need to specify complex types for a ref's inner value. We can do that by using the `Ref` type:
 
 ```ts
-import { ref, Ref } from 'vue'
+import { ref } from 'vue'
+import type { Ref } from 'vue'
 
 const year: Ref<string | number> = ref('2020')
 
@@ -185,7 +259,7 @@ If you specify a generic type argument but omit the initial value, the resulting
 const n = ref<number>()
 ```
 
-## Typing `reactive()`
+## Typing `reactive()` {#typing-reactive}
 
 `reactive()` also implicitly infers the type from its argument:
 
@@ -213,7 +287,7 @@ const book: Book = reactive({ title: 'Vue 3 Guide' })
 It's not recommended to use the generic argument of `reactive()` because the returned type, which handles nested ref unwrapping, is different from the generic argument type.
 :::
 
-## Typing `computed()`
+## Typing `computed()` {#typing-computed}
 
 `computed()` infers its type based on the getter's return value:
 
@@ -237,7 +311,7 @@ const double = computed<number>(() => {
 })
 ```
 
-## Typing Event Handlers
+## Typing Event Handlers {#typing-event-handlers}
 
 When dealing with native DOM events, it might be useful to type the argument we pass to the handler correctly. Let's take a look at this example:
 
@@ -254,7 +328,7 @@ function handleChange(event) {
 </template>
 ```
 
-Without type annotation, the `event` argument will implicitly have a type of `any`. This will also result in a TS error if `"strict": true` or `"noImplicitAny": true` are used in `tsconfig.json`. It is therefore recommended to explicitly annotate the argument of event handlers. In addition, you may need to explicitly cast properties on `event`:
+Without type annotation, the `event` argument will implicitly have a type of `any`. This will also result in a TS error if `"strict": true` or `"noImplicitAny": true` are used in `tsconfig.json`. It is therefore recommended to explicitly annotate the argument of event handlers. In addition, you may need to use type assertions when accessing the properties of `event`:
 
 ```ts
 function handleChange(event: Event) {
@@ -262,12 +336,13 @@ function handleChange(event: Event) {
 }
 ```
 
-## Typing Provide / Inject
+## Typing Provide / Inject {#typing-provide-inject}
 
 Provide and inject are usually performed in separate components. To properly type injected values, Vue provides an `InjectionKey` interface, which is a generic type that extends `Symbol`. It can be used to sync the type of the injected value between the provider and the consumer:
 
 ```ts
-import { provide, inject, InjectionKey } from 'vue'
+import { provide, inject } from 'vue'
+import type { InjectionKey } from 'vue'
 
 const key = Symbol() as InjectionKey<string>
 
@@ -298,7 +373,18 @@ If you are sure that the value is always provided, you can also force cast the v
 const foo = inject('foo') as string
 ```
 
-## Typing Template Refs
+## Typing Template Refs {#typing-template-refs}
+
+With Vue 3.5 and `@vue/language-tools` 2.1 (powering both the IDE language service and `vue-tsc`), the type of refs created by `useTemplateRef()` in SFCs can be **automatically inferred** for static refs based on what element the matching `ref` attribute is used on.
+
+In cases where auto-inference is not possible, you can still cast the template ref to an explicit type via the generic argument:
+
+```ts
+const el = useTemplateRef<HTMLInputElement>('el')
+```
+
+<details>
+<summary>Usage before 3.5</summary>
 
 Template refs should be created with an explicit generic type argument and an initial value of `null`:
 
@@ -318,19 +404,57 @@ onMounted(() => {
 </template>
 ```
 
+</details>
+
+To get the right DOM interface you can check pages like [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#technical_summary).
+
 Note that for strict type safety, it is necessary to use optional chaining or type guards when accessing `el.value`. This is because the initial ref value is `null` until the component is mounted, and it can also be set to `null` if the referenced element is unmounted by `v-if`.
 
-## Typing Component Template Refs
+## Typing Component Template Refs {#typing-component-template-refs}
 
-Sometimes you might need to annotate a template ref for a child component in order to call its public method. For example, we have a `MyModal` child component with a method that opens the modal:
+With Vue 3.5 and `@vue/language-tools` 2.1 (powering both the IDE language service and `vue-tsc`), the type of refs created by `useTemplateRef()` in SFCs can be **automatically inferred** for static refs based on what element or component the matching `ref` attribute is used on.
 
-```vue
-<!-- MyModal.vue -->
+In cases where auto-inference is not possible (e.g. non-SFC usage or dynamic components), you can still cast the template ref to an explicit type via the generic argument.
+
+In order to get the instance type of an imported component, we need to first get its type via `typeof`, then use TypeScript's built-in `InstanceType` utility to extract its instance type:
+
+```vue{5}
+<!-- App.vue -->
 <script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import Foo from './Foo.vue'
+import Bar from './Bar.vue'
+
+type FooType = InstanceType<typeof Foo>
+type BarType = InstanceType<typeof Bar>
+
+const compRef = useTemplateRef<FooType | BarType>('comp')
+</script>
+
+<template>
+  <component :is="Math.random() > 0.5 ? Foo : Bar" ref="comp" />
+</template>
+```
+
+In cases where the exact type of the component isn't available or isn't important, `ComponentPublicInstance` can be used instead. This will only include properties that are shared by all components, such as `$el`:
+
+```ts
+import { useTemplateRef } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
+
+const child = useTemplateRef<ComponentPublicInstance>('child')
+```
+
+In cases where the component referenced is a [generic component](/guide/typescript/overview.html#generic-components), for instance `MyGenericModal`:
+
+```vue
+<!-- MyGenericModal.vue -->
+<script setup lang="ts" generic="ContentType extends string | number">
 import { ref } from 'vue'
 
-const isContentShown = ref(false)
-const open = () => (isContentShown.value = true)
+const content = ref<ContentType | null>(null)
+
+const open = (newContent: ContentType) => (content.value = newContent)
 
 defineExpose({
   open
@@ -338,19 +462,21 @@ defineExpose({
 </script>
 ```
 
-In order to get the instance type of `MyModal`, we need to first get its type via `typeof`, then use TypeScript's built-in `InstanceType` utility to extract its instance type:
+It needs to be referenced using `ComponentExposed` from the [`vue-component-type-helpers`](https://www.npmjs.com/package/vue-component-type-helpers) library as `InstanceType` won't work.
 
-```vue{5}
+```vue
 <!-- App.vue -->
 <script setup lang="ts">
-import MyModal from './MyModal.vue'
+import { useTemplateRef } from 'vue'
+import MyGenericModal from './MyGenericModal.vue'
+import type { ComponentExposed } from 'vue-component-type-helpers'
 
-const modal = ref<InstanceType<typeof MyModal> | null>(null)
+const modal = useTemplateRef<ComponentExposed<typeof MyGenericModal>>('modal')
 
 const openModal = () => {
-  modal.value?.open()
+  modal.value?.open('newValue')
 }
 </script>
 ```
 
-Note if you want to use this technique in TypeScript files instead of Vue SFCs, you need to enable Volar's [Takeover Mode](./overview.html#takeover-mode).
+Note that with `@vue/language-tools` 2.1+, static template refs' types can be automatically inferred and the above is only needed in edge cases.
diff --git a/src/guide/typescript/images/takeover-mode.png b/src/guide/typescript/images/takeover-mode.png
deleted file mode 100644
index bf3be082b1..0000000000
Binary files a/src/guide/typescript/images/takeover-mode.png and /dev/null differ
diff --git a/src/guide/typescript/options-api.md b/src/guide/typescript/options-api.md
index 83363615a0..0532d3a39a 100644
--- a/src/guide/typescript/options-api.md
+++ b/src/guide/typescript/options-api.md
@@ -1,4 +1,4 @@
-# TypeScript with Options API
+# TypeScript with Options API {#typescript-with-options-api}
 
 > This page assumes you've already read the overview on [Using Vue with TypeScript](./overview).
 
@@ -6,7 +6,7 @@
 While Vue does support TypeScript usage with Options API, it is recommended to use Vue with TypeScript via Composition API as it offers simpler, more efficient and more robust type inference.
 :::
 
-## Typing Component Props
+## Typing Component Props {#typing-component-props}
 
 Type inference for props in Options API requires wrapping the component with `defineComponent()`. With it, Vue is able to infer the types for the props based on the `props` option, taking additional options such as `required: true` and `default` into account:
 
@@ -23,7 +23,7 @@ export default defineComponent({
   },
   mounted() {
     this.name // type: string | undefined
-    this.id // type" number | string | undefined
+    this.id // type: number | string | undefined
     this.msg // type: string
     this.metadata // type: any
   }
@@ -35,7 +35,8 @@ However, the runtime `props` options only support using constructor functions as
 To annotate complex props types, we can use the `PropType` utility type:
 
 ```ts
-import { defineComponent, PropType } from 'vue'
+import { defineComponent } from 'vue'
+import type { PropType } from 'vue'
 
 interface Book {
   title: string
@@ -64,12 +65,13 @@ export default defineComponent({
 })
 ```
 
-### Caveats
+### Caveats {#caveats}
 
-Because of a [design limitation](https://github.com/microsoft/TypeScript/issues/38845) in TypeScript, you have to be careful when using function values for `validator` and `default` prop options - make sure to use arrow functions:
+If your TypeScript version is less than `4.7`, you have to be careful when using function values for `validator` and `default` prop options - make sure to use arrow functions:
 
 ```ts
-import { defineComponent, PropType } from 'vue'
+import { defineComponent } from 'vue'
+import type { PropType } from 'vue'
 
 interface Book {
   title: string
@@ -80,7 +82,7 @@ export default defineComponent({
   props: {
     bookA: {
       type: Object as PropType<Book>,
-      // Make sure to use arrow functions
+      // Make sure to use arrow functions if your TypeScript version is less than 4.7
       default: () => ({
         title: 'Arrow Function Expression'
       }),
@@ -90,9 +92,9 @@ export default defineComponent({
 })
 ```
 
-This prevents TypeScript from having to infer the type of `this` inside these functions, which, unfortunately, can cause the type inference to fail.
+This prevents TypeScript from having to infer the type of `this` inside these functions, which, unfortunately, can cause the type inference to fail. It was a previous [design limitation](https://github.com/microsoft/TypeScript/issues/38845), and now has been improved in [TypeScript 4.7](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-7.html#improved-function-inference-in-objects-and-methods).
 
-## Typing Component Emits
+## Typing Component Emits {#typing-component-emits}
 
 We can declare the expected payload type for an emitted event using the object syntax of the `emits` option. Also, all non-declared emitted events will throw a type error when called:
 
@@ -118,7 +120,7 @@ export default defineComponent({
 })
 ```
 
-## Typing Computed Properties
+## Typing Computed Properties {#typing-computed-properties}
 
 A computed property infers its type based on its return value:
 
@@ -174,7 +176,7 @@ export default defineComponent({
 
 Explicit annotations may also be required in some edge cases where TypeScript fails to infer the type of a computed property due to circular inference loops.
 
-## Typing Event Handlers
+## Typing Event Handlers {#typing-event-handlers}
 
 When dealing with native DOM events, it might be useful to type the argument we pass to the handler correctly. Let's take a look at this example:
 
@@ -197,7 +199,7 @@ export default defineComponent({
 </template>
 ```
 
-Without type annotation, the `event` argument will implicitly have a type of `any`. This will also result in a TS error if `"strict": true` or `"noImplicitAny": true` are used in `tsconfig.json`. It is therefore recommended to explicitly annotate the argument of event handlers. In addition, you may need to explicitly cast properties on `event`:
+Without type annotation, the `event` argument will implicitly have a type of `any`. This will also result in a TS error if `"strict": true` or `"noImplicitAny": true` are used in `tsconfig.json`. It is therefore recommended to explicitly annotate the argument of event handlers. In addition, you may need to use type assertions when accessing the properties of `event`:
 
 ```ts
 import { defineComponent } from 'vue'
@@ -211,9 +213,9 @@ export default defineComponent({
 })
 ```
 
-## Augmenting Global Properties
+## Augmenting Global Properties {#augmenting-global-properties}
 
-Some plugins install globally available properties to all component instances via [`app.config.globalProperties`](/api/application.html#app-config-globalproperties). For example, we may install `this.$http` for data-fetching or `this.$translate` for internationalization. To make this play well with TypeScript, Vue exposes a `ComponentCustomProperties` interface designed to be augmented via [TypeScript module augmentation](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#module-augmentation):
+Some plugins install globally available properties to all component instances via [`app.config.globalProperties`](/api/application#app-config-globalproperties). For example, we may install `this.$http` for data-fetching or `this.$translate` for internationalization. To make this play well with TypeScript, Vue exposes a `ComponentCustomProperties` interface designed to be augmented via [TypeScript module augmentation](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#module-augmentation):
 
 ```ts
 import axios from 'axios'
@@ -228,15 +230,35 @@ declare module 'vue' {
 
 See also:
 
-- [TypeScript unit tests for component type extensions](https://github.com/vuejs/core/blob/main/test-dts/componentTypeExtensions.test-d.tsx)
+- [TypeScript unit tests for component type extensions](https://github.com/vuejs/core/blob/main/packages-private/dts-test/componentTypeExtensions.test-d.tsx)
 
-### Type Augmentation Placement
+### Type Augmentation Placement {#type-augmentation-placement}
 
 We can put this type augmentation in a `.ts` file, or in a project-wide `*.d.ts` file. Either way, make sure it is included in `tsconfig.json`. For library / plugin authors, this file should be specified in the `types` property in `package.json`.
 
 In order to take advantage of module augmentation, you will need to ensure the augmentation is placed in a [TypeScript module](https://www.typescriptlang.org/docs/handbook/modules.html). That is to say, the file needs to contain at least one top-level `import` or `export`, even if it is just `export {}`. If the augmentation is placed outside of a module, it will overwrite the original types rather than augmenting them!
 
-## Augmenting Custom Options
+```ts
+// Does not work, overwrites the original types.
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $translate: (key: string) => string
+  }
+}
+```
+
+```ts
+// Works correctly
+export {}
+
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $translate: (key: string) => string
+  }
+}
+```
+
+## Augmenting Custom Options {#augmenting-custom-options}
 
 Some plugins, for example `vue-router`, provide support for custom component options such as `beforeRouteEnter`:
 
@@ -264,8 +286,8 @@ declare module 'vue' {
 
 Now the `beforeRouteEnter` option will be properly typed. Note this is just an example - well-typed libraries like `vue-router` should automatically perform these augmentations in their own type definitions.
 
-The placement of this augmentation is subject the [same restrictions](#type-augmentation-placement) as global property augmentations.
+The placement of this augmentation is subject to the [same restrictions](#type-augmentation-placement) as global property augmentations.
 
 See also:
 
-- [TypeScript unit tests for component type extensions](https://github.com/vuejs/core/blob/main/test-dts/componentTypeExtensions.test-d.tsx)
+- [TypeScript unit tests for component type extensions](https://github.com/vuejs/core/blob/main/packages-private/dts-test/componentTypeExtensions.test-d.tsx)
diff --git a/src/guide/typescript/overview.md b/src/guide/typescript/overview.md
index d39070b560..51c1ac5ce3 100644
--- a/src/guide/typescript/overview.md
+++ b/src/guide/typescript/overview.md
@@ -2,78 +2,58 @@
 outline: deep
 ---
 
-# Using Vue with TypeScript
+# Using Vue with TypeScript {#using-vue-with-typescript}
 
 A type system like TypeScript can detect many common errors via static analysis at build time. This reduces the chance of runtime errors in production, and also allows us to more confidently refactor code in large-scale applications. TypeScript also improves developer ergonomics via type-based auto-completion in IDEs.
 
 Vue is written in TypeScript itself and provides first-class TypeScript support. All official Vue packages come with bundled type declarations that should work out-of-the-box.
 
-## Project Setup
+## Project Setup {#project-setup}
 
 [`create-vue`](https://github.com/vuejs/create-vue), the official project scaffolding tool, offers the options to scaffold a [Vite](https://vitejs.dev/)-powered, TypeScript-ready Vue project.
 
-### Overview
+### Overview {#overview}
 
 With a Vite-based setup, the dev server and the bundler are transpilation-only and do not perform any type-checking. This ensures the Vite dev server stays blazing fast even when using TypeScript.
 
 - During development, we recommend relying on a good [IDE setup](#ide-support) for instant feedback on type errors.
 
-- If using SFCs, use the [`vue-tsc`](https://github.com/johnsoncodehk/volar/tree/master/packages/vue-tsc) utility for command line type checking and type declaration generation. `vue-tsc` is a wrapper around `tsc`, TypeScript's own command line interface. It works largely the same as `tsc` except that it supports Vue SFCs in addition to TypeScript files.
-
-- `vue-tsc` currently does not support watch mode, but it is on the roadmap. In the meanwhile, if you prefer having type checking as part of your dev command, check out [vite-plugin-checker](https://github.com/fi3ework/vite-plugin-checker).
+- If using SFCs, use the [`vue-tsc`](https://github.com/vuejs/language-tools/tree/master/packages/tsc) utility for command line type checking and type declaration generation. `vue-tsc` is a wrapper around `tsc`, TypeScript's own command line interface. It works largely the same as `tsc` except that it supports Vue SFCs in addition to TypeScript files. You can run `vue-tsc` in watch mode in parallel to the Vite dev server, or use a Vite plugin like [vite-plugin-checker](https://vite-plugin-checker.netlify.app/) which runs the checks in a separate worker thread.
 
 - Vue CLI also provides TypeScript support, but is no longer recommended. See [notes below](#note-on-vue-cli-and-ts-loader).
 
-### IDE Support
+### IDE Support {#ide-support}
 
-- [Visual Studio Code](https://code.visualstudio.com/) (VSCode) is strongly recommended for its great out-of-the-box support for TypeScript.
+- [Visual Studio Code](https://code.visualstudio.com/) (VS Code) is strongly recommended for its great out-of-the-box support for TypeScript.
 
-  - [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) is the official VSCode extension that provides TypeScript support inside Vue SFCs, along with many other great features.
+  - [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) is the official VS Code extension that provides TypeScript support inside Vue SFCs, along with many other great features.
 
     :::tip
-    Volar replaces [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur), our previous official VSCode extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects.
+    Vue - Official extension replaces [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur), our previous official VS Code extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects.
     :::
 
-  - [TypeScript Vue Plugin](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin) is also needed to get type support for `*.vue` imports in TS files.
-
-- [WebStorm](https://www.jetbrains.com/webstorm/) also provides out-of-the-box support for both TypeScript and Vue. Other JetBrains IDEs support them too, either out of the box or via [a free plugin](https://plugins.jetbrains.com/plugin/9442-vue-js).
+- [WebStorm](https://www.jetbrains.com/webstorm/) also provides out-of-the-box support for both TypeScript and Vue. Other JetBrains IDEs support them too, either out of the box or via [a free plugin](https://plugins.jetbrains.com/plugin/9442-vue-js). As of version 2023.2, WebStorm and the Vue Plugin come with built-in support for the Vue Language Server. You can set the Vue service to use Volar integration on all TypeScript versions, under Settings > Languages & Frameworks > TypeScript > Vue. By default, Volar will be used for TypeScript versions 5.0 and higher.
 
-### Configuring `tsconfig.json`
+### Configuring `tsconfig.json` {#configuring-tsconfig-json}
 
-Projects scaffolded via `create-vue` include pre-configured `tsconfig.json`. The base config is abstracted in the [`@vue/tsconfig`](https://github.com/vuejs/tsconfig) package. Inside the project, we use [Project References](https://www.typescriptlang.org/docs/handbook/project-references.html) to ensure correct types for code running in different environments (e.g. app vs. test).
+Projects scaffolded via `create-vue` include pre-configured `tsconfig.json`. The base config is abstracted in the [`@vue/tsconfig`](https://github.com/vuejs/tsconfig) package. Inside the project, we use [Project References](https://www.typescriptlang.org/docs/handbook/project-references.html) to ensure correct types for code running in different environments (e.g. app code and test code should have different global variables).
 
 When configuring `tsconfig.json` manually, some notable options include:
 
-- [`compilerOptions.isolatedModules`](https://www.typescriptlang.org/tsconfig#isolatedModules) is set to `true` because Vite uses [esbuild](https://esbuild.github.io/) for transpiling TypeScript and is subject to single-file transpile limitations.
+- [`compilerOptions.isolatedModules`](https://www.typescriptlang.org/tsconfig#isolatedModules) is set to `true` because Vite uses [esbuild](https://esbuild.github.io/) for transpiling TypeScript and is subject to single-file transpile limitations. [`compilerOptions.verbatimModuleSyntax`](https://www.typescriptlang.org/tsconfig#verbatimModuleSyntax) is [a superset of `isolatedModules`](https://github.com/microsoft/TypeScript/issues/53601) and is a good choice, too - it's what [`@vue/tsconfig`](https://github.com/vuejs/tsconfig) uses.
 
 - If you're using Options API, you need to set [`compilerOptions.strict`](https://www.typescriptlang.org/tsconfig#strict) to `true` (or at least enable [`compilerOptions.noImplicitThis`](https://www.typescriptlang.org/tsconfig#noImplicitThis), which is a part of the `strict` flag) to leverage type checking of `this` in component options. Otherwise `this` will be treated as `any`.
 
 - If you have configured resolver aliases in your build tool, for example the `@/*` alias configured by default in a `create-vue` project, you need to also configure it for TypeScript via [`compilerOptions.paths`](https://www.typescriptlang.org/tsconfig#paths).
 
+- If you intend to use TSX with Vue, set [`compilerOptions.jsx`](https://www.typescriptlang.org/tsconfig#jsx) to `"preserve"`, and set [`compilerOptions.jsxImportSource`](https://www.typescriptlang.org/tsconfig#jsxImportSource) to `"vue"`.
+
 See also:
 
 - [Official TypeScript compiler options docs](https://www.typescriptlang.org/docs/handbook/compiler-options.html)
 - [esbuild TypeScript compilation caveats](https://esbuild.github.io/content-types/#typescript-caveats)
 
-### Takeover Mode
-
-> This section only applies for VSCode + Volar.
-
-To get Vue SFCs and TypeScript working together, Volar creates a separate TS language service instance patched with Vue-specific support, and uses it in Vue SFCs. At the same time, plain TS files are still handled by VSCode's built-in TS language service, which is why we need [TypeScript Vue Plugin](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin) to support Vue SFC imports in TS files. This default setup works, but for each project we are running two TS language service instances: one from Volar, one from VSCode's built-in service. This is a bit inefficient and can lead to performance issues in large projects.
-
-Volar provides a feature called "Takeover Mode" to improve performance. In takeover mode, Volar provides support for both Vue and TS files using a single TS language service instance.
-
-To enable Takeover Mode, you need to disable VSCode's built-in TS language service in **your project's workspace only** by following these steps:
-
-1. In your project workspace, bring up the command palette with `Ctrl + Shift + P` (macOS: `Cmd + Shift + P`).
-2. Type `built` and select "Extensions: Show Built-in Extensions".
-3. Type `typescript` in the extension search box (do not remove `@builtin` prefix).
-4. Click the little gear icon of "TypeScript and JavaScript Language Features", and select "Disable (Workspace)".
-5. Reload the workspace. Takeover mode will be enabled when you open a Vue or TS file.
-
-<img src="http://github.com/images/takeover-mode.png" width="590" height="426" style="margin:0px auto;border-radius:8px">
-
-### Note on Vue CLI and `ts-loader`
+### Note on Vue CLI and `ts-loader` {#note-on-vue-cli-and-ts-loader}
 
 In webpack-based setups such as Vue CLI, it is common to perform type checking as part of the module transform pipeline, for example with `ts-loader`. This, however, isn't a clean solution because the type system needs knowledge of the entire module graph to perform type checks. Individual module's transform step simply is not the right place for the task. It leads to the following problems:
 
@@ -85,11 +65,11 @@ In webpack-based setups such as Vue CLI, it is common to perform type checking a
 
 If you are currently using Vue 3 + TypeScript via Vue CLI, we strongly recommend migrating over to Vite. We are also working on CLI options to enable transpile-only TS support, so that you can switch to `vue-tsc` for type checking.
 
-## General Usage Notes
+## General Usage Notes {#general-usage-notes}
 
-### `defineComponent()`
+### `defineComponent()` {#definecomponent}
 
-To let TypeScript properly infer types inside component options, we need to define components with [`defineComponent()`](/api/general.html#definecomponent):
+To let TypeScript properly infer types inside component options, we need to define components with [`defineComponent()`](/api/general#definecomponent):
 
 ```ts
 import { defineComponent } from 'vue'
@@ -129,13 +109,16 @@ export default defineComponent({
 })
 ```
 
-See also: [type tests for `defineComponent`](https://github.com/vuejs/core/blob/main/test-dts/defineComponent.test-d.tsx)
+See also:
+
+- [Note on webpack Treeshaking](/api/general#note-on-webpack-treeshaking)
+- [type tests for `defineComponent`](https://github.com/vuejs/core/blob/main/packages-private/dts-test/defineComponent.test-d.tsx)
 
 :::tip
 `defineComponent()` also enables type inference for components defined in plain JavaScript.
 :::
 
-### Usage in Single-File Components
+### Usage in Single-File Components {#usage-in-single-file-components}
 
 To use TypeScript in SFCs, add the `lang="ts"` attribute to `<script>` tags. When `lang="ts"` is present, all template expressions also enjoy stricter type checking.
 
@@ -174,7 +157,7 @@ const count = ref(1)
 </template>
 ```
 
-### TypeScript in Templates
+### TypeScript in Templates {#typescript-in-templates}
 
 The `<template>` also supports TypeScript in binding expressions when `<script lang="ts">` or `<script setup lang="ts">` is used. This is useful in cases where you need to perform type casting in template expressions.
 
@@ -207,7 +190,18 @@ let x: string | number = 1
 If using Vue CLI or a webpack-based setup, TypeScript in template expressions requires `vue-loader@^16.8.0`.
 :::
 
-## API-Specific Recipes
+### Usage with TSX {#usage-with-tsx}
+
+Vue also supports authoring components with JSX / TSX. Details are covered in the [Render Function & JSX](/guide/extras/render-function.html#jsx-tsx) guide.
+
+## Generic Components {#generic-components}
+
+Generic components are supported in two cases:
+
+- In SFCs: [`<script setup>` with the `generic` attribute](/api/sfc-script-setup.html#generics)
+- Render function / JSX components: [`defineComponent()`'s function signature](/api/general.html#function-signature)
+
+## API-Specific Recipes {#api-specific-recipes}
 
 - [TS with Composition API](./composition-api)
 - [TS with Options API](./options-api)
diff --git a/src/index.md b/src/index.md
index eea7f0898c..1f6b4783bf 100644
--- a/src/index.md
+++ b/src/index.md
@@ -4,7 +4,7 @@ title: Vue.js - The Progressive JavaScript Framework
 ---
 
 <script setup>
-import Home from '/@theme/components/Home.vue'
+import Home from '@theme/components/Home.vue'
 </script>
 
 <Home />
diff --git a/src/partners/[partnerId].md b/src/partners/[partnerId].md
new file mode 100644
index 0000000000..83745e5c7d
--- /dev/null
+++ b/src/partners/[partnerId].md
@@ -0,0 +1,13 @@
+---
+page: true
+footer: false
+---
+
+<script setup>
+import { useData } from 'vitepress'
+import Page from './components/PartnerPage.vue'
+
+const { page } = useData()
+</script>
+
+<Page :partner="page.params.partnerId" />
diff --git a/src/partners/[partnerId].paths.ts b/src/partners/[partnerId].paths.ts
new file mode 100644
index 0000000000..070d87a6cb
--- /dev/null
+++ b/src/partners/[partnerId].paths.ts
@@ -0,0 +1,12 @@
+import partners from './partners.json'
+import { normalizeName } from './components/utils'
+
+export default {
+  paths: partners.map((p) => {
+    return {
+      params: {
+        partnerId: normalizeName(p.name)
+      }
+    }
+  })
+}
diff --git a/src/partners/all.md b/src/partners/all.md
new file mode 100644
index 0000000000..0bc3eb84b0
--- /dev/null
+++ b/src/partners/all.md
@@ -0,0 +1,10 @@
+---
+page: true
+footer: false
+---
+
+<script setup>
+import PartnerAll from './components/PartnerAll.vue'
+</script>
+
+<PartnerAll />
diff --git a/src/partners/components/PartnerAll.vue b/src/partners/components/PartnerAll.vue
new file mode 100644
index 0000000000..2421df5655
--- /dev/null
+++ b/src/partners/components/PartnerAll.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import PartnerHero from './PartnerHero.vue'
+import PartnerList from './PartnerList.vue'
+import PartnerJoin from './PartnerJoin.vue'
+import { Partner } from './type'
+import { VTIconSearch } from '@vue/theme'
+
+const query = ref('')
+
+function filter(p: Partner): boolean {
+  return (
+    includes(p.name, query.value) ||
+    p.region.some((r) => includes(r, query.value))
+  )
+}
+
+function includes(a: string, b: string) {
+  return a.toLowerCase().includes(b.toLowerCase())
+}
+</script>
+
+<template>
+  <PartnerHero title="Browser All Partners" />
+  <div class="container">
+    <VTIconSearch class="icon" />
+    <input
+      placeholder="Search partners by name or region"
+      v-model="query"
+    />
+    <PartnerList :filter="filter" />
+  </div>
+  <PartnerJoin />
+</template>
+
+<style scoped>
+input {
+  width: 100%;
+  padding: 8px 12px 8px 32px;
+  border-bottom: 1px solid var(--vt-c-divider-light);
+  margin-bottom: 2em;
+}
+
+.container {
+  max-width: 960px;
+  margin: 1em auto 2em;
+  padding: 0 28px;
+  position: relative;
+}
+
+.icon {
+  width: 18px;
+  height: 18px;
+  fill: var(--vt-c-text-3);
+  position: absolute;
+  top: 12px;
+  left: 32px;
+}
+</style>
diff --git a/src/partners/components/PartnerCard.vue b/src/partners/components/PartnerCard.vue
new file mode 100644
index 0000000000..c3dc8a8f90
--- /dev/null
+++ b/src/partners/components/PartnerCard.vue
@@ -0,0 +1,198 @@
+<script setup lang="ts">
+import { Partner } from './type'
+import { normalizeName, getHero, getLogo, track } from './utils'
+import Location from './PartnerLocation.vue'
+
+const props = defineProps<{
+  data: Partner
+  hero?: boolean
+  page?: boolean
+}>()
+
+const {
+  name,
+  intro,
+  region,
+  logo,
+  hero: heroImg,
+  proficiencies,
+  flipLogo,
+  website
+} = props.data
+</script>
+
+<template>
+  <component
+    :is="page ? 'div' : 'a'"
+    class="partner-card"
+    :class="{ hero, page, flipLogo }"
+    :href="'/partners/' + normalizeName(name) + '.html'"
+  >
+    <div class="info">
+      <a :href="http://github.com/website.url" target="_blank" @click="track">
+        <img
+          class="logo dark"
+          v-if="hero && flipLogo"
+          :src="http://github.com/getLogo(logo,%20flipLogo)"
+        />
+        <img class="logo" v-if="hero" :src="http://github.com/getLogo(logo)" />
+        <h3 v-else>{{ name }}</h3>
+      </a>
+
+      <p class="region"><Location /> {{ region.join(', ') }}</p>
+
+      <p>{{ intro }}</p>
+
+      <h4 v-if="hero">Proficiencies</h4>
+      <p v-if="hero">
+        <span class="proficiency" v-for="p in proficiencies">{{ p }}</span>
+      </p>
+    </div>
+    <img class="big" :src="http://github.com/getHero(heroImg,%20name)" :alt="name + ' hero'" />
+  </component>
+</template>
+
+<style scoped>
+.partner-card {
+  background-color: var(--vt-c-bg);
+  padding: 24px 28px;
+  border-radius: 4px;
+  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.05);
+  display: flex;
+  flex-direction: column;
+  width: 48.5%;
+  margin-bottom: 36px;
+  font-size: 15px;
+  transition: background-color 0.5s, box-shadow 0.25s ease,
+    border-color 0.25s ease;
+}
+
+.partner-card.hero {
+  font-size: 16px;
+  flex-direction: row;
+  width: 100%;
+}
+
+.partner-card.page {
+  padding: 0;
+}
+
+h3 {
+  font-size: 1.3em;
+  font-weight: 700;
+  letter-spacing: -0.1px;
+  margin-bottom: 1em;
+}
+
+.logo {
+  margin-bottom: 1em;
+  max-width: 240px;
+  max-height: 120px;
+}
+
+.logo.dark,
+.dark .flipLogo .logo:not(.dark) {
+  display: none;
+}
+
+.dark .logo.dark {
+  display: inline-block;
+}
+
+.partner-card:not(.hero) .big {
+  margin-top: auto;
+}
+
+.partner-card.hero .info {
+  margin-right: 2em;
+}
+.partner-card.hero .big {
+  display: inline-block;
+  margin-left: auto;
+  max-width: 60%;
+  max-height: 360px;
+  object-fit: cover;
+}
+
+@media (max-width: 768px) {
+  .partner-card {
+    width: 100%;
+  }
+  .partner-card.hero {
+    flex-direction: column;
+  }
+  .logo {
+    max-width: 200px;
+  }
+  .partner-card.hero .big {
+    width: 100%;
+    max-width: 100%;
+  }
+}
+
+.partner-card:hover {
+  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
+}
+
+.partner-card:hover h3 {
+  color: var(--vt-c-green);
+}
+
+.partner-card h3 {
+  transition: color 0.25s ease;
+}
+
+.dark .partner-card,
+.partner-card.page {
+  box-shadow: none !important;
+}
+
+.dark .partner-card:not(.hero) {
+  border: 1px solid var(--vt-c-divider-light);
+}
+
+.dark .partner-card:not(.hero):hover {
+  border-color: #555;
+}
+
+.partner-card h3 {
+  font-size: 1.5em;
+  font-weight: 700;
+  letter-spacing: -0.1px;
+  margin-bottom: 0.4em;
+}
+
+.partner-card p {
+  margin-bottom: 1.6em;
+}
+
+.region {
+  color: var(--vt-c-text-2);
+  font-size: 0.9em;
+}
+
+.region svg {
+  display: inline-block;
+  opacity: 0.5;
+  position: relative;
+  top: -1px;
+  left: -2px;
+}
+
+h4 {
+  font-size: 1.2em;
+  font-weight: 600;
+  margin-bottom: 0.6em;
+}
+
+.proficiency {
+  display: inline-block;
+  color: var(--vt-c-text-code);
+  font-weight: 600;
+  font-size: 0.85em;
+  margin: 2px;
+  background-color: var(--vt-c-bg-mute);
+  padding: 4px 10px;
+  border-radius: 6px;
+}
+</style>
diff --git a/src/partners/components/PartnerHero.vue b/src/partners/components/PartnerHero.vue
new file mode 100644
index 0000000000..e4339de332
--- /dev/null
+++ b/src/partners/components/PartnerHero.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import PageHero from '@theme/components/PageHero.vue'
+
+defineProps<{ title?: string }>()
+</script>
+
+<template>
+  <PageHero>
+    <template #title>{{ title || 'Vue Partners' }}</template>
+    <template #lead>
+      <p>
+        Vue Partners are Vue-team endorsed agencies that provide first-class
+        Vue consulting and development services. If your company is
+        interested in being listed as a partner, please
+        <a class="link" href="https://airtable.com/shrCQhat57SApJI2l" target="_blank"
+          >register your interest here</a
+        >.
+      </p>
+    </template>
+  </PageHero>
+</template>
diff --git a/src/partners/components/PartnerJoin.vue b/src/partners/components/PartnerJoin.vue
new file mode 100644
index 0000000000..d29f180e2f
--- /dev/null
+++ b/src/partners/components/PartnerJoin.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import CallToActionSection from '@theme/components/CallToActionSection.vue'
+</script>
+
+<template>
+  <CallToActionSection
+    title="Grow your business with Vue"
+    description="Generate leads for new projects, boost your credibility to your clients, and support the long term sustainability of Vue.js and its ecosystem."
+    link="https://airtable.com/shrCQhat57SApJI2l"
+    linkText="Become a partner"
+  />
+</template>
diff --git a/src/partners/components/PartnerLanding.vue b/src/partners/components/PartnerLanding.vue
new file mode 100644
index 0000000000..a12f731091
--- /dev/null
+++ b/src/partners/components/PartnerLanding.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import PartnerHero from './PartnerHero.vue'
+import PartnerCard from './PartnerCard.vue'
+import PartnerList from './PartnerList.vue'
+import PartnerJoin from './PartnerJoin.vue'
+import PageShowcaseListLayout from '@theme/components/PageShowcaseListLayout.vue'
+import data from '../partners.json'
+import { Partner } from './type'
+
+const spotlighted = ref<Partner | null>(null)
+
+onMounted(() => {
+  const plat = (data as Partner[]).filter((d) => d.platinum)
+  spotlighted.value = plat[Math.floor(Math.random() * plat.length)]
+})
+</script>
+
+<template>
+  <PageShowcaseListLayout
+    spotlightTitle="Partner Spotlight"
+    featuredTitle="Featured Partners"
+    browseLinkText="Browse All Partners"
+    browseLinkUrl="./all.html"
+  >
+    <template #hero>
+      <PartnerHero />
+    </template>
+
+    <template #spotlight>
+      <PartnerCard v-if="spotlighted" hero :data="spotlighted" />
+    </template>
+
+    <template #featured-list>
+      <PartnerList :filter="(p) => p.platinum" showLinkToAll />
+    </template>
+
+    <template #join>
+      <PartnerJoin />
+    </template>
+  </PageShowcaseListLayout>
+</template>
diff --git a/src/partners/components/PartnerList.vue b/src/partners/components/PartnerList.vue
new file mode 100644
index 0000000000..4ae21fb026
--- /dev/null
+++ b/src/partners/components/PartnerList.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import partnersRaw from '../partners.json'
+import PartnerCard from './PartnerCard.vue'
+import { Partner } from './type'
+import CardList from '@theme/components/CardList.vue'
+
+const props = defineProps<{
+  filter?: (p: Partner) => boolean | undefined
+  showLinkToAll?: boolean
+}>()
+
+</script>
+
+<template>
+  <CardList
+    :items="partnersRaw"
+    :filter="props.filter"
+    :cardComponent="PartnerCard"
+    :showLinkToAll="props.showLinkToAll"
+    browseLinkText="Browse More Developers"
+    browseLinkUrl="./all.html"
+    shuffleItems
+  />
+</template>
diff --git a/src/partners/components/PartnerLocation.vue b/src/partners/components/PartnerLocation.vue
new file mode 100644
index 0000000000..2d6aa09084
--- /dev/null
+++ b/src/partners/components/PartnerLocation.vue
@@ -0,0 +1,23 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class="h-6 w-6"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke="currentColor"
+    stroke-width="2"
+    width="20"
+    height="20"
+  >
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+    />
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+    />
+  </svg>
+</template>
diff --git a/src/partners/components/PartnerPage.vue b/src/partners/components/PartnerPage.vue
new file mode 100644
index 0000000000..5f9dced158
--- /dev/null
+++ b/src/partners/components/PartnerPage.vue
@@ -0,0 +1,171 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import data from '../partners.json'
+import { Partner } from './type'
+import { normalizeName, track } from './utils'
+import PartnerCard from './PartnerCard.vue'
+import { VTIconChevronLeft } from '@vue/theme'
+
+const props = defineProps<{
+  partner: string
+}>()
+
+const p = (data as Partner[]).find(
+  (p) => normalizeName(p.name) === props.partner
+)!
+
+const { name, description, hiring, contact, contactPage, website } = p
+
+const contactLink = computed(() => {
+  return contact ? `mailto:${contact}?subject=Looking for a Vue.js Partner` : contactPage
+})
+</script>
+
+<template>
+  <div class="partner-page">
+    <div class="back">
+      <a href="http://github.com/partners/all.html"
+        ><VTIconChevronLeft class="icon" />Back to all partners</a
+      >
+    </div>
+
+    <PartnerCard hero page :data="p" />
+
+    <div class="description">
+      <h2>About {{ name }}</h2>
+      <p v-for="(desc, index) in description" :key="index" v-html="desc"></p>
+    </div>
+
+    <div class="actions">
+      <a :href="http://github.com/website.url" target="_blank" @click="track"
+        >Visit Website</a
+      >
+      <a
+        v-if="contact || contactPage"
+        class="contact"
+        :href="http://github.com/contactLink"
+        target="_blank"
+        @click="track"
+        >Contact</a
+      >
+    </div>
+
+    <div class="hiring" v-if="hiring">
+      <a :href="http://github.com/hiring" @click="track">{{ name }} is hiring!</a>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.partner-page {
+  max-width: 1080px;
+  margin: 2em auto;
+  padding: 0 28px 64px;
+}
+
+.back {
+  display: block;
+  font-size: 0.9em;
+  font-weight: 600;
+  margin: 24px 0 96px;
+}
+
+.back a {
+  color: var(--vt-c-text-3);
+  transition: color 0.5s;
+}
+
+.back a:hover {
+  color: var(--vt-c-text-2);
+}
+
+.icon {
+  width: 22px;
+  height: 22px;
+  display: inline-block;
+  fill: var(--vt-c-text-3);
+  position: relative;
+  top: -1px;
+  margin-right: 4px;
+}
+
+.description {
+  max-width: 688px;
+  margin: 4em auto;
+}
+
+h2 {
+  font-size: 1.8em;
+  font-weight: 700;
+  margin-top: 96px;
+  margin-bottom: 48px;
+  text-align: center;
+}
+
+.description p {
+  margin-bottom: 1em;
+  font-size: 17px;
+  line-height: 1.6em;
+  color: var(--vt-c-text-2);
+}
+
+.actions {
+  text-align: center;
+  margin-bottom: 24px;
+}
+
+.actions a {
+  text-align: center;
+  background-color: var(--vt-c-brand);
+  color: var(--vt-c-bg);
+  padding: 12px 24px;
+  font-weight: 600;
+  border-radius: 6px;
+  transition: background-color 0.5s, color 0.5s;
+  margin: 0 8px;
+}
+
+.actions a:hover {
+  background-color: var(--vt-c-brand-dark);
+}
+
+.actions a.contact {
+  color: var(--vt-c-text-code);
+  background-color: var(--vt-c-bg-mute);
+}
+
+.actions a.contact:hover {
+  background-color: var(--vt-c-gray-light-4);
+}
+
+.dark .actions a.contact:hover {
+  background-color: var(--vt-c-gray-dark-3);
+}
+
+.hiring {
+  text-align: center;
+}
+
+.hiring a {
+  display: inline-block;
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--vt-c-text-2);
+  border-top: 1px solid var(--vt-c-divider-light);
+  margin-top: 16px;
+  padding-top: 20px;
+}
+
+.hiring a:hover {
+  color: var(--vt-c-green);
+}
+
+@media (max-width: 768px) {
+  .back {
+    margin-bottom: 48px;
+  }
+  h2 {
+    margin-top: 48px;
+  }
+}
+</style>
diff --git a/src/partners/components/type.ts b/src/partners/components/type.ts
new file mode 100644
index 0000000000..1b57932b91
--- /dev/null
+++ b/src/partners/components/type.ts
@@ -0,0 +1,19 @@
+export interface Partner {
+  name: string
+  logo: string
+  hero?: string
+  flipLogo?: boolean
+  intro: string
+  description: string[]
+  proficiencies: string[]
+  region: string[]
+  location: string[]
+  website: {
+    text: string
+    url: string
+  }
+  contact?: string
+  contactPage?: string;
+  hiring?: string
+  platinum?: boolean
+}
diff --git a/src/partners/components/utils.ts b/src/partners/components/utils.ts
new file mode 100644
index 0000000000..fe08b2e20a
--- /dev/null
+++ b/src/partners/components/utils.ts
@@ -0,0 +1,16 @@
+export function track() {
+  fathom.trackGoal('TTDUIE6G', 0)
+}
+
+export function normalizeName(name: string) {
+  return name.toLowerCase().replace(/\s+/g, '')
+}
+
+export function getHero(img: string | undefined, name: string) {
+  return `/images/partners/${img || `${normalizeName(name)}-hero.jpg`}`
+}
+
+export function getLogo(img: string, flip = false) {
+  if (flip) img = img.replace(/(\.\w+$)/, '-dark$1')
+  return `/images/partners/${img}`
+}
diff --git a/src/partners/index.md b/src/partners/index.md
new file mode 100644
index 0000000000..9747c3523e
--- /dev/null
+++ b/src/partners/index.md
@@ -0,0 +1,11 @@
+---
+page: true
+footer: false
+title: Vue Partners
+---
+
+<script setup>
+import PartnerLanding from './components/PartnerLanding.vue'
+</script>
+
+<PartnerLanding />
diff --git a/src/partners/partners.json b/src/partners/partners.json
new file mode 100644
index 0000000000..59bd61e103
--- /dev/null
+++ b/src/partners/partners.json
@@ -0,0 +1,217 @@
+[
+  {
+    "name": "Vehikl",
+    "logo": "vehikl.svg",
+    "flipLogo": true,
+    "intro": "Vehikl has deep knowledge of Vue and will act as an extension of your team. We focus on writing clean, maintainable code. We are passionate about continual improvement, and we practice Mob Programming and Pair Programming on a daily basis.",
+    "description": [
+      "Vehikl is a Team that values Caring, Growing, and Delivering. We instill those values in everything we do, and everyone we work with. Our goal is to be an extension of your development efforts, and build exceptional web and mobile applications.",
+      "Our Team has a strong specialty and deep knowledge of Vue, Laravel, and React frameworks. In addition to this, our Team of 75 has worked with every tech stack you can imagine. We’re proud test-driven developers who focus on writing clean, maintainable code. Our Team is passionate about continual improvement, and we practice Mob Programming and Pair Programming on a daily basis.",
+      "We’ve worked on projects from a wide range of companies ranging from startups to enterprise-level organizations. We are one team with our clients and we share in their successes.",
+      "So what does working with us look like?",
+      "- Daily communication with your team",
+      "- Collaborate with you on weekly or bi-weekly Sprint Planning",
+      "- Demos & Retrospectives at the end of each Sprint",
+      "- Collaborative PR reviews",
+      "- Daily Pairing and Mobbing sessions",
+      "We’re always looking for opportunities to learn new things and refine our skills using lean Agile development, open communication, and collaboration. We combine one-on-one communication, and the iterative values of the Agile methodology to deliver high quality code.",
+      "We’re active members of the JavaScript and PHP community, and love to collaborate with other enthusiasts."
+    ],
+    "proficiencies": ["Vue", "Laravel", "React", "Node.js", "Unity"],
+    "region": ["North America"],
+    "location": ["Ontario, Canada"],
+    "website": {
+      "text": "www.vehikl.com",
+      "url": "https://www.vehikl.com/?utm_source=vue_partners_page"
+    },
+    "contact": "go+vuepartner@vehikl.com",
+    "hiring": "https://vehikl.com/jobs/developer/",
+    "platinum": true
+  },
+  {
+    "name": "Passionate People",
+    "logo": "passionatepeople.png",
+    "flipLogo": true,
+    "intro": "We provide you with additional technical capacity to power-up your digital transformation journeys with our teams of first-class engineers and consultants. Full stack JavaScript Cloud Engineers ready to work with you and your teams.",
+    "description": [
+      "Founded in October 2017, Passionate People is the leading JavaScript consultancy in the Netherlands.",
+      "Our aim is to help our customers speed up their digital transformation initiatives at scale, and our standard is the highest in the sector.",
+      "We have a wide client base spanning industries such as FinTech, E-commerce, Logistics, Supply Chain, Industrial Automation, etc. To achieve their digital goals and to make their products scalable and secure for millions of users, companies such as Albert Heijn Digital, GrandVision, Nationale Nederlanden, Talpa and AKQA have trusted us to deliver top-notch work.",
+      "Besides being the leading JavaScript Consultancy in the Netherlands, Passionate People is also proud to host the largest tech conferences and community events in the world.",
+      "Starting in February 2018 with Frontend Love and Vue.js Amsterdam, we are now responsible for many other conferences in Europe under the Frontend Love brand: React Live, AngularNL, Vue.js Amsterdam, and JS World Conference."
+    ],
+    "proficiencies": ["Vue", "Nuxt", "Node.js", "JAMStack"],
+    "region": ["Europe"],
+    "location": ["Amsterdam, Netherlands"],
+    "website": {
+      "text": "passionatepeople.io",
+      "url": "https://passionatepeople.io/"
+    },
+    "contact": "info@passionatepeople.io",
+    "platinum": true
+  },
+  {
+    "name": "Monterail",
+    "logo": "monterail.png",
+    "hero": "monterail-hero.png",
+    "flipLogo": true,
+    "intro": "Monterail is a full-service software development company from Poland. Since 2010, we have been building innovative software for start-ups, SMBs, and enterprises from various industries globally. Our Vue experts, using battle-tested technologies and frameworks, have delivered more than 30 Vue-based projects.",
+    "description": [
+      "At a full-service consultancy like Monterail, you get every competence under one roof. From concept, to design, and product release. Depending on the product lifecycle stage, we guide clients through building applications from scratch or scaling them quickly.",
+      "A diverse pool of experts, including Product Designers, QA specialists and Business Analysts, take care of professional tech stack consultation and business idea validation. We work within the Agile methodology ensuring smooth communication flow and aim for long-term partnerships. We've developed all kinds of Vue applications from virtual real estate tours to donation platforms.",
+      "Why Monterail?",
+      "- Listed in the Financial Times 1000 rank twice in a row (2018 & 2019)",
+      "- Recognized by Deloitte as one of the fastest-growing tech companies in Central Europe (2016 & 2017)",
+      "- Rated 4.7/5 on Clutch.",
+      "- NPS Score - 71",
+      "- Experts in software development and design with solid business experience",
+      "- A team experienced with remote work in a multicultural environment",
+      "- Detailed budget estimation received in weeks, not months"
+    ],
+    "proficiencies": [
+      "Vue.js",
+      "Ruby on Rails",
+      "Node.js",
+      "React Native",
+      "Flutter"
+    ],
+    "region": ["Europe"],
+    "website": {
+      "text": "www.monterail.com",
+      "url": "https://www.monterail.com/services/vue-js-development?utm_source=partnership&utm_medium=logo&utm_campaign=Vue"
+    },
+    "contact": "hello@monterail.com",
+    "hiring": "https://www.monterail.com/careers?utm_source=vuejs.org&utm_medium=referral&utm_campaign=partner-hiring-link",
+    "platinum": true
+  },
+  {
+    "name": "Curotec",
+    "logo": "curotec.png",
+    "intro": "Work with a team that understands Vue.js inside and out. SaaS and enterprise teams leverage Curotec for best-in-class project execution and staff augmentation services focused on Vue.js.",
+    "description": [
+      "Whether you need a firm to build your idea, support an existing codebase, or augment your front-end dev team, we’ve got you covered. SaaS and enterprise product teams turn to Curotec for a firm that can get the job done right.",
+      "We've got an all-shores model with team members in the US, LATAM, and South Asia. We'll create a flexible engagement for your needs aligned with your budget, timezone, and project goals. We also cover three main focus areas which include:",
+      "- Enterprise software development",
+      "- SaaS product development",
+      "- Headless / Jamstack website development",
+      "If you're looking for a Vue.js-focused front-end development team that writes great quality code and gets stuff done, click the contact button below and get in touch!"
+    ],
+    "region": ["North America", "Latin America"],
+    "proficiencies": [
+      "Vue.js",
+      "Nuxt",
+      "Laravel",
+      "Headless",
+      "Node.js",
+      "Python",
+      "WordPress"
+    ],
+    "website": {
+      "text": "www.curotec.com",
+      "url": "https://www.curotec.com/services/technologies/vuejs/"
+    },
+    "contact": "sales@curotec.com",
+    "hiring": "https://www.curotec.com/careers?source=vuejs-partner",
+    "platinum": true
+  },
+  {
+    "name": "Redberry",
+    "logo": "redberry.png",
+    "intro": "We are a 100+ award-winning, Laravel & Vue partner software design, development, and growth marketing agency from Tbilisi. In 8 years, we have taken 300+ products from zero to hero using Vue, Laravel, React and React Native for clients ranging from startups and government institutions to international agencies and enterprises.",
+    "description": [
+      "Redberry was born in 2014 as a four friends’ venture to bring digital transformation to the brick-to-mortar business in Georgia. Today, we are more than 150 and represent the biggest Georgian agency. We are multifaceted in every way - technology, services, people. We accompany our clients along the entire product journey - from product design to development to its growth. We boast a 100+ international award-winning team of legendary UX/UI designers, software developers, DevOps engineers, project managers, scrum masters, digital strategists, copywriters, content creators, and growth hackers. So call us your swiss-army-knife digital partner if you like; we do.",
+      "While we are a top-tier agency, one of the most beautiful things about us is our location, both literally and metaphorically. We are based in Georgia (country, not the state), where IT outsourcing is almost tax-free. As a result, our EU and US-based partner startups, agencies, and companies enjoy a longer runway and more significant project margins. Luckily, we have a substantial capacity and easy access to the rapidly growing local tech talent, so we are our clients’ reliable and scalable partner.",
+      "Besides being an official Laravel and now Vue Partner software house, we are a Google and Facebook partner creative growth agency, making us an ideal, full-service partner for 80+ companies of all sizes to grow their business progressively. It has also earned us the Best Agency of the Year titles twice in 3 years, 2019 and 2021. Our client’s business is our business, so we remain results-oriented at all times, on and off work hours, weekdays and weekends, to ensure we deliver the solutions that drive your business results. That mindset has shaped our list of clients with industry leaders and runner-ups in finance, insurance, real estate, auto, education, healthcare, etc.",
+      "As for the methodology, running our startup studio has imprinted agile into our DNA. We have built a dozen MVPs and continued developing them over time according to the ever-changing business requirements, honing our ability to optimize for low initial time-to-market and high development velocity on any project we take on. We also internalized and standardized setting up and maintaining adequate codebase test coverage and regularly using CI/CD pipelines, making our lives and codes that much more manageable.",
+      "If you would like to collaborate on extending your product team, you can contact us through our website."
+    ],
+    "region": ["Europe"],
+    "proficiencies": [
+      "Vue",
+      "Laravel",
+      "Node.js",
+      "React",
+      "React Native"
+    ],
+    "website": {
+      "text": "redberry.international",
+      "url": "https://redberry.international/"
+    },
+    "contact": "nini.doggo@redberry.ge"
+  },
+  {
+    "name": "WebReinvent",
+    "logo": "webreinvent.png",
+    "intro": "WebReinvent is a software development company that provides a range of end-to-end software products, real-time apps, multi-tenant SaaS applications, low latency API & mobile app development services. We have delivered MVP to enterprise-level software globally from startup to MNC. Email us, and let's build your software product.",
+    "description": [
+      "WebReinvent is a process-oriented software development company that provides a range of end-to-end software products, real-time apps, multi-tenant SaaS applications, low latency API & mobile apps development services. Our team is well versed with VueJs and its ecosystem. We have delivered MVP to enterprise-level software from startup to MNC. Not only client projects we have developed multiple open-source products which are based on VueJs. We are proud to mention that we are one of the few official Laravel & Nuxt partners too.",
+      "Our team loves to follow the industry standards, some of which are managing git repo, code review, release deployments via CI/CD (DevOps), automated software testing, maintaining detailed technical documentation, application performance monitoring, etc.",
+      "Email us, and let's build your software product."
+    ],
+    "region": ["North America", "Asia", "Europe"],
+    "proficiencies": ["Vue", "Laravel", "Nuxt", "Ionic", "Node.js"],
+    "website": {
+      "text": "webreinvent.com",
+      "url": "https://webreinvent.com/?utm_source=vuejs.org&utm_medium=website&utm_campaign=partners"
+    },
+    "contact": "we@webreinvent.com",
+    "hiring": "https://webreinvent.com/career?utm_source=vuejs.org&utm_medium=website&utm_campaign=partner-hiring-link"
+  },
+  {
+    "name": "HeroDevs",
+    "logo": "herodevs.png",
+    "flipLogo": true,
+    "hero": "herodevs-hero.png",
+    "intro": "End-of-life of open source software versions creates massive challenges for companies. HeroDevs offers two solutions: (1) We provide never-ending support for sunsetted open source software, and (2)  we provide consulting and engineering to help companies migrate to in-support open source software.",
+    "description": [
+      "When open source software is reaching end-of-life, you’re faced with a difficult decision: do you spend months or years of dev time migrating your code, or do you risk being non-compliant with industry regulations and your company’s SLAs?",
+      "At HeroDevs we pride ourselves in being the experts that help you navigate end-of-life events in your technology stack. Companies offering enterprise support for open source libraries stop at the end of life. That’s where our value prop begins with our Never-Ending Support (NES) products. Our team has not only provided over 450 organizations with supported, secured versions of open source software beyond their end of life, but has also helped dozens of companies migrate their codebase to a modern, supported open source stack.",
+      "With all NES Products we offer: continuous source code scanning for vulnerabilities, 5-minute installation without leaving your network, scanning for possible IP infringement in your code, and checks for platform, browser and 3rd-party library compatibility.",
+      "Need to migrate? HeroDevs can help with that too. Hire our team of experts to help you navigate the challenges that come with migrating your code.",
+      "Want to learn more? Find us at herodevs.com or send us a note at hello@herodevs.com."
+    ],
+    "proficiencies": ["Vue", "Angular", "Migration", "EOL Support"],
+    "region": ["North America"],
+    "website": {
+      "text": "herodevs.com",
+      "url": "https://www.herodevs.com/support/vue"
+    },
+    "platinum": true,
+    "contact": "hello@herodevs.com",
+    "hiring": "https://www.herodevs.com/job-board"
+  },
+  {
+    "name": "Proxify",
+    "logo": "proxify.svg",
+    "flipLogo": true,
+    "intro": "With Proxify, you can hire expert Vue.js developers, at a fair price and with zero risk, in just a few days. The quality and commitment of an in-house team, with the flexibility of contractors. Augment your existing team or build a new one, without the risks and admin of permanent employment.",
+    "description": [
+      "Proxify is an end-to-end partner that connects businesses with thoroughly vetted developers, matching you with perfect-fit developers in just two days.",
+      "Our network includes over 4,000 developers with expertise in 500+ tech skills. We accept only 2% of applicants to ensure the highest quality standards. Thousands of businesses worldwide trust our rigorous selection process.",
+      "- <b>Time-to-hire</b>: Ideal candidates are presented within just two days.",
+      "- <b>A core team member, not just a freelancer</b>: Proxify developers deliver quality on business-critical code and fit seamlessly with your team’s culture. No different to your in-house staff.",
+      "- <b>Fair pricing</b>: Our model of working with top-tier talent remotely across the world is both cost-effective for our clients, and lucrative for our developers. Everybody wins.",
+      "- <b>Risk-free and adaptable</b>: Enjoy a team that can quickly adjust as your priorities shift, without the risks and limitations of permanent employment."
+    ],
+    "proficiencies": [
+      "Vue",
+      "Ruby on Rails",
+      "Node.js",
+      "React Native",
+      "Flutter"
+    ],
+    "region": [
+      "Europe"
+    ],
+    "location": [
+      "Europe"
+    ],
+    "website": {
+      "text": "proxify.io",
+      "url": "https://proxify.io/?utm_source=partnership&utm_medium=vuejs&utm_campaign=partners-proxify.html"
+    },
+    "contactPage": "https://proxify.io/hire-vuejs?utm_source=partnership&utm_medium=vuejs&utm_campaign=partners-proxify.html",
+    "hiring": "https://career.proxify.io/apply?utm_source=partnership&utm_medium=vuejs&utm_campaign=partners-proxify.html",
+    "platinum": true
+  }
+]
diff --git a/src/public/_headers b/src/public/_headers
index d56075af67..bc0cf8ceaf 100644
--- a/src/public/_headers
+++ b/src/public/_headers
@@ -1,5 +1,6 @@
 /*
-  X-Frame-Options: DENY
+  X-Frame-Options: ALLOW-FROM https://staging.certification.vuejs.org https://certification.vuejs.org https://certificates.dev https://staging.certificates.dev https://alemira.com https://*.alemira.com
+  Content-Security-Policy: frame-ancestors https://staging.certification.vuejs.org https://certification.vuejs.org https://certificates.dev https://staging.certificates.dev https://alemira.com https://*.alemira.com
 
 /assets/*
   cache-control: max-age=31536000
diff --git a/src/public/_redirects b/src/public/_redirects
index 1d9d27882e..039432c696 100644
--- a/src/public/_redirects
+++ b/src/public/_redirects
@@ -1,13 +1,68 @@
-/guide/               /guide/introduction.html
-/v2/guide/team.html   /about/team.html
-/v2/guide/join.html   /about/community-guide.html
-/support-vuejs/       /sponsor/
-/resources/*          /ecosystem/:splat
-/v2/examples/                       https://vuejs.org/examples/#markdown    301
-/v2/examples/commits.html           https://vuejs.org/examples/#fetching-data   301
-/v2/examples/modal.html             https://vuejs.org/examples/#modal   301
-/v2/examples/grid-component.html    https://vuejs.org/examples/#grid   301
-/v2/examples/svg.html               https://vuejs.org/examples/#svg   301
-/v2/examples/todomvc.html           https://vuejs.org/examples/#todomvc   301
-/v2/examples/tree-view.html         https://vuejs.org/examples/#tree   301
-/v2/*                               https://v2.vuejs.org/v2/:splat?redirect=true    302
+/guide/                   /guide/introduction.html
+/support-vuejs/           /sponsor/
+/ecosystem/partners.html  /partners/
+/resources/*              /ecosystem/:splat
+
+# From Vue v2 runtime warnings
+
+/guide/computed.html                https://v2.vuejs.org/v2/guide/computed.html
+/guide/custom-directive.html        https://v2.vuejs.org/v2/guide/custom-directive.html
+/guide/deployment.html              https://v2.vuejs.org/v2/guide/deployment.html
+/guide/list.html                    https://v2.vuejs.org/v2/guide/list.html
+# https://vuejs.org/v2/api/#data
+# /v2/api/                            https://v2.vuejs.org/v2/api/
+# https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties
+# /v2/guide/reactivity.html           https://v2.vuejs.org/v2/guide/reactivity.html
+# https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function
+# /v2/guide/components.html           https://v2.vuejs.org/v2/guide/components.html
+
+/v2/guide/team.html                 /about/team.html
+/v2/guide/join.html                 /about/community-guide.html
+/v2/examples/                       https://vuejs.org/examples/#markdown
+/v2/examples/commits.html           https://vuejs.org/examples/#fetching-data
+/v2/examples/modal.html             https://vuejs.org/examples/#modal
+/v2/examples/grid-component.html    https://vuejs.org/examples/#grid
+/v2/examples/svg.html               https://vuejs.org/examples/#svg
+/v2/examples/todomvc.html           https://vuejs.org/examples/#todomvc
+/v2/examples/tree-view.html         https://vuejs.org/examples/#tree
+
+/v2/api/                                            /api/
+/v2/api/index.html                                  /api/
+/v2/guide/                                          /guide/introduction.html
+/v2/guide/index.html                                /guide/introduction.html
+/v2/guide/installation.html                         /guide/quick-start.html
+/v2/guide/instance.html             /guide/essentials/application.html
+/v2/guide/syntax.html               /guide/essentials/template-syntax.html
+/v2/guide/computed.html             /guide/essentials/computed.html
+/v2/guide/class-and-style.html      /guide/essentials/class-and-style.html
+/v2/guide/conditional.html          /guide/essentials/conditional.html
+/v2/guide/list.html                 /guide/essentials/list.html
+/v2/guide/events.html               /guide/essentials/event-handling.html
+/v2/guide/forms.html                /guide/essentials/forms.html
+/v2/guide/components.html           /guide/essentials/component-basics.html
+/v2/guide/components-registration.html                      /guide/components/registration.html
+/v2/guide/components-props.html                             /guide/components/props.html
+/v2/guide/components-custom-events.html                     /guide/components/events.html
+/v2/guide/components-slots.html                             /guide/components/slots.html
+/v2/guide/components-dynamic-async.html                     /guide/built-ins/keep-alive.html
+/v2/guide/transitions.html              /guide/built-ins/transition.html
+/v2/guide/transitioning-state.html      /guide/extras/animation.html
+/v2/guide/custom-directive.html         /guide/reusability/custom-directives.html
+/v2/guide/render-function.html          /guide/extras/render-function.html
+/v2/guide/plugins.html                  /guide/reusability/plugins.html
+/v2/guide/single-file-components.html   /guide/scaling-up/sfc.html
+/v2/guide/testing.html                  /guide/scaling-up/testing.html
+/v2/guide/typescript.html               /guide/typescript/overview.html
+/v2/guide/deployment.html               /guide/best-practices/production-deployment.html
+/v2/guide/routing.html                  /guide/scaling-up/routing.html
+/v2/guide/state-management.html         /guide/scaling-up/state-management.html
+/v2/guide/ssr.html                      /guide/scaling-up/ssr.html
+/v2/guide/security.html                 /guide/best-practices/security.html
+/v2/guide/reactivity.html               /guide/extras/reactivity-in-depth.html
+
+/v2/*                                   https://v2.vuejs.org/v2/:splat?redirect=true    302
+
+/*.txt           /:splat.md 301
+/llms.md         /llms.txt 301
+/llms.txt        /llms.txt 200!
+/llms-full.txt   /llms-full.txt 200!
diff --git a/src/public/funding.json b/src/public/funding.json
new file mode 100644
index 0000000000..c436bcfa0e
--- /dev/null
+++ b/src/public/funding.json
@@ -0,0 +1,120 @@
+{
+  "version": "v1.0.0",
+
+  "entity": {
+    "type": "organisation",
+    "role": "owner",
+    "name": "Vue Technology LLC",
+    "email": "evan@vuejs.org",
+    "phone": "",
+    "description": "Vue Technology LLC is the legal entity representing Vue's business operations and fund distribution to team members",
+    "webpageUrl": {
+      "url": "https://vuejs.org/",
+      "wellKnown": ""
+    }
+  },
+
+  "projects": [
+    {
+      "guid": "vuejs",
+      "name": "Vue.js",
+      "description": "Vue.js is one of the most widely adopted frontend frameworks, with over 5.5 million weekly downloads and 2 million weekly active users. It is also the technology powering Zerodha's frontend.",
+      "webpageUrl": {
+        "url": "https://vuejs.org/",
+        "wellKnown": ""
+      },
+      "repositoryUrl": {
+        "url": "https://github.com/vuejs/core",
+        "wellKnown": "https://github.com/vuejs/core/blob/main/.well-known/funding-manifest-urls"
+      },
+      "licenses": ["spdx:MIT"],
+      "tags": ["frontend", "javascript", "web-development", "ui"]
+    }
+  ],
+
+  "funding": {
+    "channels": [
+      {
+        "guid": "github-sponsors",
+        "type": "other",
+        "address": "https://github.com/sponsors/yyx990803",
+        "description": "GitHub supports payment via credit card or invoice-based billing."
+      },
+      {
+        "guid": "open-collective",
+        "type": "other",
+        "address": "https://opencollective.com/vuejs",
+        "description": "OpenCollective supports payment via credit card, Google Pay, or US bank ACH transfer."
+      },
+      {
+        "guid": "bank-of-america",
+        "type": "bank",
+        "address": "",
+        "description": "For donations via bank transfers, please get in touch for bank details."
+      }
+    ],
+
+    "plans": [
+      {
+        "guid": "special",
+        "status": "active",
+        "name": "Global Special Sponsor",
+        "description": "Exclusive above-the-fold logo placement on vuejs.org home page / Most prominent logo placement in on the right sidebar of every content page on vuejs.org (3M+ page views per month / 500k+ unique MAU) / Most prominent logo placement in the README and BACKERS files of the vuejs/core repo.",
+        "amount": 5000,
+        "currency": "USD",
+        "frequency": "monthly",
+        "channels": [
+          "github-sponsors",
+          "open-collective",
+          "bank-of-america"
+        ]
+      },
+      {
+        "guid": "platinum",
+        "status": "active",
+        "name": "Platinum Sponsor",
+        "description": "Logo on the right sidebar of every content page on vuejs.org (3M+ page views per month / 500k+ unique MAU) / Large logo placement on vuejs.org front page + sponsors page + in the README and BACKERS files of the vuejs/core repo.",
+        "amount": 2000,
+        "currency": "USD",
+        "frequency": "monthly",
+        "channels": [
+          "github-sponsors",
+          "open-collective",
+          "bank-of-america"
+        ]
+      },
+      {
+        "guid": "gold",
+        "status": "active",
+        "name": "Gold Sponsor",
+        "description": "Medium logo placement on vuejs.org front page + sponsors page + in the README and BACKERS files of the vuejs/core repo.",
+        "amount": 500,
+        "currency": "USD",
+        "frequency": "monthly",
+        "channels": ["github-sponsors", "open-collective"]
+      },
+      {
+        "guid": "silver",
+        "status": "active",
+        "name": "Silver Sponsor",
+        "description": "Small logo placement on vuejs.org sponsors page + in the README and BACKERS files of the vuejs/core repo.",
+        "amount": 250,
+        "currency": "USD",
+        "frequency": "monthly",
+        "channels": ["github-sponsors", "open-collective"]
+      },
+      {
+        "guid": "bronze",
+        "status": "active",
+        "name": "Bronze Sponsor",
+        "description": "Small logo placement in the README and BACKERS files of the vuejs/core repo.",
+        "amount": 100,
+        "currency": "USD",
+        "frequency": "monthly",
+        "channels": ["github-sponsors", "open-collective"]
+      }
+    ],
+
+    "history": []
+  }
+}
diff --git a/src/public/images/developers/1020-profile.svg b/src/public/images/developers/1020-profile.svg
new file mode 100644
index 0000000000..b6048806f1
--- /dev/null
+++ b/src/public/images/developers/1020-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.531C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.94 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.236 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.956 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.589 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.602 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.861 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.426 16.5673 220.865 16.2926C221.305 16.0148 221.795 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.834 16.3903 223.992 16.5856C224.151 16.7779 224.272 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.937 24.2133 225.65 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.695 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.621 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.122 19.0274 221.122 19.4517C221.122 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.779 23V15.9675H229.436V23H227.779ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.969 16.7688 233.227 16.4559 233.581 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.533 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.114 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.385 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.649C243.646 18.5025 243.577 18.2201 243.443 17.9729C243.308 17.7226 243.121 17.5257 242.879 17.3823C242.641 17.2388 242.364 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.554 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.459 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.153 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.169 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.657 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.475 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.475 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.453 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.116V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.34 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.833 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.939 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.253 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.622 16.201C256.936 15.9782 257.295 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.524 17.3411C257.221 17.3411 256.95 17.4067 256.709 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.965 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.266 14.3193 259.266 14.0721C259.266 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.965 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.189 13.8218 261.189 14.0721C261.189 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.756V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.904 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.107 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.653 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.682 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.972V23.1145C276.972 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.365 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.582 21.3426C274.829 21.1717 275.017 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.02 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.007 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.694 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.615 36.2606 207.615 35.525C207.615 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.19 32.3384C209.687 32.0301 210.272 31.876 210.943 31.876C211.377 31.876 211.786 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.33 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.483 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.089 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.379L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.709 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.464 39.1374C224.762 39.1374 224.159 38.9832 223.655 38.6749C223.155 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.028 33.0755C228.29 33.454 228.44 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.139 33.2129 224.841 33.3044 224.585 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.722 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.437 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.464 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.864 31.876C233.297 31.876 233.706 31.9462 234.091 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.078 34.8123 236.078 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.149 33.7226 233.961 33.5257 233.72 33.3823C233.482 33.2388 233.204 33.1671 232.886 33.1671C232.548 33.1671 232.25 33.2495 231.994 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.553 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.215 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.444 34.8123 250.444 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.848 33.2388 247.57 33.1671 247.252 33.1671C246.914 33.1671 246.616 33.2495 246.36 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.545 34.9206V35.8958C245.545 36.3048 245.619 36.6558 245.769 36.9489C245.919 37.2388 246.128 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.241 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.753 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.475 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.837 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.982 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.784 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.151 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.151 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.882 37.512C262.138 37.6951 262.439 37.7867 262.784 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.634 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.09 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.979 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.979 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.62V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.193 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.28 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.443 37.4388C271.586 37.3045 271.694 37.1381 271.768 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.757 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M239.755 69L300 127.352L277.224 199H202.286L192 131.784L239.755 69Z" fill="#42B883" fill-opacity="0.5"
+        stroke="#42B883"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+</svg>
diff --git a/src/public/images/developers/1020-score.svg b/src/public/images/developers/1020-score.svg
new file mode 100644
index 0000000000..ca8e77294b
--- /dev/null
+++ b/src/public/images/developers/1020-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 455 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 132.471C52.0151 132.471 80.7152 92.041 118.151 92.041C155.586 92.041 175.552 111.008 216.98 89.0462C245.24 74.0651 267.892 41.8776 305.827 41.8776C354.992 41.8776 384.94 132.222 431.894 134.717V154.081H4V132.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382C402.295 123.272 416.137 134.002 431.894 134.84V154H389V109.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M325 46.6073V154H218V88.6193C226.901 83.7495 235.265 77.2164 243.756 70.5851C261.772 56.5135 280.354 42 305.827 42C312.546 42 318.906 43.6874 325 46.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382V154H325V46.6073C341.715 54.6167 356.426 71.8999 371.039 89.0695C376.999 96.0716 382.943 103.055 389 109.382Z"
+        fill="#42B883"/>
+  <path
+    d="M4.49947 175.166C3.79776 175.166 3.19549 174.989 2.69265 174.634C2.19265 174.276 1.80771 173.76 1.53782 173.087C1.27077 172.411 1.13725 171.597 1.13725 170.645C1.14009 169.693 1.27504 168.884 1.54208 168.216C1.81197 167.545 2.19691 167.034 2.69691 166.682C3.19975 166.33 3.8006 166.153 4.49947 166.153C5.19833 166.153 5.79918 166.33 6.30202 166.682C6.80487 167.034 7.18981 167.545 7.45685 168.216C7.72674 168.886 7.86168 169.696 7.86168 170.645C7.86168 171.599 7.72674 172.415 7.45685 173.091C7.18981 173.764 6.80487 174.278 6.30202 174.634C5.80202 174.989 5.20117 175.166 4.49947 175.166ZM4.49947 173.832C5.04492 173.832 5.47532 173.564 5.79066 173.027C6.10884 172.487 6.26793 171.693 6.26793 170.645C6.26793 169.952 6.19549 169.369 6.0506 168.898C5.90572 168.426 5.70117 168.071 5.43697 167.832C5.17276 167.591 4.86026 167.47 4.49947 167.47C3.95685 167.47 3.52788 167.74 3.21254 168.28C2.89719 168.817 2.7381 169.605 2.73526 170.645C2.73242 171.341 2.80202 171.926 2.94407 172.401C3.08896 172.875 3.2935 173.233 3.55771 173.474C3.82191 173.713 4.13583 173.832 4.49947 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M141.105 166.273V175H139.524V167.811H139.472L137.431 169.115V167.666L139.6 166.273H141.105ZM146.546 175.166C145.845 175.166 145.242 174.989 144.74 174.634C144.24 174.276 143.855 173.76 143.585 173.087C143.318 172.411 143.184 171.597 143.184 170.645C143.187 169.693 143.322 168.884 143.589 168.216C143.859 167.545 144.244 167.034 144.744 166.682C145.247 166.33 145.847 166.153 146.546 166.153C147.245 166.153 147.846 166.33 148.349 166.682C148.852 167.034 149.237 167.545 149.504 168.216C149.774 168.886 149.909 169.696 149.909 170.645C149.909 171.599 149.774 172.415 149.504 173.091C149.237 173.764 148.852 174.278 148.349 174.634C147.849 174.989 147.248 175.166 146.546 175.166ZM146.546 173.832C147.092 173.832 147.522 173.564 147.838 173.027C148.156 172.487 148.315 171.693 148.315 170.645C148.315 169.952 148.242 169.369 148.097 168.898C147.953 168.426 147.748 168.071 147.484 167.832C147.22 167.591 146.907 167.47 146.546 167.47C146.004 167.47 145.575 167.74 145.259 168.28C144.944 168.817 144.785 169.605 144.782 170.645C144.779 171.341 144.849 171.926 144.991 172.401C145.136 172.875 145.34 173.233 145.605 173.474C145.869 173.713 146.183 173.832 146.546 173.832ZM154.55 175.166C153.849 175.166 153.246 174.989 152.743 174.634C152.243 174.276 151.858 173.76 151.589 173.087C151.322 172.411 151.188 171.597 151.188 170.645C151.191 169.693 151.326 168.884 151.593 168.216C151.863 167.545 152.248 167.034 152.748 166.682C153.251 166.33 153.851 166.153 154.55 166.153C155.249 166.153 155.85 166.33 156.353 166.682C156.856 167.034 157.241 167.545 157.508 168.216C157.778 168.886 157.912 169.696 157.912 170.645C157.912 171.599 157.778 172.415 157.508 173.091C157.241 173.764 156.856 174.278 156.353 174.634C155.853 174.989 155.252 175.166 154.55 175.166ZM154.55 173.832C155.096 173.832 155.526 173.564 155.841 173.027C156.16 172.487 156.319 171.693 156.319 170.645C156.319 169.952 156.246 169.369 156.101 168.898C155.956 168.426 155.752 168.071 155.488 167.832C155.224 167.591 154.911 167.47 154.55 167.47C154.008 167.47 153.579 167.74 153.263 168.28C152.948 168.817 152.789 169.605 152.786 170.645C152.783 171.341 152.853 171.926 152.995 172.401C153.14 172.875 153.344 173.233 153.608 173.474C153.873 173.713 154.187 173.832 154.55 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M210.644 166.273V175H209.063V167.811H209.012L206.97 169.115V167.666L209.139 166.273H210.644ZM215.894 175.119C215.325 175.119 214.817 175.013 214.368 174.8C213.919 174.584 213.563 174.288 213.298 173.913C213.037 173.538 212.898 173.109 212.881 172.626H214.415C214.443 172.984 214.598 173.277 214.879 173.504C215.161 173.729 215.499 173.841 215.894 173.841C216.203 173.841 216.479 173.77 216.72 173.628C216.962 173.486 217.152 173.288 217.291 173.036C217.431 172.783 217.499 172.494 217.496 172.17C217.499 171.841 217.429 171.548 217.287 171.293C217.145 171.037 216.95 170.837 216.703 170.692C216.456 170.544 216.172 170.47 215.851 170.47C215.59 170.467 215.333 170.516 215.08 170.615C214.827 170.714 214.627 170.845 214.479 171.007L213.051 170.773L213.507 166.273H218.57V167.594H214.816L214.564 169.908H214.615C214.777 169.717 215.006 169.56 215.301 169.435C215.597 169.307 215.921 169.243 216.273 169.243C216.801 169.243 217.273 169.368 217.688 169.618C218.102 169.865 218.429 170.206 218.668 170.641C218.906 171.075 219.026 171.572 219.026 172.132C219.026 172.709 218.892 173.223 218.625 173.675C218.361 174.124 217.993 174.477 217.521 174.736C217.053 174.991 216.51 175.119 215.894 175.119ZM223.679 175.166C222.977 175.166 222.375 174.989 221.872 174.634C221.372 174.276 220.987 173.76 220.718 173.087C220.45 172.411 220.317 171.597 220.317 170.645C220.32 169.693 220.455 168.884 220.722 168.216C220.992 167.545 221.377 167.034 221.877 166.682C222.379 166.33 222.98 166.153 223.679 166.153C224.378 166.153 224.979 166.33 225.482 166.682C225.985 167.034 226.369 167.545 226.637 168.216C226.906 168.886 227.041 169.696 227.041 170.645C227.041 171.599 226.906 172.415 226.637 173.091C226.369 173.764 225.985 174.278 225.482 174.634C224.982 174.989 224.381 175.166 223.679 175.166ZM223.679 173.832C224.225 173.832 224.655 173.564 224.97 173.027C225.289 172.487 225.448 171.693 225.448 170.645C225.448 169.952 225.375 169.369 225.23 168.898C225.085 168.426 224.881 168.071 224.617 167.832C224.352 167.591 224.04 167.47 223.679 167.47C223.137 167.47 222.708 167.74 222.392 168.28C222.077 168.817 221.918 169.605 221.915 170.645C221.912 171.341 221.982 171.926 222.124 172.401C222.269 172.875 222.473 173.233 222.737 173.474C223.002 173.713 223.316 173.832 223.679 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M276.379 175V173.858L279.409 170.888C279.699 170.595 279.94 170.335 280.133 170.108C280.327 169.881 280.471 169.661 280.568 169.447C280.665 169.234 280.713 169.007 280.713 168.766C280.713 168.49 280.65 168.254 280.525 168.058C280.4 167.859 280.229 167.706 280.01 167.598C279.791 167.49 279.542 167.436 279.264 167.436C278.977 167.436 278.726 167.496 278.51 167.615C278.294 167.732 278.126 167.898 278.007 168.114C277.89 168.33 277.832 168.587 277.832 168.885H276.328C276.328 168.331 276.454 167.849 276.707 167.44C276.96 167.031 277.308 166.714 277.751 166.49C278.197 166.266 278.709 166.153 279.285 166.153C279.871 166.153 280.385 166.263 280.828 166.482C281.271 166.7 281.615 167 281.859 167.381C282.106 167.761 282.23 168.196 282.23 168.685C282.23 169.011 282.167 169.332 282.042 169.648C281.917 169.963 281.697 170.312 281.382 170.696C281.069 171.08 280.631 171.544 280.065 172.089L278.561 173.619V173.679H282.362V175H276.379ZM287.058 175.166C286.356 175.166 285.754 174.989 285.251 174.634C284.751 174.276 284.366 173.76 284.096 173.087C283.829 172.411 283.696 171.597 283.696 170.645C283.699 169.693 283.834 168.884 284.101 168.216C284.371 167.545 284.756 167.034 285.256 166.682C285.758 166.33 286.359 166.153 287.058 166.153C287.757 166.153 288.358 166.33 288.861 166.682C289.363 167.034 289.748 167.545 290.015 168.216C290.285 168.886 290.42 169.696 290.42 170.645C290.42 171.599 290.285 172.415 290.015 173.091C289.748 173.764 289.363 174.278 288.861 174.634C288.361 174.989 287.76 175.166 287.058 175.166ZM287.058 173.832C287.604 173.832 288.034 173.564 288.349 173.027C288.667 172.487 288.827 171.693 288.827 170.645C288.827 169.952 288.754 169.369 288.609 168.898C288.464 168.426 288.26 168.071 287.996 167.832C287.731 167.591 287.419 167.47 287.058 167.47C286.515 167.47 286.086 167.74 285.771 168.28C285.456 168.817 285.297 169.605 285.294 170.645C285.291 171.341 285.361 171.926 285.503 172.401C285.648 172.875 285.852 173.233 286.116 173.474C286.381 173.713 286.694 173.832 287.058 173.832ZM295.062 175.166C294.36 175.166 293.758 174.989 293.255 174.634C292.755 174.276 292.37 173.76 292.1 173.087C291.833 172.411 291.7 171.597 291.7 170.645C291.703 169.693 291.838 168.884 292.105 168.216C292.374 167.545 292.759 167.034 293.259 166.682C293.762 166.33 294.363 166.153 295.062 166.153C295.761 166.153 296.362 166.33 296.865 166.682C297.367 167.034 297.752 167.545 298.019 168.216C298.289 168.886 298.424 169.696 298.424 170.645C298.424 171.599 298.289 172.415 298.019 173.091C297.752 173.764 297.367 174.278 296.865 174.634C296.365 174.989 295.764 175.166 295.062 175.166ZM295.062 173.832C295.607 173.832 296.038 173.564 296.353 173.027C296.671 172.487 296.83 171.693 296.83 170.645C296.83 169.952 296.758 169.369 296.613 168.898C296.468 168.426 296.264 168.071 295.999 167.832C295.735 167.591 295.423 167.47 295.062 167.47C294.519 167.47 294.09 167.74 293.775 168.28C293.46 168.817 293.301 169.605 293.298 170.645C293.295 171.341 293.365 171.926 293.507 172.401C293.651 172.875 293.856 173.233 294.12 173.474C294.384 173.713 294.698 173.832 295.062 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M347.916 175V173.858L350.946 170.888C351.236 170.595 351.477 170.335 351.67 170.108C351.864 169.881 352.009 169.661 352.105 169.447C352.202 169.234 352.25 169.007 352.25 168.766C352.25 168.49 352.188 168.254 352.062 168.058C351.938 167.859 351.766 167.706 351.547 167.598C351.328 167.49 351.08 167.436 350.801 167.436C350.514 167.436 350.263 167.496 350.047 167.615C349.831 167.732 349.663 167.898 349.544 168.114C349.428 168.33 349.369 168.587 349.369 168.885H347.865C347.865 168.331 347.991 167.849 348.244 167.44C348.497 167.031 348.845 166.714 349.288 166.49C349.734 166.266 350.246 166.153 350.822 166.153C351.408 166.153 351.922 166.263 352.365 166.482C352.808 166.7 353.152 167 353.396 167.381C353.643 167.761 353.767 168.196 353.767 168.685C353.767 169.011 353.705 169.332 353.58 169.648C353.455 169.963 353.234 170.312 352.919 170.696C352.607 171.08 352.168 171.544 351.602 172.089L350.098 173.619V173.679H353.899V175H347.916ZM358.403 175.119C357.835 175.119 357.327 175.013 356.878 174.8C356.429 174.584 356.072 174.288 355.808 173.913C355.547 173.538 355.408 173.109 355.391 172.626H356.925C356.953 172.984 357.108 173.277 357.389 173.504C357.67 173.729 358.009 173.841 358.403 173.841C358.713 173.841 358.989 173.77 359.23 173.628C359.472 173.486 359.662 173.288 359.801 173.036C359.94 172.783 360.009 172.494 360.006 172.17C360.009 171.841 359.939 171.548 359.797 171.293C359.655 171.037 359.46 170.837 359.213 170.692C358.966 170.544 358.682 170.47 358.361 170.47C358.099 170.467 357.842 170.516 357.589 170.615C357.337 170.714 357.136 170.845 356.989 171.007L355.561 170.773L356.017 166.273H361.08V167.594H357.325L357.074 169.908H357.125C357.287 169.717 357.516 169.56 357.811 169.435C358.107 169.307 358.43 169.243 358.783 169.243C359.311 169.243 359.783 169.368 360.197 169.618C360.612 169.865 360.939 170.206 361.178 170.641C361.416 171.075 361.536 171.572 361.536 172.132C361.536 172.709 361.402 173.223 361.135 173.675C360.871 174.124 360.503 174.477 360.031 174.736C359.562 174.991 359.02 175.119 358.403 175.119ZM366.189 175.166C365.487 175.166 364.885 174.989 364.382 174.634C363.882 174.276 363.497 173.76 363.227 173.087C362.96 172.411 362.827 171.597 362.827 170.645C362.83 169.693 362.964 168.884 363.232 168.216C363.501 167.545 363.886 167.034 364.386 166.682C364.889 166.33 365.49 166.153 366.189 166.153C366.888 166.153 367.489 166.33 367.991 166.682C368.494 167.034 368.879 167.545 369.146 168.216C369.416 168.886 369.551 169.696 369.551 170.645C369.551 171.599 369.416 172.415 369.146 173.091C368.879 173.764 368.494 174.278 367.991 174.634C367.491 174.989 366.891 175.166 366.189 175.166ZM366.189 173.832C366.734 173.832 367.165 173.564 367.48 173.027C367.798 172.487 367.957 171.693 367.957 170.645C367.957 169.952 367.885 169.369 367.74 168.898C367.595 168.426 367.391 168.071 367.126 167.832C366.862 167.591 366.55 167.47 366.189 167.47C365.646 167.47 365.217 167.74 364.902 168.28C364.587 168.817 364.428 169.605 364.425 170.645C364.422 171.341 364.491 171.926 364.634 172.401C364.778 172.875 364.983 173.233 365.247 173.474C365.511 173.713 365.825 173.832 366.189 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M422.083 175.119C421.47 175.119 420.924 175.014 420.447 174.804C419.973 174.594 419.598 174.301 419.322 173.926C419.047 173.551 418.9 173.118 418.883 172.626H420.485C420.5 172.862 420.578 173.068 420.72 173.244C420.862 173.418 421.051 173.553 421.287 173.649C421.522 173.746 421.787 173.794 422.079 173.794C422.392 173.794 422.669 173.74 422.91 173.632C423.152 173.521 423.341 173.368 423.477 173.172C423.613 172.976 423.68 172.75 423.677 172.494C423.68 172.23 423.612 171.997 423.473 171.795C423.333 171.594 423.132 171.436 422.868 171.322C422.606 171.209 422.291 171.152 421.922 171.152H421.15V169.933H421.922C422.225 169.933 422.491 169.881 422.718 169.776C422.949 169.67 423.129 169.523 423.26 169.332C423.39 169.139 423.454 168.916 423.451 168.663C423.454 168.416 423.399 168.202 423.285 168.02C423.174 167.835 423.017 167.692 422.812 167.589C422.61 167.487 422.373 167.436 422.1 167.436C421.833 167.436 421.586 167.484 421.359 167.581C421.132 167.678 420.949 167.815 420.809 167.994C420.67 168.17 420.596 168.381 420.588 168.625H419.066C419.078 168.136 419.218 167.707 419.488 167.338C419.761 166.966 420.125 166.676 420.579 166.469C421.034 166.259 421.544 166.153 422.109 166.153C422.691 166.153 423.197 166.263 423.626 166.482C424.058 166.697 424.392 166.989 424.627 167.355C424.863 167.722 424.981 168.126 424.981 168.57C424.984 169.061 424.839 169.473 424.547 169.805C424.257 170.138 423.876 170.355 423.404 170.457V170.526C424.018 170.611 424.488 170.838 424.815 171.207C425.145 171.574 425.308 172.03 425.305 172.575C425.305 173.064 425.166 173.501 424.887 173.888C424.612 174.271 424.231 174.572 423.745 174.791C423.262 175.01 422.708 175.119 422.083 175.119ZM429.994 175.166C429.292 175.166 428.69 174.989 428.187 174.634C427.687 174.276 427.302 173.76 427.032 173.087C426.765 172.411 426.631 171.597 426.631 170.645C426.634 169.693 426.769 168.884 427.036 168.216C427.306 167.545 427.691 167.034 428.191 166.682C428.694 166.33 429.295 166.153 429.994 166.153C430.692 166.153 431.293 166.33 431.796 166.682C432.299 167.034 432.684 167.545 432.951 168.216C433.221 168.886 433.356 169.696 433.356 170.645C433.356 171.599 433.221 172.415 432.951 173.091C432.684 173.764 432.299 174.278 431.796 174.634C431.296 174.989 430.695 175.166 429.994 175.166ZM429.994 173.832C430.539 173.832 430.969 173.564 431.285 173.027C431.603 172.487 431.762 171.693 431.762 170.645C431.762 169.952 431.69 169.369 431.545 168.898C431.4 168.426 431.195 168.071 430.931 167.832C430.667 167.591 430.354 167.47 429.994 167.47C429.451 167.47 429.022 167.74 428.707 168.28C428.391 168.817 428.232 169.605 428.229 170.645C428.227 171.341 428.296 171.926 428.438 172.401C428.583 172.875 428.788 173.233 429.052 173.474C429.316 173.713 429.63 173.832 429.994 173.832ZM437.998 175.166C437.296 175.166 436.694 174.989 436.191 174.634C435.691 174.276 435.306 173.76 435.036 173.087C434.769 172.411 434.635 171.597 434.635 170.645C434.638 169.693 434.773 168.884 435.04 168.216C435.31 167.545 435.695 167.034 436.195 166.682C436.698 166.33 437.299 166.153 437.998 166.153C438.696 166.153 439.297 166.33 439.8 166.682C440.303 167.034 440.688 167.545 440.955 168.216C441.225 168.886 441.36 169.696 441.36 170.645C441.36 171.599 441.225 172.415 440.955 173.091C440.688 173.764 440.303 174.278 439.8 174.634C439.3 174.989 438.699 175.166 437.998 175.166ZM437.998 173.832C438.543 173.832 438.973 173.564 439.289 173.027C439.607 172.487 439.766 171.693 439.766 170.645C439.766 169.952 439.694 169.369 439.549 168.898C439.404 168.426 439.199 168.071 438.935 167.832C438.671 167.591 438.358 167.47 437.998 167.47C437.455 167.47 437.026 167.74 436.711 168.28C436.395 168.817 436.236 169.605 436.233 170.645C436.23 171.341 436.3 171.926 436.442 172.401C436.587 172.875 436.792 173.233 437.056 173.474C437.32 173.713 437.634 173.832 437.998 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M324.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M316.206 4.21484V3H322.589V4.21484H320.117V11H318.679V4.21484H316.206ZM330.614 7C330.614 7.86198 330.452 8.60026 330.129 9.21484C329.809 9.82682 329.371 10.2956 328.817 10.6211C328.265 10.9466 327.638 11.1094 326.938 11.1094C326.237 11.1094 325.61 10.9466 325.055 10.6211C324.503 10.293 324.065 9.82292 323.742 9.21094C323.422 8.59635 323.262 7.85937 323.262 7C323.262 6.13802 323.422 5.40104 323.742 4.78906C324.065 4.17448 324.503 3.70443 325.055 3.37891C325.61 3.05339 326.237 2.89062 326.938 2.89062C327.638 2.89062 328.265 3.05339 328.817 3.37891C329.371 3.70443 329.809 4.17448 330.129 4.78906C330.452 5.40104 330.614 6.13802 330.614 7ZM329.157 7C329.157 6.39323 329.062 5.88151 328.871 5.46484C328.684 5.04557 328.423 4.72917 328.09 4.51563C327.757 4.29948 327.373 4.19141 326.938 4.19141C326.503 4.19141 326.119 4.29948 325.785 4.51563C325.452 4.72917 325.19 5.04557 325 5.46484C324.813 5.88151 324.719 6.39323 324.719 7C324.719 7.60677 324.813 8.11979 325 8.53906C325.19 8.95573 325.452 9.27214 325.785 9.48828C326.119 9.70182 326.503 9.80859 326.938 9.80859C327.373 9.80859 327.757 9.70182 328.09 9.48828C328.423 9.27214 328.684 8.95573 328.871 8.53906C329.062 8.11979 329.157 7.60677 329.157 7ZM331.984 11V3H334.984C335.598 3 336.114 3.11458 336.531 3.34375C336.95 3.57292 337.266 3.88802 337.48 4.28906C337.696 4.6875 337.804 5.14062 337.804 5.64844C337.804 6.16146 337.696 6.61719 337.48 7.01563C337.264 7.41406 336.945 7.72786 336.523 7.95703C336.101 8.18359 335.581 8.29687 334.964 8.29687H332.976V7.10547H334.769C335.128 7.10547 335.423 7.04297 335.652 6.91797C335.881 6.79297 336.05 6.62109 336.159 6.40234C336.271 6.18359 336.327 5.93229 336.327 5.64844C336.327 5.36458 336.271 5.11458 336.159 4.89844C336.05 4.68229 335.88 4.51432 335.648 4.39453C335.419 4.27214 335.123 4.21094 334.761 4.21094H333.433V11H331.984ZM316.195 24V22.9531L318.972 20.2305C319.238 19.9622 319.459 19.724 319.637 19.5156C319.814 19.3073 319.946 19.1055 320.035 18.9102C320.124 18.7148 320.168 18.5065 320.168 18.2852C320.168 18.0326 320.11 17.8164 319.996 17.6367C319.881 17.4544 319.724 17.3138 319.523 17.2148C319.323 17.1159 319.095 17.0664 318.84 17.0664C318.577 17.0664 318.346 17.1211 318.148 17.2305C317.95 17.3372 317.797 17.4896 317.687 17.6875C317.581 17.8854 317.527 18.1211 317.527 18.3945H316.148C316.148 17.8867 316.264 17.4453 316.496 17.0703C316.728 16.6953 317.047 16.4049 317.453 16.1992C317.862 15.9935 318.331 15.8906 318.859 15.8906C319.396 15.8906 319.867 15.9909 320.273 16.1914C320.68 16.3919 320.995 16.6667 321.219 17.0156C321.445 17.3646 321.558 17.763 321.558 18.2109C321.558 18.5104 321.501 18.8047 321.387 19.0937C321.272 19.3828 321.07 19.7031 320.781 20.0547C320.495 20.4062 320.092 20.832 319.574 21.332L318.195 22.7344V22.7891H321.68V24H316.195ZM325.808 24.1094C325.288 24.1094 324.821 24.0117 324.41 23.8164C323.999 23.6185 323.672 23.3477 323.43 23.0039C323.19 22.6602 323.062 22.2669 323.047 21.8242H324.453C324.479 22.1523 324.621 22.4206 324.879 22.6289C325.137 22.8346 325.446 22.9375 325.808 22.9375C326.092 22.9375 326.345 22.8724 326.566 22.7422C326.788 22.612 326.962 22.431 327.09 22.1992C327.217 21.9674 327.28 21.7031 327.277 21.4062C327.28 21.1042 327.216 20.8359 327.086 20.6016C326.956 20.3672 326.777 20.1836 326.551 20.0508C326.324 19.9154 326.064 19.8477 325.769 19.8477C325.53 19.8451 325.294 19.8893 325.062 19.9805C324.831 20.0716 324.647 20.1914 324.512 20.3398L323.203 20.125L323.621 16H328.262V17.2109H324.82L324.59 19.332H324.637C324.785 19.1576 324.995 19.013 325.265 18.8984C325.536 18.7812 325.833 18.7227 326.156 18.7227C326.64 18.7227 327.073 18.8372 327.453 19.0664C327.833 19.293 328.133 19.6055 328.351 20.0039C328.57 20.4023 328.68 20.8581 328.68 21.3711C328.68 21.8997 328.557 22.3711 328.312 22.7852C328.07 23.1966 327.733 23.5208 327.301 23.7578C326.871 23.9922 326.374 24.1094 325.808 24.1094ZM334.265 22.5V22.0781C334.265 21.7682 334.331 21.4831 334.461 21.2227C334.594 20.9622 334.786 20.7526 335.039 20.5937C335.291 20.4349 335.597 20.3555 335.957 20.3555C336.327 20.3555 336.637 20.4349 336.887 20.5937C337.137 20.75 337.325 20.9583 337.453 21.2188C337.583 21.4792 337.648 21.7656 337.648 22.0781V22.5C337.648 22.8099 337.583 23.0951 337.453 23.3555C337.323 23.6159 337.131 23.8255 336.879 23.9844C336.629 24.1432 336.321 24.2227 335.957 24.2227C335.592 24.2227 335.284 24.1432 335.031 23.9844C334.778 23.8255 334.587 23.6159 334.457 23.3555C334.329 23.0951 334.265 22.8099 334.265 22.5ZM335.285 22.0781V22.5C335.285 22.7057 335.334 22.8945 335.433 23.0664C335.532 23.2383 335.707 23.3242 335.957 23.3242C336.209 23.3242 336.383 23.2396 336.476 23.0703C336.573 22.8984 336.621 22.7083 336.621 22.5V22.0781C336.621 21.8698 336.575 21.6797 336.484 21.5078C336.393 21.3333 336.217 21.2461 335.957 21.2461C335.712 21.2461 335.539 21.3333 335.437 21.5078C335.336 21.6797 335.285 21.8698 335.285 22.0781ZM330.199 17.9219V17.5C330.199 17.1875 330.265 16.901 330.398 16.6406C330.531 16.3802 330.724 16.1719 330.976 16.0156C331.229 15.8568 331.535 15.7773 331.894 15.7773C332.262 15.7773 332.57 15.8568 332.82 16.0156C333.073 16.1719 333.263 16.3802 333.39 16.6406C333.518 16.901 333.582 17.1875 333.582 17.5V17.9219C333.582 18.2344 333.517 18.5208 333.387 18.7812C333.259 19.0391 333.069 19.2461 332.816 19.4023C332.564 19.5586 332.256 19.6367 331.894 19.6367C331.527 19.6367 331.217 19.5586 330.965 19.4023C330.715 19.2461 330.525 19.0378 330.394 18.7773C330.264 18.5169 330.199 18.2318 330.199 17.9219ZM331.226 17.5V17.9219C331.226 18.1302 331.275 18.3203 331.371 18.4922C331.47 18.6615 331.644 18.7461 331.894 18.7461C332.144 18.7461 332.316 18.6615 332.41 18.4922C332.506 18.3203 332.555 18.1302 332.555 17.9219V17.5C332.555 17.2917 332.509 17.1016 332.418 16.9297C332.327 16.7552 332.152 16.668 331.894 16.668C331.647 16.668 331.474 16.7552 331.375 16.9297C331.276 17.1042 331.226 17.2943 331.226 17.5ZM330.644 24L336.144 16H337.121L331.621 24H330.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M388.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M380.206 4.21484V3H386.589V4.21484H384.117V11H382.679V4.21484H380.206ZM394.614 7C394.614 7.86198 394.452 8.60026 394.129 9.21484C393.809 9.82682 393.371 10.2956 392.817 10.6211C392.265 10.9466 391.638 11.1094 390.938 11.1094C390.237 11.1094 389.61 10.9466 389.055 10.6211C388.503 10.293 388.065 9.82292 387.742 9.21094C387.422 8.59635 387.262 7.85937 387.262 7C387.262 6.13802 387.422 5.40104 387.742 4.78906C388.065 4.17448 388.503 3.70443 389.055 3.37891C389.61 3.05339 390.237 2.89062 390.938 2.89062C391.638 2.89062 392.265 3.05339 392.817 3.37891C393.371 3.70443 393.809 4.17448 394.129 4.78906C394.452 5.40104 394.614 6.13802 394.614 7ZM393.157 7C393.157 6.39323 393.062 5.88151 392.871 5.46484C392.684 5.04557 392.423 4.72917 392.09 4.51563C391.757 4.29948 391.373 4.19141 390.938 4.19141C390.503 4.19141 390.119 4.29948 389.785 4.51563C389.452 4.72917 389.19 5.04557 389 5.46484C388.813 5.88151 388.719 6.39323 388.719 7C388.719 7.60677 388.813 8.11979 389 8.53906C389.19 8.95573 389.452 9.27214 389.785 9.48828C390.119 9.70182 390.503 9.80859 390.938 9.80859C391.373 9.80859 391.757 9.70182 392.09 9.48828C392.423 9.27214 392.684 8.95573 392.871 8.53906C393.062 8.11979 393.157 7.60677 393.157 7ZM395.984 11V3H398.984C399.598 3 400.114 3.11458 400.531 3.34375C400.95 3.57292 401.266 3.88802 401.48 4.28906C401.696 4.6875 401.804 5.14062 401.804 5.64844C401.804 6.16146 401.696 6.61719 401.48 7.01563C401.264 7.41406 400.945 7.72786 400.523 7.95703C400.101 8.18359 399.581 8.29687 398.964 8.29687H396.976V7.10547H398.769C399.128 7.10547 399.423 7.04297 399.652 6.91797C399.881 6.79297 400.05 6.62109 400.159 6.40234C400.271 6.18359 400.327 5.93229 400.327 5.64844C400.327 5.36458 400.271 5.11458 400.159 4.89844C400.05 4.68229 399.88 4.51432 399.648 4.39453C399.419 4.27214 399.123 4.21094 398.761 4.21094H397.433V11H395.984ZM384.034 16V24H382.585V17.4102H382.538L380.667 18.6055V17.2773L382.656 16H384.034ZM389.023 24.1523C388.38 24.1523 387.827 23.9896 387.367 23.6641C386.908 23.3359 386.555 22.8633 386.308 22.2461C386.063 21.6263 385.941 20.8802 385.941 20.0078C385.943 19.1354 386.067 18.3932 386.312 17.7812C386.559 17.1667 386.912 16.6979 387.37 16.375C387.831 16.0521 388.382 15.8906 389.023 15.8906C389.663 15.8906 390.214 16.0521 390.675 16.375C391.136 16.6979 391.489 17.1667 391.734 17.7812C391.981 18.3958 392.105 19.138 392.105 20.0078C392.105 20.8828 391.981 21.6302 391.734 22.25C391.489 22.8672 391.136 23.3385 390.675 23.6641C390.217 23.9896 389.666 24.1523 389.023 24.1523ZM389.023 22.9297C389.523 22.9297 389.917 22.6836 390.206 22.1914C390.498 21.6966 390.644 20.9687 390.644 20.0078C390.644 19.3724 390.577 18.8385 390.445 18.4062C390.312 17.974 390.124 17.6484 389.882 17.4297C389.64 17.2083 389.353 17.0977 389.023 17.0977C388.525 17.0977 388.132 17.3451 387.843 17.8398C387.554 18.332 387.408 19.0547 387.406 20.0078C387.403 20.6458 387.467 21.1823 387.597 21.6172C387.73 22.0521 387.917 22.3802 388.159 22.6016C388.402 22.8203 388.689 22.9297 389.023 22.9297ZM397.68 22.5V22.0781C397.68 21.7682 397.745 21.4831 397.875 21.2227C398.008 20.9622 398.201 20.7526 398.453 20.5937C398.706 20.4349 399.012 20.3555 399.371 20.3555C399.741 20.3555 400.051 20.4349 400.301 20.5937C400.551 20.75 400.74 20.9583 400.867 21.2188C400.998 21.4792 401.063 21.7656 401.063 22.0781V22.5C401.063 22.8099 400.998 23.0951 400.867 23.3555C400.737 23.6159 400.546 23.8255 400.293 23.9844C400.043 24.1432 399.736 24.2227 399.371 24.2227C399.007 24.2227 398.698 24.1432 398.446 23.9844C398.193 23.8255 398.002 23.6159 397.871 23.3555C397.744 23.0951 397.68 22.8099 397.68 22.5ZM398.7 22.0781V22.5C398.7 22.7057 398.749 22.8945 398.848 23.0664C398.947 23.2383 399.121 23.3242 399.371 23.3242C399.624 23.3242 399.797 23.2396 399.891 23.0703C399.987 22.8984 400.035 22.7083 400.035 22.5V22.0781C400.035 21.8698 399.99 21.6797 399.899 21.5078C399.808 21.3333 399.632 21.2461 399.371 21.2461C399.127 21.2461 398.953 21.3333 398.852 21.5078C398.75 21.6797 398.7 21.8698 398.7 22.0781ZM393.614 17.9219V17.5C393.614 17.1875 393.68 16.901 393.813 16.6406C393.946 16.3802 394.138 16.1719 394.391 16.0156C394.644 15.8568 394.95 15.7773 395.309 15.7773C395.676 15.7773 395.985 15.8568 396.235 16.0156C396.487 16.1719 396.677 16.3802 396.805 16.6406C396.933 16.901 396.996 17.1875 396.996 17.5V17.9219C396.996 18.2344 396.931 18.5208 396.801 18.7812C396.673 19.0391 396.483 19.2461 396.231 19.4023C395.978 19.5586 395.671 19.6367 395.309 19.6367C394.942 19.6367 394.632 19.5586 394.379 19.4023C394.129 19.2461 393.939 19.0378 393.809 18.7773C393.679 18.5169 393.614 18.2318 393.614 17.9219ZM394.641 17.5V17.9219C394.641 18.1302 394.689 18.3203 394.785 18.4922C394.884 18.6615 395.059 18.7461 395.309 18.7461C395.559 18.7461 395.731 18.6615 395.825 18.4922C395.921 18.3203 395.969 18.1302 395.969 17.9219V17.5C395.969 17.2917 395.923 17.1016 395.832 16.9297C395.741 16.7552 395.567 16.668 395.309 16.668C395.062 16.668 394.888 16.7552 394.789 16.9297C394.69 17.1042 394.641 17.2943 394.641 17.5ZM394.059 24L399.559 16H400.535L395.035 24H394.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M218.018 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M207.927 4.21484V3H214.31V4.21484H211.837V11H210.4V4.21484H207.927ZM222.334 7C222.334 7.86198 222.173 8.60026 221.85 9.21484C221.53 9.82682 221.092 10.2956 220.538 10.6211C219.985 10.9466 219.359 11.1094 218.659 11.1094C217.958 11.1094 217.331 10.9466 216.776 10.6211C216.224 10.293 215.786 9.82292 215.463 9.21094C215.143 8.59635 214.983 7.85937 214.983 7C214.983 6.13802 215.143 5.40104 215.463 4.78906C215.786 4.17448 216.224 3.70443 216.776 3.37891C217.331 3.05339 217.958 2.89062 218.659 2.89062C219.359 2.89062 219.985 3.05339 220.538 3.37891C221.092 3.70443 221.53 4.17448 221.85 4.78906C222.173 5.40104 222.334 6.13802 222.334 7ZM220.877 7C220.877 6.39323 220.782 5.88151 220.592 5.46484C220.405 5.04557 220.144 4.72917 219.811 4.51563C219.478 4.29948 219.094 4.19141 218.659 4.19141C218.224 4.19141 217.84 4.29948 217.506 4.51563C217.173 4.72917 216.911 5.04557 216.721 5.46484C216.534 5.88151 216.44 6.39323 216.44 7C216.44 7.60677 216.534 8.11979 216.721 8.53906C216.911 8.95573 217.173 9.27214 217.506 9.48828C217.84 9.70182 218.224 9.80859 218.659 9.80859C219.094 9.80859 219.478 9.70182 219.811 9.48828C220.144 9.27214 220.405 8.95573 220.592 8.53906C220.782 8.11979 220.877 7.60677 220.877 7ZM223.705 11V3H226.705C227.319 3 227.835 3.11458 228.251 3.34375C228.671 3.57292 228.987 3.88802 229.201 4.28906C229.417 4.6875 229.525 5.14062 229.525 5.64844C229.525 6.16146 229.417 6.61719 229.201 7.01563C228.984 7.41406 228.665 7.72786 228.244 7.95703C227.822 8.18359 227.302 8.29687 226.685 8.29687H224.697V7.10547H226.49C226.849 7.10547 227.143 7.04297 227.373 6.91797C227.602 6.79297 227.771 6.62109 227.88 6.40234C227.992 6.18359 228.048 5.93229 228.048 5.64844C228.048 5.36458 227.992 5.11458 227.88 4.89844C227.771 4.68229 227.6 4.51432 227.369 4.39453C227.139 4.27214 226.844 4.21094 226.482 4.21094H225.154V11H223.705ZM210.445 24.1094C209.924 24.1094 209.458 24.0117 209.046 23.8164C208.635 23.6185 208.308 23.3477 208.066 23.0039C207.826 22.6602 207.699 22.2669 207.683 21.8242H209.089C209.115 22.1523 209.257 22.4206 209.515 22.6289C209.773 22.8346 210.083 22.9375 210.445 22.9375C210.729 22.9375 210.981 22.8724 211.203 22.7422C211.424 22.612 211.598 22.431 211.726 22.1992C211.854 21.9674 211.916 21.7031 211.914 21.4062C211.916 21.1042 211.852 20.8359 211.722 20.6016C211.592 20.3672 211.414 20.1836 211.187 20.0508C210.96 19.9154 210.7 19.8477 210.406 19.8477C210.166 19.8451 209.93 19.8893 209.699 19.9805C209.467 20.0716 209.283 20.1914 209.148 20.3398L207.839 20.125L208.257 16H212.898V17.2109H209.457L209.226 19.332H209.273C209.421 19.1576 209.631 19.013 209.902 18.8984C210.173 18.7812 210.47 18.7227 210.792 18.7227C211.277 18.7227 211.709 18.8372 212.089 19.0664C212.47 19.293 212.769 19.6055 212.988 20.0039C213.207 20.4023 213.316 20.8581 213.316 21.3711C213.316 21.8997 213.193 22.3711 212.949 22.7852C212.707 23.1966 212.369 23.5208 211.937 23.7578C211.507 23.9922 211.01 24.1094 210.445 24.1094ZM217.582 24.1523C216.938 24.1523 216.386 23.9896 215.925 23.6641C215.467 23.3359 215.114 22.8633 214.867 22.2461C214.622 21.6263 214.499 20.8802 214.499 20.0078C214.502 19.1354 214.626 18.3932 214.871 17.7812C215.118 17.1667 215.471 16.6979 215.929 16.375C216.39 16.0521 216.941 15.8906 217.582 15.8906C218.222 15.8906 218.773 16.0521 219.234 16.375C219.695 16.6979 220.048 17.1667 220.292 17.7812C220.54 18.3958 220.664 19.138 220.664 20.0078C220.664 20.8828 220.54 21.6302 220.292 22.25C220.048 22.8672 219.695 23.3385 219.234 23.6641C218.776 23.9896 218.225 24.1523 217.582 24.1523ZM217.582 22.9297C218.082 22.9297 218.476 22.6836 218.765 22.1914C219.057 21.6966 219.203 20.9687 219.203 20.0078C219.203 19.3724 219.136 18.8385 219.003 18.4062C218.871 17.974 218.683 17.6484 218.441 17.4297C218.199 17.2083 217.912 17.0977 217.582 17.0977C217.084 17.0977 216.691 17.3451 216.402 17.8398C216.113 18.332 215.967 19.0547 215.964 20.0078C215.962 20.6458 216.026 21.1823 216.156 21.6172C216.289 22.0521 216.476 22.3802 216.718 22.6016C216.96 22.8203 217.248 22.9297 217.582 22.9297ZM226.239 22.5V22.0781C226.239 21.7682 226.304 21.4831 226.434 21.2227C226.567 20.9622 226.76 20.7526 227.012 20.5937C227.265 20.4349 227.571 20.3555 227.93 20.3555C228.3 20.3555 228.61 20.4349 228.86 20.5937C229.11 20.75 229.299 20.9583 229.426 21.2188C229.556 21.4792 229.622 21.7656 229.622 22.0781V22.5C229.622 22.8099 229.556 23.0951 229.426 23.3555C229.296 23.6159 229.105 23.8255 228.852 23.9844C228.602 24.1432 228.295 24.2227 227.93 24.2227C227.566 24.2227 227.257 24.1432 227.004 23.9844C226.752 23.8255 226.56 23.6159 226.43 23.3555C226.303 23.0951 226.239 22.8099 226.239 22.5ZM227.258 22.0781V22.5C227.258 22.7057 227.308 22.8945 227.407 23.0664C227.506 23.2383 227.68 23.3242 227.93 23.3242C228.183 23.3242 228.356 23.2396 228.45 23.0703C228.546 22.8984 228.594 22.7083 228.594 22.5V22.0781C228.594 21.8698 228.549 21.6797 228.457 21.5078C228.366 21.3333 228.191 21.2461 227.93 21.2461C227.685 21.2461 227.512 21.3333 227.411 21.5078C227.309 21.6797 227.258 21.8698 227.258 22.0781ZM222.172 17.9219V17.5C222.172 17.1875 222.239 16.901 222.372 16.6406C222.504 16.3802 222.697 16.1719 222.95 16.0156C223.202 15.8568 223.508 15.7773 223.868 15.7773C224.235 15.7773 224.543 15.8568 224.793 16.0156C225.046 16.1719 225.236 16.3802 225.364 16.6406C225.491 16.901 225.555 17.1875 225.555 17.5V17.9219C225.555 18.2344 225.49 18.5208 225.36 18.7812C225.232 19.0391 225.042 19.2461 224.79 19.4023C224.537 19.5586 224.23 19.6367 223.868 19.6367C223.5 19.6367 223.191 19.5586 222.938 19.4023C222.688 19.2461 222.498 19.0378 222.368 18.7773C222.237 18.5169 222.172 18.2318 222.172 17.9219ZM223.2 17.5V17.9219C223.2 18.1302 223.248 18.3203 223.344 18.4922C223.443 18.6615 223.618 18.7461 223.868 18.7461C224.118 18.7461 224.29 18.6615 224.383 18.4922C224.48 18.3203 224.528 18.1302 224.528 17.9219V17.5C224.528 17.2917 224.482 17.1016 224.391 16.9297C224.3 16.7552 224.125 16.668 223.868 16.668C223.62 16.668 223.447 16.7552 223.348 16.9297C223.249 17.1042 223.2 17.2943 223.2 17.5ZM222.618 24L228.118 16H229.094L223.594 24H222.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M4.20332 154.193L431.895 154.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M4 154.196L4 76.6958" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M419.16 154.193L419.16 87.7258" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M425.66 131.691C425.66 135.281 422.75 138.191 419.16 138.191C415.57 138.191 412.66 135.281 412.66 131.691C412.66 128.101 415.57 125.191 419.16 125.191C422.75 125.191 425.66 128.101 425.66 131.691Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M423.16 131.654C423.16 133.863 421.369 135.654 419.16 135.654C416.951 135.654 415.16 133.863 415.16 131.654C415.16 129.445 416.951 127.654 419.16 127.654C421.369 127.654 423.16 129.445 423.16 131.654Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M383.772 62.824C382.923 62.824 382.167 62.6782 381.505 62.3865C380.846 62.0911 380.325 61.6858 379.942 61.1706C379.563 60.6517 379.368 60.0532 379.357 59.3751H381.834C381.849 59.6592 381.942 59.9092 382.113 60.1251C382.287 60.3373 382.518 60.502 382.806 60.6195C383.094 60.7369 383.417 60.7956 383.777 60.7956C384.152 60.7956 384.484 60.7293 384.772 60.5967C385.06 60.4642 385.285 60.2804 385.448 60.0456C385.611 59.8108 385.692 59.5399 385.692 59.2331C385.692 58.9225 385.605 58.6479 385.431 58.4092C385.26 58.1668 385.014 57.9774 384.692 57.8411C384.374 57.7047 383.995 57.6365 383.556 57.6365H382.471V55.8297H383.556C383.927 55.8297 384.255 55.7653 384.539 55.6365C384.827 55.5077 385.05 55.3297 385.209 55.1024C385.368 54.8714 385.448 54.6024 385.448 54.2956C385.448 54.0039 385.378 53.7483 385.238 53.5286C385.101 53.3051 384.908 53.1308 384.658 53.0058C384.412 52.8808 384.124 52.8183 383.794 52.8183C383.461 52.8183 383.156 52.8789 382.88 53.0001C382.603 53.1176 382.382 53.2861 382.215 53.5058C382.048 53.7255 381.959 53.9831 381.948 54.2786H379.59C379.601 53.6081 379.792 53.0172 380.164 52.5058C380.535 51.9945 381.035 51.5948 381.664 51.307C382.296 51.0153 383.01 50.8695 383.806 50.8695C384.609 50.8695 385.311 51.0153 385.914 51.307C386.516 51.5986 386.984 51.9926 387.317 52.4888C387.654 52.9812 387.821 53.5342 387.817 54.1479C387.821 54.7994 387.618 55.3429 387.209 55.7786C386.804 56.2142 386.275 56.4907 385.624 56.6081V56.699C386.48 56.8089 387.132 57.1062 387.578 57.5911C388.029 58.0721 388.253 58.6744 388.249 59.3979C388.253 60.0608 388.061 60.6498 387.675 61.1649C387.292 61.6801 386.764 62.0854 386.09 62.3808C385.416 62.6763 384.643 62.824 383.772 62.824ZM394.58 62.9206C393.603 62.9168 392.762 62.6763 392.057 62.199C391.356 61.7217 390.817 61.0304 390.438 60.1251C390.063 59.2198 389.877 58.1308 389.881 56.8581C389.881 55.5892 390.069 54.5077 390.444 53.6138C390.822 52.7198 391.362 52.0399 392.063 51.574C392.767 51.1043 393.606 50.8695 394.58 50.8695C395.553 50.8695 396.391 51.1043 397.091 51.574C397.796 52.0437 398.337 52.7255 398.716 53.6195C399.095 54.5096 399.283 55.5892 399.279 56.8581C399.279 58.1346 399.089 59.2255 398.711 60.1308C398.336 61.0361 397.798 61.7274 397.097 62.2047C396.396 62.682 395.557 62.9206 394.58 62.9206ZM394.58 60.8808C395.247 60.8808 395.779 60.5456 396.176 59.8751C396.574 59.2047 396.771 58.199 396.767 56.8581C396.767 55.9755 396.676 55.2407 396.495 54.6536C396.317 54.0664 396.063 53.6251 395.733 53.3297C395.408 53.0342 395.023 52.8865 394.58 52.8865C393.917 52.8865 393.387 53.2179 392.989 53.8808C392.591 54.5437 392.391 55.5361 392.387 56.8581C392.387 57.752 392.476 58.4983 392.654 59.0967C392.836 59.6914 393.091 60.1384 393.421 60.4376C393.75 60.7331 394.137 60.8808 394.58 60.8808ZM405.596 62.9206C404.618 62.9168 403.777 62.6763 403.073 62.199C402.372 61.7217 401.832 61.0304 401.453 60.1251C401.078 59.2198 400.893 58.1308 400.897 56.8581C400.897 55.5892 401.084 54.5077 401.459 53.6138C401.838 52.7198 402.378 52.0399 403.078 51.574C403.783 51.1043 404.622 50.8695 405.596 50.8695C406.569 50.8695 407.406 51.1043 408.107 51.574C408.811 52.0437 409.353 52.7255 409.732 53.6195C410.111 54.5096 410.298 55.5892 410.294 56.8581C410.294 58.1346 410.105 59.2255 409.726 60.1308C409.351 61.0361 408.813 61.7274 408.113 62.2047C407.412 62.682 406.573 62.9206 405.596 62.9206ZM405.596 60.8808C406.262 60.8808 406.794 60.5456 407.192 59.8751C407.59 59.2047 407.787 58.199 407.783 56.8581C407.783 55.9755 407.692 55.2407 407.51 54.6536C407.332 54.0664 407.078 53.6251 406.749 53.3297C406.423 53.0342 406.039 52.8865 405.596 52.8865C404.933 52.8865 404.402 53.2179 404.005 53.8808C403.607 54.5437 403.406 55.5361 403.402 56.8581C403.402 57.752 403.491 58.4983 403.669 59.0967C403.851 59.6914 404.107 60.1384 404.436 60.4376C404.766 60.7331 405.152 60.8808 405.596 60.8808Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M381.289 73.03C381.557 73.0321 381.826 73.0832 382.094 73.1834C382.363 73.2835 382.608 73.4497 382.829 73.682C383.051 73.9121 383.229 74.2264 383.363 74.6248C383.497 75.0232 383.564 75.5229 383.564 76.1237C383.564 76.7054 383.509 77.2221 383.398 77.6738C383.289 78.1234 383.132 78.5026 382.925 78.8116C382.721 79.1205 382.471 79.3549 382.177 79.5147C381.885 79.6745 381.555 79.7544 381.186 79.7544C380.82 79.7544 380.493 79.682 380.205 79.5371C379.92 79.3901 379.685 79.1866 379.502 78.9266C379.321 78.6646 379.205 78.3609 379.154 78.0158H379.934C380.004 78.3162 380.143 78.5644 380.352 78.7604C380.563 78.9543 380.841 79.0513 381.186 79.0513C381.691 79.0513 382.09 78.8308 382.382 78.3897C382.676 77.9487 382.823 77.3254 382.823 76.52H382.772C382.652 76.699 382.511 76.8535 382.347 76.9835C382.183 77.1134 382 77.2136 381.8 77.2839C381.6 77.3542 381.387 77.3893 381.161 77.3893C380.786 77.3893 380.442 77.2967 380.129 77.1113C379.817 76.9238 379.568 76.667 379.381 76.3411C379.195 76.0129 379.103 75.6379 379.103 75.2161C379.103 74.8155 379.192 74.449 379.371 74.1166C379.552 73.7821 379.806 73.5158 380.132 73.3176C380.46 73.1195 380.846 73.0236 381.289 73.03ZM381.289 73.7331C381.02 73.7331 380.778 73.8002 380.563 73.9344C380.35 74.0666 380.181 74.2455 380.055 74.4714C379.931 74.6951 379.87 74.9433 379.87 75.2161C379.87 75.4888 379.929 75.737 380.049 75.9607C380.17 76.1823 380.335 76.3592 380.544 76.4913C380.755 76.6212 380.995 76.6862 381.263 76.6862C381.466 76.6862 381.654 76.6468 381.829 76.568C382.004 76.487 382.156 76.3773 382.286 76.2388C382.418 76.0982 382.521 75.9394 382.596 75.7626C382.67 75.5836 382.708 75.3972 382.708 75.2033C382.708 74.9476 382.646 74.7079 382.522 74.4842C382.401 74.2604 382.233 74.0793 382.017 73.9408C381.804 73.8023 381.561 73.7331 381.289 73.7331ZM384.85 79.6649L387.777 73.8737V73.8226H384.402V73.1195H388.596V73.8609L385.681 79.6649H384.85ZM391.935 74.7558V75.395H389.391V74.7558H391.935ZM390.132 73.5797H390.886V78.2587C390.886 78.4717 390.917 78.6315 390.979 78.7381C391.043 78.8425 391.124 78.9128 391.222 78.949C391.322 78.9831 391.428 79.0001 391.538 79.0001C391.621 79.0001 391.69 78.9959 391.743 78.9874C391.796 78.9767 391.839 78.9682 391.871 78.9618L392.024 79.6393C391.973 79.6585 391.902 79.6777 391.81 79.6969C391.718 79.7182 391.602 79.7288 391.462 79.7288C391.249 79.7288 391.04 79.683 390.835 79.5914C390.633 79.4998 390.464 79.3602 390.33 79.1727C390.198 78.9852 390.132 78.7487 390.132 78.4632V73.5797ZM393.929 76.7118V79.6649H393.175V73.1195H393.929V75.5229H393.993C394.108 75.2693 394.281 75.068 394.511 74.9188C394.743 74.7675 395.052 74.6919 395.438 74.6919C395.772 74.6919 396.065 74.759 396.316 74.8933C396.568 75.0254 396.763 75.2288 396.901 75.5037C397.042 75.7764 397.112 76.1237 397.112 76.5456V79.6649H396.358V76.5967C396.358 76.2068 396.257 75.9053 396.054 75.6923C395.854 75.4771 395.576 75.3695 395.22 75.3695C394.973 75.3695 394.751 75.4217 394.555 75.5261C394.362 75.6305 394.208 75.7828 394.095 75.9831C393.984 76.1834 393.929 76.4263 393.929 76.7118ZM379.218 92.5058V85.7558H379.946V86.5357H380.036C380.091 86.4504 380.168 86.3418 380.266 86.2097C380.366 86.0754 380.509 85.9561 380.694 85.8517C380.882 85.7452 381.135 85.6919 381.455 85.6919C381.868 85.6919 382.233 85.7952 382.548 86.0019C382.863 86.2086 383.109 86.5016 383.286 86.8808C383.463 87.2601 383.551 87.7075 383.551 88.2232C383.551 88.743 383.463 89.1937 383.286 89.5751C383.109 89.9543 382.864 90.2484 382.551 90.4572C382.238 90.6639 381.877 90.7672 381.468 90.7672C381.152 90.7672 380.9 90.715 380.71 90.6106C380.521 90.5041 380.375 90.3837 380.272 90.2494C380.17 90.1131 380.091 90.0001 380.036 89.9107H379.972V92.5058H379.218ZM379.959 88.2104C379.959 88.5811 380.013 88.9082 380.122 89.1916C380.231 89.4728 380.39 89.6933 380.598 89.8531C380.807 90.0108 381.063 90.0896 381.365 90.0896C381.681 90.0896 381.944 90.0065 382.155 89.8403C382.368 89.672 382.528 89.4462 382.634 89.1628C382.743 88.8773 382.797 88.5598 382.797 88.2104C382.797 87.8652 382.744 87.5541 382.637 87.2771C382.533 86.998 382.374 86.7775 382.161 86.6156C381.95 86.4515 381.685 86.3695 381.365 86.3695C381.059 86.3695 380.801 86.4472 380.592 86.6028C380.383 86.7562 380.225 86.9714 380.119 87.2484C380.012 87.5232 379.959 87.8439 379.959 88.2104ZM386.76 90.7672C386.287 90.7672 385.879 90.6628 385.536 90.454C385.195 90.243 384.932 89.949 384.747 89.5719C384.564 89.1926 384.472 88.7516 384.472 88.2487C384.472 87.7459 384.564 87.3027 384.747 86.9192C384.932 86.5335 385.19 86.2331 385.52 86.0179C385.853 85.8006 386.24 85.6919 386.684 85.6919C386.939 85.6919 387.192 85.7345 387.441 85.8197C387.69 85.905 387.917 86.0435 388.122 86.2352C388.326 86.4249 388.489 86.6763 388.611 86.9895C388.732 87.3027 388.793 87.6884 388.793 88.1465V88.4661H385.009V87.8141H388.026C388.026 87.5371 387.971 87.2899 387.86 87.0726C387.751 86.8553 387.596 86.6837 387.393 86.558C387.193 86.4323 386.956 86.3695 386.684 86.3695C386.383 86.3695 386.123 86.444 385.904 86.5932C385.686 86.7402 385.519 86.932 385.402 87.1685C385.285 87.405 385.226 87.6585 385.226 87.9291V88.3638C385.226 88.7345 385.29 89.0488 385.418 89.3066C385.548 89.5623 385.728 89.7572 385.958 89.8915C386.188 90.0236 386.456 90.0896 386.76 90.0896C386.958 90.0896 387.137 90.0619 387.297 90.0065C387.459 89.949 387.599 89.8638 387.716 89.7509C387.833 89.6358 387.924 89.493 387.988 89.3226L388.716 89.5271C388.64 89.7743 388.511 89.9916 388.33 90.1791C388.148 90.3645 387.925 90.5094 387.658 90.6138C387.392 90.7161 387.093 90.7672 386.76 90.7672ZM389.94 90.6649V85.7558H390.669V86.4973H390.72C390.81 86.2544 390.972 86.0573 391.206 85.906C391.44 85.7548 391.705 85.6791 391.999 85.6791C392.054 85.6791 392.123 85.6802 392.206 85.6823C392.289 85.6844 392.352 85.6876 392.395 85.6919V86.459C392.369 86.4526 392.311 86.443 392.219 86.4302C392.13 86.4153 392.035 86.4078 391.935 86.4078C391.696 86.4078 391.483 86.4579 391.295 86.558C391.11 86.656 390.963 86.7924 390.854 86.9671C390.748 87.1397 390.695 87.3368 390.695 87.5584V90.6649H389.94ZM395.134 90.7672C394.674 90.7672 394.277 90.6585 393.945 90.4412C393.613 90.2239 393.357 89.9245 393.178 89.5431C392.999 89.1617 392.909 88.726 392.909 88.2359C392.909 87.7374 393.001 87.2974 393.184 86.916C393.37 86.5325 393.627 86.2331 393.958 86.0179C394.29 85.8006 394.678 85.6919 395.121 85.6919C395.466 85.6919 395.777 85.7558 396.054 85.8837C396.331 86.0115 396.558 86.1905 396.735 86.4206C396.912 86.6507 397.022 86.9192 397.064 87.226H396.31C396.252 87.0023 396.125 86.8041 395.926 86.6315C395.73 86.4568 395.466 86.3695 395.134 86.3695C394.84 86.3695 394.582 86.4462 394.36 86.5996C394.141 86.7509 393.969 86.965 393.846 87.242C393.724 87.5168 393.664 87.8396 393.664 88.2104C393.664 88.5896 393.723 88.9199 393.843 89.2011C393.964 89.4824 394.135 89.7008 394.354 89.8563C394.576 90.0119 394.836 90.0896 395.134 90.0896C395.33 90.0896 395.508 90.0555 395.668 89.9874C395.827 89.9192 395.963 89.8212 396.074 89.6933C396.184 89.5655 396.263 89.4121 396.31 89.2331H397.064C397.022 89.5229 396.916 89.7839 396.748 90.0161C396.582 90.2462 396.361 90.4295 396.086 90.5658C395.814 90.7001 395.496 90.7672 395.134 90.7672ZM400.225 90.7672C399.752 90.7672 399.344 90.6628 399.001 90.454C398.66 90.243 398.397 89.949 398.212 89.5719C398.028 89.1926 397.937 88.7516 397.937 88.2487C397.937 87.7459 398.028 87.3027 398.212 86.9192C398.397 86.5335 398.655 86.2331 398.985 86.0179C399.317 85.8006 399.705 85.6919 400.148 85.6919C400.404 85.6919 400.657 85.7345 400.906 85.8197C401.155 85.905 401.382 86.0435 401.587 86.2352C401.791 86.4249 401.954 86.6763 402.076 86.9895C402.197 87.3027 402.258 87.6884 402.258 88.1465V88.4661H398.474V87.8141H401.491C401.491 87.5371 401.435 87.2899 401.325 87.0726C401.216 86.8553 401.06 86.6837 400.858 86.558C400.658 86.4323 400.421 86.3695 400.148 86.3695C399.848 86.3695 399.588 86.444 399.369 86.5932C399.151 86.7402 398.984 86.932 398.867 87.1685C398.75 87.405 398.691 87.6585 398.691 87.9291V88.3638C398.691 88.7345 398.755 89.0488 398.883 89.3066C399.013 89.5623 399.193 89.7572 399.423 89.8915C399.653 90.0236 399.92 90.0896 400.225 90.0896C400.423 90.0896 400.602 90.0619 400.762 90.0065C400.924 89.949 401.064 89.8638 401.181 89.7509C401.298 89.6358 401.388 89.493 401.452 89.3226L402.181 89.5271C402.104 89.7743 401.975 89.9916 401.794 90.1791C401.613 90.3645 401.39 90.5094 401.123 90.6138C400.857 90.7161 400.558 90.7672 400.225 90.7672ZM404.159 87.7118V90.6649H403.405V85.7558H404.134V86.5229H404.198C404.313 86.2736 404.488 86.0733 404.722 85.922C404.956 85.7686 405.259 85.6919 405.63 85.6919C405.962 85.6919 406.253 85.7601 406.502 85.8965C406.751 86.0307 406.945 86.2352 407.084 86.5101C407.222 86.7828 407.292 87.128 407.292 87.5456V90.6649H406.537V87.5967C406.537 87.2111 406.437 86.9107 406.237 86.6955C406.037 86.4781 405.762 86.3695 405.412 86.3695C405.172 86.3695 404.956 86.4217 404.767 86.5261C404.579 86.6305 404.431 86.7828 404.322 86.9831C404.214 87.1834 404.159 87.4263 404.159 87.7118ZM410.805 85.7558V86.395H408.261V85.7558H410.805ZM409.002 84.5797H409.756V89.2587C409.756 89.4717 409.787 89.6315 409.849 89.7381C409.913 89.8425 409.994 89.9128 410.092 89.949C410.192 89.9831 410.298 90.0001 410.408 90.0001C410.492 90.0001 410.56 89.9959 410.613 89.9874C410.666 89.9767 410.709 89.9682 410.741 89.9618L410.894 90.6393C410.843 90.6585 410.772 90.6777 410.68 90.6969C410.589 90.7182 410.472 90.7288 410.332 90.7288C410.119 90.7288 409.91 90.683 409.705 90.5914C409.503 90.4998 409.335 90.3602 409.2 90.1727C409.068 89.9852 409.002 89.7487 409.002 89.4632V84.5797ZM411.939 90.6649V85.7558H412.694V90.6649H411.939ZM412.323 84.9376C412.176 84.9376 412.049 84.8876 411.943 84.7874C411.838 84.6873 411.786 84.5669 411.786 84.4263C411.786 84.2857 411.838 84.1653 411.943 84.0651C412.049 83.965 412.176 83.9149 412.323 83.9149C412.47 83.9149 412.596 83.965 412.7 84.0651C412.807 84.1653 412.86 84.2857 412.86 84.4263C412.86 84.5669 412.807 84.6873 412.7 84.7874C412.596 84.8876 412.47 84.9376 412.323 84.9376ZM414.829 84.1195V90.6649H414.075V84.1195H414.829ZM418.269 90.7672C417.796 90.7672 417.388 90.6628 417.045 90.454C416.704 90.243 416.441 89.949 416.256 89.5719C416.072 89.1926 415.981 88.7516 415.981 88.2487C415.981 87.7459 416.072 87.3027 416.256 86.9192C416.441 86.5335 416.699 86.2331 417.029 86.0179C417.361 85.8006 417.749 85.6919 418.192 85.6919C418.448 85.6919 418.701 85.7345 418.95 85.8197C419.199 85.905 419.426 86.0435 419.631 86.2352C419.835 86.4249 419.998 86.6763 420.12 86.9895C420.241 87.3027 420.302 87.6884 420.302 88.1465V88.4661H416.518V87.8141H419.535C419.535 87.5371 419.479 87.2899 419.369 87.0726C419.26 86.8553 419.104 86.6837 418.902 86.558C418.702 86.4323 418.465 86.3695 418.192 86.3695C417.892 86.3695 417.632 86.444 417.413 86.5932C417.195 86.7402 417.028 86.932 416.911 87.1685C416.794 87.405 416.735 87.6585 416.735 87.9291V88.3638C416.735 88.7345 416.799 89.0488 416.927 89.3066C417.057 89.5623 417.237 89.7572 417.467 89.8915C417.697 90.0236 417.964 90.0896 418.269 90.0896C418.467 90.0896 418.646 90.0619 418.806 90.0065C418.968 89.949 419.108 89.8638 419.225 89.7509C419.342 89.6358 419.432 89.493 419.496 89.3226L420.225 89.5271C420.148 89.7743 420.019 89.9916 419.838 90.1791C419.657 90.3645 419.434 90.5094 419.167 90.6138C418.901 90.7161 418.601 90.7672 418.269 90.7672Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/1346-profile.svg b/src/public/images/developers/1346-profile.svg
new file mode 100644
index 0000000000..cdc03f3e2e
--- /dev/null
+++ b/src/public/images/developers/1346-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.531C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.94 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.236 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.956 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.589 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.602 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.861 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.426 16.5673 220.865 16.2926C221.305 16.0148 221.795 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.834 16.3903 223.992 16.5856C224.151 16.7779 224.272 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.937 24.2133 225.65 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.695 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.621 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.122 19.0274 221.122 19.4517C221.122 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.779 23V15.9675H229.436V23H227.779ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.969 16.7688 233.227 16.4559 233.581 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.533 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.114 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.385 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.649C243.646 18.5025 243.577 18.2201 243.443 17.9729C243.308 17.7226 243.121 17.5257 242.879 17.3823C242.641 17.2388 242.364 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.554 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.459 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.153 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.169 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.657 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.475 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.475 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.453 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.116V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.34 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.833 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.939 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.253 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.622 16.201C256.936 15.9782 257.295 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.524 17.3411C257.221 17.3411 256.95 17.4067 256.709 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.965 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.266 14.3193 259.266 14.0721C259.266 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.965 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.189 13.8218 261.189 14.0721C261.189 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.756V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.904 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.107 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.653 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.682 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.972V23.1145C276.972 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.365 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.582 21.3426C274.829 21.1717 275.017 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.02 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.007 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.694 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.615 36.2606 207.615 35.525C207.615 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.19 32.3384C209.687 32.0301 210.272 31.876 210.943 31.876C211.377 31.876 211.786 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.33 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.483 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.089 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.379L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.709 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.464 39.1374C224.762 39.1374 224.159 38.9832 223.655 38.6749C223.155 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.028 33.0755C228.29 33.454 228.44 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.139 33.2129 224.841 33.3044 224.585 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.722 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.437 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.464 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.864 31.876C233.297 31.876 233.706 31.9462 234.091 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.078 34.8123 236.078 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.149 33.7226 233.961 33.5257 233.72 33.3823C233.482 33.2388 233.204 33.1671 232.886 33.1671C232.548 33.1671 232.25 33.2495 231.994 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.553 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.215 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.444 34.8123 250.444 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.848 33.2388 247.57 33.1671 247.252 33.1671C246.914 33.1671 246.616 33.2495 246.36 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.545 34.9206V35.8958C245.545 36.3048 245.619 36.6558 245.769 36.9489C245.919 37.2388 246.128 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.241 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.753 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.475 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.837 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.982 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.784 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.151 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.151 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.882 37.512C262.138 37.6951 262.439 37.7867 262.784 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.634 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.09 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.979 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.979 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.62V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.193 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.28 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.443 37.4388C271.586 37.3045 271.694 37.1381 271.768 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.757 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+  <path d="M240 80.0352L307.701 124.924L282.681 205.87L202.47 198.511L182.602 128.603L240 80.0352Z" fill="#42B883"
+        fill-opacity="0.5" stroke="#42B883"/>
+</svg>
diff --git a/src/public/images/developers/1346-score.svg b/src/public/images/developers/1346-score.svg
new file mode 100644
index 0000000000..a1dc07057e
--- /dev/null
+++ b/src/public/images/developers/1346-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 464 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 132.471C52.0151 132.471 80.7152 92.041 118.151 92.041C155.586 92.041 175.552 111.008 216.98 89.0462C245.24 74.0651 267.892 41.8776 305.827 41.8776C354.992 41.8776 384.94 132.222 431.894 134.717V154.081H4V132.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382C402.295 123.272 416.137 134.002 431.894 134.84V154H389V109.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M325 46.6073V154H218V88.6193C226.901 83.7495 235.265 77.2164 243.756 70.5851C261.772 56.5135 280.354 42 305.827 42C312.546 42 318.906 43.6874 325 46.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382V154H325V46.6073C341.715 54.6167 356.426 71.8999 371.039 89.0695C376.999 96.0716 382.943 103.055 389 109.382Z"
+        fill="#42B883"/>
+  <path
+    d="M4.49947 175.166C3.79776 175.166 3.19549 174.989 2.69265 174.634C2.19265 174.276 1.80771 173.76 1.53782 173.087C1.27077 172.411 1.13725 171.597 1.13725 170.645C1.14009 169.693 1.27504 168.884 1.54208 168.216C1.81197 167.545 2.19691 167.034 2.69691 166.682C3.19975 166.33 3.8006 166.153 4.49947 166.153C5.19833 166.153 5.79918 166.33 6.30202 166.682C6.80487 167.034 7.18981 167.545 7.45685 168.216C7.72674 168.886 7.86168 169.696 7.86168 170.645C7.86168 171.599 7.72674 172.415 7.45685 173.091C7.18981 173.764 6.80487 174.278 6.30202 174.634C5.80202 174.989 5.20117 175.166 4.49947 175.166ZM4.49947 173.832C5.04492 173.832 5.47532 173.564 5.79066 173.027C6.10884 172.487 6.26793 171.693 6.26793 170.645C6.26793 169.952 6.19549 169.369 6.0506 168.898C5.90572 168.426 5.70117 168.071 5.43697 167.832C5.17276 167.591 4.86026 167.47 4.49947 167.47C3.95685 167.47 3.52788 167.74 3.21254 168.28C2.89719 168.817 2.7381 169.605 2.73526 170.645C2.73242 171.341 2.80202 171.926 2.94407 172.401C3.08896 172.875 3.2935 173.233 3.55771 173.474C3.82191 173.713 4.13583 173.832 4.49947 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M141.105 166.273V175H139.524V167.811H139.472L137.431 169.115V167.666L139.6 166.273H141.105ZM146.546 175.166C145.845 175.166 145.242 174.989 144.74 174.634C144.24 174.276 143.855 173.76 143.585 173.087C143.318 172.411 143.184 171.597 143.184 170.645C143.187 169.693 143.322 168.884 143.589 168.216C143.859 167.545 144.244 167.034 144.744 166.682C145.247 166.33 145.847 166.153 146.546 166.153C147.245 166.153 147.846 166.33 148.349 166.682C148.852 167.034 149.237 167.545 149.504 168.216C149.774 168.886 149.909 169.696 149.909 170.645C149.909 171.599 149.774 172.415 149.504 173.091C149.237 173.764 148.852 174.278 148.349 174.634C147.849 174.989 147.248 175.166 146.546 175.166ZM146.546 173.832C147.092 173.832 147.522 173.564 147.838 173.027C148.156 172.487 148.315 171.693 148.315 170.645C148.315 169.952 148.242 169.369 148.097 168.898C147.953 168.426 147.748 168.071 147.484 167.832C147.22 167.591 146.907 167.47 146.546 167.47C146.004 167.47 145.575 167.74 145.259 168.28C144.944 168.817 144.785 169.605 144.782 170.645C144.779 171.341 144.849 171.926 144.991 172.401C145.136 172.875 145.34 173.233 145.605 173.474C145.869 173.713 146.183 173.832 146.546 173.832ZM154.55 175.166C153.849 175.166 153.246 174.989 152.743 174.634C152.243 174.276 151.858 173.76 151.589 173.087C151.322 172.411 151.188 171.597 151.188 170.645C151.191 169.693 151.326 168.884 151.593 168.216C151.863 167.545 152.248 167.034 152.748 166.682C153.251 166.33 153.851 166.153 154.55 166.153C155.249 166.153 155.85 166.33 156.353 166.682C156.856 167.034 157.241 167.545 157.508 168.216C157.778 168.886 157.912 169.696 157.912 170.645C157.912 171.599 157.778 172.415 157.508 173.091C157.241 173.764 156.856 174.278 156.353 174.634C155.853 174.989 155.252 175.166 154.55 175.166ZM154.55 173.832C155.096 173.832 155.526 173.564 155.841 173.027C156.16 172.487 156.319 171.693 156.319 170.645C156.319 169.952 156.246 169.369 156.101 168.898C155.956 168.426 155.752 168.071 155.488 167.832C155.224 167.591 154.911 167.47 154.55 167.47C154.008 167.47 153.579 167.74 153.263 168.28C152.948 168.817 152.789 169.605 152.786 170.645C152.783 171.341 152.853 171.926 152.995 172.401C153.14 172.875 153.344 173.233 153.608 173.474C153.873 173.713 154.187 173.832 154.55 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M210.644 166.273V175H209.063V167.811H209.012L206.97 169.115V167.666L209.139 166.273H210.644ZM215.894 175.119C215.325 175.119 214.817 175.013 214.368 174.8C213.919 174.584 213.563 174.288 213.298 173.913C213.037 173.538 212.898 173.109 212.881 172.626H214.415C214.443 172.984 214.598 173.277 214.879 173.504C215.161 173.729 215.499 173.841 215.894 173.841C216.203 173.841 216.479 173.77 216.72 173.628C216.962 173.486 217.152 173.288 217.291 173.036C217.431 172.783 217.499 172.494 217.496 172.17C217.499 171.841 217.429 171.548 217.287 171.293C217.145 171.037 216.95 170.837 216.703 170.692C216.456 170.544 216.172 170.47 215.851 170.47C215.59 170.467 215.333 170.516 215.08 170.615C214.827 170.714 214.627 170.845 214.479 171.007L213.051 170.773L213.507 166.273H218.57V167.594H214.816L214.564 169.908H214.615C214.777 169.717 215.006 169.56 215.301 169.435C215.597 169.307 215.921 169.243 216.273 169.243C216.801 169.243 217.273 169.368 217.688 169.618C218.102 169.865 218.429 170.206 218.668 170.641C218.906 171.075 219.026 171.572 219.026 172.132C219.026 172.709 218.892 173.223 218.625 173.675C218.361 174.124 217.993 174.477 217.521 174.736C217.053 174.991 216.51 175.119 215.894 175.119ZM223.679 175.166C222.977 175.166 222.375 174.989 221.872 174.634C221.372 174.276 220.987 173.76 220.718 173.087C220.45 172.411 220.317 171.597 220.317 170.645C220.32 169.693 220.455 168.884 220.722 168.216C220.992 167.545 221.377 167.034 221.877 166.682C222.379 166.33 222.98 166.153 223.679 166.153C224.378 166.153 224.979 166.33 225.482 166.682C225.985 167.034 226.369 167.545 226.637 168.216C226.906 168.886 227.041 169.696 227.041 170.645C227.041 171.599 226.906 172.415 226.637 173.091C226.369 173.764 225.985 174.278 225.482 174.634C224.982 174.989 224.381 175.166 223.679 175.166ZM223.679 173.832C224.225 173.832 224.655 173.564 224.97 173.027C225.289 172.487 225.448 171.693 225.448 170.645C225.448 169.952 225.375 169.369 225.23 168.898C225.085 168.426 224.881 168.071 224.617 167.832C224.352 167.591 224.04 167.47 223.679 167.47C223.137 167.47 222.708 167.74 222.392 168.28C222.077 168.817 221.918 169.605 221.915 170.645C221.912 171.341 221.982 171.926 222.124 172.401C222.269 172.875 222.473 173.233 222.737 173.474C223.002 173.713 223.316 173.832 223.679 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M276.379 175V173.858L279.409 170.888C279.699 170.595 279.94 170.335 280.133 170.108C280.327 169.881 280.471 169.661 280.568 169.447C280.665 169.234 280.713 169.007 280.713 168.766C280.713 168.49 280.65 168.254 280.525 168.058C280.4 167.859 280.229 167.706 280.01 167.598C279.791 167.49 279.542 167.436 279.264 167.436C278.977 167.436 278.726 167.496 278.51 167.615C278.294 167.732 278.126 167.898 278.007 168.114C277.89 168.33 277.832 168.587 277.832 168.885H276.328C276.328 168.331 276.454 167.849 276.707 167.44C276.96 167.031 277.308 166.714 277.751 166.49C278.197 166.266 278.709 166.153 279.285 166.153C279.871 166.153 280.385 166.263 280.828 166.482C281.271 166.7 281.615 167 281.859 167.381C282.106 167.761 282.23 168.196 282.23 168.685C282.23 169.011 282.167 169.332 282.042 169.648C281.917 169.963 281.697 170.312 281.382 170.696C281.069 171.08 280.631 171.544 280.065 172.089L278.561 173.619V173.679H282.362V175H276.379ZM287.058 175.166C286.356 175.166 285.754 174.989 285.251 174.634C284.751 174.276 284.366 173.76 284.096 173.087C283.829 172.411 283.696 171.597 283.696 170.645C283.699 169.693 283.834 168.884 284.101 168.216C284.371 167.545 284.756 167.034 285.256 166.682C285.758 166.33 286.359 166.153 287.058 166.153C287.757 166.153 288.358 166.33 288.861 166.682C289.363 167.034 289.748 167.545 290.015 168.216C290.285 168.886 290.42 169.696 290.42 170.645C290.42 171.599 290.285 172.415 290.015 173.091C289.748 173.764 289.363 174.278 288.861 174.634C288.361 174.989 287.76 175.166 287.058 175.166ZM287.058 173.832C287.604 173.832 288.034 173.564 288.349 173.027C288.667 172.487 288.827 171.693 288.827 170.645C288.827 169.952 288.754 169.369 288.609 168.898C288.464 168.426 288.26 168.071 287.996 167.832C287.731 167.591 287.419 167.47 287.058 167.47C286.515 167.47 286.086 167.74 285.771 168.28C285.456 168.817 285.297 169.605 285.294 170.645C285.291 171.341 285.361 171.926 285.503 172.401C285.648 172.875 285.852 173.233 286.116 173.474C286.381 173.713 286.694 173.832 287.058 173.832ZM295.062 175.166C294.36 175.166 293.758 174.989 293.255 174.634C292.755 174.276 292.37 173.76 292.1 173.087C291.833 172.411 291.7 171.597 291.7 170.645C291.703 169.693 291.838 168.884 292.105 168.216C292.374 167.545 292.759 167.034 293.259 166.682C293.762 166.33 294.363 166.153 295.062 166.153C295.761 166.153 296.362 166.33 296.865 166.682C297.367 167.034 297.752 167.545 298.019 168.216C298.289 168.886 298.424 169.696 298.424 170.645C298.424 171.599 298.289 172.415 298.019 173.091C297.752 173.764 297.367 174.278 296.865 174.634C296.365 174.989 295.764 175.166 295.062 175.166ZM295.062 173.832C295.607 173.832 296.038 173.564 296.353 173.027C296.671 172.487 296.83 171.693 296.83 170.645C296.83 169.952 296.758 169.369 296.613 168.898C296.468 168.426 296.264 168.071 295.999 167.832C295.735 167.591 295.423 167.47 295.062 167.47C294.519 167.47 294.09 167.74 293.775 168.28C293.46 168.817 293.301 169.605 293.298 170.645C293.295 171.341 293.365 171.926 293.507 172.401C293.651 172.875 293.856 173.233 294.12 173.474C294.384 173.713 294.698 173.832 295.062 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M347.916 175V173.858L350.946 170.888C351.236 170.595 351.477 170.335 351.67 170.108C351.864 169.881 352.009 169.661 352.105 169.447C352.202 169.234 352.25 169.007 352.25 168.766C352.25 168.49 352.188 168.254 352.062 168.058C351.938 167.859 351.766 167.706 351.547 167.598C351.328 167.49 351.08 167.436 350.801 167.436C350.514 167.436 350.263 167.496 350.047 167.615C349.831 167.732 349.663 167.898 349.544 168.114C349.428 168.33 349.369 168.587 349.369 168.885H347.865C347.865 168.331 347.991 167.849 348.244 167.44C348.497 167.031 348.845 166.714 349.288 166.49C349.734 166.266 350.246 166.153 350.822 166.153C351.408 166.153 351.922 166.263 352.365 166.482C352.808 166.7 353.152 167 353.396 167.381C353.643 167.761 353.767 168.196 353.767 168.685C353.767 169.011 353.705 169.332 353.58 169.648C353.455 169.963 353.234 170.312 352.919 170.696C352.607 171.08 352.168 171.544 351.602 172.089L350.098 173.619V173.679H353.899V175H347.916ZM358.403 175.119C357.835 175.119 357.327 175.013 356.878 174.8C356.429 174.584 356.072 174.288 355.808 173.913C355.547 173.538 355.408 173.109 355.391 172.626H356.925C356.953 172.984 357.108 173.277 357.389 173.504C357.67 173.729 358.009 173.841 358.403 173.841C358.713 173.841 358.989 173.77 359.23 173.628C359.472 173.486 359.662 173.288 359.801 173.036C359.94 172.783 360.009 172.494 360.006 172.17C360.009 171.841 359.939 171.548 359.797 171.293C359.655 171.037 359.46 170.837 359.213 170.692C358.966 170.544 358.682 170.47 358.361 170.47C358.099 170.467 357.842 170.516 357.589 170.615C357.337 170.714 357.136 170.845 356.989 171.007L355.561 170.773L356.017 166.273H361.08V167.594H357.325L357.074 169.908H357.125C357.287 169.717 357.516 169.56 357.811 169.435C358.107 169.307 358.43 169.243 358.783 169.243C359.311 169.243 359.783 169.368 360.197 169.618C360.612 169.865 360.939 170.206 361.178 170.641C361.416 171.075 361.536 171.572 361.536 172.132C361.536 172.709 361.402 173.223 361.135 173.675C360.871 174.124 360.503 174.477 360.031 174.736C359.562 174.991 359.02 175.119 358.403 175.119ZM366.189 175.166C365.487 175.166 364.885 174.989 364.382 174.634C363.882 174.276 363.497 173.76 363.227 173.087C362.96 172.411 362.827 171.597 362.827 170.645C362.83 169.693 362.964 168.884 363.232 168.216C363.501 167.545 363.886 167.034 364.386 166.682C364.889 166.33 365.49 166.153 366.189 166.153C366.888 166.153 367.489 166.33 367.991 166.682C368.494 167.034 368.879 167.545 369.146 168.216C369.416 168.886 369.551 169.696 369.551 170.645C369.551 171.599 369.416 172.415 369.146 173.091C368.879 173.764 368.494 174.278 367.991 174.634C367.491 174.989 366.891 175.166 366.189 175.166ZM366.189 173.832C366.734 173.832 367.165 173.564 367.48 173.027C367.798 172.487 367.957 171.693 367.957 170.645C367.957 169.952 367.885 169.369 367.74 168.898C367.595 168.426 367.391 168.071 367.126 167.832C366.862 167.591 366.55 167.47 366.189 167.47C365.646 167.47 365.217 167.74 364.902 168.28C364.587 168.817 364.428 169.605 364.425 170.645C364.422 171.341 364.491 171.926 364.634 172.401C364.778 172.875 364.983 173.233 365.247 173.474C365.511 173.713 365.825 173.832 366.189 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M422.083 175.119C421.47 175.119 420.924 175.014 420.447 174.804C419.973 174.594 419.598 174.301 419.322 173.926C419.047 173.551 418.9 173.118 418.883 172.626H420.485C420.5 172.862 420.578 173.068 420.72 173.244C420.862 173.418 421.051 173.553 421.287 173.649C421.522 173.746 421.787 173.794 422.079 173.794C422.392 173.794 422.669 173.74 422.91 173.632C423.152 173.521 423.341 173.368 423.477 173.172C423.613 172.976 423.68 172.75 423.677 172.494C423.68 172.23 423.612 171.997 423.473 171.795C423.333 171.594 423.132 171.436 422.868 171.322C422.606 171.209 422.291 171.152 421.922 171.152H421.15V169.933H421.922C422.225 169.933 422.491 169.881 422.718 169.776C422.949 169.67 423.129 169.523 423.26 169.332C423.39 169.139 423.454 168.916 423.451 168.663C423.454 168.416 423.399 168.202 423.285 168.02C423.174 167.835 423.017 167.692 422.812 167.589C422.61 167.487 422.373 167.436 422.1 167.436C421.833 167.436 421.586 167.484 421.359 167.581C421.132 167.678 420.949 167.815 420.809 167.994C420.67 168.17 420.596 168.381 420.588 168.625H419.066C419.078 168.136 419.218 167.707 419.488 167.338C419.761 166.966 420.125 166.676 420.579 166.469C421.034 166.259 421.544 166.153 422.109 166.153C422.691 166.153 423.197 166.263 423.626 166.482C424.058 166.697 424.392 166.989 424.627 167.355C424.863 167.722 424.981 168.126 424.981 168.57C424.984 169.061 424.839 169.473 424.547 169.805C424.257 170.138 423.876 170.355 423.404 170.457V170.526C424.018 170.611 424.488 170.838 424.815 171.207C425.145 171.574 425.308 172.03 425.305 172.575C425.305 173.064 425.166 173.501 424.887 173.888C424.612 174.271 424.231 174.572 423.745 174.791C423.262 175.01 422.708 175.119 422.083 175.119ZM429.994 175.166C429.292 175.166 428.69 174.989 428.187 174.634C427.687 174.276 427.302 173.76 427.032 173.087C426.765 172.411 426.631 171.597 426.631 170.645C426.634 169.693 426.769 168.884 427.036 168.216C427.306 167.545 427.691 167.034 428.191 166.682C428.694 166.33 429.295 166.153 429.994 166.153C430.692 166.153 431.293 166.33 431.796 166.682C432.299 167.034 432.684 167.545 432.951 168.216C433.221 168.886 433.356 169.696 433.356 170.645C433.356 171.599 433.221 172.415 432.951 173.091C432.684 173.764 432.299 174.278 431.796 174.634C431.296 174.989 430.695 175.166 429.994 175.166ZM429.994 173.832C430.539 173.832 430.969 173.564 431.285 173.027C431.603 172.487 431.762 171.693 431.762 170.645C431.762 169.952 431.69 169.369 431.545 168.898C431.4 168.426 431.195 168.071 430.931 167.832C430.667 167.591 430.354 167.47 429.994 167.47C429.451 167.47 429.022 167.74 428.707 168.28C428.391 168.817 428.232 169.605 428.229 170.645C428.227 171.341 428.296 171.926 428.438 172.401C428.583 172.875 428.788 173.233 429.052 173.474C429.316 173.713 429.63 173.832 429.994 173.832ZM437.998 175.166C437.296 175.166 436.694 174.989 436.191 174.634C435.691 174.276 435.306 173.76 435.036 173.087C434.769 172.411 434.635 171.597 434.635 170.645C434.638 169.693 434.773 168.884 435.04 168.216C435.31 167.545 435.695 167.034 436.195 166.682C436.698 166.33 437.299 166.153 437.998 166.153C438.696 166.153 439.297 166.33 439.8 166.682C440.303 167.034 440.688 167.545 440.955 168.216C441.225 168.886 441.36 169.696 441.36 170.645C441.36 171.599 441.225 172.415 440.955 173.091C440.688 173.764 440.303 174.278 439.8 174.634C439.3 174.989 438.699 175.166 437.998 175.166ZM437.998 173.832C438.543 173.832 438.973 173.564 439.289 173.027C439.607 172.487 439.766 171.693 439.766 170.645C439.766 169.952 439.694 169.369 439.549 168.898C439.404 168.426 439.199 168.071 438.935 167.832C438.671 167.591 438.358 167.47 437.998 167.47C437.455 167.47 437.026 167.74 436.711 168.28C436.395 168.817 436.236 169.605 436.233 170.645C436.23 171.341 436.3 171.926 436.442 172.401C436.587 172.875 436.792 173.233 437.056 173.474C437.32 173.713 437.634 173.832 437.998 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M324.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M316.206 4.21484V3H322.589V4.21484H320.117V11H318.679V4.21484H316.206ZM330.614 7C330.614 7.86198 330.452 8.60026 330.129 9.21484C329.809 9.82682 329.371 10.2956 328.817 10.6211C328.265 10.9466 327.638 11.1094 326.938 11.1094C326.237 11.1094 325.61 10.9466 325.055 10.6211C324.503 10.293 324.065 9.82292 323.742 9.21094C323.422 8.59635 323.262 7.85937 323.262 7C323.262 6.13802 323.422 5.40104 323.742 4.78906C324.065 4.17448 324.503 3.70443 325.055 3.37891C325.61 3.05339 326.237 2.89062 326.938 2.89062C327.638 2.89062 328.265 3.05339 328.817 3.37891C329.371 3.70443 329.809 4.17448 330.129 4.78906C330.452 5.40104 330.614 6.13802 330.614 7ZM329.157 7C329.157 6.39323 329.062 5.88151 328.871 5.46484C328.684 5.04557 328.423 4.72917 328.09 4.51563C327.757 4.29948 327.373 4.19141 326.938 4.19141C326.503 4.19141 326.119 4.29948 325.785 4.51563C325.452 4.72917 325.19 5.04557 325 5.46484C324.813 5.88151 324.719 6.39323 324.719 7C324.719 7.60677 324.813 8.11979 325 8.53906C325.19 8.95573 325.452 9.27214 325.785 9.48828C326.119 9.70182 326.503 9.80859 326.938 9.80859C327.373 9.80859 327.757 9.70182 328.09 9.48828C328.423 9.27214 328.684 8.95573 328.871 8.53906C329.062 8.11979 329.157 7.60677 329.157 7ZM331.984 11V3H334.984C335.598 3 336.114 3.11458 336.531 3.34375C336.95 3.57292 337.266 3.88802 337.48 4.28906C337.696 4.6875 337.804 5.14062 337.804 5.64844C337.804 6.16146 337.696 6.61719 337.48 7.01563C337.264 7.41406 336.945 7.72786 336.523 7.95703C336.101 8.18359 335.581 8.29687 334.964 8.29687H332.976V7.10547H334.769C335.128 7.10547 335.423 7.04297 335.652 6.91797C335.881 6.79297 336.05 6.62109 336.159 6.40234C336.271 6.18359 336.327 5.93229 336.327 5.64844C336.327 5.36458 336.271 5.11458 336.159 4.89844C336.05 4.68229 335.88 4.51432 335.648 4.39453C335.419 4.27214 335.123 4.21094 334.761 4.21094H333.433V11H331.984ZM316.195 24V22.9531L318.972 20.2305C319.238 19.9622 319.459 19.724 319.637 19.5156C319.814 19.3073 319.946 19.1055 320.035 18.9102C320.124 18.7148 320.168 18.5065 320.168 18.2852C320.168 18.0326 320.11 17.8164 319.996 17.6367C319.881 17.4544 319.724 17.3138 319.523 17.2148C319.323 17.1159 319.095 17.0664 318.84 17.0664C318.577 17.0664 318.346 17.1211 318.148 17.2305C317.95 17.3372 317.797 17.4896 317.687 17.6875C317.581 17.8854 317.527 18.1211 317.527 18.3945H316.148C316.148 17.8867 316.264 17.4453 316.496 17.0703C316.728 16.6953 317.047 16.4049 317.453 16.1992C317.862 15.9935 318.331 15.8906 318.859 15.8906C319.396 15.8906 319.867 15.9909 320.273 16.1914C320.68 16.3919 320.995 16.6667 321.219 17.0156C321.445 17.3646 321.558 17.763 321.558 18.2109C321.558 18.5104 321.501 18.8047 321.387 19.0937C321.272 19.3828 321.07 19.7031 320.781 20.0547C320.495 20.4062 320.092 20.832 319.574 21.332L318.195 22.7344V22.7891H321.68V24H316.195ZM325.808 24.1094C325.288 24.1094 324.821 24.0117 324.41 23.8164C323.999 23.6185 323.672 23.3477 323.43 23.0039C323.19 22.6602 323.062 22.2669 323.047 21.8242H324.453C324.479 22.1523 324.621 22.4206 324.879 22.6289C325.137 22.8346 325.446 22.9375 325.808 22.9375C326.092 22.9375 326.345 22.8724 326.566 22.7422C326.788 22.612 326.962 22.431 327.09 22.1992C327.217 21.9674 327.28 21.7031 327.277 21.4062C327.28 21.1042 327.216 20.8359 327.086 20.6016C326.956 20.3672 326.777 20.1836 326.551 20.0508C326.324 19.9154 326.064 19.8477 325.769 19.8477C325.53 19.8451 325.294 19.8893 325.062 19.9805C324.831 20.0716 324.647 20.1914 324.512 20.3398L323.203 20.125L323.621 16H328.262V17.2109H324.82L324.59 19.332H324.637C324.785 19.1576 324.995 19.013 325.265 18.8984C325.536 18.7812 325.833 18.7227 326.156 18.7227C326.64 18.7227 327.073 18.8372 327.453 19.0664C327.833 19.293 328.133 19.6055 328.351 20.0039C328.57 20.4023 328.68 20.8581 328.68 21.3711C328.68 21.8997 328.557 22.3711 328.312 22.7852C328.07 23.1966 327.733 23.5208 327.301 23.7578C326.871 23.9922 326.374 24.1094 325.808 24.1094ZM334.265 22.5V22.0781C334.265 21.7682 334.331 21.4831 334.461 21.2227C334.594 20.9622 334.786 20.7526 335.039 20.5937C335.291 20.4349 335.597 20.3555 335.957 20.3555C336.327 20.3555 336.637 20.4349 336.887 20.5937C337.137 20.75 337.325 20.9583 337.453 21.2188C337.583 21.4792 337.648 21.7656 337.648 22.0781V22.5C337.648 22.8099 337.583 23.0951 337.453 23.3555C337.323 23.6159 337.131 23.8255 336.879 23.9844C336.629 24.1432 336.321 24.2227 335.957 24.2227C335.592 24.2227 335.284 24.1432 335.031 23.9844C334.778 23.8255 334.587 23.6159 334.457 23.3555C334.329 23.0951 334.265 22.8099 334.265 22.5ZM335.285 22.0781V22.5C335.285 22.7057 335.334 22.8945 335.433 23.0664C335.532 23.2383 335.707 23.3242 335.957 23.3242C336.209 23.3242 336.383 23.2396 336.476 23.0703C336.573 22.8984 336.621 22.7083 336.621 22.5V22.0781C336.621 21.8698 336.575 21.6797 336.484 21.5078C336.393 21.3333 336.217 21.2461 335.957 21.2461C335.712 21.2461 335.539 21.3333 335.437 21.5078C335.336 21.6797 335.285 21.8698 335.285 22.0781ZM330.199 17.9219V17.5C330.199 17.1875 330.265 16.901 330.398 16.6406C330.531 16.3802 330.724 16.1719 330.976 16.0156C331.229 15.8568 331.535 15.7773 331.894 15.7773C332.262 15.7773 332.57 15.8568 332.82 16.0156C333.073 16.1719 333.263 16.3802 333.39 16.6406C333.518 16.901 333.582 17.1875 333.582 17.5V17.9219C333.582 18.2344 333.517 18.5208 333.387 18.7812C333.259 19.0391 333.069 19.2461 332.816 19.4023C332.564 19.5586 332.256 19.6367 331.894 19.6367C331.527 19.6367 331.217 19.5586 330.965 19.4023C330.715 19.2461 330.525 19.0378 330.394 18.7773C330.264 18.5169 330.199 18.2318 330.199 17.9219ZM331.226 17.5V17.9219C331.226 18.1302 331.275 18.3203 331.371 18.4922C331.47 18.6615 331.644 18.7461 331.894 18.7461C332.144 18.7461 332.316 18.6615 332.41 18.4922C332.506 18.3203 332.555 18.1302 332.555 17.9219V17.5C332.555 17.2917 332.509 17.1016 332.418 16.9297C332.327 16.7552 332.152 16.668 331.894 16.668C331.647 16.668 331.474 16.7552 331.375 16.9297C331.276 17.1042 331.226 17.2943 331.226 17.5ZM330.644 24L336.144 16H337.121L331.621 24H330.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M388.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M380.206 4.21484V3H386.589V4.21484H384.117V11H382.679V4.21484H380.206ZM394.614 7C394.614 7.86198 394.452 8.60026 394.129 9.21484C393.809 9.82682 393.371 10.2956 392.817 10.6211C392.265 10.9466 391.638 11.1094 390.938 11.1094C390.237 11.1094 389.61 10.9466 389.055 10.6211C388.503 10.293 388.065 9.82292 387.742 9.21094C387.422 8.59635 387.262 7.85937 387.262 7C387.262 6.13802 387.422 5.40104 387.742 4.78906C388.065 4.17448 388.503 3.70443 389.055 3.37891C389.61 3.05339 390.237 2.89062 390.938 2.89062C391.638 2.89062 392.265 3.05339 392.817 3.37891C393.371 3.70443 393.809 4.17448 394.129 4.78906C394.452 5.40104 394.614 6.13802 394.614 7ZM393.157 7C393.157 6.39323 393.062 5.88151 392.871 5.46484C392.684 5.04557 392.423 4.72917 392.09 4.51563C391.757 4.29948 391.373 4.19141 390.938 4.19141C390.503 4.19141 390.119 4.29948 389.785 4.51563C389.452 4.72917 389.19 5.04557 389 5.46484C388.813 5.88151 388.719 6.39323 388.719 7C388.719 7.60677 388.813 8.11979 389 8.53906C389.19 8.95573 389.452 9.27214 389.785 9.48828C390.119 9.70182 390.503 9.80859 390.938 9.80859C391.373 9.80859 391.757 9.70182 392.09 9.48828C392.423 9.27214 392.684 8.95573 392.871 8.53906C393.062 8.11979 393.157 7.60677 393.157 7ZM395.984 11V3H398.984C399.598 3 400.114 3.11458 400.531 3.34375C400.95 3.57292 401.266 3.88802 401.48 4.28906C401.696 4.6875 401.804 5.14062 401.804 5.64844C401.804 6.16146 401.696 6.61719 401.48 7.01563C401.264 7.41406 400.945 7.72786 400.523 7.95703C400.101 8.18359 399.581 8.29687 398.964 8.29687H396.976V7.10547H398.769C399.128 7.10547 399.423 7.04297 399.652 6.91797C399.881 6.79297 400.05 6.62109 400.159 6.40234C400.271 6.18359 400.327 5.93229 400.327 5.64844C400.327 5.36458 400.271 5.11458 400.159 4.89844C400.05 4.68229 399.88 4.51432 399.648 4.39453C399.419 4.27214 399.123 4.21094 398.761 4.21094H397.433V11H395.984ZM384.034 16V24H382.585V17.4102H382.538L380.667 18.6055V17.2773L382.656 16H384.034ZM389.023 24.1523C388.38 24.1523 387.827 23.9896 387.367 23.6641C386.908 23.3359 386.555 22.8633 386.308 22.2461C386.063 21.6263 385.941 20.8802 385.941 20.0078C385.943 19.1354 386.067 18.3932 386.312 17.7812C386.559 17.1667 386.912 16.6979 387.37 16.375C387.831 16.0521 388.382 15.8906 389.023 15.8906C389.663 15.8906 390.214 16.0521 390.675 16.375C391.136 16.6979 391.489 17.1667 391.734 17.7812C391.981 18.3958 392.105 19.138 392.105 20.0078C392.105 20.8828 391.981 21.6302 391.734 22.25C391.489 22.8672 391.136 23.3385 390.675 23.6641C390.217 23.9896 389.666 24.1523 389.023 24.1523ZM389.023 22.9297C389.523 22.9297 389.917 22.6836 390.206 22.1914C390.498 21.6966 390.644 20.9687 390.644 20.0078C390.644 19.3724 390.577 18.8385 390.445 18.4062C390.312 17.974 390.124 17.6484 389.882 17.4297C389.64 17.2083 389.353 17.0977 389.023 17.0977C388.525 17.0977 388.132 17.3451 387.843 17.8398C387.554 18.332 387.408 19.0547 387.406 20.0078C387.403 20.6458 387.467 21.1823 387.597 21.6172C387.73 22.0521 387.917 22.3802 388.159 22.6016C388.402 22.8203 388.689 22.9297 389.023 22.9297ZM397.68 22.5V22.0781C397.68 21.7682 397.745 21.4831 397.875 21.2227C398.008 20.9622 398.201 20.7526 398.453 20.5937C398.706 20.4349 399.012 20.3555 399.371 20.3555C399.741 20.3555 400.051 20.4349 400.301 20.5937C400.551 20.75 400.74 20.9583 400.867 21.2188C400.998 21.4792 401.063 21.7656 401.063 22.0781V22.5C401.063 22.8099 400.998 23.0951 400.867 23.3555C400.737 23.6159 400.546 23.8255 400.293 23.9844C400.043 24.1432 399.736 24.2227 399.371 24.2227C399.007 24.2227 398.698 24.1432 398.446 23.9844C398.193 23.8255 398.002 23.6159 397.871 23.3555C397.744 23.0951 397.68 22.8099 397.68 22.5ZM398.7 22.0781V22.5C398.7 22.7057 398.749 22.8945 398.848 23.0664C398.947 23.2383 399.121 23.3242 399.371 23.3242C399.624 23.3242 399.797 23.2396 399.891 23.0703C399.987 22.8984 400.035 22.7083 400.035 22.5V22.0781C400.035 21.8698 399.99 21.6797 399.899 21.5078C399.808 21.3333 399.632 21.2461 399.371 21.2461C399.127 21.2461 398.953 21.3333 398.852 21.5078C398.75 21.6797 398.7 21.8698 398.7 22.0781ZM393.614 17.9219V17.5C393.614 17.1875 393.68 16.901 393.813 16.6406C393.946 16.3802 394.138 16.1719 394.391 16.0156C394.644 15.8568 394.95 15.7773 395.309 15.7773C395.676 15.7773 395.985 15.8568 396.235 16.0156C396.487 16.1719 396.677 16.3802 396.805 16.6406C396.933 16.901 396.996 17.1875 396.996 17.5V17.9219C396.996 18.2344 396.931 18.5208 396.801 18.7812C396.673 19.0391 396.483 19.2461 396.231 19.4023C395.978 19.5586 395.671 19.6367 395.309 19.6367C394.942 19.6367 394.632 19.5586 394.379 19.4023C394.129 19.2461 393.939 19.0378 393.809 18.7773C393.679 18.5169 393.614 18.2318 393.614 17.9219ZM394.641 17.5V17.9219C394.641 18.1302 394.689 18.3203 394.785 18.4922C394.884 18.6615 395.059 18.7461 395.309 18.7461C395.559 18.7461 395.731 18.6615 395.825 18.4922C395.921 18.3203 395.969 18.1302 395.969 17.9219V17.5C395.969 17.2917 395.923 17.1016 395.832 16.9297C395.741 16.7552 395.567 16.668 395.309 16.668C395.062 16.668 394.888 16.7552 394.789 16.9297C394.69 17.1042 394.641 17.2943 394.641 17.5ZM394.059 24L399.559 16H400.535L395.035 24H394.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M218.018 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M207.927 4.21484V3H214.31V4.21484H211.837V11H210.4V4.21484H207.927ZM222.334 7C222.334 7.86198 222.173 8.60026 221.85 9.21484C221.53 9.82682 221.092 10.2956 220.538 10.6211C219.985 10.9466 219.359 11.1094 218.659 11.1094C217.958 11.1094 217.331 10.9466 216.776 10.6211C216.224 10.293 215.786 9.82292 215.463 9.21094C215.143 8.59635 214.983 7.85937 214.983 7C214.983 6.13802 215.143 5.40104 215.463 4.78906C215.786 4.17448 216.224 3.70443 216.776 3.37891C217.331 3.05339 217.958 2.89062 218.659 2.89062C219.359 2.89062 219.985 3.05339 220.538 3.37891C221.092 3.70443 221.53 4.17448 221.85 4.78906C222.173 5.40104 222.334 6.13802 222.334 7ZM220.877 7C220.877 6.39323 220.782 5.88151 220.592 5.46484C220.405 5.04557 220.144 4.72917 219.811 4.51563C219.478 4.29948 219.094 4.19141 218.659 4.19141C218.224 4.19141 217.84 4.29948 217.506 4.51563C217.173 4.72917 216.911 5.04557 216.721 5.46484C216.534 5.88151 216.44 6.39323 216.44 7C216.44 7.60677 216.534 8.11979 216.721 8.53906C216.911 8.95573 217.173 9.27214 217.506 9.48828C217.84 9.70182 218.224 9.80859 218.659 9.80859C219.094 9.80859 219.478 9.70182 219.811 9.48828C220.144 9.27214 220.405 8.95573 220.592 8.53906C220.782 8.11979 220.877 7.60677 220.877 7ZM223.705 11V3H226.705C227.319 3 227.835 3.11458 228.251 3.34375C228.671 3.57292 228.987 3.88802 229.201 4.28906C229.417 4.6875 229.525 5.14062 229.525 5.64844C229.525 6.16146 229.417 6.61719 229.201 7.01563C228.984 7.41406 228.665 7.72786 228.244 7.95703C227.822 8.18359 227.302 8.29687 226.685 8.29687H224.697V7.10547H226.49C226.849 7.10547 227.143 7.04297 227.373 6.91797C227.602 6.79297 227.771 6.62109 227.88 6.40234C227.992 6.18359 228.048 5.93229 228.048 5.64844C228.048 5.36458 227.992 5.11458 227.88 4.89844C227.771 4.68229 227.6 4.51432 227.369 4.39453C227.139 4.27214 226.844 4.21094 226.482 4.21094H225.154V11H223.705ZM210.445 24.1094C209.924 24.1094 209.458 24.0117 209.046 23.8164C208.635 23.6185 208.308 23.3477 208.066 23.0039C207.826 22.6602 207.699 22.2669 207.683 21.8242H209.089C209.115 22.1523 209.257 22.4206 209.515 22.6289C209.773 22.8346 210.083 22.9375 210.445 22.9375C210.729 22.9375 210.981 22.8724 211.203 22.7422C211.424 22.612 211.598 22.431 211.726 22.1992C211.854 21.9674 211.916 21.7031 211.914 21.4062C211.916 21.1042 211.852 20.8359 211.722 20.6016C211.592 20.3672 211.414 20.1836 211.187 20.0508C210.96 19.9154 210.7 19.8477 210.406 19.8477C210.166 19.8451 209.93 19.8893 209.699 19.9805C209.467 20.0716 209.283 20.1914 209.148 20.3398L207.839 20.125L208.257 16H212.898V17.2109H209.457L209.226 19.332H209.273C209.421 19.1576 209.631 19.013 209.902 18.8984C210.173 18.7812 210.47 18.7227 210.792 18.7227C211.277 18.7227 211.709 18.8372 212.089 19.0664C212.47 19.293 212.769 19.6055 212.988 20.0039C213.207 20.4023 213.316 20.8581 213.316 21.3711C213.316 21.8997 213.193 22.3711 212.949 22.7852C212.707 23.1966 212.369 23.5208 211.937 23.7578C211.507 23.9922 211.01 24.1094 210.445 24.1094ZM217.582 24.1523C216.938 24.1523 216.386 23.9896 215.925 23.6641C215.467 23.3359 215.114 22.8633 214.867 22.2461C214.622 21.6263 214.499 20.8802 214.499 20.0078C214.502 19.1354 214.626 18.3932 214.871 17.7812C215.118 17.1667 215.471 16.6979 215.929 16.375C216.39 16.0521 216.941 15.8906 217.582 15.8906C218.222 15.8906 218.773 16.0521 219.234 16.375C219.695 16.6979 220.048 17.1667 220.292 17.7812C220.54 18.3958 220.664 19.138 220.664 20.0078C220.664 20.8828 220.54 21.6302 220.292 22.25C220.048 22.8672 219.695 23.3385 219.234 23.6641C218.776 23.9896 218.225 24.1523 217.582 24.1523ZM217.582 22.9297C218.082 22.9297 218.476 22.6836 218.765 22.1914C219.057 21.6966 219.203 20.9687 219.203 20.0078C219.203 19.3724 219.136 18.8385 219.003 18.4062C218.871 17.974 218.683 17.6484 218.441 17.4297C218.199 17.2083 217.912 17.0977 217.582 17.0977C217.084 17.0977 216.691 17.3451 216.402 17.8398C216.113 18.332 215.967 19.0547 215.964 20.0078C215.962 20.6458 216.026 21.1823 216.156 21.6172C216.289 22.0521 216.476 22.3802 216.718 22.6016C216.96 22.8203 217.248 22.9297 217.582 22.9297ZM226.239 22.5V22.0781C226.239 21.7682 226.304 21.4831 226.434 21.2227C226.567 20.9622 226.76 20.7526 227.012 20.5937C227.265 20.4349 227.571 20.3555 227.93 20.3555C228.3 20.3555 228.61 20.4349 228.86 20.5937C229.11 20.75 229.299 20.9583 229.426 21.2188C229.556 21.4792 229.622 21.7656 229.622 22.0781V22.5C229.622 22.8099 229.556 23.0951 229.426 23.3555C229.296 23.6159 229.105 23.8255 228.852 23.9844C228.602 24.1432 228.295 24.2227 227.93 24.2227C227.566 24.2227 227.257 24.1432 227.004 23.9844C226.752 23.8255 226.56 23.6159 226.43 23.3555C226.303 23.0951 226.239 22.8099 226.239 22.5ZM227.258 22.0781V22.5C227.258 22.7057 227.308 22.8945 227.407 23.0664C227.506 23.2383 227.68 23.3242 227.93 23.3242C228.183 23.3242 228.356 23.2396 228.45 23.0703C228.546 22.8984 228.594 22.7083 228.594 22.5V22.0781C228.594 21.8698 228.549 21.6797 228.457 21.5078C228.366 21.3333 228.191 21.2461 227.93 21.2461C227.685 21.2461 227.512 21.3333 227.411 21.5078C227.309 21.6797 227.258 21.8698 227.258 22.0781ZM222.172 17.9219V17.5C222.172 17.1875 222.239 16.901 222.372 16.6406C222.504 16.3802 222.697 16.1719 222.95 16.0156C223.202 15.8568 223.508 15.7773 223.868 15.7773C224.235 15.7773 224.543 15.8568 224.793 16.0156C225.046 16.1719 225.236 16.3802 225.364 16.6406C225.491 16.901 225.555 17.1875 225.555 17.5V17.9219C225.555 18.2344 225.49 18.5208 225.36 18.7812C225.232 19.0391 225.042 19.2461 224.79 19.4023C224.537 19.5586 224.23 19.6367 223.868 19.6367C223.5 19.6367 223.191 19.5586 222.938 19.4023C222.688 19.2461 222.498 19.0378 222.368 18.7773C222.237 18.5169 222.172 18.2318 222.172 17.9219ZM223.2 17.5V17.9219C223.2 18.1302 223.248 18.3203 223.344 18.4922C223.443 18.6615 223.618 18.7461 223.868 18.7461C224.118 18.7461 224.29 18.6615 224.383 18.4922C224.48 18.3203 224.528 18.1302 224.528 17.9219V17.5C224.528 17.2917 224.482 17.1016 224.391 16.9297C224.3 16.7552 224.125 16.668 223.868 16.668C223.62 16.668 223.447 16.7552 223.348 16.9297C223.249 17.1042 223.2 17.2943 223.2 17.5ZM222.618 24L228.118 16H229.094L223.594 24H222.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M4.20332 154.193L431.895 154.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M4 154.196L4 76.6958" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M367.801 154.193L367.801 57.1649" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M374.301 83.6649C374.301 87.2548 371.391 90.1649 367.801 90.1649C364.211 90.1649 361.301 87.2548 361.301 83.6649C361.301 80.0751 364.211 77.1649 367.801 77.1649C371.391 77.1649 374.301 80.0751 374.301 83.6649Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M371.801 83.6278C371.801 85.8369 370.01 87.6278 367.801 87.6278C365.592 87.6278 363.801 85.8369 363.801 83.6278C363.801 81.4187 365.592 79.6278 367.801 79.6278C370.01 79.6278 371.801 81.4187 371.801 83.6278Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="379.5" y="42.1649" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="379.5" y="42.1649" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M387.943 62.6649V60.8922L392.085 57.057C392.438 56.7161 392.733 56.4092 392.972 56.1365C393.214 55.8638 393.398 55.5967 393.523 55.3354C393.648 55.0702 393.71 54.7842 393.71 54.4774C393.71 54.1365 393.633 53.8429 393.477 53.5967C393.322 53.3467 393.11 53.1554 392.841 53.0229C392.572 52.8865 392.267 52.8183 391.926 52.8183C391.57 52.8183 391.259 52.8903 390.994 53.0342C390.729 53.1782 390.525 53.3846 390.381 53.6536C390.237 53.9225 390.165 54.2426 390.165 54.6138H387.83C387.83 53.8524 388.002 53.1914 388.347 52.6308C388.691 52.0702 389.174 51.6365 389.795 51.3297C390.417 51.0229 391.133 50.8695 391.943 50.8695C392.777 50.8695 393.502 51.0172 394.119 51.3126C394.741 51.6043 395.223 52.0096 395.568 52.5286C395.913 53.0475 396.085 53.6422 396.085 54.3126C396.085 54.752 395.998 55.1858 395.824 55.6138C395.653 56.0418 395.348 56.5172 394.909 57.0399C394.47 57.5589 393.85 58.182 393.051 58.9092L391.352 60.574V60.6536H396.239V62.6649H387.943ZM402.362 62.824C401.487 62.824 400.709 62.682 400.027 62.3979C399.349 62.11 398.817 61.7179 398.43 61.2217C398.044 60.7255 397.851 60.163 397.851 59.5342C397.851 59.0494 397.961 58.6043 398.18 58.199C398.404 57.7899 398.707 57.4509 399.089 57.182C399.472 56.9092 399.9 56.735 400.374 56.6592V56.5797C399.752 56.4547 399.249 56.1536 398.862 55.6763C398.476 55.1952 398.283 54.6365 398.283 54.0001C398.283 53.3979 398.459 52.8619 398.811 52.3922C399.163 51.9187 399.646 51.5475 400.26 51.2786C400.877 51.0058 401.578 50.8695 402.362 50.8695C403.146 50.8695 403.845 51.0058 404.459 51.2786C405.076 51.5513 405.561 51.9244 405.913 52.3979C406.266 52.8676 406.444 53.4017 406.447 54.0001C406.444 54.6403 406.247 55.199 405.857 55.6763C405.466 56.1536 404.966 56.4547 404.357 56.5797V56.6592C404.822 56.735 405.245 56.9092 405.624 57.182C406.006 57.4509 406.309 57.7899 406.533 58.199C406.76 58.6043 406.875 59.0494 406.879 59.5342C406.875 60.163 406.68 60.7255 406.294 61.2217C405.908 61.7179 405.374 62.11 404.692 62.3979C404.014 62.682 403.237 62.824 402.362 62.824ZM402.362 61.0172C402.752 61.0172 403.093 60.9471 403.385 60.807C403.677 60.663 403.904 60.4661 404.067 60.2161C404.233 59.9623 404.317 59.6706 404.317 59.3411C404.317 59.0039 404.232 58.7066 404.061 58.449C403.891 58.1876 403.66 57.9831 403.368 57.8354C403.076 57.6839 402.741 57.6081 402.362 57.6081C401.987 57.6081 401.652 57.6839 401.357 57.8354C401.061 57.9831 400.828 58.1876 400.658 58.449C400.491 58.7066 400.408 59.0039 400.408 59.3411C400.408 59.6706 400.489 59.9623 400.652 60.2161C400.815 60.4661 401.044 60.663 401.339 60.807C401.635 60.9471 401.976 61.0172 402.362 61.0172ZM402.362 55.8183C402.688 55.8183 402.978 55.752 403.232 55.6195C403.485 55.4869 403.684 55.3032 403.828 55.0683C403.972 54.8335 404.044 54.5626 404.044 54.2558C404.044 53.9528 403.972 53.6876 403.828 53.4604C403.684 53.2293 403.487 53.0494 403.237 52.9206C402.987 52.788 402.696 52.7217 402.362 52.7217C402.033 52.7217 401.741 52.788 401.487 52.9206C401.233 53.0494 401.035 53.2293 400.891 53.4604C400.75 53.6876 400.68 53.9528 400.68 54.2558C400.68 54.5626 400.752 54.8335 400.896 55.0683C401.04 55.3032 401.239 55.4869 401.493 55.6195C401.747 55.752 402.036 55.8183 402.362 55.8183ZM412.94 62.824C412.065 62.824 411.287 62.682 410.605 62.3979C409.927 62.11 409.395 61.7179 409.009 61.2217C408.622 60.7255 408.429 60.163 408.429 59.5342C408.429 59.0494 408.539 58.6043 408.759 58.199C408.982 57.7899 409.285 57.4509 409.668 57.182C410.05 56.9092 410.478 56.735 410.952 56.6592V56.5797C410.33 56.4547 409.827 56.1536 409.44 55.6763C409.054 55.1952 408.861 54.6365 408.861 54.0001C408.861 53.3979 409.037 52.8619 409.389 52.3922C409.741 51.9187 410.224 51.5475 410.838 51.2786C411.455 51.0058 412.156 50.8695 412.94 50.8695C413.724 50.8695 414.423 51.0058 415.037 51.2786C415.654 51.5513 416.139 51.9244 416.491 52.3979C416.844 52.8676 417.022 53.4017 417.026 54.0001C417.022 54.6403 416.825 55.199 416.435 55.6763C416.045 56.1536 415.545 56.4547 414.935 56.5797V56.6592C415.401 56.735 415.823 56.9092 416.202 57.182C416.584 57.4509 416.887 57.7899 417.111 58.199C417.338 58.6043 417.454 59.0494 417.457 59.5342C417.454 60.163 417.259 60.7255 416.872 61.2217C416.486 61.7179 415.952 62.11 415.27 62.3979C414.592 62.682 413.815 62.824 412.94 62.824ZM412.94 61.0172C413.33 61.0172 413.671 60.9471 413.963 60.807C414.255 60.663 414.482 60.4661 414.645 60.2161C414.812 59.9623 414.895 59.6706 414.895 59.3411C414.895 59.0039 414.81 58.7066 414.639 58.449C414.469 58.1876 414.238 57.9831 413.946 57.8354C413.654 57.6839 413.319 57.6081 412.94 57.6081C412.565 57.6081 412.23 57.6839 411.935 57.8354C411.639 57.9831 411.406 58.1876 411.236 58.449C411.069 58.7066 410.986 59.0039 410.986 59.3411C410.986 59.6706 411.067 59.9623 411.23 60.2161C411.393 60.4661 411.622 60.663 411.918 60.807C412.213 60.9471 412.554 61.0172 412.94 61.0172ZM412.94 55.8183C413.266 55.8183 413.556 55.752 413.81 55.6195C414.063 55.4869 414.262 55.3032 414.406 55.0683C414.55 54.8335 414.622 54.5626 414.622 54.2558C414.622 53.9528 414.55 53.6876 414.406 53.4604C414.262 53.2293 414.065 53.0494 413.815 52.9206C413.565 52.788 413.274 52.7217 412.94 52.7217C412.611 52.7217 412.319 52.788 412.065 52.9206C411.812 53.0494 411.613 53.2293 411.469 53.4604C411.329 53.6876 411.259 53.9528 411.259 54.2558C411.259 54.5626 411.33 54.8335 411.474 55.0683C411.618 55.3032 411.817 55.4869 412.071 55.6195C412.325 55.752 412.615 55.8183 412.94 55.8183Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M389.774 79.7544C389.335 79.7544 388.947 79.6766 388.611 79.5211C388.276 79.3634 388.015 79.1472 387.828 78.8723C387.64 78.5953 387.548 78.28 387.55 77.9263C387.548 77.6493 387.602 77.3936 387.713 77.1592C387.824 76.9227 387.975 76.7256 388.167 76.568C388.36 76.4082 388.577 76.307 388.815 76.2643V76.226C388.502 76.145 388.253 75.9692 388.067 75.6987C387.882 75.4259 387.79 75.1159 387.793 74.7686C387.79 74.4362 387.875 74.139 388.045 73.8769C388.216 73.6148 388.45 73.4082 388.748 73.2569C389.049 73.1056 389.391 73.03 389.774 73.03C390.153 73.03 390.492 73.1056 390.79 73.2569C391.089 73.4082 391.323 73.6148 391.494 73.8769C391.666 74.139 391.754 74.4362 391.756 74.7686C391.754 75.1159 391.659 75.4259 391.471 75.6987C391.286 75.9692 391.04 76.145 390.733 76.226V76.2643C390.969 76.307 391.183 76.4082 391.372 76.568C391.562 76.7256 391.713 76.9227 391.826 77.1592C391.939 77.3936 391.996 77.6493 391.999 77.9263C391.996 78.28 391.901 78.5953 391.711 78.8723C391.523 79.1472 391.262 79.3634 390.928 79.5211C390.596 79.6766 390.211 79.7544 389.774 79.7544ZM389.774 79.0513C390.07 79.0513 390.326 79.0033 390.541 78.9075C390.756 78.8116 390.923 78.6763 391.04 78.5016C391.157 78.3268 391.217 78.1223 391.219 77.8879C391.217 77.6408 391.153 77.4224 391.027 77.2327C390.901 77.0431 390.73 76.894 390.512 76.7853C390.297 76.6766 390.051 76.6223 389.774 76.6223C389.495 76.6223 389.246 76.6766 389.026 76.7853C388.809 76.894 388.637 77.0431 388.512 77.2327C388.388 77.4224 388.327 77.6408 388.33 77.8879C388.327 78.1223 388.384 78.3268 388.499 78.5016C388.616 78.6763 388.783 78.8116 389.001 78.9075C389.218 79.0033 389.476 79.0513 389.774 79.0513ZM389.774 75.9447C390.009 75.9447 390.216 75.8979 390.397 75.8041C390.581 75.7104 390.724 75.5793 390.829 75.411C390.933 75.2427 390.987 75.0456 390.989 74.8197C390.987 74.5982 390.934 74.4053 390.832 74.2413C390.73 74.0751 390.588 73.9472 390.407 73.8577C390.226 73.7661 390.015 73.7203 389.774 73.7203C389.529 73.7203 389.315 73.7661 389.132 73.8577C388.949 73.9472 388.807 74.0751 388.707 74.2413C388.607 74.4053 388.558 74.5982 388.56 74.8197C388.558 75.0456 388.608 75.2427 388.71 75.411C388.814 75.5793 388.958 75.7104 389.141 75.8041C389.325 75.8979 389.536 75.9447 389.774 75.9447ZM395.269 79.7544C394.894 79.7544 394.556 79.6798 394.256 79.5307C393.955 79.3815 393.715 79.177 393.533 78.917C393.352 78.6571 393.253 78.3609 393.236 78.0286H394.003C394.033 78.3247 394.167 78.5697 394.406 78.7636C394.647 78.9554 394.934 79.0513 395.269 79.0513C395.537 79.0513 395.776 78.9884 395.985 78.8627C396.196 78.737 396.361 78.5644 396.48 78.345C396.602 78.1234 396.662 77.873 396.662 77.5939C396.662 77.3084 396.6 77.0538 396.474 76.83C396.35 76.6042 396.18 76.4263 395.962 76.2963C395.745 76.1663 395.497 76.1003 395.218 76.0982C395.017 76.096 394.812 76.1269 394.601 76.1908C394.39 76.2526 394.216 76.3325 394.08 76.4305L393.339 76.3411L393.735 73.1195H397.135V73.8226H394.4L394.169 75.753H394.208C394.342 75.6465 394.51 75.558 394.713 75.4877C394.915 75.4174 395.126 75.3822 395.346 75.3822C395.746 75.3822 396.103 75.4781 396.416 75.6699C396.732 75.8595 396.979 76.1195 397.158 76.4497C397.339 76.78 397.429 77.1571 397.429 77.5811C397.429 77.9987 397.336 78.3716 397.148 78.6997C396.963 79.0257 396.707 79.2835 396.381 79.4732C396.055 79.6607 395.684 79.7544 395.269 79.7544ZM400.847 74.7558V75.395H398.303V74.7558H400.847ZM399.044 73.5797H399.798V78.2587C399.798 78.4717 399.829 78.6315 399.891 78.7381C399.955 78.8425 400.036 78.9128 400.134 78.949C400.234 78.9831 400.34 79.0001 400.45 79.0001C400.534 79.0001 400.602 78.9959 400.655 78.9874C400.708 78.9767 400.751 78.9682 400.783 78.9618L400.936 79.6393C400.885 79.6585 400.814 79.6777 400.722 79.6969C400.631 79.7182 400.514 79.7288 400.374 79.7288C400.161 79.7288 399.952 79.683 399.747 79.5914C399.545 79.4998 399.377 79.3602 399.242 79.1727C399.11 78.9852 399.044 78.7487 399.044 78.4632V73.5797ZM402.841 76.7118V79.6649H402.087V73.1195H402.841V75.5229H402.905C403.02 75.2693 403.193 75.068 403.423 74.9188C403.655 74.7675 403.964 74.6919 404.35 74.6919C404.684 74.6919 404.977 74.759 405.229 74.8933C405.48 75.0254 405.675 75.2288 405.813 75.5037C405.954 75.7764 406.024 76.1237 406.024 76.5456V79.6649H405.27V76.5967C405.27 76.2068 405.169 75.9053 404.966 75.6923C404.766 75.4771 404.488 75.3695 404.132 75.3695C403.885 75.3695 403.664 75.4217 403.468 75.5261C403.274 75.6305 403.12 75.7828 403.007 75.9831C402.896 76.1834 402.841 76.4263 402.841 76.7118ZM387.69 92.5058V85.7558H388.419V86.5357H388.509C388.564 86.4504 388.641 86.3418 388.739 86.2097C388.839 86.0754 388.982 85.9561 389.167 85.8517C389.354 85.7452 389.608 85.6919 389.928 85.6919C390.341 85.6919 390.705 85.7952 391.021 86.0019C391.336 86.2086 391.582 86.5016 391.759 86.8808C391.936 87.2601 392.024 87.7075 392.024 88.2232C392.024 88.743 391.936 89.1937 391.759 89.5751C391.582 89.9543 391.337 90.2484 391.024 90.4572C390.711 90.6639 390.349 90.7672 389.94 90.7672C389.625 90.7672 389.373 90.715 389.183 90.6106C388.993 90.5041 388.847 90.3837 388.745 90.2494C388.643 90.1131 388.564 90.0001 388.509 89.9107H388.445V92.5058H387.69ZM388.432 88.2104C388.432 88.5811 388.486 88.9082 388.595 89.1916C388.703 89.4728 388.862 89.6933 389.071 89.8531C389.28 90.0108 389.536 90.0896 389.838 90.0896C390.153 90.0896 390.417 90.0065 390.627 89.8403C390.841 89.672 391 89.4462 391.107 89.1628C391.216 88.8773 391.27 88.5598 391.27 88.2104C391.27 87.8652 391.217 87.5541 391.11 87.2771C391.006 86.998 390.847 86.7775 390.634 86.6156C390.423 86.4515 390.158 86.3695 389.838 86.3695C389.531 86.3695 389.273 86.4472 389.065 86.6028C388.856 86.7562 388.698 86.9714 388.592 87.2484C388.485 87.5232 388.432 87.8439 388.432 88.2104ZM395.233 90.7672C394.76 90.7672 394.352 90.6628 394.009 90.454C393.668 90.243 393.405 89.949 393.219 89.5719C393.036 89.1926 392.945 88.7516 392.945 88.2487C392.945 87.7459 393.036 87.3027 393.219 86.9192C393.405 86.5335 393.663 86.2331 393.993 86.0179C394.325 85.8006 394.713 85.6919 395.156 85.6919C395.412 85.6919 395.664 85.7345 395.914 85.8197C396.163 85.905 396.39 86.0435 396.594 86.2352C396.799 86.4249 396.962 86.6763 397.083 86.9895C397.205 87.3027 397.266 87.6884 397.266 88.1465V88.4661H393.482V87.8141H396.499C396.499 87.5371 396.443 87.2899 396.332 87.0726C396.224 86.8553 396.068 86.6837 395.866 86.558C395.665 86.4323 395.429 86.3695 395.156 86.3695C394.856 86.3695 394.596 86.444 394.376 86.5932C394.159 86.7402 393.992 86.932 393.875 87.1685C393.757 87.405 393.699 87.6585 393.699 87.9291V88.3638C393.699 88.7345 393.763 89.0488 393.891 89.3066C394.021 89.5623 394.201 89.7572 394.431 89.8915C394.661 90.0236 394.928 90.0896 395.233 90.0896C395.431 90.0896 395.61 90.0619 395.77 90.0065C395.932 89.949 396.071 89.8638 396.189 89.7509C396.306 89.6358 396.396 89.493 396.46 89.3226L397.189 89.5271C397.112 89.7743 396.983 89.9916 396.802 90.1791C396.621 90.3645 396.397 90.5094 396.131 90.6138C395.865 90.7161 395.565 90.7672 395.233 90.7672ZM398.413 90.6649V85.7558H399.142V86.4973H399.193C399.282 86.2544 399.444 86.0573 399.679 85.906C399.913 85.7548 400.177 85.6791 400.471 85.6791C400.527 85.6791 400.596 85.6802 400.679 85.6823C400.762 85.6844 400.825 85.6876 400.868 85.6919V86.459C400.842 86.4526 400.783 86.443 400.692 86.4302C400.602 86.4153 400.507 86.4078 400.407 86.4078C400.169 86.4078 399.956 86.4579 399.768 86.558C399.583 86.656 399.436 86.7924 399.327 86.9671C399.221 87.1397 399.167 87.3368 399.167 87.5584V90.6649H398.413ZM403.607 90.7672C403.146 90.7672 402.75 90.6585 402.418 90.4412C402.085 90.2239 401.83 89.9245 401.651 89.5431C401.472 89.1617 401.382 88.726 401.382 88.2359C401.382 87.7374 401.474 87.2974 401.657 86.916C401.842 86.5325 402.1 86.2331 402.43 86.0179C402.763 85.8006 403.151 85.6919 403.594 85.6919C403.939 85.6919 404.25 85.7558 404.527 85.8837C404.804 86.0115 405.031 86.1905 405.208 86.4206C405.385 86.6507 405.494 86.9192 405.537 87.226H404.783C404.725 87.0023 404.597 86.8041 404.399 86.6315C404.203 86.4568 403.939 86.3695 403.607 86.3695C403.313 86.3695 403.055 86.4462 402.833 86.5996C402.614 86.7509 402.442 86.965 402.319 87.242C402.197 87.5168 402.136 87.8396 402.136 88.2104C402.136 88.5896 402.196 88.9199 402.315 89.2011C402.437 89.4824 402.607 89.7008 402.827 89.8563C403.048 90.0119 403.308 90.0896 403.607 90.0896C403.803 90.0896 403.98 90.0555 404.14 89.9874C404.3 89.9192 404.435 89.8212 404.546 89.6933C404.657 89.5655 404.736 89.4121 404.783 89.2331H405.537C405.494 89.5229 405.389 89.7839 405.221 90.0161C405.054 90.2462 404.834 90.4295 404.559 90.5658C404.286 90.7001 403.969 90.7672 403.607 90.7672ZM408.698 90.7672C408.225 90.7672 407.817 90.6628 407.474 90.454C407.133 90.243 406.87 89.949 406.684 89.5719C406.501 89.1926 406.409 88.7516 406.409 88.2487C406.409 87.7459 406.501 87.3027 406.684 86.9192C406.87 86.5335 407.127 86.2331 407.458 86.0179C407.79 85.8006 408.178 85.6919 408.621 85.6919C408.877 85.6919 409.129 85.7345 409.379 85.8197C409.628 85.905 409.855 86.0435 410.059 86.2352C410.264 86.4249 410.427 86.6763 410.548 86.9895C410.67 87.3027 410.73 87.6884 410.73 88.1465V88.4661H406.946V87.8141H409.963C409.963 87.5371 409.908 87.2899 409.797 87.0726C409.689 86.8553 409.533 86.6837 409.331 86.558C409.13 86.4323 408.894 86.3695 408.621 86.3695C408.321 86.3695 408.061 86.444 407.841 86.5932C407.624 86.7402 407.457 86.932 407.339 87.1685C407.222 87.405 407.164 87.6585 407.164 87.9291V88.3638C407.164 88.7345 407.228 89.0488 407.355 89.3066C407.485 89.5623 407.665 89.7572 407.896 89.8915C408.126 90.0236 408.393 90.0896 408.698 90.0896C408.896 90.0896 409.075 90.0619 409.235 90.0065C409.397 89.949 409.536 89.8638 409.653 89.7509C409.771 89.6358 409.861 89.493 409.925 89.3226L410.654 89.5271C410.577 89.7743 410.448 89.9916 410.267 90.1791C410.086 90.3645 409.862 90.5094 409.596 90.6138C409.33 90.7161 409.03 90.7672 408.698 90.7672ZM412.632 87.7118V90.6649H411.878V85.7558H412.607V86.5229H412.67C412.786 86.2736 412.96 86.0733 413.195 85.922C413.429 85.7686 413.732 85.6919 414.102 85.6919C414.435 85.6919 414.725 85.7601 414.975 85.8965C415.224 86.0307 415.418 86.2352 415.556 86.5101C415.695 86.7828 415.764 87.128 415.764 87.5456V90.6649H415.01V87.5967C415.01 87.2111 414.91 86.9107 414.71 86.6955C414.509 86.4781 414.234 86.3695 413.885 86.3695C413.644 86.3695 413.429 86.4217 413.239 86.5261C413.052 86.6305 412.904 86.7828 412.795 86.9831C412.686 87.1834 412.632 87.4263 412.632 87.7118ZM419.277 85.7558V86.395H416.733V85.7558H419.277ZM417.475 84.5797H418.229V89.2587C418.229 89.4717 418.26 89.6315 418.322 89.7381C418.386 89.8425 418.467 89.9128 418.565 89.949C418.665 89.9831 418.77 90.0001 418.881 90.0001C418.964 90.0001 419.032 89.9959 419.086 89.9874C419.139 89.9767 419.182 89.9682 419.214 89.9618L419.367 90.6393C419.316 90.6585 419.244 90.6777 419.153 90.6969C419.061 90.7182 418.945 90.7288 418.804 90.7288C418.591 90.7288 418.383 90.683 418.178 90.5914C417.976 90.4998 417.807 90.3602 417.673 90.1727C417.541 89.9852 417.475 89.7487 417.475 89.4632V84.5797ZM420.412 90.6649V85.7558H421.166V90.6649H420.412ZM420.796 84.9376C420.649 84.9376 420.522 84.8876 420.415 84.7874C420.311 84.6873 420.259 84.5669 420.259 84.4263C420.259 84.2857 420.311 84.1653 420.415 84.0651C420.522 83.965 420.649 83.9149 420.796 83.9149C420.943 83.9149 421.068 83.965 421.173 84.0651C421.279 84.1653 421.332 84.2857 421.332 84.4263C421.332 84.5669 421.279 84.6873 421.173 84.7874C421.068 84.8876 420.943 84.9376 420.796 84.9376ZM423.302 84.1195V90.6649H422.548V84.1195H423.302ZM426.742 90.7672C426.269 90.7672 425.861 90.6628 425.518 90.454C425.177 90.243 424.914 89.949 424.728 89.5719C424.545 89.1926 424.453 88.7516 424.453 88.2487C424.453 87.7459 424.545 87.3027 424.728 86.9192C424.914 86.5335 425.171 86.2331 425.502 86.0179C425.834 85.8006 426.222 85.6919 426.665 85.6919C426.921 85.6919 427.173 85.7345 427.422 85.8197C427.672 85.905 427.899 86.0435 428.103 86.2352C428.308 86.4249 428.471 86.6763 428.592 86.9895C428.714 87.3027 428.774 87.6884 428.774 88.1465V88.4661H424.99V87.8141H428.007C428.007 87.5371 427.952 87.2899 427.841 87.0726C427.733 86.8553 427.577 86.6837 427.375 86.558C427.174 86.4323 426.938 86.3695 426.665 86.3695C426.365 86.3695 426.105 86.444 425.885 86.5932C425.668 86.7402 425.501 86.932 425.383 87.1685C425.266 87.405 425.208 87.6585 425.208 87.9291V88.3638C425.208 88.7345 425.272 89.0488 425.399 89.3066C425.529 89.5623 425.709 89.7572 425.94 89.8915C426.17 90.0236 426.437 90.0896 426.742 90.0896C426.94 90.0896 427.119 90.0619 427.279 90.0065C427.441 89.949 427.58 89.8638 427.697 89.7509C427.815 89.6358 427.905 89.493 427.969 89.3226L428.698 89.5271C428.621 89.7743 428.492 89.9916 428.311 90.1791C428.13 90.3645 427.906 90.5094 427.64 90.6138C427.373 90.7161 427.074 90.7672 426.742 90.7672Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/2030-profile.svg b/src/public/images/developers/2030-profile.svg
new file mode 100644
index 0000000000..fdf9a575dc
--- /dev/null
+++ b/src/public/images/developers/2030-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.53C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.939 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.235 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.955 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.588 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.601 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.86 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.425 16.5673 220.865 16.2926C221.305 16.0148 221.794 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.833 16.3903 223.992 16.5856C224.151 16.7779 224.271 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.936 24.2133 225.649 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.694 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.62 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.121 19.0274 221.121 19.4517C221.121 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.778 23V15.9675H229.436V23H227.778ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.968 16.7688 233.226 16.4559 233.58 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.532 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.113 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.384 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.648C243.645 18.5025 243.577 18.2201 243.442 17.9729C243.308 17.7226 243.12 17.5257 242.879 17.3823C242.641 17.2388 242.363 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.553 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.458 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.152 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.168 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.656 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.474 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.474 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.452 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.115V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.339 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.832 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.938 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.252 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.621 16.201C256.936 15.9782 257.294 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.523 17.3411C257.221 17.3411 256.95 17.4067 256.708 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.964 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.265 14.3193 259.265 14.0721C259.265 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.964 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.188 13.8218 261.188 14.0721C261.188 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.755V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.903 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.106 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.652 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.681 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.971V23.1145C276.971 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.364 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.581 21.3426C274.829 21.1717 275.016 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.019 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.006 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.693 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.614 36.2606 207.614 35.525C207.614 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.189 32.3384C209.687 32.0301 210.271 31.876 210.943 31.876C211.376 31.876 211.785 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.329 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.482 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.088 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.378L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.708 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.463 39.1374C224.761 39.1374 224.159 38.9832 223.655 38.6749C223.154 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.027 33.0755C228.29 33.454 228.439 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.138 33.2129 224.841 33.3044 224.584 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.721 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.436 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.463 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.863 31.876C233.297 31.876 233.706 31.9462 234.09 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.077 34.8123 236.077 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.148 33.7226 233.961 33.5257 233.72 33.3823C233.481 33.2388 233.204 33.1671 232.886 33.1671C232.547 33.1671 232.25 33.2495 231.993 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.552 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.214 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.443 34.8123 250.443 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.847 33.2388 247.57 33.1671 247.252 33.1671C246.913 33.1671 246.616 33.2495 246.359 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.544 34.9206V35.8958C245.544 36.3048 245.619 36.6558 245.769 36.9489C245.918 37.2388 246.127 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.24 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.752 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.474 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.836 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.981 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.783 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.15 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.15 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.881 37.512C262.138 37.6951 262.439 37.7867 262.783 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.633 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.089 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.978 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.978 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.619V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.192 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.279 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.442 37.4388C271.586 37.3045 271.694 37.1381 271.767 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.756 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.978L192.905 132.215L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M240 58.6948L313.588 123.452L279.001 200.719L194.376 209.55L177.45 126.396L240 58.6948Z" fill="#42B883"
+        fill-opacity="0.5" stroke="#42B883"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+</svg>
diff --git a/src/public/images/developers/2030-score.svg b/src/public/images/developers/2030-score.svg
new file mode 100644
index 0000000000..e4cc47d2d9
--- /dev/null
+++ b/src/public/images/developers/2030-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M15 173.471C63.0151 173.471 91.7152 133.041 129.151 133.041C166.586 133.041 186.552 152.008 227.98 130.046C256.24 115.065 278.892 82.8774 316.827 82.8774C365.992 82.8774 395.94 173.222 442.894 175.717V195.081H15V173.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M400 150.382C413.295 164.272 427.137 175.002 442.894 175.84V195H400V150.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M336 87.6073V195H229V129.619C237.901 124.75 246.265 118.216 254.756 111.585C272.772 97.5135 291.354 83 316.827 83C323.546 83 329.906 84.6874 336 87.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M400 150.383V195H336V87.6074C352.715 95.6168 367.426 112.9 382.039 130.07C387.999 137.072 393.943 144.055 400 150.383Z"
+        fill="#42B883"/>
+  <path
+    d="M15.4995 216.166C14.7978 216.166 14.1955 215.989 13.6926 215.634C13.1926 215.276 12.8077 214.76 12.5378 214.087C12.2708 213.411 12.1373 212.597 12.1373 211.645C12.1401 210.693 12.275 209.884 12.5421 209.216C12.812 208.545 13.1969 208.034 13.6969 207.682C14.1998 207.33 14.8006 207.153 15.4995 207.153C16.1983 207.153 16.7992 207.33 17.302 207.682C17.8049 208.034 18.1898 208.545 18.4569 209.216C18.7267 209.886 18.8617 210.696 18.8617 211.645C18.8617 212.599 18.7267 213.415 18.4569 214.091C18.1898 214.764 17.8049 215.278 17.302 215.634C16.802 215.989 16.2012 216.166 15.4995 216.166ZM15.4995 214.832C16.0449 214.832 16.4753 214.564 16.7907 214.027C17.1088 213.487 17.2679 212.693 17.2679 211.645C17.2679 210.952 17.1955 210.369 17.0506 209.898C16.9057 209.426 16.7012 209.071 16.437 208.832C16.1728 208.591 15.8603 208.47 15.4995 208.47C14.9569 208.47 14.5279 208.74 14.2125 209.28C13.8972 209.817 13.7381 210.605 13.7353 211.645C13.7324 212.341 13.802 212.926 13.9441 213.401C14.089 213.875 14.2935 214.233 14.5577 214.474C14.8219 214.713 15.1358 214.832 15.4995 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M152.105 207.273V216H150.524V208.811H150.473L148.432 210.115V208.666L150.601 207.273H152.105ZM157.547 216.166C156.845 216.166 156.243 215.989 155.74 215.634C155.24 215.276 154.855 214.76 154.585 214.087C154.318 213.411 154.185 212.597 154.185 211.645C154.188 210.693 154.323 209.884 154.59 209.216C154.859 208.545 155.244 208.034 155.744 207.682C156.247 207.33 156.848 207.153 157.547 207.153C158.246 207.153 158.847 207.33 159.35 207.682C159.852 208.034 160.237 208.545 160.504 209.216C160.774 209.886 160.909 210.696 160.909 211.645C160.909 212.599 160.774 213.415 160.504 214.091C160.237 214.764 159.852 215.278 159.35 215.634C158.85 215.989 158.249 216.166 157.547 216.166ZM157.547 214.832C158.092 214.832 158.523 214.564 158.838 214.027C159.156 213.487 159.315 212.693 159.315 211.645C159.315 210.952 159.243 210.369 159.098 209.898C158.953 209.426 158.749 209.071 158.484 208.832C158.22 208.591 157.908 208.47 157.547 208.47C157.004 208.47 156.575 208.74 156.26 209.28C155.945 209.817 155.786 210.605 155.783 211.645C155.78 212.341 155.85 212.926 155.992 213.401C156.136 213.875 156.341 214.233 156.605 214.474C156.869 214.713 157.183 214.832 157.547 214.832ZM165.551 216.166C164.849 216.166 164.247 215.989 163.744 215.634C163.244 215.276 162.859 214.76 162.589 214.087C162.322 213.411 162.189 212.597 162.189 211.645C162.191 210.693 162.326 209.884 162.593 209.216C162.863 208.545 163.248 208.034 163.748 207.682C164.251 207.33 164.852 207.153 165.551 207.153C166.25 207.153 166.851 207.33 167.353 207.682C167.856 208.034 168.241 208.545 168.508 209.216C168.778 209.886 168.913 210.696 168.913 211.645C168.913 212.599 168.778 213.415 168.508 214.091C168.241 214.764 167.856 215.278 167.353 215.634C166.853 215.989 166.253 216.166 165.551 216.166ZM165.551 214.832C166.096 214.832 166.527 214.564 166.842 214.027C167.16 213.487 167.319 212.693 167.319 211.645C167.319 210.952 167.247 210.369 167.102 209.898C166.957 209.426 166.753 209.071 166.488 208.832C166.224 208.591 165.912 208.47 165.551 208.47C165.008 208.47 164.579 208.74 164.264 209.28C163.949 209.817 163.789 210.605 163.787 211.645C163.784 212.341 163.853 212.926 163.995 213.401C164.14 213.875 164.345 214.233 164.609 214.474C164.873 214.713 165.187 214.832 165.551 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M221.644 207.273V216H220.063V208.811H220.012L217.97 210.115V208.666L220.139 207.273H221.644ZM226.894 216.119C226.325 216.119 225.817 216.013 225.368 215.8C224.919 215.584 224.563 215.288 224.298 214.913C224.037 214.538 223.898 214.109 223.881 213.626H225.415C225.443 213.984 225.598 214.277 225.879 214.504C226.161 214.729 226.499 214.841 226.894 214.841C227.203 214.841 227.479 214.77 227.72 214.628C227.962 214.486 228.152 214.288 228.291 214.036C228.431 213.783 228.499 213.494 228.496 213.17C228.499 212.841 228.429 212.548 228.287 212.293C228.145 212.037 227.95 211.837 227.703 211.692C227.456 211.544 227.172 211.47 226.851 211.47C226.59 211.467 226.333 211.516 226.08 211.615C225.827 211.714 225.627 211.845 225.479 212.007L224.051 211.773L224.507 207.273H229.57V208.594H225.816L225.564 210.908H225.615C225.777 210.717 226.006 210.56 226.301 210.435C226.597 210.307 226.921 210.243 227.273 210.243C227.801 210.243 228.273 210.368 228.688 210.618C229.102 210.865 229.429 211.206 229.668 211.641C229.906 212.075 230.026 212.572 230.026 213.132C230.026 213.709 229.892 214.223 229.625 214.675C229.361 215.124 228.993 215.477 228.521 215.736C228.053 215.991 227.51 216.119 226.894 216.119ZM234.679 216.166C233.977 216.166 233.375 215.989 232.872 215.634C232.372 215.276 231.987 214.76 231.718 214.087C231.45 213.411 231.317 212.597 231.317 211.645C231.32 210.693 231.455 209.884 231.722 209.216C231.992 208.545 232.377 208.034 232.877 207.682C233.379 207.33 233.98 207.153 234.679 207.153C235.378 207.153 235.979 207.33 236.482 207.682C236.985 208.034 237.369 208.545 237.637 209.216C237.906 209.886 238.041 210.696 238.041 211.645C238.041 212.599 237.906 213.415 237.637 214.091C237.369 214.764 236.985 215.278 236.482 215.634C235.982 215.989 235.381 216.166 234.679 216.166ZM234.679 214.832C235.225 214.832 235.655 214.564 235.97 214.027C236.289 213.487 236.448 212.693 236.448 211.645C236.448 210.952 236.375 210.369 236.23 209.898C236.085 209.426 235.881 209.071 235.617 208.832C235.352 208.591 235.04 208.47 234.679 208.47C234.137 208.47 233.708 208.74 233.392 209.28C233.077 209.817 232.918 210.605 232.915 211.645C232.912 212.341 232.982 212.926 233.124 213.401C233.269 213.875 233.473 214.233 233.737 214.474C234.002 214.713 234.316 214.832 234.679 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M287.378 216V214.858L290.408 211.888C290.698 211.595 290.939 211.335 291.133 211.108C291.326 210.881 291.471 210.661 291.567 210.447C291.664 210.234 291.712 210.007 291.712 209.766C291.712 209.49 291.65 209.254 291.525 209.058C291.4 208.859 291.228 208.706 291.009 208.598C290.79 208.49 290.542 208.436 290.263 208.436C289.976 208.436 289.725 208.496 289.509 208.615C289.293 208.732 289.126 208.898 289.006 209.114C288.89 209.33 288.831 209.587 288.831 209.885H287.327C287.327 209.331 287.454 208.849 287.706 208.44C287.959 208.031 288.307 207.714 288.751 207.49C289.197 207.266 289.708 207.153 290.285 207.153C290.87 207.153 291.384 207.263 291.827 207.482C292.27 207.7 292.614 208 292.858 208.381C293.106 208.761 293.229 209.196 293.229 209.685C293.229 210.011 293.167 210.332 293.042 210.648C292.917 210.963 292.697 211.312 292.381 211.696C292.069 212.08 291.63 212.544 291.064 213.089L289.56 214.619V214.679H293.361V216H287.378ZM298.057 216.166C297.356 216.166 296.753 215.989 296.251 215.634C295.751 215.276 295.366 214.76 295.096 214.087C294.829 213.411 294.695 212.597 294.695 211.645C294.698 210.693 294.833 209.884 295.1 209.216C295.37 208.545 295.755 208.034 296.255 207.682C296.758 207.33 297.358 207.153 298.057 207.153C298.756 207.153 299.357 207.33 299.86 207.682C300.363 208.034 300.748 208.545 301.015 209.216C301.285 209.886 301.42 210.696 301.42 211.645C301.42 212.599 301.285 213.415 301.015 214.091C300.748 214.764 300.363 215.278 299.86 215.634C299.36 215.989 298.759 216.166 298.057 216.166ZM298.057 214.832C298.603 214.832 299.033 214.564 299.349 214.027C299.667 213.487 299.826 212.693 299.826 211.645C299.826 210.952 299.753 210.369 299.608 209.898C299.464 209.426 299.259 209.071 298.995 208.832C298.731 208.591 298.418 208.47 298.057 208.47C297.515 208.47 297.086 208.74 296.77 209.28C296.455 209.817 296.296 210.605 296.293 211.645C296.29 212.341 296.36 212.926 296.502 213.401C296.647 213.875 296.851 214.233 297.116 214.474C297.38 214.713 297.694 214.832 298.057 214.832ZM306.061 216.166C305.36 216.166 304.757 215.989 304.254 215.634C303.754 215.276 303.369 214.76 303.1 214.087C302.833 213.411 302.699 212.597 302.699 211.645C302.702 210.693 302.837 209.884 303.104 209.216C303.374 208.545 303.759 208.034 304.259 207.682C304.762 207.33 305.362 207.153 306.061 207.153C306.76 207.153 307.361 207.33 307.864 207.682C308.367 208.034 308.752 208.545 309.019 209.216C309.289 209.886 309.423 210.696 309.423 211.645C309.423 212.599 309.289 213.415 309.019 214.091C308.752 214.764 308.367 215.278 307.864 215.634C307.364 215.989 306.763 216.166 306.061 216.166ZM306.061 214.832C306.607 214.832 307.037 214.564 307.352 214.027C307.671 213.487 307.83 212.693 307.83 211.645C307.83 210.952 307.757 210.369 307.612 209.898C307.467 209.426 307.263 209.071 306.999 208.832C306.735 208.591 306.422 208.47 306.061 208.47C305.519 208.47 305.09 208.74 304.774 209.28C304.459 209.817 304.3 210.605 304.297 211.645C304.294 212.341 304.364 212.926 304.506 213.401C304.651 213.875 304.855 214.233 305.119 214.474C305.384 214.713 305.698 214.832 306.061 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M358.917 216V214.858L361.947 211.888C362.236 211.595 362.478 211.335 362.671 211.108C362.864 210.881 363.009 210.661 363.106 210.447C363.202 210.234 363.25 210.007 363.25 209.766C363.25 209.49 363.188 209.254 363.063 209.058C362.938 208.859 362.766 208.706 362.547 208.598C362.329 208.49 362.08 208.436 361.802 208.436C361.515 208.436 361.263 208.496 361.047 208.615C360.831 208.732 360.664 208.898 360.545 209.114C360.428 209.33 360.37 209.587 360.37 209.885H358.866C358.866 209.331 358.992 208.849 359.245 208.44C359.498 208.031 359.846 207.714 360.289 207.49C360.735 207.266 361.246 207.153 361.823 207.153C362.408 207.153 362.922 207.263 363.366 207.482C363.809 207.7 364.152 208 364.397 208.381C364.644 208.761 364.768 209.196 364.768 209.685C364.768 210.011 364.705 210.332 364.58 210.648C364.455 210.963 364.235 211.312 363.92 211.696C363.607 212.08 363.168 212.544 362.603 213.089L361.098 214.619V214.679H364.9V216H358.917ZM369.404 216.119C368.836 216.119 368.327 216.013 367.878 215.8C367.429 215.584 367.073 215.288 366.809 214.913C366.547 214.538 366.408 214.109 366.391 213.626H367.925C367.954 213.984 368.108 214.277 368.39 214.504C368.671 214.729 369.009 214.841 369.404 214.841C369.714 214.841 369.989 214.77 370.231 214.628C370.472 214.486 370.662 214.288 370.802 214.036C370.941 213.783 371.009 213.494 371.006 213.17C371.009 212.841 370.939 212.548 370.797 212.293C370.655 212.037 370.461 211.837 370.214 211.692C369.966 211.544 369.682 211.47 369.361 211.47C369.1 211.467 368.843 211.516 368.59 211.615C368.337 211.714 368.137 211.845 367.989 212.007L366.562 211.773L367.018 207.273H372.08V208.594H368.326L368.074 210.908H368.125C368.287 210.717 368.516 210.56 368.812 210.435C369.107 210.307 369.431 210.243 369.783 210.243C370.312 210.243 370.783 210.368 371.198 210.618C371.613 210.865 371.939 211.206 372.178 211.641C372.417 212.075 372.536 212.572 372.536 213.132C372.536 213.709 372.402 214.223 372.135 214.675C371.871 215.124 371.503 215.477 371.032 215.736C370.563 215.991 370.02 216.119 369.404 216.119ZM377.189 216.166C376.488 216.166 375.885 215.989 375.383 215.634C374.883 215.276 374.498 214.76 374.228 214.087C373.961 213.411 373.827 212.597 373.827 211.645C373.83 210.693 373.965 209.884 374.232 209.216C374.502 208.545 374.887 208.034 375.387 207.682C375.89 207.33 376.491 207.153 377.189 207.153C377.888 207.153 378.489 207.33 378.992 207.682C379.495 208.034 379.88 208.545 380.147 209.216C380.417 209.886 380.552 210.696 380.552 211.645C380.552 212.599 380.417 213.415 380.147 214.091C379.88 214.764 379.495 215.278 378.992 215.634C378.492 215.989 377.891 216.166 377.189 216.166ZM377.189 214.832C377.735 214.832 378.165 214.564 378.481 214.027C378.799 213.487 378.958 212.693 378.958 211.645C378.958 210.952 378.885 210.369 378.741 209.898C378.596 209.426 378.391 209.071 378.127 208.832C377.863 208.591 377.55 208.47 377.189 208.47C376.647 208.47 376.218 208.74 375.902 209.28C375.587 209.817 375.428 210.605 375.425 211.645C375.422 212.341 375.492 212.926 375.634 213.401C375.779 213.875 375.983 214.233 376.248 214.474C376.512 214.713 376.826 214.832 377.189 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M433.083 216.119C432.47 216.119 431.924 216.014 431.447 215.804C430.973 215.594 430.598 215.301 430.322 214.926C430.047 214.551 429.9 214.118 429.883 213.626H431.485C431.5 213.862 431.578 214.068 431.72 214.244C431.862 214.418 432.051 214.553 432.287 214.649C432.522 214.746 432.787 214.794 433.079 214.794C433.392 214.794 433.669 214.74 433.91 214.632C434.152 214.521 434.341 214.368 434.477 214.172C434.613 213.976 434.68 213.75 434.677 213.494C434.68 213.23 434.612 212.997 434.473 212.795C434.333 212.594 434.132 212.436 433.868 212.322C433.606 212.209 433.291 212.152 432.922 212.152H432.15V210.933H432.922C433.225 210.933 433.491 210.881 433.718 210.776C433.949 210.67 434.129 210.523 434.26 210.332C434.39 210.139 434.454 209.916 434.451 209.663C434.454 209.416 434.399 209.202 434.285 209.02C434.174 208.835 434.017 208.692 433.812 208.589C433.61 208.487 433.373 208.436 433.1 208.436C432.833 208.436 432.586 208.484 432.359 208.581C432.132 208.678 431.949 208.815 431.809 208.994C431.67 209.17 431.596 209.381 431.588 209.625H430.066C430.078 209.136 430.218 208.707 430.488 208.338C430.761 207.966 431.125 207.676 431.579 207.469C432.034 207.259 432.544 207.153 433.109 207.153C433.691 207.153 434.197 207.263 434.626 207.482C435.058 207.697 435.392 207.989 435.627 208.355C435.863 208.722 435.981 209.126 435.981 209.57C435.984 210.061 435.839 210.473 435.547 210.805C435.257 211.138 434.876 211.355 434.404 211.457V211.526C435.018 211.611 435.488 211.838 435.815 212.207C436.145 212.574 436.308 213.03 436.305 213.575C436.305 214.064 436.166 214.501 435.887 214.888C435.612 215.271 435.231 215.572 434.745 215.791C434.262 216.01 433.708 216.119 433.083 216.119ZM440.994 216.166C440.292 216.166 439.69 215.989 439.187 215.634C438.687 215.276 438.302 214.76 438.032 214.087C437.765 213.411 437.631 212.597 437.631 211.645C437.634 210.693 437.769 209.884 438.036 209.216C438.306 208.545 438.691 208.034 439.191 207.682C439.694 207.33 440.295 207.153 440.994 207.153C441.692 207.153 442.293 207.33 442.796 207.682C443.299 208.034 443.684 208.545 443.951 209.216C444.221 209.886 444.356 210.696 444.356 211.645C444.356 212.599 444.221 213.415 443.951 214.091C443.684 214.764 443.299 215.278 442.796 215.634C442.296 215.989 441.695 216.166 440.994 216.166ZM440.994 214.832C441.539 214.832 441.969 214.564 442.285 214.027C442.603 213.487 442.762 212.693 442.762 211.645C442.762 210.952 442.69 210.369 442.545 209.898C442.4 209.426 442.195 209.071 441.931 208.832C441.667 208.591 441.354 208.47 440.994 208.47C440.451 208.47 440.022 208.74 439.707 209.28C439.391 209.817 439.232 210.605 439.229 211.645C439.227 212.341 439.296 212.926 439.438 213.401C439.583 213.875 439.788 214.233 440.052 214.474C440.316 214.713 440.63 214.832 440.994 214.832ZM448.998 216.166C448.296 216.166 447.694 215.989 447.191 215.634C446.691 215.276 446.306 214.76 446.036 214.087C445.769 213.411 445.635 212.597 445.635 211.645C445.638 210.693 445.773 209.884 446.04 209.216C446.31 208.545 446.695 208.034 447.195 207.682C447.698 207.33 448.299 207.153 448.998 207.153C449.696 207.153 450.297 207.33 450.8 207.682C451.303 208.034 451.688 208.545 451.955 209.216C452.225 209.886 452.36 210.696 452.36 211.645C452.36 212.599 452.225 213.415 451.955 214.091C451.688 214.764 451.303 215.278 450.8 215.634C450.3 215.989 449.699 216.166 448.998 216.166ZM448.998 214.832C449.543 214.832 449.973 214.564 450.289 214.027C450.607 213.487 450.766 212.693 450.766 211.645C450.766 210.952 450.694 210.369 450.549 209.898C450.404 209.426 450.199 209.071 449.935 208.832C449.671 208.591 449.358 208.47 448.998 208.47C448.455 208.47 448.026 208.74 447.711 209.28C447.395 209.817 447.236 210.605 447.233 211.645C447.23 212.341 447.3 212.926 447.442 213.401C447.587 213.875 447.792 214.233 448.056 214.474C448.32 214.713 448.634 214.832 448.998 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M335.668 194.762V69.7617" stroke="var(--vt-c-text-1)" stroke-opacity="0.7" stroke-linecap="square"
+        stroke-dasharray="3 3"/>
+  <path
+    d="M327.206 45.2148V44H333.589V45.2148H331.117V52H329.679V45.2148H327.206ZM341.614 48C341.614 48.862 341.452 49.6003 341.129 50.2148C340.809 50.8268 340.371 51.2956 339.817 51.6211C339.265 51.9466 338.638 52.1094 337.938 52.1094C337.237 52.1094 336.61 51.9466 336.055 51.6211C335.503 51.293 335.065 50.8229 334.742 50.2109C334.422 49.5964 334.262 48.8594 334.262 48C334.262 47.138 334.422 46.401 334.742 45.7891C335.065 45.1745 335.503 44.7044 336.055 44.3789C336.61 44.0534 337.237 43.8906 337.938 43.8906C338.638 43.8906 339.265 44.0534 339.817 44.3789C340.371 44.7044 340.809 45.1745 341.129 45.7891C341.452 46.401 341.614 47.138 341.614 48ZM340.157 48C340.157 47.3932 340.062 46.8815 339.871 46.4648C339.684 46.0456 339.423 45.7292 339.09 45.5156C338.757 45.2995 338.373 45.1914 337.938 45.1914C337.503 45.1914 337.119 45.2995 336.785 45.5156C336.452 45.7292 336.19 46.0456 336 46.4648C335.813 46.8815 335.719 47.3932 335.719 48C335.719 48.6068 335.813 49.1198 336 49.5391C336.19 49.9557 336.452 50.2721 336.785 50.4883C337.119 50.7018 337.503 50.8086 337.938 50.8086C338.373 50.8086 338.757 50.7018 339.09 50.4883C339.423 50.2721 339.684 49.9557 339.871 49.5391C340.062 49.1198 340.157 48.6068 340.157 48ZM342.984 52V44H345.984C346.598 44 347.114 44.1146 347.531 44.3437C347.95 44.5729 348.266 44.888 348.48 45.2891C348.696 45.6875 348.804 46.1406 348.804 46.6484C348.804 47.1615 348.696 47.6172 348.48 48.0156C348.264 48.4141 347.945 48.7279 347.523 48.957C347.101 49.1836 346.581 49.2969 345.964 49.2969H343.976V48.1055H345.769C346.128 48.1055 346.423 48.043 346.652 47.918C346.881 47.793 347.05 47.6211 347.159 47.4023C347.271 47.1836 347.327 46.9323 347.327 46.6484C347.327 46.3646 347.271 46.1146 347.159 45.8984C347.05 45.6823 346.88 45.5143 346.648 45.3945C346.419 45.2721 346.123 45.2109 345.761 45.2109H344.433V52H342.984ZM327.195 65V63.9531L329.972 61.2305C330.238 60.9622 330.459 60.724 330.637 60.5156C330.814 60.3073 330.946 60.1055 331.035 59.9102C331.124 59.7148 331.168 59.5065 331.168 59.2852C331.168 59.0326 331.11 58.8164 330.996 58.6367C330.881 58.4544 330.724 58.3138 330.523 58.2148C330.323 58.1159 330.095 58.0664 329.84 58.0664C329.577 58.0664 329.346 58.1211 329.148 58.2305C328.95 58.3372 328.797 58.4896 328.687 58.6875C328.581 58.8854 328.527 59.1211 328.527 59.3945H327.148C327.148 58.8867 327.264 58.4453 327.496 58.0703C327.728 57.6953 328.047 57.4049 328.453 57.1992C328.862 56.9935 329.331 56.8906 329.859 56.8906C330.396 56.8906 330.867 56.9909 331.273 57.1914C331.68 57.3919 331.995 57.6667 332.219 58.0156C332.445 58.3646 332.558 58.763 332.558 59.2109C332.558 59.5104 332.501 59.8047 332.387 60.0937C332.272 60.3828 332.07 60.7031 331.781 61.0547C331.495 61.4062 331.092 61.832 330.574 62.332L329.195 63.7344V63.7891H332.68V65H327.195ZM336.808 65.1094C336.288 65.1094 335.821 65.0117 335.41 64.8164C334.999 64.6185 334.672 64.3477 334.43 64.0039C334.19 63.6602 334.062 63.2669 334.047 62.8242H335.453C335.479 63.1523 335.621 63.4206 335.879 63.6289C336.137 63.8346 336.446 63.9375 336.808 63.9375C337.092 63.9375 337.345 63.8724 337.566 63.7422C337.788 63.612 337.962 63.431 338.09 63.1992C338.217 62.9674 338.28 62.7031 338.277 62.4062C338.28 62.1042 338.216 61.8359 338.086 61.6016C337.956 61.3672 337.777 61.1836 337.551 61.0508C337.324 60.9154 337.064 60.8477 336.769 60.8477C336.53 60.8451 336.294 60.8893 336.062 60.9805C335.831 61.0716 335.647 61.1914 335.512 61.3398L334.203 61.125L334.621 57H339.262V58.2109H335.82L335.59 60.332H335.637C335.785 60.1576 335.995 60.013 336.265 59.8984C336.536 59.7812 336.833 59.7227 337.156 59.7227C337.64 59.7227 338.073 59.8372 338.453 60.0664C338.833 60.293 339.133 60.6055 339.351 61.0039C339.57 61.4023 339.68 61.8581 339.68 62.3711C339.68 62.8997 339.557 63.3711 339.312 63.7852C339.07 64.1966 338.733 64.5208 338.301 64.7578C337.871 64.9922 337.374 65.1094 336.808 65.1094ZM345.265 63.5V63.0781C345.265 62.7682 345.331 62.4831 345.461 62.2227C345.594 61.9622 345.786 61.7526 346.039 61.5937C346.291 61.4349 346.597 61.3555 346.957 61.3555C347.327 61.3555 347.637 61.4349 347.887 61.5937C348.137 61.75 348.325 61.9583 348.453 62.2188C348.583 62.4792 348.648 62.7656 348.648 63.0781V63.5C348.648 63.8099 348.583 64.0951 348.453 64.3555C348.323 64.6159 348.131 64.8255 347.879 64.9844C347.629 65.1432 347.321 65.2227 346.957 65.2227C346.592 65.2227 346.284 65.1432 346.031 64.9844C345.778 64.8255 345.587 64.6159 345.457 64.3555C345.329 64.0951 345.265 63.8099 345.265 63.5ZM346.285 63.0781V63.5C346.285 63.7057 346.334 63.8945 346.433 64.0664C346.532 64.2383 346.707 64.3242 346.957 64.3242C347.209 64.3242 347.383 64.2396 347.476 64.0703C347.573 63.8984 347.621 63.7083 347.621 63.5V63.0781C347.621 62.8698 347.575 62.6797 347.484 62.5078C347.393 62.3333 347.217 62.2461 346.957 62.2461C346.712 62.2461 346.539 62.3333 346.437 62.5078C346.336 62.6797 346.285 62.8698 346.285 63.0781ZM341.199 58.9219V58.5C341.199 58.1875 341.265 57.901 341.398 57.6406C341.531 57.3802 341.724 57.1719 341.976 57.0156C342.229 56.8568 342.535 56.7773 342.894 56.7773C343.262 56.7773 343.57 56.8568 343.82 57.0156C344.073 57.1719 344.263 57.3802 344.39 57.6406C344.518 57.901 344.582 58.1875 344.582 58.5V58.9219C344.582 59.2344 344.517 59.5208 344.387 59.7812C344.259 60.0391 344.069 60.2461 343.816 60.4023C343.564 60.5586 343.256 60.6367 342.894 60.6367C342.527 60.6367 342.217 60.5586 341.965 60.4023C341.715 60.2461 341.525 60.0378 341.394 59.7773C341.264 59.5169 341.199 59.2318 341.199 58.9219ZM342.226 58.5V58.9219C342.226 59.1302 342.275 59.3203 342.371 59.4922C342.47 59.6615 342.644 59.7461 342.894 59.7461C343.144 59.7461 343.316 59.6615 343.41 59.4922C343.506 59.3203 343.555 59.1302 343.555 58.9219V58.5C343.555 58.2917 343.509 58.1016 343.418 57.9297C343.327 57.7552 343.152 57.668 342.894 57.668C342.647 57.668 342.474 57.7552 342.375 57.9297C342.276 58.1042 342.226 58.2943 342.226 58.5ZM341.644 65L347.144 57H348.121L342.621 65H341.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M400 194.762V69.7617" stroke="var(--vt-c-text-1)" stroke-opacity="0.7" stroke-linecap="square"
+        stroke-dasharray="3 3"/>
+  <path
+    d="M391.206 45.2148V44H397.589V45.2148H395.117V52H393.679V45.2148H391.206ZM405.614 48C405.614 48.862 405.452 49.6003 405.129 50.2148C404.809 50.8268 404.371 51.2956 403.817 51.6211C403.265 51.9466 402.638 52.1094 401.938 52.1094C401.237 52.1094 400.61 51.9466 400.055 51.6211C399.503 51.293 399.065 50.8229 398.742 50.2109C398.422 49.5964 398.262 48.8594 398.262 48C398.262 47.138 398.422 46.401 398.742 45.7891C399.065 45.1745 399.503 44.7044 400.055 44.3789C400.61 44.0534 401.237 43.8906 401.938 43.8906C402.638 43.8906 403.265 44.0534 403.817 44.3789C404.371 44.7044 404.809 45.1745 405.129 45.7891C405.452 46.401 405.614 47.138 405.614 48ZM404.157 48C404.157 47.3932 404.062 46.8815 403.871 46.4648C403.684 46.0456 403.423 45.7292 403.09 45.5156C402.757 45.2995 402.373 45.1914 401.938 45.1914C401.503 45.1914 401.119 45.2995 400.785 45.5156C400.452 45.7292 400.19 46.0456 400 46.4648C399.813 46.8815 399.719 47.3932 399.719 48C399.719 48.6068 399.813 49.1198 400 49.5391C400.19 49.9557 400.452 50.2721 400.785 50.4883C401.119 50.7018 401.503 50.8086 401.938 50.8086C402.373 50.8086 402.757 50.7018 403.09 50.4883C403.423 50.2721 403.684 49.9557 403.871 49.5391C404.062 49.1198 404.157 48.6068 404.157 48ZM406.984 52V44H409.984C410.598 44 411.114 44.1146 411.531 44.3437C411.95 44.5729 412.266 44.888 412.48 45.2891C412.696 45.6875 412.804 46.1406 412.804 46.6484C412.804 47.1615 412.696 47.6172 412.48 48.0156C412.264 48.4141 411.945 48.7279 411.523 48.957C411.101 49.1836 410.581 49.2969 409.964 49.2969H407.976V48.1055H409.769C410.128 48.1055 410.423 48.043 410.652 47.918C410.881 47.793 411.05 47.6211 411.159 47.4023C411.271 47.1836 411.327 46.9323 411.327 46.6484C411.327 46.3646 411.271 46.1146 411.159 45.8984C411.05 45.6823 410.88 45.5143 410.648 45.3945C410.419 45.2721 410.123 45.2109 409.761 45.2109H408.433V52H406.984ZM395.034 57V65H393.585V58.4102H393.538L391.667 59.6055V58.2773L393.656 57H395.034ZM400.023 65.1523C399.38 65.1523 398.827 64.9896 398.367 64.6641C397.908 64.3359 397.555 63.8633 397.308 63.2461C397.063 62.6263 396.941 61.8802 396.941 61.0078C396.943 60.1354 397.067 59.3932 397.312 58.7812C397.559 58.1667 397.912 57.6979 398.37 57.375C398.831 57.0521 399.382 56.8906 400.023 56.8906C400.663 56.8906 401.214 57.0521 401.675 57.375C402.136 57.6979 402.489 58.1667 402.734 58.7812C402.981 59.3958 403.105 60.138 403.105 61.0078C403.105 61.8828 402.981 62.6302 402.734 63.25C402.489 63.8672 402.136 64.3385 401.675 64.6641C401.217 64.9896 400.666 65.1523 400.023 65.1523ZM400.023 63.9297C400.523 63.9297 400.917 63.6836 401.206 63.1914C401.498 62.6966 401.644 61.9687 401.644 61.0078C401.644 60.3724 401.577 59.8385 401.445 59.4062C401.312 58.974 401.124 58.6484 400.882 58.4297C400.64 58.2083 400.353 58.0977 400.023 58.0977C399.525 58.0977 399.132 58.3451 398.843 58.8398C398.554 59.332 398.408 60.0547 398.406 61.0078C398.403 61.6458 398.467 62.1823 398.597 62.6172C398.73 63.0521 398.917 63.3802 399.159 63.6016C399.402 63.8203 399.689 63.9297 400.023 63.9297ZM408.68 63.5V63.0781C408.68 62.7682 408.745 62.4831 408.875 62.2227C409.008 61.9622 409.201 61.7526 409.453 61.5937C409.706 61.4349 410.012 61.3555 410.371 61.3555C410.741 61.3555 411.051 61.4349 411.301 61.5937C411.551 61.75 411.74 61.9583 411.867 62.2188C411.998 62.4792 412.063 62.7656 412.063 63.0781V63.5C412.063 63.8099 411.998 64.0951 411.867 64.3555C411.737 64.6159 411.546 64.8255 411.293 64.9844C411.043 65.1432 410.736 65.2227 410.371 65.2227C410.007 65.2227 409.698 65.1432 409.446 64.9844C409.193 64.8255 409.002 64.6159 408.871 64.3555C408.744 64.0951 408.68 63.8099 408.68 63.5ZM409.7 63.0781V63.5C409.7 63.7057 409.749 63.8945 409.848 64.0664C409.947 64.2383 410.121 64.3242 410.371 64.3242C410.624 64.3242 410.797 64.2396 410.891 64.0703C410.987 63.8984 411.035 63.7083 411.035 63.5V63.0781C411.035 62.8698 410.99 62.6797 410.899 62.5078C410.808 62.3333 410.632 62.2461 410.371 62.2461C410.127 62.2461 409.953 62.3333 409.852 62.5078C409.75 62.6797 409.7 62.8698 409.7 63.0781ZM404.614 58.9219V58.5C404.614 58.1875 404.68 57.901 404.813 57.6406C404.946 57.3802 405.138 57.1719 405.391 57.0156C405.644 56.8568 405.95 56.7773 406.309 56.7773C406.676 56.7773 406.985 56.8568 407.235 57.0156C407.487 57.1719 407.677 57.3802 407.805 57.6406C407.933 57.901 407.996 58.1875 407.996 58.5V58.9219C407.996 59.2344 407.931 59.5208 407.801 59.7812C407.673 60.0391 407.483 60.2461 407.231 60.4023C406.978 60.5586 406.671 60.6367 406.309 60.6367C405.942 60.6367 405.632 60.5586 405.379 60.4023C405.129 60.2461 404.939 60.0378 404.809 59.7773C404.679 59.5169 404.614 59.2318 404.614 58.9219ZM405.641 58.5V58.9219C405.641 59.1302 405.689 59.3203 405.785 59.4922C405.884 59.6615 406.059 59.7461 406.309 59.7461C406.559 59.7461 406.731 59.6615 406.825 59.4922C406.921 59.3203 406.969 59.1302 406.969 58.9219V58.5C406.969 58.2917 406.923 58.1016 406.832 57.9297C406.741 57.7552 406.567 57.668 406.309 57.668C406.062 57.668 405.888 57.7552 405.789 57.9297C405.69 58.1042 405.641 58.2943 405.641 58.5ZM405.059 65L410.559 57H411.535L406.035 65H405.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M229.018 194.762V69.7617" stroke="var(--vt-c-text-1)" stroke-opacity="0.7" stroke-linecap="square"
+        stroke-dasharray="3 3"/>
+  <path
+    d="M218.927 45.2148V44H225.31V45.2148H222.837V52H221.4V45.2148H218.927ZM233.334 48C233.334 48.862 233.173 49.6003 232.85 50.2148C232.53 50.8268 232.092 51.2956 231.538 51.6211C230.985 51.9466 230.359 52.1094 229.659 52.1094C228.958 52.1094 228.331 51.9466 227.776 51.6211C227.224 51.293 226.786 50.8229 226.463 50.2109C226.143 49.5964 225.983 48.8594 225.983 48C225.983 47.138 226.143 46.401 226.463 45.7891C226.786 45.1745 227.224 44.7044 227.776 44.3789C228.331 44.0534 228.958 43.8906 229.659 43.8906C230.359 43.8906 230.985 44.0534 231.538 44.3789C232.092 44.7044 232.53 45.1745 232.85 45.7891C233.173 46.401 233.334 47.138 233.334 48ZM231.877 48C231.877 47.3932 231.782 46.8815 231.592 46.4648C231.405 46.0456 231.144 45.7292 230.811 45.5156C230.478 45.2995 230.094 45.1914 229.659 45.1914C229.224 45.1914 228.84 45.2995 228.506 45.5156C228.173 45.7292 227.911 46.0456 227.721 46.4648C227.534 46.8815 227.44 47.3932 227.44 48C227.44 48.6068 227.534 49.1198 227.721 49.5391C227.911 49.9557 228.173 50.2721 228.506 50.4883C228.84 50.7018 229.224 50.8086 229.659 50.8086C230.094 50.8086 230.478 50.7018 230.811 50.4883C231.144 50.2721 231.405 49.9557 231.592 49.5391C231.782 49.1198 231.877 48.6068 231.877 48ZM234.705 52V44H237.705C238.319 44 238.835 44.1146 239.251 44.3437C239.671 44.5729 239.987 44.888 240.201 45.2891C240.417 45.6875 240.525 46.1406 240.525 46.6484C240.525 47.1615 240.417 47.6172 240.201 48.0156C239.984 48.4141 239.665 48.7279 239.244 48.957C238.822 49.1836 238.302 49.2969 237.685 49.2969H235.697V48.1055H237.49C237.849 48.1055 238.143 48.043 238.373 47.918C238.602 47.793 238.771 47.6211 238.88 47.4023C238.992 47.1836 239.048 46.9323 239.048 46.6484C239.048 46.3646 238.992 46.1146 238.88 45.8984C238.771 45.6823 238.6 45.5143 238.369 45.3945C238.139 45.2721 237.844 45.2109 237.482 45.2109H236.154V52H234.705ZM221.445 65.1094C220.924 65.1094 220.458 65.0117 220.046 64.8164C219.635 64.6185 219.308 64.3477 219.066 64.0039C218.826 63.6602 218.699 63.2669 218.683 62.8242H220.089C220.115 63.1523 220.257 63.4206 220.515 63.6289C220.773 63.8346 221.083 63.9375 221.445 63.9375C221.729 63.9375 221.981 63.8724 222.203 63.7422C222.424 63.612 222.598 63.431 222.726 63.1992C222.854 62.9674 222.916 62.7031 222.914 62.4062C222.916 62.1042 222.852 61.8359 222.722 61.6016C222.592 61.3672 222.414 61.1836 222.187 61.0508C221.96 60.9154 221.7 60.8477 221.406 60.8477C221.166 60.8451 220.93 60.8893 220.699 60.9805C220.467 61.0716 220.283 61.1914 220.148 61.3398L218.839 61.125L219.257 57H223.898V58.2109H220.457L220.226 60.332H220.273C220.421 60.1576 220.631 60.013 220.902 59.8984C221.173 59.7812 221.47 59.7227 221.792 59.7227C222.277 59.7227 222.709 59.8372 223.089 60.0664C223.47 60.293 223.769 60.6055 223.988 61.0039C224.207 61.4023 224.316 61.8581 224.316 62.3711C224.316 62.8997 224.193 63.3711 223.949 63.7852C223.707 64.1966 223.369 64.5208 222.937 64.7578C222.507 64.9922 222.01 65.1094 221.445 65.1094ZM228.582 65.1523C227.938 65.1523 227.386 64.9896 226.925 64.6641C226.467 64.3359 226.114 63.8633 225.867 63.2461C225.622 62.6263 225.499 61.8802 225.499 61.0078C225.502 60.1354 225.626 59.3932 225.871 58.7812C226.118 58.1667 226.471 57.6979 226.929 57.375C227.39 57.0521 227.941 56.8906 228.582 56.8906C229.222 56.8906 229.773 57.0521 230.234 57.375C230.695 57.6979 231.048 58.1667 231.292 58.7812C231.54 59.3958 231.664 60.138 231.664 61.0078C231.664 61.8828 231.54 62.6302 231.292 63.25C231.048 63.8672 230.695 64.3385 230.234 64.6641C229.776 64.9896 229.225 65.1523 228.582 65.1523ZM228.582 63.9297C229.082 63.9297 229.476 63.6836 229.765 63.1914C230.057 62.6966 230.203 61.9687 230.203 61.0078C230.203 60.3724 230.136 59.8385 230.003 59.4062C229.871 58.974 229.683 58.6484 229.441 58.4297C229.199 58.2083 228.912 58.0977 228.582 58.0977C228.084 58.0977 227.691 58.3451 227.402 58.8398C227.113 59.332 226.967 60.0547 226.964 61.0078C226.962 61.6458 227.026 62.1823 227.156 62.6172C227.289 63.0521 227.476 63.3802 227.718 63.6016C227.96 63.8203 228.248 63.9297 228.582 63.9297ZM237.239 63.5V63.0781C237.239 62.7682 237.304 62.4831 237.434 62.2227C237.567 61.9622 237.76 61.7526 238.012 61.5937C238.265 61.4349 238.571 61.3555 238.93 61.3555C239.3 61.3555 239.61 61.4349 239.86 61.5937C240.11 61.75 240.299 61.9583 240.426 62.2188C240.556 62.4792 240.622 62.7656 240.622 63.0781V63.5C240.622 63.8099 240.556 64.0951 240.426 64.3555C240.296 64.6159 240.105 64.8255 239.852 64.9844C239.602 65.1432 239.295 65.2227 238.93 65.2227C238.566 65.2227 238.257 65.1432 238.004 64.9844C237.752 64.8255 237.56 64.6159 237.43 64.3555C237.303 64.0951 237.239 63.8099 237.239 63.5ZM238.258 63.0781V63.5C238.258 63.7057 238.308 63.8945 238.407 64.0664C238.506 64.2383 238.68 64.3242 238.93 64.3242C239.183 64.3242 239.356 64.2396 239.45 64.0703C239.546 63.8984 239.594 63.7083 239.594 63.5V63.0781C239.594 62.8698 239.549 62.6797 239.457 62.5078C239.366 62.3333 239.191 62.2461 238.93 62.2461C238.685 62.2461 238.512 62.3333 238.411 62.5078C238.309 62.6797 238.258 62.8698 238.258 63.0781ZM233.172 58.9219V58.5C233.172 58.1875 233.239 57.901 233.372 57.6406C233.504 57.3802 233.697 57.1719 233.95 57.0156C234.202 56.8568 234.508 56.7773 234.868 56.7773C235.235 56.7773 235.543 56.8568 235.793 57.0156C236.046 57.1719 236.236 57.3802 236.364 57.6406C236.491 57.901 236.555 58.1875 236.555 58.5V58.9219C236.555 59.2344 236.49 59.5208 236.36 59.7812C236.232 60.0391 236.042 60.2461 235.79 60.4023C235.537 60.5586 235.23 60.6367 234.868 60.6367C234.5 60.6367 234.191 60.5586 233.938 60.4023C233.688 60.2461 233.498 60.0378 233.368 59.7773C233.237 59.5169 233.172 59.2318 233.172 58.9219ZM234.2 58.5V58.9219C234.2 59.1302 234.248 59.3203 234.344 59.4922C234.443 59.6615 234.618 59.7461 234.868 59.7461C235.118 59.7461 235.29 59.6615 235.383 59.4922C235.48 59.3203 235.528 59.1302 235.528 58.9219V58.5C235.528 58.2917 235.482 58.1016 235.391 57.9297C235.3 57.7552 235.125 57.668 234.868 57.668C234.62 57.668 234.447 57.7552 234.348 57.9297C234.249 58.1042 234.2 58.2943 234.2 58.5ZM233.618 65L239.118 57H240.094L234.594 65H233.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M15.2033 195.193L442.895 195.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M15 195.196L15 117.696" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M425.88 195.193L425.88 128.726" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M432.027 168.96C432.027 172.55 429.117 175.46 425.527 175.46C421.937 175.46 419.027 172.55 419.027 168.96C419.027 165.37 421.937 162.46 425.527 162.46C429.117 162.46 432.027 165.37 432.027 168.96Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M429.527 168.923C429.527 171.132 427.736 172.923 425.527 172.923C423.318 172.923 421.527 171.132 421.527 168.923C421.527 166.713 423.318 164.923 425.527 164.923C427.736 164.923 429.527 166.713 429.527 168.923Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="382.027" y="83.165" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="382.027" y="83.165" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M394.772 103.824C393.923 103.824 393.167 103.678 392.505 103.387C391.846 103.091 391.325 102.686 390.942 102.171C390.563 101.652 390.368 101.053 390.357 100.375H392.834C392.849 100.659 392.942 100.909 393.113 101.125C393.287 101.337 393.518 101.502 393.806 101.62C394.094 101.737 394.417 101.796 394.777 101.796C395.152 101.796 395.484 101.729 395.772 101.597C396.06 101.464 396.285 101.281 396.448 101.046C396.611 100.811 396.692 100.54 396.692 100.233C396.692 99.9226 396.605 99.648 396.431 99.4094C396.26 99.1669 396.014 98.9775 395.692 98.8412C395.374 98.7048 394.995 98.6366 394.556 98.6366H393.471V96.8298H394.556C394.927 96.8298 395.255 96.7654 395.539 96.6366C395.827 96.5078 396.05 96.3298 396.209 96.1025C396.368 95.8715 396.448 95.6025 396.448 95.2957C396.448 95.0041 396.378 94.7484 396.238 94.5287C396.101 94.3052 395.908 94.1309 395.658 94.0059C395.412 93.8809 395.124 93.8184 394.794 93.8184C394.461 93.8184 394.156 93.8791 393.88 94.0003C393.603 94.1177 393.382 94.2863 393.215 94.5059C393.048 94.7256 392.959 94.9832 392.948 95.2787H390.59C390.601 94.6082 390.792 94.0173 391.164 93.5059C391.535 92.9946 392.035 92.595 392.664 92.3071C393.296 92.0154 394.01 91.8696 394.806 91.8696C395.609 91.8696 396.311 92.0154 396.914 92.3071C397.516 92.5988 397.984 92.9927 398.317 93.4889C398.654 93.9813 398.821 94.5344 398.817 95.148C398.821 95.7995 398.618 96.3431 398.209 96.7787C397.804 97.2143 397.275 97.4908 396.624 97.6082V97.6991C397.48 97.809 398.132 98.1063 398.578 98.5912C399.029 99.0722 399.253 99.6745 399.249 100.398C399.253 101.061 399.061 101.65 398.675 102.165C398.292 102.68 397.764 103.085 397.09 103.381C396.416 103.676 395.643 103.824 394.772 103.824ZM405.58 103.921C404.603 103.917 403.762 103.676 403.057 103.199C402.356 102.722 401.817 102.031 401.438 101.125C401.063 100.22 400.877 99.1309 400.881 97.8582C400.881 96.5893 401.069 95.5078 401.444 94.6139C401.822 93.72 402.362 93.04 403.063 92.5741C403.767 92.1044 404.606 91.8696 405.58 91.8696C406.553 91.8696 407.391 92.1044 408.091 92.5741C408.796 93.0438 409.337 93.7256 409.716 94.6196C410.095 95.5097 410.283 96.5893 410.279 97.8582C410.279 99.1347 410.089 100.226 409.711 101.131C409.336 102.036 408.798 102.728 408.097 103.205C407.396 103.682 406.557 103.921 405.58 103.921ZM405.58 101.881C406.247 101.881 406.779 101.546 407.176 100.875C407.574 100.205 407.771 99.1991 407.767 97.8582C407.767 96.9756 407.676 96.2408 407.495 95.6537C407.317 95.0666 407.063 94.6253 406.733 94.3298C406.408 94.0344 406.023 93.8866 405.58 93.8866C404.917 93.8866 404.387 94.2181 403.989 94.8809C403.591 95.5438 403.391 96.5363 403.387 97.8582C403.387 98.7522 403.476 99.4984 403.654 100.097C403.836 100.692 404.091 101.139 404.421 101.438C404.75 101.733 405.137 101.881 405.58 101.881ZM416.596 103.921C415.618 103.917 414.777 103.676 414.073 103.199C413.372 102.722 412.832 102.031 412.453 101.125C412.078 100.22 411.893 99.1309 411.897 97.8582C411.897 96.5893 412.084 95.5078 412.459 94.6139C412.838 93.72 413.378 93.04 414.078 92.5741C414.783 92.1044 415.622 91.8696 416.596 91.8696C417.569 91.8696 418.406 92.1044 419.107 92.5741C419.811 93.0438 420.353 93.7256 420.732 94.6196C421.111 95.5097 421.298 96.5893 421.294 97.8582C421.294 99.1347 421.105 100.226 420.726 101.131C420.351 102.036 419.813 102.728 419.113 103.205C418.412 103.682 417.573 103.921 416.596 103.921ZM416.596 101.881C417.262 101.881 417.794 101.546 418.192 100.875C418.59 100.205 418.787 99.1991 418.783 97.8582C418.783 96.9756 418.692 96.2408 418.51 95.6537C418.332 95.0666 418.078 94.6253 417.749 94.3298C417.423 94.0344 417.039 93.8866 416.596 93.8866C415.933 93.8866 415.402 94.2181 415.005 94.8809C414.607 95.5438 414.406 96.5363 414.402 97.8582C414.402 98.7522 414.491 99.4984 414.669 100.097C414.851 100.692 415.107 101.139 415.436 101.438C415.766 101.733 416.152 101.881 416.596 101.881Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M392.289 114.03C392.557 114.032 392.826 114.083 393.094 114.184C393.363 114.284 393.608 114.45 393.829 114.682C394.051 114.912 394.229 115.226 394.363 115.625C394.497 116.023 394.564 116.523 394.564 117.124C394.564 117.706 394.509 118.222 394.398 118.674C394.289 119.123 394.132 119.503 393.925 119.812C393.721 120.121 393.471 120.355 393.177 120.515C392.885 120.675 392.555 120.755 392.186 120.755C391.82 120.755 391.493 120.682 391.205 120.537C390.92 120.39 390.685 120.187 390.502 119.927C390.321 119.665 390.205 119.361 390.154 119.016H390.934C391.004 119.316 391.143 119.565 391.352 119.761C391.563 119.954 391.841 120.051 392.186 120.051C392.691 120.051 393.09 119.831 393.382 119.39C393.676 118.949 393.823 118.326 393.823 117.52H393.772C393.652 117.699 393.511 117.854 393.347 117.984C393.183 118.114 393 118.214 392.8 118.284C392.6 118.354 392.387 118.389 392.161 118.389C391.786 118.389 391.442 118.297 391.129 118.111C390.817 117.924 390.568 117.667 390.381 117.341C390.195 117.013 390.103 116.638 390.103 116.216C390.103 115.816 390.192 115.449 390.371 115.117C390.552 114.782 390.806 114.516 391.132 114.318C391.46 114.12 391.846 114.024 392.289 114.03ZM392.289 114.733C392.02 114.733 391.778 114.8 391.563 114.935C391.35 115.067 391.181 115.246 391.055 115.472C390.931 115.695 390.87 115.943 390.87 116.216C390.87 116.489 390.929 116.737 391.049 116.961C391.17 117.182 391.335 117.359 391.544 117.491C391.755 117.621 391.995 117.686 392.263 117.686C392.466 117.686 392.654 117.647 392.829 117.568C393.004 117.487 393.156 117.377 393.286 117.239C393.418 117.098 393.521 116.94 393.596 116.763C393.67 116.584 393.708 116.397 393.708 116.203C393.708 115.948 393.646 115.708 393.522 115.484C393.401 115.261 393.233 115.079 393.017 114.941C392.804 114.802 392.561 114.733 392.289 114.733ZM397.994 120.755C397.726 120.75 397.457 120.699 397.189 120.601C396.921 120.503 396.676 120.338 396.454 120.106C396.232 119.871 396.054 119.555 395.92 119.157C395.786 118.756 395.719 118.253 395.719 117.648C395.719 117.068 395.773 116.555 395.882 116.108C395.991 115.658 396.148 115.28 396.355 114.973C396.562 114.664 396.811 114.43 397.103 114.27C397.397 114.11 397.728 114.03 398.097 114.03C398.463 114.03 398.789 114.104 399.075 114.251C399.362 114.396 399.597 114.598 399.778 114.858C399.959 115.118 400.076 115.417 400.129 115.756H399.35C399.277 115.462 399.136 115.218 398.928 115.024C398.719 114.83 398.442 114.733 398.097 114.733C397.59 114.733 397.19 114.954 396.898 115.395C396.608 115.836 396.462 116.455 396.46 117.252H396.511C396.631 117.071 396.772 116.916 396.937 116.788C397.103 116.658 397.286 116.558 397.486 116.488C397.687 116.418 397.899 116.382 398.122 116.382C398.497 116.382 398.84 116.476 399.151 116.664C399.462 116.849 399.712 117.106 399.899 117.434C400.087 117.76 400.18 118.134 400.18 118.556C400.18 118.96 400.09 119.331 399.909 119.668C399.728 120.002 399.473 120.269 399.145 120.467C398.819 120.663 398.435 120.759 397.994 120.755ZM397.994 120.051C398.263 120.051 398.504 119.984 398.717 119.85C398.932 119.716 399.101 119.536 399.225 119.31C399.351 119.084 399.413 118.833 399.413 118.556C399.413 118.285 399.353 118.039 399.231 117.817C399.112 117.594 398.947 117.416 398.736 117.284C398.527 117.152 398.288 117.085 398.02 117.085C397.818 117.085 397.629 117.126 397.454 117.207C397.28 117.286 397.126 117.394 396.994 117.533C396.864 117.671 396.762 117.83 396.687 118.009C396.613 118.186 396.575 118.372 396.575 118.568C396.575 118.828 396.636 119.071 396.758 119.297C396.881 119.523 397.049 119.705 397.263 119.844C397.478 119.982 397.722 120.051 397.994 120.051ZM403.585 115.756V116.395H401.041V115.756H403.585ZM401.782 114.58H402.537V119.259C402.537 119.472 402.568 119.632 402.629 119.738C402.693 119.843 402.774 119.913 402.872 119.949C402.972 119.983 403.078 120 403.189 120C403.272 120 403.34 119.996 403.393 119.987C403.447 119.977 403.489 119.968 403.521 119.962L403.675 120.639C403.623 120.659 403.552 120.678 403.46 120.697C403.369 120.718 403.253 120.729 403.112 120.729C402.899 120.729 402.69 120.683 402.486 120.592C402.283 120.5 402.115 120.36 401.981 120.173C401.849 119.985 401.782 119.749 401.782 119.463V114.58ZM405.579 117.712V120.665H404.825V114.12H405.579V116.523H405.643C405.758 116.269 405.931 116.068 406.161 115.919C406.393 115.768 406.702 115.692 407.088 115.692C407.422 115.692 407.715 115.759 407.967 115.893C408.218 116.025 408.413 116.229 408.552 116.504C408.692 116.777 408.763 117.124 408.763 117.546V120.665H408.008V117.597C408.008 117.207 407.907 116.905 407.705 116.692C407.504 116.477 407.226 116.37 406.871 116.37C406.623 116.37 406.402 116.422 406.206 116.526C406.012 116.631 405.858 116.783 405.746 116.983C405.635 117.184 405.579 117.426 405.579 117.712ZM390.218 133.506V126.756H390.946V127.536H391.036C391.091 127.451 391.168 127.342 391.266 127.21C391.366 127.076 391.509 126.956 391.694 126.852C391.882 126.745 392.135 126.692 392.455 126.692C392.868 126.692 393.233 126.795 393.548 127.002C393.863 127.209 394.109 127.502 394.286 127.881C394.463 128.26 394.551 128.708 394.551 129.223C394.551 129.743 394.463 130.194 394.286 130.575C394.109 130.954 393.864 131.248 393.551 131.457C393.238 131.664 392.877 131.767 392.468 131.767C392.152 131.767 391.9 131.715 391.71 131.611C391.521 131.504 391.375 131.384 391.272 131.25C391.17 131.113 391.091 131 391.036 130.911H390.972V133.506H390.218ZM390.959 129.21C390.959 129.581 391.013 129.908 391.122 130.192C391.231 130.473 391.39 130.693 391.598 130.853C391.807 131.011 392.063 131.09 392.365 131.09C392.681 131.09 392.944 131.007 393.155 130.84C393.368 130.672 393.528 130.446 393.634 130.163C393.743 129.877 393.797 129.56 393.797 129.21C393.797 128.865 393.744 128.554 393.637 128.277C393.533 127.998 393.374 127.778 393.161 127.616C392.95 127.452 392.685 127.37 392.365 127.37C392.059 127.37 391.801 127.447 391.592 127.603C391.383 127.756 391.225 127.972 391.119 128.248C391.012 128.523 390.959 128.844 390.959 129.21ZM397.76 131.767C397.287 131.767 396.879 131.663 396.536 131.454C396.195 131.243 395.932 130.949 395.747 130.572C395.564 130.193 395.472 129.752 395.472 129.249C395.472 128.746 395.564 128.303 395.747 127.919C395.932 127.534 396.19 127.233 396.52 127.018C396.853 126.801 397.24 126.692 397.684 126.692C397.939 126.692 398.192 126.735 398.441 126.82C398.69 126.905 398.917 127.044 399.122 127.235C399.326 127.425 399.489 127.676 399.611 127.99C399.732 128.303 399.793 128.688 399.793 129.147V129.466H396.009V128.814H399.026C399.026 128.537 398.971 128.29 398.86 128.073C398.751 127.855 398.596 127.684 398.393 127.558C398.193 127.432 397.956 127.37 397.684 127.37C397.383 127.37 397.123 127.444 396.904 127.593C396.686 127.74 396.519 127.932 396.402 128.169C396.285 128.405 396.226 128.659 396.226 128.929V129.364C396.226 129.735 396.29 130.049 396.418 130.307C396.548 130.562 396.728 130.757 396.958 130.892C397.188 131.024 397.456 131.09 397.76 131.09C397.958 131.09 398.137 131.062 398.297 131.007C398.459 130.949 398.599 130.864 398.716 130.751C398.833 130.636 398.924 130.493 398.988 130.323L399.716 130.527C399.64 130.774 399.511 130.992 399.33 131.179C399.148 131.365 398.925 131.509 398.658 131.614C398.392 131.716 398.093 131.767 397.76 131.767ZM400.94 131.665V126.756H401.669V127.497H401.72C401.81 127.255 401.972 127.057 402.206 126.906C402.44 126.755 402.705 126.679 402.999 126.679C403.054 126.679 403.123 126.68 403.206 126.682C403.289 126.685 403.352 126.688 403.395 126.692V127.459C403.369 127.453 403.311 127.443 403.219 127.43C403.13 127.415 403.035 127.408 402.935 127.408C402.696 127.408 402.483 127.458 402.295 127.558C402.11 127.656 401.963 127.793 401.854 127.967C401.748 128.14 401.695 128.337 401.695 128.559V131.665H400.94ZM406.134 131.767C405.674 131.767 405.277 131.659 404.945 131.441C404.613 131.224 404.357 130.925 404.178 130.543C403.999 130.162 403.909 129.726 403.909 129.236C403.909 128.737 404.001 128.297 404.184 127.916C404.37 127.533 404.627 127.233 404.958 127.018C405.29 126.801 405.678 126.692 406.121 126.692C406.466 126.692 406.777 126.756 407.054 126.884C407.331 127.012 407.558 127.191 407.735 127.421C407.912 127.651 408.022 127.919 408.064 128.226H407.31C407.252 128.002 407.125 127.804 406.926 127.632C406.73 127.457 406.466 127.37 406.134 127.37C405.84 127.37 405.582 127.446 405.36 127.6C405.141 127.751 404.969 127.965 404.846 128.242C404.724 128.517 404.664 128.84 404.664 129.21C404.664 129.59 404.723 129.92 404.843 130.201C404.964 130.483 405.135 130.701 405.354 130.856C405.576 131.012 405.836 131.09 406.134 131.09C406.33 131.09 406.508 131.056 406.668 130.987C406.827 130.919 406.963 130.821 407.074 130.693C407.184 130.566 407.263 130.412 407.31 130.233H408.064C408.022 130.523 407.916 130.784 407.748 131.016C407.582 131.246 407.361 131.43 407.086 131.566C406.814 131.7 406.496 131.767 406.134 131.767ZM411.225 131.767C410.752 131.767 410.344 131.663 410.001 131.454C409.66 131.243 409.397 130.949 409.212 130.572C409.028 130.193 408.937 129.752 408.937 129.249C408.937 128.746 409.028 128.303 409.212 127.919C409.397 127.534 409.655 127.233 409.985 127.018C410.317 126.801 410.705 126.692 411.148 126.692C411.404 126.692 411.657 126.735 411.906 126.82C412.155 126.905 412.382 127.044 412.587 127.235C412.791 127.425 412.954 127.676 413.076 127.99C413.197 128.303 413.258 128.688 413.258 129.147V129.466H409.474V128.814H412.491C412.491 128.537 412.435 128.29 412.325 128.073C412.216 127.855 412.06 127.684 411.858 127.558C411.658 127.432 411.421 127.37 411.148 127.37C410.848 127.37 410.588 127.444 410.369 127.593C410.151 127.74 409.984 127.932 409.867 128.169C409.75 128.405 409.691 128.659 409.691 128.929V129.364C409.691 129.735 409.755 130.049 409.883 130.307C410.013 130.562 410.193 130.757 410.423 130.892C410.653 131.024 410.92 131.09 411.225 131.09C411.423 131.09 411.602 131.062 411.762 131.007C411.924 130.949 412.064 130.864 412.181 130.751C412.298 130.636 412.388 130.493 412.452 130.323L413.181 130.527C413.104 130.774 412.975 130.992 412.794 131.179C412.613 131.365 412.39 131.509 412.123 131.614C411.857 131.716 411.558 131.767 411.225 131.767ZM415.159 128.712V131.665H414.405V126.756H415.134V127.523H415.198C415.313 127.274 415.488 127.073 415.722 126.922C415.956 126.769 416.259 126.692 416.63 126.692C416.962 126.692 417.253 126.76 417.502 126.897C417.751 127.031 417.945 127.235 418.084 127.51C418.222 127.783 418.292 128.128 418.292 128.546V131.665H417.537V128.597C417.537 128.211 417.437 127.911 417.237 127.696C417.037 127.478 416.762 127.37 416.412 127.37C416.172 127.37 415.956 127.422 415.767 127.526C415.579 127.631 415.431 127.783 415.322 127.983C415.214 128.184 415.159 128.426 415.159 128.712ZM421.805 126.756V127.395H419.261V126.756H421.805ZM420.002 125.58H420.756V130.259C420.756 130.472 420.787 130.632 420.849 130.738C420.913 130.843 420.994 130.913 421.092 130.949C421.192 130.983 421.298 131 421.408 131C421.492 131 421.56 130.996 421.613 130.987C421.666 130.977 421.709 130.968 421.741 130.962L421.894 131.639C421.843 131.659 421.772 131.678 421.68 131.697C421.589 131.718 421.472 131.729 421.332 131.729C421.119 131.729 420.91 131.683 420.705 131.592C420.503 131.5 420.335 131.36 420.2 131.173C420.068 130.985 420.002 130.749 420.002 130.463V125.58ZM422.939 131.665V126.756H423.694V131.665H422.939ZM423.323 125.938C423.176 125.938 423.049 125.888 422.943 125.788C422.838 125.687 422.786 125.567 422.786 125.426C422.786 125.286 422.838 125.165 422.943 125.065C423.049 124.965 423.176 124.915 423.323 124.915C423.47 124.915 423.596 124.965 423.7 125.065C423.807 125.165 423.86 125.286 423.86 125.426C423.86 125.567 423.807 125.687 423.7 125.788C423.596 125.888 423.47 125.938 423.323 125.938ZM425.829 125.12V131.665H425.075V125.12H425.829ZM429.269 131.767C428.796 131.767 428.388 131.663 428.045 131.454C427.704 131.243 427.441 130.949 427.256 130.572C427.072 130.193 426.981 129.752 426.981 129.249C426.981 128.746 427.072 128.303 427.256 127.919C427.441 127.534 427.699 127.233 428.029 127.018C428.361 126.801 428.749 126.692 429.192 126.692C429.448 126.692 429.701 126.735 429.95 126.82C430.199 126.905 430.426 127.044 430.631 127.235C430.835 127.425 430.998 127.676 431.12 127.99C431.241 128.303 431.302 128.688 431.302 129.147V129.466H427.518V128.814H430.535C430.535 128.537 430.479 128.29 430.369 128.073C430.26 127.855 430.104 127.684 429.902 127.558C429.702 127.432 429.465 127.37 429.192 127.37C428.892 127.37 428.632 127.444 428.413 127.593C428.195 127.74 428.028 127.932 427.911 128.169C427.794 128.405 427.735 128.659 427.735 128.929V129.364C427.735 129.735 427.799 130.049 427.927 130.307C428.057 130.562 428.237 130.757 428.467 130.892C428.697 131.024 428.964 131.09 429.269 131.09C429.467 131.09 429.646 131.062 429.806 131.007C429.968 130.949 430.108 130.864 430.225 130.751C430.342 130.636 430.432 130.493 430.496 130.323L431.225 130.527C431.148 130.774 431.019 130.992 430.838 131.179C430.657 131.365 430.434 131.509 430.167 131.614C429.901 131.716 429.601 131.767 429.269 131.767Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/2535-profile.svg b/src/public/images/developers/2535-profile.svg
new file mode 100644
index 0000000000..b98aa66a5e
--- /dev/null
+++ b/src/public/images/developers/2535-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.531C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.94 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.236 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.956 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.589 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.602 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.861 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.426 16.5673 220.865 16.2926C221.305 16.0148 221.795 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.834 16.3903 223.992 16.5856C224.151 16.7779 224.272 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.937 24.2133 225.65 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.695 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.621 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.122 19.0274 221.122 19.4517C221.122 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.779 23V15.9675H229.436V23H227.779ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.969 16.7688 233.227 16.4559 233.581 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.533 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.114 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.385 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.649C243.646 18.5025 243.577 18.2201 243.443 17.9729C243.308 17.7226 243.121 17.5257 242.879 17.3823C242.641 17.2388 242.364 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.554 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.459 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.153 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.169 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.657 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.475 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.475 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.453 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.116V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.34 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.833 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.939 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.253 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.622 16.201C256.936 15.9782 257.295 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.524 17.3411C257.221 17.3411 256.95 17.4067 256.709 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.965 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.266 14.3193 259.266 14.0721C259.266 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.965 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.189 13.8218 261.189 14.0721C261.189 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.756V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.904 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.107 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.653 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.682 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.972V23.1145C276.972 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.365 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.582 21.3426C274.829 21.1717 275.017 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.02 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.007 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.694 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.615 36.2606 207.615 35.525C207.615 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.19 32.3384C209.687 32.0301 210.272 31.876 210.943 31.876C211.377 31.876 211.786 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.33 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.483 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.089 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.379L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.709 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.464 39.1374C224.762 39.1374 224.159 38.9832 223.655 38.6749C223.155 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.028 33.0755C228.29 33.454 228.44 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.139 33.2129 224.841 33.3044 224.585 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.722 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.437 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.464 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.864 31.876C233.297 31.876 233.706 31.9462 234.091 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.078 34.8123 236.078 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.149 33.7226 233.961 33.5257 233.72 33.3823C233.482 33.2388 233.204 33.1671 232.886 33.1671C232.548 33.1671 232.25 33.2495 231.994 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.553 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.215 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.444 34.8123 250.444 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.848 33.2388 247.57 33.1671 247.252 33.1671C246.914 33.1671 246.616 33.2495 246.36 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.545 34.9206V35.8958C245.545 36.3048 245.619 36.6558 245.769 36.9489C245.919 37.2388 246.128 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.241 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.753 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.475 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.837 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.982 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.784 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.151 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.151 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.882 37.512C262.138 37.6951 262.439 37.7867 262.784 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.634 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.09 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.979 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.979 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.62V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.193 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.28 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.443 37.4388C271.586 37.3045 271.694 37.1381 271.768 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.757 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M240 68.9971L313.588 123.452L288.568 213.965H191.432L177.451 126.395L240 68.9971Z" fill="#42B883"
+        fill-opacity="0.5" stroke="#42B883"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+</svg>
diff --git a/src/public/images/developers/2535-score.svg b/src/public/images/developers/2535-score.svg
new file mode 100644
index 0000000000..6f75a00c4e
--- /dev/null
+++ b/src/public/images/developers/2535-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 455 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 132.471C52.0151 132.471 80.7152 92.041 118.151 92.041C155.586 92.041 175.552 111.008 216.98 89.0462C245.24 74.0651 267.892 41.8776 305.827 41.8776C354.992 41.8776 384.94 132.222 431.894 134.717V154.081H4V132.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382C402.295 123.272 416.137 134.002 431.894 134.84V154H389V109.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M325 46.6073V154H218V88.6193C226.901 83.7495 235.265 77.2164 243.756 70.5851C261.772 56.5135 280.354 42 305.827 42C312.546 42 318.906 43.6874 325 46.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382V154H325V46.6074C341.715 54.6167 356.426 71.8999 371.039 89.0695C376.999 96.0716 382.943 103.055 389 109.382Z"
+        fill="#42B883"/>
+  <path
+    d="M4.49947 175.166C3.79776 175.166 3.19549 174.989 2.69265 174.634C2.19265 174.276 1.80771 173.76 1.53782 173.087C1.27077 172.411 1.13725 171.597 1.13725 170.645C1.14009 169.693 1.27504 168.884 1.54208 168.216C1.81197 167.545 2.19691 167.034 2.69691 166.682C3.19975 166.33 3.8006 166.153 4.49947 166.153C5.19833 166.153 5.79918 166.33 6.30202 166.682C6.80487 167.034 7.18981 167.545 7.45685 168.216C7.72674 168.886 7.86168 169.696 7.86168 170.645C7.86168 171.599 7.72674 172.415 7.45685 173.091C7.18981 173.764 6.80487 174.278 6.30202 174.634C5.80202 174.989 5.20117 175.166 4.49947 175.166ZM4.49947 173.832C5.04492 173.832 5.47532 173.564 5.79066 173.027C6.10884 172.487 6.26793 171.693 6.26793 170.645C6.26793 169.952 6.19549 169.369 6.0506 168.898C5.90572 168.426 5.70117 168.071 5.43697 167.832C5.17276 167.591 4.86026 167.47 4.49947 167.47C3.95685 167.47 3.52788 167.74 3.21254 168.28C2.89719 168.817 2.7381 169.605 2.73526 170.645C2.73242 171.341 2.80202 171.926 2.94407 172.401C3.08896 172.875 3.2935 173.233 3.55771 173.474C3.82191 173.713 4.13583 173.832 4.49947 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M141.105 166.273V175H139.524V167.811H139.472L137.431 169.115V167.666L139.6 166.273H141.105ZM146.546 175.166C145.845 175.166 145.242 174.989 144.74 174.634C144.24 174.276 143.855 173.76 143.585 173.087C143.318 172.411 143.184 171.597 143.184 170.645C143.187 169.693 143.322 168.884 143.589 168.216C143.859 167.545 144.244 167.034 144.744 166.682C145.247 166.33 145.847 166.153 146.546 166.153C147.245 166.153 147.846 166.33 148.349 166.682C148.852 167.034 149.237 167.545 149.504 168.216C149.774 168.886 149.909 169.696 149.909 170.645C149.909 171.599 149.774 172.415 149.504 173.091C149.237 173.764 148.852 174.278 148.349 174.634C147.849 174.989 147.248 175.166 146.546 175.166ZM146.546 173.832C147.092 173.832 147.522 173.564 147.838 173.027C148.156 172.487 148.315 171.693 148.315 170.645C148.315 169.952 148.242 169.369 148.097 168.898C147.953 168.426 147.748 168.071 147.484 167.832C147.22 167.591 146.907 167.47 146.546 167.47C146.004 167.47 145.575 167.74 145.259 168.28C144.944 168.817 144.785 169.605 144.782 170.645C144.779 171.341 144.849 171.926 144.991 172.401C145.136 172.875 145.34 173.233 145.605 173.474C145.869 173.713 146.183 173.832 146.546 173.832ZM154.55 175.166C153.849 175.166 153.246 174.989 152.743 174.634C152.243 174.276 151.858 173.76 151.589 173.087C151.322 172.411 151.188 171.597 151.188 170.645C151.191 169.693 151.326 168.884 151.593 168.216C151.863 167.545 152.248 167.034 152.748 166.682C153.251 166.33 153.851 166.153 154.55 166.153C155.249 166.153 155.85 166.33 156.353 166.682C156.856 167.034 157.241 167.545 157.508 168.216C157.778 168.886 157.912 169.696 157.912 170.645C157.912 171.599 157.778 172.415 157.508 173.091C157.241 173.764 156.856 174.278 156.353 174.634C155.853 174.989 155.252 175.166 154.55 175.166ZM154.55 173.832C155.096 173.832 155.526 173.564 155.841 173.027C156.16 172.487 156.319 171.693 156.319 170.645C156.319 169.952 156.246 169.369 156.101 168.898C155.956 168.426 155.752 168.071 155.488 167.832C155.224 167.591 154.911 167.47 154.55 167.47C154.008 167.47 153.579 167.74 153.263 168.28C152.948 168.817 152.789 169.605 152.786 170.645C152.783 171.341 152.853 171.926 152.995 172.401C153.14 172.875 153.344 173.233 153.608 173.474C153.873 173.713 154.187 173.832 154.55 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M210.644 166.273V175H209.063V167.811H209.012L206.97 169.115V167.666L209.139 166.273H210.644ZM215.894 175.119C215.325 175.119 214.817 175.013 214.368 174.8C213.919 174.584 213.563 174.288 213.298 173.913C213.037 173.538 212.898 173.109 212.881 172.626H214.415C214.443 172.984 214.598 173.277 214.879 173.504C215.161 173.729 215.499 173.841 215.894 173.841C216.203 173.841 216.479 173.77 216.72 173.628C216.962 173.486 217.152 173.288 217.291 173.036C217.431 172.783 217.499 172.494 217.496 172.17C217.499 171.841 217.429 171.548 217.287 171.293C217.145 171.037 216.95 170.837 216.703 170.692C216.456 170.544 216.172 170.47 215.851 170.47C215.59 170.467 215.333 170.516 215.08 170.615C214.827 170.714 214.627 170.845 214.479 171.007L213.051 170.773L213.507 166.273H218.57V167.594H214.816L214.564 169.908H214.615C214.777 169.717 215.006 169.56 215.301 169.435C215.597 169.307 215.921 169.243 216.273 169.243C216.801 169.243 217.273 169.368 217.688 169.618C218.102 169.865 218.429 170.206 218.668 170.641C218.906 171.075 219.026 171.572 219.026 172.132C219.026 172.709 218.892 173.223 218.625 173.675C218.361 174.124 217.993 174.477 217.521 174.736C217.053 174.991 216.51 175.119 215.894 175.119ZM223.679 175.166C222.977 175.166 222.375 174.989 221.872 174.634C221.372 174.276 220.987 173.76 220.718 173.087C220.45 172.411 220.317 171.597 220.317 170.645C220.32 169.693 220.455 168.884 220.722 168.216C220.992 167.545 221.377 167.034 221.877 166.682C222.379 166.33 222.98 166.153 223.679 166.153C224.378 166.153 224.979 166.33 225.482 166.682C225.985 167.034 226.369 167.545 226.637 168.216C226.906 168.886 227.041 169.696 227.041 170.645C227.041 171.599 226.906 172.415 226.637 173.091C226.369 173.764 225.985 174.278 225.482 174.634C224.982 174.989 224.381 175.166 223.679 175.166ZM223.679 173.832C224.225 173.832 224.655 173.564 224.97 173.027C225.289 172.487 225.448 171.693 225.448 170.645C225.448 169.952 225.375 169.369 225.23 168.898C225.085 168.426 224.881 168.071 224.617 167.832C224.352 167.591 224.04 167.47 223.679 167.47C223.137 167.47 222.708 167.74 222.392 168.28C222.077 168.817 221.918 169.605 221.915 170.645C221.912 171.341 221.982 171.926 222.124 172.401C222.269 172.875 222.473 173.233 222.737 173.474C223.002 173.713 223.316 173.832 223.679 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M276.379 175V173.858L279.409 170.888C279.699 170.595 279.94 170.335 280.133 170.108C280.327 169.881 280.471 169.661 280.568 169.447C280.665 169.234 280.713 169.007 280.713 168.766C280.713 168.49 280.65 168.254 280.525 168.058C280.4 167.859 280.229 167.706 280.01 167.598C279.791 167.49 279.542 167.436 279.264 167.436C278.977 167.436 278.726 167.496 278.51 167.615C278.294 167.732 278.126 167.898 278.007 168.114C277.89 168.33 277.832 168.587 277.832 168.885H276.328C276.328 168.331 276.454 167.849 276.707 167.44C276.96 167.031 277.308 166.714 277.751 166.49C278.197 166.266 278.709 166.153 279.285 166.153C279.871 166.153 280.385 166.263 280.828 166.482C281.271 166.7 281.615 167 281.859 167.381C282.106 167.761 282.23 168.196 282.23 168.685C282.23 169.011 282.167 169.332 282.042 169.648C281.917 169.963 281.697 170.312 281.382 170.696C281.069 171.08 280.631 171.544 280.065 172.089L278.561 173.619V173.679H282.362V175H276.379ZM287.058 175.166C286.356 175.166 285.754 174.989 285.251 174.634C284.751 174.276 284.366 173.76 284.096 173.087C283.829 172.411 283.696 171.597 283.696 170.645C283.699 169.693 283.834 168.884 284.101 168.216C284.371 167.545 284.756 167.034 285.256 166.682C285.758 166.33 286.359 166.153 287.058 166.153C287.757 166.153 288.358 166.33 288.861 166.682C289.363 167.034 289.748 167.545 290.015 168.216C290.285 168.886 290.42 169.696 290.42 170.645C290.42 171.599 290.285 172.415 290.015 173.091C289.748 173.764 289.363 174.278 288.861 174.634C288.361 174.989 287.76 175.166 287.058 175.166ZM287.058 173.832C287.604 173.832 288.034 173.564 288.349 173.027C288.667 172.487 288.827 171.693 288.827 170.645C288.827 169.952 288.754 169.369 288.609 168.898C288.464 168.426 288.26 168.071 287.996 167.832C287.731 167.591 287.419 167.47 287.058 167.47C286.515 167.47 286.086 167.74 285.771 168.28C285.456 168.817 285.297 169.605 285.294 170.645C285.291 171.341 285.361 171.926 285.503 172.401C285.648 172.875 285.852 173.233 286.116 173.474C286.381 173.713 286.694 173.832 287.058 173.832ZM295.062 175.166C294.36 175.166 293.758 174.989 293.255 174.634C292.755 174.276 292.37 173.76 292.1 173.087C291.833 172.411 291.7 171.597 291.7 170.645C291.703 169.693 291.838 168.884 292.105 168.216C292.374 167.545 292.759 167.034 293.259 166.682C293.762 166.33 294.363 166.153 295.062 166.153C295.761 166.153 296.362 166.33 296.865 166.682C297.367 167.034 297.752 167.545 298.019 168.216C298.289 168.886 298.424 169.696 298.424 170.645C298.424 171.599 298.289 172.415 298.019 173.091C297.752 173.764 297.367 174.278 296.865 174.634C296.365 174.989 295.764 175.166 295.062 175.166ZM295.062 173.832C295.607 173.832 296.038 173.564 296.353 173.027C296.671 172.487 296.83 171.693 296.83 170.645C296.83 169.952 296.758 169.369 296.613 168.898C296.468 168.426 296.264 168.071 295.999 167.832C295.735 167.591 295.423 167.47 295.062 167.47C294.519 167.47 294.09 167.74 293.775 168.28C293.46 168.817 293.301 169.605 293.298 170.645C293.295 171.341 293.365 171.926 293.507 172.401C293.651 172.875 293.856 173.233 294.12 173.474C294.384 173.713 294.698 173.832 295.062 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M347.916 175V173.858L350.946 170.888C351.236 170.595 351.477 170.335 351.67 170.108C351.864 169.881 352.009 169.661 352.105 169.447C352.202 169.234 352.25 169.007 352.25 168.766C352.25 168.49 352.188 168.254 352.062 168.058C351.938 167.859 351.766 167.706 351.547 167.598C351.328 167.49 351.08 167.436 350.801 167.436C350.514 167.436 350.263 167.496 350.047 167.615C349.831 167.732 349.663 167.898 349.544 168.114C349.428 168.33 349.369 168.587 349.369 168.885H347.865C347.865 168.331 347.991 167.849 348.244 167.44C348.497 167.031 348.845 166.714 349.288 166.49C349.734 166.266 350.246 166.153 350.822 166.153C351.408 166.153 351.922 166.263 352.365 166.482C352.808 166.7 353.152 167 353.396 167.381C353.643 167.761 353.767 168.196 353.767 168.685C353.767 169.011 353.705 169.332 353.58 169.648C353.455 169.963 353.234 170.312 352.919 170.696C352.607 171.08 352.168 171.544 351.602 172.089L350.098 173.619V173.679H353.899V175H347.916ZM358.403 175.119C357.835 175.119 357.327 175.013 356.878 174.8C356.429 174.584 356.072 174.288 355.808 173.913C355.547 173.538 355.408 173.109 355.391 172.626H356.925C356.953 172.984 357.108 173.277 357.389 173.504C357.67 173.729 358.009 173.841 358.403 173.841C358.713 173.841 358.989 173.77 359.23 173.628C359.472 173.486 359.662 173.288 359.801 173.036C359.94 172.783 360.009 172.494 360.006 172.17C360.009 171.841 359.939 171.548 359.797 171.293C359.655 171.037 359.46 170.837 359.213 170.692C358.966 170.544 358.682 170.47 358.361 170.47C358.099 170.467 357.842 170.516 357.589 170.615C357.337 170.714 357.136 170.845 356.989 171.007L355.561 170.773L356.017 166.273H361.08V167.594H357.325L357.074 169.908H357.125C357.287 169.717 357.516 169.56 357.811 169.435C358.107 169.307 358.43 169.243 358.783 169.243C359.311 169.243 359.783 169.368 360.197 169.618C360.612 169.865 360.939 170.206 361.178 170.641C361.416 171.075 361.536 171.572 361.536 172.132C361.536 172.709 361.402 173.223 361.135 173.675C360.871 174.124 360.503 174.477 360.031 174.736C359.562 174.991 359.02 175.119 358.403 175.119ZM366.189 175.166C365.487 175.166 364.885 174.989 364.382 174.634C363.882 174.276 363.497 173.76 363.227 173.087C362.96 172.411 362.827 171.597 362.827 170.645C362.83 169.693 362.964 168.884 363.232 168.216C363.501 167.545 363.886 167.034 364.386 166.682C364.889 166.33 365.49 166.153 366.189 166.153C366.888 166.153 367.489 166.33 367.991 166.682C368.494 167.034 368.879 167.545 369.146 168.216C369.416 168.886 369.551 169.696 369.551 170.645C369.551 171.599 369.416 172.415 369.146 173.091C368.879 173.764 368.494 174.278 367.991 174.634C367.491 174.989 366.891 175.166 366.189 175.166ZM366.189 173.832C366.734 173.832 367.165 173.564 367.48 173.027C367.798 172.487 367.957 171.693 367.957 170.645C367.957 169.952 367.885 169.369 367.74 168.898C367.595 168.426 367.391 168.071 367.126 167.832C366.862 167.591 366.55 167.47 366.189 167.47C365.646 167.47 365.217 167.74 364.902 168.28C364.587 168.817 364.428 169.605 364.425 170.645C364.422 171.341 364.491 171.926 364.634 172.401C364.778 172.875 364.983 173.233 365.247 173.474C365.511 173.713 365.825 173.832 366.189 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M422.083 175.119C421.47 175.119 420.924 175.014 420.447 174.804C419.973 174.594 419.598 174.301 419.322 173.926C419.047 173.551 418.9 173.118 418.883 172.626H420.485C420.5 172.862 420.578 173.068 420.72 173.244C420.862 173.418 421.051 173.553 421.287 173.649C421.522 173.746 421.787 173.794 422.079 173.794C422.392 173.794 422.669 173.74 422.91 173.632C423.152 173.521 423.341 173.368 423.477 173.172C423.613 172.976 423.68 172.75 423.677 172.494C423.68 172.23 423.612 171.997 423.473 171.795C423.333 171.594 423.132 171.436 422.868 171.322C422.606 171.209 422.291 171.152 421.922 171.152H421.15V169.933H421.922C422.225 169.933 422.491 169.881 422.718 169.776C422.949 169.67 423.129 169.523 423.26 169.332C423.39 169.139 423.454 168.916 423.451 168.663C423.454 168.416 423.399 168.202 423.285 168.02C423.174 167.835 423.017 167.692 422.812 167.589C422.61 167.487 422.373 167.436 422.1 167.436C421.833 167.436 421.586 167.484 421.359 167.581C421.132 167.678 420.949 167.815 420.809 167.994C420.67 168.17 420.596 168.381 420.588 168.625H419.066C419.078 168.136 419.218 167.707 419.488 167.338C419.761 166.966 420.125 166.676 420.579 166.469C421.034 166.259 421.544 166.153 422.109 166.153C422.691 166.153 423.197 166.263 423.626 166.482C424.058 166.697 424.392 166.989 424.627 167.355C424.863 167.722 424.981 168.126 424.981 168.57C424.984 169.061 424.839 169.473 424.547 169.805C424.257 170.138 423.876 170.355 423.404 170.457V170.526C424.018 170.611 424.488 170.838 424.815 171.207C425.145 171.574 425.308 172.03 425.305 172.575C425.305 173.064 425.166 173.501 424.887 173.888C424.612 174.271 424.231 174.572 423.745 174.791C423.262 175.01 422.708 175.119 422.083 175.119ZM429.994 175.166C429.292 175.166 428.69 174.989 428.187 174.634C427.687 174.276 427.302 173.76 427.032 173.087C426.765 172.411 426.631 171.597 426.631 170.645C426.634 169.693 426.769 168.884 427.036 168.216C427.306 167.545 427.691 167.034 428.191 166.682C428.694 166.33 429.295 166.153 429.994 166.153C430.692 166.153 431.293 166.33 431.796 166.682C432.299 167.034 432.684 167.545 432.951 168.216C433.221 168.886 433.356 169.696 433.356 170.645C433.356 171.599 433.221 172.415 432.951 173.091C432.684 173.764 432.299 174.278 431.796 174.634C431.296 174.989 430.695 175.166 429.994 175.166ZM429.994 173.832C430.539 173.832 430.969 173.564 431.285 173.027C431.603 172.487 431.762 171.693 431.762 170.645C431.762 169.952 431.69 169.369 431.545 168.898C431.4 168.426 431.195 168.071 430.931 167.832C430.667 167.591 430.354 167.47 429.994 167.47C429.451 167.47 429.022 167.74 428.707 168.28C428.391 168.817 428.232 169.605 428.229 170.645C428.227 171.341 428.296 171.926 428.438 172.401C428.583 172.875 428.788 173.233 429.052 173.474C429.316 173.713 429.63 173.832 429.994 173.832ZM437.998 175.166C437.296 175.166 436.694 174.989 436.191 174.634C435.691 174.276 435.306 173.76 435.036 173.087C434.769 172.411 434.635 171.597 434.635 170.645C434.638 169.693 434.773 168.884 435.04 168.216C435.31 167.545 435.695 167.034 436.195 166.682C436.698 166.33 437.299 166.153 437.998 166.153C438.696 166.153 439.297 166.33 439.8 166.682C440.303 167.034 440.688 167.545 440.955 168.216C441.225 168.886 441.36 169.696 441.36 170.645C441.36 171.599 441.225 172.415 440.955 173.091C440.688 173.764 440.303 174.278 439.8 174.634C439.3 174.989 438.699 175.166 437.998 175.166ZM437.998 173.832C438.543 173.832 438.973 173.564 439.289 173.027C439.607 172.487 439.766 171.693 439.766 170.645C439.766 169.952 439.694 169.369 439.549 168.898C439.404 168.426 439.199 168.071 438.935 167.832C438.671 167.591 438.358 167.47 437.998 167.47C437.455 167.47 437.026 167.74 436.711 168.28C436.395 168.817 436.236 169.605 436.233 170.645C436.23 171.341 436.3 171.926 436.442 172.401C436.587 172.875 436.792 173.233 437.056 173.474C437.32 173.713 437.634 173.832 437.998 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M324.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M316.206 4.21484V3H322.589V4.21484H320.117V11H318.679V4.21484H316.206ZM330.614 7C330.614 7.86198 330.452 8.60026 330.129 9.21484C329.809 9.82682 329.371 10.2956 328.817 10.6211C328.265 10.9466 327.638 11.1094 326.938 11.1094C326.237 11.1094 325.61 10.9466 325.055 10.6211C324.503 10.293 324.065 9.82292 323.742 9.21094C323.422 8.59635 323.262 7.85937 323.262 7C323.262 6.13802 323.422 5.40104 323.742 4.78906C324.065 4.17448 324.503 3.70443 325.055 3.37891C325.61 3.05339 326.237 2.89062 326.938 2.89062C327.638 2.89062 328.265 3.05339 328.817 3.37891C329.371 3.70443 329.809 4.17448 330.129 4.78906C330.452 5.40104 330.614 6.13802 330.614 7ZM329.157 7C329.157 6.39323 329.062 5.88151 328.871 5.46484C328.684 5.04557 328.423 4.72917 328.09 4.51563C327.757 4.29948 327.373 4.19141 326.938 4.19141C326.503 4.19141 326.119 4.29948 325.785 4.51563C325.452 4.72917 325.19 5.04557 325 5.46484C324.813 5.88151 324.719 6.39323 324.719 7C324.719 7.60677 324.813 8.11979 325 8.53906C325.19 8.95573 325.452 9.27214 325.785 9.48828C326.119 9.70182 326.503 9.80859 326.938 9.80859C327.373 9.80859 327.757 9.70182 328.09 9.48828C328.423 9.27214 328.684 8.95573 328.871 8.53906C329.062 8.11979 329.157 7.60677 329.157 7ZM331.984 11V3H334.984C335.598 3 336.114 3.11458 336.531 3.34375C336.95 3.57292 337.266 3.88802 337.48 4.28906C337.696 4.6875 337.804 5.14062 337.804 5.64844C337.804 6.16146 337.696 6.61719 337.48 7.01563C337.264 7.41406 336.945 7.72786 336.523 7.95703C336.101 8.18359 335.581 8.29687 334.964 8.29687H332.976V7.10547H334.769C335.128 7.10547 335.423 7.04297 335.652 6.91797C335.881 6.79297 336.05 6.62109 336.159 6.40234C336.271 6.18359 336.327 5.93229 336.327 5.64844C336.327 5.36458 336.271 5.11458 336.159 4.89844C336.05 4.68229 335.88 4.51432 335.648 4.39453C335.419 4.27214 335.123 4.21094 334.761 4.21094H333.433V11H331.984ZM316.195 24V22.9531L318.972 20.2305C319.238 19.9622 319.459 19.724 319.637 19.5156C319.814 19.3073 319.946 19.1055 320.035 18.9102C320.124 18.7148 320.168 18.5065 320.168 18.2852C320.168 18.0326 320.11 17.8164 319.996 17.6367C319.881 17.4544 319.724 17.3138 319.523 17.2148C319.323 17.1159 319.095 17.0664 318.84 17.0664C318.577 17.0664 318.346 17.1211 318.148 17.2305C317.95 17.3372 317.797 17.4896 317.687 17.6875C317.581 17.8854 317.527 18.1211 317.527 18.3945H316.148C316.148 17.8867 316.264 17.4453 316.496 17.0703C316.728 16.6953 317.047 16.4049 317.453 16.1992C317.862 15.9935 318.331 15.8906 318.859 15.8906C319.396 15.8906 319.867 15.9909 320.273 16.1914C320.68 16.3919 320.995 16.6667 321.219 17.0156C321.445 17.3646 321.558 17.763 321.558 18.2109C321.558 18.5104 321.501 18.8047 321.387 19.0937C321.272 19.3828 321.07 19.7031 320.781 20.0547C320.495 20.4062 320.092 20.832 319.574 21.332L318.195 22.7344V22.7891H321.68V24H316.195ZM325.808 24.1094C325.288 24.1094 324.821 24.0117 324.41 23.8164C323.999 23.6185 323.672 23.3477 323.43 23.0039C323.19 22.6602 323.062 22.2669 323.047 21.8242H324.453C324.479 22.1523 324.621 22.4206 324.879 22.6289C325.137 22.8346 325.446 22.9375 325.808 22.9375C326.092 22.9375 326.345 22.8724 326.566 22.7422C326.788 22.612 326.962 22.431 327.09 22.1992C327.217 21.9674 327.28 21.7031 327.277 21.4062C327.28 21.1042 327.216 20.8359 327.086 20.6016C326.956 20.3672 326.777 20.1836 326.551 20.0508C326.324 19.9154 326.064 19.8477 325.769 19.8477C325.53 19.8451 325.294 19.8893 325.062 19.9805C324.831 20.0716 324.647 20.1914 324.512 20.3398L323.203 20.125L323.621 16H328.262V17.2109H324.82L324.59 19.332H324.637C324.785 19.1576 324.995 19.013 325.265 18.8984C325.536 18.7812 325.833 18.7227 326.156 18.7227C326.64 18.7227 327.073 18.8372 327.453 19.0664C327.833 19.293 328.133 19.6055 328.351 20.0039C328.57 20.4023 328.68 20.8581 328.68 21.3711C328.68 21.8997 328.557 22.3711 328.312 22.7852C328.07 23.1966 327.733 23.5208 327.301 23.7578C326.871 23.9922 326.374 24.1094 325.808 24.1094ZM334.265 22.5V22.0781C334.265 21.7682 334.331 21.4831 334.461 21.2227C334.594 20.9622 334.786 20.7526 335.039 20.5937C335.291 20.4349 335.597 20.3555 335.957 20.3555C336.327 20.3555 336.637 20.4349 336.887 20.5937C337.137 20.75 337.325 20.9583 337.453 21.2188C337.583 21.4792 337.648 21.7656 337.648 22.0781V22.5C337.648 22.8099 337.583 23.0951 337.453 23.3555C337.323 23.6159 337.131 23.8255 336.879 23.9844C336.629 24.1432 336.321 24.2227 335.957 24.2227C335.592 24.2227 335.284 24.1432 335.031 23.9844C334.778 23.8255 334.587 23.6159 334.457 23.3555C334.329 23.0951 334.265 22.8099 334.265 22.5ZM335.285 22.0781V22.5C335.285 22.7057 335.334 22.8945 335.433 23.0664C335.532 23.2383 335.707 23.3242 335.957 23.3242C336.209 23.3242 336.383 23.2396 336.476 23.0703C336.573 22.8984 336.621 22.7083 336.621 22.5V22.0781C336.621 21.8698 336.575 21.6797 336.484 21.5078C336.393 21.3333 336.217 21.2461 335.957 21.2461C335.712 21.2461 335.539 21.3333 335.437 21.5078C335.336 21.6797 335.285 21.8698 335.285 22.0781ZM330.199 17.9219V17.5C330.199 17.1875 330.265 16.901 330.398 16.6406C330.531 16.3802 330.724 16.1719 330.976 16.0156C331.229 15.8568 331.535 15.7773 331.894 15.7773C332.262 15.7773 332.57 15.8568 332.82 16.0156C333.073 16.1719 333.263 16.3802 333.39 16.6406C333.518 16.901 333.582 17.1875 333.582 17.5V17.9219C333.582 18.2344 333.517 18.5208 333.387 18.7812C333.259 19.0391 333.069 19.2461 332.816 19.4023C332.564 19.5586 332.256 19.6367 331.894 19.6367C331.527 19.6367 331.217 19.5586 330.965 19.4023C330.715 19.2461 330.525 19.0378 330.394 18.7773C330.264 18.5169 330.199 18.2318 330.199 17.9219ZM331.226 17.5V17.9219C331.226 18.1302 331.275 18.3203 331.371 18.4922C331.47 18.6615 331.644 18.7461 331.894 18.7461C332.144 18.7461 332.316 18.6615 332.41 18.4922C332.506 18.3203 332.555 18.1302 332.555 17.9219V17.5C332.555 17.2917 332.509 17.1016 332.418 16.9297C332.327 16.7552 332.152 16.668 331.894 16.668C331.647 16.668 331.474 16.7552 331.375 16.9297C331.276 17.1042 331.226 17.2943 331.226 17.5ZM330.644 24L336.144 16H337.121L331.621 24H330.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M388.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M380.206 4.21484V3H386.589V4.21484H384.117V11H382.679V4.21484H380.206ZM394.614 7C394.614 7.86198 394.452 8.60026 394.129 9.21484C393.809 9.82682 393.371 10.2956 392.817 10.6211C392.265 10.9466 391.638 11.1094 390.938 11.1094C390.237 11.1094 389.61 10.9466 389.055 10.6211C388.503 10.293 388.065 9.82292 387.742 9.21094C387.422 8.59635 387.262 7.85937 387.262 7C387.262 6.13802 387.422 5.40104 387.742 4.78906C388.065 4.17448 388.503 3.70443 389.055 3.37891C389.61 3.05339 390.237 2.89062 390.938 2.89062C391.638 2.89062 392.265 3.05339 392.817 3.37891C393.371 3.70443 393.809 4.17448 394.129 4.78906C394.452 5.40104 394.614 6.13802 394.614 7ZM393.157 7C393.157 6.39323 393.062 5.88151 392.871 5.46484C392.684 5.04557 392.423 4.72917 392.09 4.51563C391.757 4.29948 391.373 4.19141 390.938 4.19141C390.503 4.19141 390.119 4.29948 389.785 4.51563C389.452 4.72917 389.19 5.04557 389 5.46484C388.813 5.88151 388.719 6.39323 388.719 7C388.719 7.60677 388.813 8.11979 389 8.53906C389.19 8.95573 389.452 9.27214 389.785 9.48828C390.119 9.70182 390.503 9.80859 390.938 9.80859C391.373 9.80859 391.757 9.70182 392.09 9.48828C392.423 9.27214 392.684 8.95573 392.871 8.53906C393.062 8.11979 393.157 7.60677 393.157 7ZM395.984 11V3H398.984C399.598 3 400.114 3.11458 400.531 3.34375C400.95 3.57292 401.266 3.88802 401.48 4.28906C401.696 4.6875 401.804 5.14062 401.804 5.64844C401.804 6.16146 401.696 6.61719 401.48 7.01563C401.264 7.41406 400.945 7.72786 400.523 7.95703C400.101 8.18359 399.581 8.29687 398.964 8.29687H396.976V7.10547H398.769C399.128 7.10547 399.423 7.04297 399.652 6.91797C399.881 6.79297 400.05 6.62109 400.159 6.40234C400.271 6.18359 400.327 5.93229 400.327 5.64844C400.327 5.36458 400.271 5.11458 400.159 4.89844C400.05 4.68229 399.88 4.51432 399.648 4.39453C399.419 4.27214 399.123 4.21094 398.761 4.21094H397.433V11H395.984ZM384.034 16V24H382.585V17.4102H382.538L380.667 18.6055V17.2773L382.656 16H384.034ZM389.023 24.1523C388.38 24.1523 387.827 23.9896 387.367 23.6641C386.908 23.3359 386.555 22.8633 386.308 22.2461C386.063 21.6263 385.941 20.8802 385.941 20.0078C385.943 19.1354 386.067 18.3932 386.312 17.7812C386.559 17.1667 386.912 16.6979 387.37 16.375C387.831 16.0521 388.382 15.8906 389.023 15.8906C389.663 15.8906 390.214 16.0521 390.675 16.375C391.136 16.6979 391.489 17.1667 391.734 17.7812C391.981 18.3958 392.105 19.138 392.105 20.0078C392.105 20.8828 391.981 21.6302 391.734 22.25C391.489 22.8672 391.136 23.3385 390.675 23.6641C390.217 23.9896 389.666 24.1523 389.023 24.1523ZM389.023 22.9297C389.523 22.9297 389.917 22.6836 390.206 22.1914C390.498 21.6966 390.644 20.9687 390.644 20.0078C390.644 19.3724 390.577 18.8385 390.445 18.4062C390.312 17.974 390.124 17.6484 389.882 17.4297C389.64 17.2083 389.353 17.0977 389.023 17.0977C388.525 17.0977 388.132 17.3451 387.843 17.8398C387.554 18.332 387.408 19.0547 387.406 20.0078C387.403 20.6458 387.467 21.1823 387.597 21.6172C387.73 22.0521 387.917 22.3802 388.159 22.6016C388.402 22.8203 388.689 22.9297 389.023 22.9297ZM397.68 22.5V22.0781C397.68 21.7682 397.745 21.4831 397.875 21.2227C398.008 20.9622 398.201 20.7526 398.453 20.5937C398.706 20.4349 399.012 20.3555 399.371 20.3555C399.741 20.3555 400.051 20.4349 400.301 20.5937C400.551 20.75 400.74 20.9583 400.867 21.2188C400.998 21.4792 401.063 21.7656 401.063 22.0781V22.5C401.063 22.8099 400.998 23.0951 400.867 23.3555C400.737 23.6159 400.546 23.8255 400.293 23.9844C400.043 24.1432 399.736 24.2227 399.371 24.2227C399.007 24.2227 398.698 24.1432 398.446 23.9844C398.193 23.8255 398.002 23.6159 397.871 23.3555C397.744 23.0951 397.68 22.8099 397.68 22.5ZM398.7 22.0781V22.5C398.7 22.7057 398.749 22.8945 398.848 23.0664C398.947 23.2383 399.121 23.3242 399.371 23.3242C399.624 23.3242 399.797 23.2396 399.891 23.0703C399.987 22.8984 400.035 22.7083 400.035 22.5V22.0781C400.035 21.8698 399.99 21.6797 399.899 21.5078C399.808 21.3333 399.632 21.2461 399.371 21.2461C399.127 21.2461 398.953 21.3333 398.852 21.5078C398.75 21.6797 398.7 21.8698 398.7 22.0781ZM393.614 17.9219V17.5C393.614 17.1875 393.68 16.901 393.813 16.6406C393.946 16.3802 394.138 16.1719 394.391 16.0156C394.644 15.8568 394.95 15.7773 395.309 15.7773C395.676 15.7773 395.985 15.8568 396.235 16.0156C396.487 16.1719 396.677 16.3802 396.805 16.6406C396.933 16.901 396.996 17.1875 396.996 17.5V17.9219C396.996 18.2344 396.931 18.5208 396.801 18.7812C396.673 19.0391 396.483 19.2461 396.231 19.4023C395.978 19.5586 395.671 19.6367 395.309 19.6367C394.942 19.6367 394.632 19.5586 394.379 19.4023C394.129 19.2461 393.939 19.0378 393.809 18.7773C393.679 18.5169 393.614 18.2318 393.614 17.9219ZM394.641 17.5V17.9219C394.641 18.1302 394.689 18.3203 394.785 18.4922C394.884 18.6615 395.059 18.7461 395.309 18.7461C395.559 18.7461 395.731 18.6615 395.825 18.4922C395.921 18.3203 395.969 18.1302 395.969 17.9219V17.5C395.969 17.2917 395.923 17.1016 395.832 16.9297C395.741 16.7552 395.567 16.668 395.309 16.668C395.062 16.668 394.888 16.7552 394.789 16.9297C394.69 17.1042 394.641 17.2943 394.641 17.5ZM394.059 24L399.559 16H400.535L395.035 24H394.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M218.018 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M207.927 4.21484V3H214.31V4.21484H211.837V11H210.4V4.21484H207.927ZM222.334 7C222.334 7.86198 222.173 8.60026 221.85 9.21484C221.53 9.82682 221.092 10.2956 220.538 10.6211C219.985 10.9466 219.359 11.1094 218.659 11.1094C217.958 11.1094 217.331 10.9466 216.776 10.6211C216.224 10.293 215.786 9.82292 215.463 9.21094C215.143 8.59635 214.983 7.85937 214.983 7C214.983 6.13802 215.143 5.40104 215.463 4.78906C215.786 4.17448 216.224 3.70443 216.776 3.37891C217.331 3.05339 217.958 2.89062 218.659 2.89062C219.359 2.89062 219.985 3.05339 220.538 3.37891C221.092 3.70443 221.53 4.17448 221.85 4.78906C222.173 5.40104 222.334 6.13802 222.334 7ZM220.877 7C220.877 6.39323 220.782 5.88151 220.592 5.46484C220.405 5.04557 220.144 4.72917 219.811 4.51563C219.478 4.29948 219.094 4.19141 218.659 4.19141C218.224 4.19141 217.84 4.29948 217.506 4.51563C217.173 4.72917 216.911 5.04557 216.721 5.46484C216.534 5.88151 216.44 6.39323 216.44 7C216.44 7.60677 216.534 8.11979 216.721 8.53906C216.911 8.95573 217.173 9.27214 217.506 9.48828C217.84 9.70182 218.224 9.80859 218.659 9.80859C219.094 9.80859 219.478 9.70182 219.811 9.48828C220.144 9.27214 220.405 8.95573 220.592 8.53906C220.782 8.11979 220.877 7.60677 220.877 7ZM223.705 11V3H226.705C227.319 3 227.835 3.11458 228.251 3.34375C228.671 3.57292 228.987 3.88802 229.201 4.28906C229.417 4.6875 229.525 5.14062 229.525 5.64844C229.525 6.16146 229.417 6.61719 229.201 7.01563C228.984 7.41406 228.665 7.72786 228.244 7.95703C227.822 8.18359 227.302 8.29687 226.685 8.29687H224.697V7.10547H226.49C226.849 7.10547 227.143 7.04297 227.373 6.91797C227.602 6.79297 227.771 6.62109 227.88 6.40234C227.992 6.18359 228.048 5.93229 228.048 5.64844C228.048 5.36458 227.992 5.11458 227.88 4.89844C227.771 4.68229 227.6 4.51432 227.369 4.39453C227.139 4.27214 226.844 4.21094 226.482 4.21094H225.154V11H223.705ZM210.445 24.1094C209.924 24.1094 209.458 24.0117 209.046 23.8164C208.635 23.6185 208.308 23.3477 208.066 23.0039C207.826 22.6602 207.699 22.2669 207.683 21.8242H209.089C209.115 22.1523 209.257 22.4206 209.515 22.6289C209.773 22.8346 210.083 22.9375 210.445 22.9375C210.729 22.9375 210.981 22.8724 211.203 22.7422C211.424 22.612 211.598 22.431 211.726 22.1992C211.854 21.9674 211.916 21.7031 211.914 21.4062C211.916 21.1042 211.852 20.8359 211.722 20.6016C211.592 20.3672 211.414 20.1836 211.187 20.0508C210.96 19.9154 210.7 19.8477 210.406 19.8477C210.166 19.8451 209.93 19.8893 209.699 19.9805C209.467 20.0716 209.283 20.1914 209.148 20.3398L207.839 20.125L208.257 16H212.898V17.2109H209.457L209.226 19.332H209.273C209.421 19.1576 209.631 19.013 209.902 18.8984C210.173 18.7812 210.47 18.7227 210.792 18.7227C211.277 18.7227 211.709 18.8372 212.089 19.0664C212.47 19.293 212.769 19.6055 212.988 20.0039C213.207 20.4023 213.316 20.8581 213.316 21.3711C213.316 21.8997 213.193 22.3711 212.949 22.7852C212.707 23.1966 212.369 23.5208 211.937 23.7578C211.507 23.9922 211.01 24.1094 210.445 24.1094ZM217.582 24.1523C216.938 24.1523 216.386 23.9896 215.925 23.6641C215.467 23.3359 215.114 22.8633 214.867 22.2461C214.622 21.6263 214.499 20.8802 214.499 20.0078C214.502 19.1354 214.626 18.3932 214.871 17.7812C215.118 17.1667 215.471 16.6979 215.929 16.375C216.39 16.0521 216.941 15.8906 217.582 15.8906C218.222 15.8906 218.773 16.0521 219.234 16.375C219.695 16.6979 220.048 17.1667 220.292 17.7812C220.54 18.3958 220.664 19.138 220.664 20.0078C220.664 20.8828 220.54 21.6302 220.292 22.25C220.048 22.8672 219.695 23.3385 219.234 23.6641C218.776 23.9896 218.225 24.1523 217.582 24.1523ZM217.582 22.9297C218.082 22.9297 218.476 22.6836 218.765 22.1914C219.057 21.6966 219.203 20.9687 219.203 20.0078C219.203 19.3724 219.136 18.8385 219.003 18.4062C218.871 17.974 218.683 17.6484 218.441 17.4297C218.199 17.2083 217.912 17.0977 217.582 17.0977C217.084 17.0977 216.691 17.3451 216.402 17.8398C216.113 18.332 215.967 19.0547 215.964 20.0078C215.962 20.6458 216.026 21.1823 216.156 21.6172C216.289 22.0521 216.476 22.3802 216.718 22.6016C216.96 22.8203 217.248 22.9297 217.582 22.9297ZM226.239 22.5V22.0781C226.239 21.7682 226.304 21.4831 226.434 21.2227C226.567 20.9622 226.76 20.7526 227.012 20.5937C227.265 20.4349 227.571 20.3555 227.93 20.3555C228.3 20.3555 228.61 20.4349 228.86 20.5937C229.11 20.75 229.299 20.9583 229.426 21.2188C229.556 21.4792 229.622 21.7656 229.622 22.0781V22.5C229.622 22.8099 229.556 23.0951 229.426 23.3555C229.296 23.6159 229.105 23.8255 228.852 23.9844C228.602 24.1432 228.295 24.2227 227.93 24.2227C227.566 24.2227 227.257 24.1432 227.004 23.9844C226.752 23.8255 226.56 23.6159 226.43 23.3555C226.303 23.0951 226.239 22.8099 226.239 22.5ZM227.258 22.0781V22.5C227.258 22.7057 227.308 22.8945 227.407 23.0664C227.506 23.2383 227.68 23.3242 227.93 23.3242C228.183 23.3242 228.356 23.2396 228.45 23.0703C228.546 22.8984 228.594 22.7083 228.594 22.5V22.0781C228.594 21.8698 228.549 21.6797 228.457 21.5078C228.366 21.3333 228.191 21.2461 227.93 21.2461C227.685 21.2461 227.512 21.3333 227.411 21.5078C227.309 21.6797 227.258 21.8698 227.258 22.0781ZM222.172 17.9219V17.5C222.172 17.1875 222.239 16.901 222.372 16.6406C222.504 16.3802 222.697 16.1719 222.95 16.0156C223.202 15.8568 223.508 15.7773 223.868 15.7773C224.235 15.7773 224.543 15.8568 224.793 16.0156C225.046 16.1719 225.236 16.3802 225.364 16.6406C225.491 16.901 225.555 17.1875 225.555 17.5V17.9219C225.555 18.2344 225.49 18.5208 225.36 18.7812C225.232 19.0391 225.042 19.2461 224.79 19.4023C224.537 19.5586 224.23 19.6367 223.868 19.6367C223.5 19.6367 223.191 19.5586 222.938 19.4023C222.688 19.2461 222.498 19.0378 222.368 18.7773C222.237 18.5169 222.172 18.2318 222.172 17.9219ZM223.2 17.5V17.9219C223.2 18.1302 223.248 18.3203 223.344 18.4922C223.443 18.6615 223.618 18.7461 223.868 18.7461C224.118 18.7461 224.29 18.6615 224.383 18.4922C224.48 18.3203 224.528 18.1302 224.528 17.9219V17.5C224.528 17.2917 224.482 17.1016 224.391 16.9297C224.3 16.7552 224.125 16.668 223.868 16.668C223.62 16.668 223.447 16.7552 223.348 16.9297C223.249 17.1042 223.2 17.2943 223.2 17.5ZM222.618 24L228.118 16H229.094L223.594 24H222.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M4.20332 154.193L431.895 154.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M4 154.196L4 76.6958" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M406.32 154.193L406.32 87.7258" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M412.82 124.691C412.82 128.281 409.91 131.191 406.32 131.191C402.73 131.191 399.82 128.281 399.82 124.691C399.82 121.101 402.73 118.191 406.32 118.191C409.91 118.191 412.82 121.101 412.82 124.691Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M410.32 124.654C410.32 126.863 408.529 128.654 406.32 128.654C404.111 128.654 402.32 126.863 402.32 124.654C402.32 122.445 404.111 120.654 406.32 120.654C408.529 120.654 410.32 122.445 410.32 124.654Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M383.772 62.824C382.923 62.824 382.167 62.6782 381.505 62.3865C380.846 62.0911 380.325 61.6858 379.942 61.1706C379.563 60.6517 379.368 60.0532 379.357 59.3751H381.834C381.849 59.6592 381.942 59.9092 382.113 60.1251C382.287 60.3373 382.518 60.502 382.806 60.6195C383.094 60.7369 383.417 60.7956 383.777 60.7956C384.152 60.7956 384.484 60.7293 384.772 60.5967C385.06 60.4642 385.285 60.2804 385.448 60.0456C385.611 59.8108 385.692 59.5399 385.692 59.2331C385.692 58.9225 385.605 58.6479 385.431 58.4092C385.26 58.1668 385.014 57.9774 384.692 57.8411C384.374 57.7047 383.995 57.6365 383.556 57.6365H382.471V55.8297H383.556C383.927 55.8297 384.255 55.7653 384.539 55.6365C384.827 55.5077 385.05 55.3297 385.209 55.1024C385.368 54.8714 385.448 54.6024 385.448 54.2956C385.448 54.0039 385.378 53.7483 385.238 53.5286C385.101 53.3051 384.908 53.1308 384.658 53.0058C384.412 52.8808 384.124 52.8183 383.794 52.8183C383.461 52.8183 383.156 52.8789 382.88 53.0001C382.603 53.1176 382.382 53.2861 382.215 53.5058C382.048 53.7255 381.959 53.9831 381.948 54.2786H379.59C379.601 53.6081 379.792 53.0172 380.164 52.5058C380.535 51.9945 381.035 51.5948 381.664 51.307C382.296 51.0153 383.01 50.8695 383.806 50.8695C384.609 50.8695 385.311 51.0153 385.914 51.307C386.516 51.5986 386.984 51.9926 387.317 52.4888C387.654 52.9812 387.821 53.5342 387.817 54.1479C387.821 54.7994 387.618 55.3429 387.209 55.7786C386.804 56.2142 386.275 56.4907 385.624 56.6081V56.699C386.48 56.8089 387.132 57.1062 387.578 57.5911C388.029 58.0721 388.253 58.6744 388.249 59.3979C388.253 60.0608 388.061 60.6498 387.675 61.1649C387.292 61.6801 386.764 62.0854 386.09 62.3808C385.416 62.6763 384.643 62.824 383.772 62.824ZM394.58 62.9206C393.603 62.9168 392.762 62.6763 392.057 62.199C391.356 61.7217 390.817 61.0304 390.438 60.1251C390.063 59.2198 389.877 58.1308 389.881 56.8581C389.881 55.5892 390.069 54.5077 390.444 53.6138C390.822 52.7198 391.362 52.0399 392.063 51.574C392.767 51.1043 393.606 50.8695 394.58 50.8695C395.553 50.8695 396.391 51.1043 397.091 51.574C397.796 52.0437 398.337 52.7255 398.716 53.6195C399.095 54.5096 399.283 55.5892 399.279 56.8581C399.279 58.1346 399.089 59.2255 398.711 60.1308C398.336 61.0361 397.798 61.7274 397.097 62.2047C396.396 62.682 395.557 62.9206 394.58 62.9206ZM394.58 60.8808C395.247 60.8808 395.779 60.5456 396.176 59.8751C396.574 59.2047 396.771 58.199 396.767 56.8581C396.767 55.9755 396.676 55.2407 396.495 54.6536C396.317 54.0664 396.063 53.6251 395.733 53.3297C395.408 53.0342 395.023 52.8865 394.58 52.8865C393.917 52.8865 393.387 53.2179 392.989 53.8808C392.591 54.5437 392.391 55.5361 392.387 56.8581C392.387 57.752 392.476 58.4983 392.654 59.0967C392.836 59.6914 393.091 60.1384 393.421 60.4376C393.75 60.7331 394.137 60.8808 394.58 60.8808ZM405.596 62.9206C404.618 62.9168 403.777 62.6763 403.073 62.199C402.372 61.7217 401.832 61.0304 401.453 60.1251C401.078 59.2198 400.893 58.1308 400.897 56.8581C400.897 55.5892 401.084 54.5077 401.459 53.6138C401.838 52.7198 402.378 52.0399 403.078 51.574C403.783 51.1043 404.622 50.8695 405.596 50.8695C406.569 50.8695 407.406 51.1043 408.107 51.574C408.811 52.0437 409.353 52.7255 409.732 53.6195C410.111 54.5096 410.298 55.5892 410.294 56.8581C410.294 58.1346 410.105 59.2255 409.726 60.1308C409.351 61.0361 408.813 61.7274 408.113 62.2047C407.412 62.682 406.573 62.9206 405.596 62.9206ZM405.596 60.8808C406.262 60.8808 406.794 60.5456 407.192 59.8751C407.59 59.2047 407.787 58.199 407.783 56.8581C407.783 55.9755 407.692 55.2407 407.51 54.6536C407.332 54.0664 407.078 53.6251 406.749 53.3297C406.423 53.0342 406.039 52.8865 405.596 52.8865C404.933 52.8865 404.402 53.2179 404.005 53.8808C403.607 54.5437 403.406 55.5361 403.402 56.8581C403.402 57.752 403.491 58.4983 403.669 59.0967C403.851 59.6914 404.107 60.1384 404.436 60.4376C404.766 60.7331 405.152 60.8808 405.596 60.8808Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M381.289 73.03C381.557 73.0321 381.826 73.0832 382.094 73.1834C382.363 73.2835 382.608 73.4497 382.829 73.682C383.051 73.9121 383.229 74.2264 383.363 74.6248C383.497 75.0232 383.564 75.5229 383.564 76.1237C383.564 76.7054 383.509 77.2221 383.398 77.6738C383.289 78.1234 383.132 78.5026 382.925 78.8116C382.721 79.1205 382.471 79.3549 382.177 79.5147C381.885 79.6745 381.555 79.7544 381.186 79.7544C380.82 79.7544 380.493 79.682 380.205 79.5371C379.92 79.3901 379.685 79.1866 379.502 78.9266C379.321 78.6646 379.205 78.3609 379.154 78.0158H379.934C380.004 78.3162 380.143 78.5644 380.352 78.7604C380.563 78.9543 380.841 79.0513 381.186 79.0513C381.691 79.0513 382.09 78.8308 382.382 78.3897C382.676 77.9487 382.823 77.3254 382.823 76.52H382.772C382.652 76.699 382.511 76.8535 382.347 76.9835C382.183 77.1134 382 77.2136 381.8 77.2839C381.6 77.3542 381.387 77.3893 381.161 77.3893C380.786 77.3893 380.442 77.2967 380.129 77.1113C379.817 76.9238 379.568 76.667 379.381 76.3411C379.195 76.0129 379.103 75.6379 379.103 75.2161C379.103 74.8155 379.192 74.449 379.371 74.1166C379.552 73.7821 379.806 73.5158 380.132 73.3176C380.46 73.1195 380.846 73.0236 381.289 73.03ZM381.289 73.7331C381.02 73.7331 380.778 73.8002 380.563 73.9344C380.35 74.0666 380.181 74.2455 380.055 74.4714C379.931 74.6951 379.87 74.9433 379.87 75.2161C379.87 75.4888 379.929 75.737 380.049 75.9607C380.17 76.1823 380.335 76.3592 380.544 76.4913C380.755 76.6212 380.995 76.6862 381.263 76.6862C381.466 76.6862 381.654 76.6468 381.829 76.568C382.004 76.487 382.156 76.3773 382.286 76.2388C382.418 76.0982 382.521 75.9394 382.596 75.7626C382.67 75.5836 382.708 75.3972 382.708 75.2033C382.708 74.9476 382.646 74.7079 382.522 74.4842C382.401 74.2604 382.233 74.0793 382.017 73.9408C381.804 73.8023 381.561 73.7331 381.289 73.7331ZM384.668 78.3226V77.6706L387.544 73.1195H388.017V74.1294H387.698L385.524 77.5683V77.6195H389.398V78.3226H384.668ZM387.749 79.6649V78.1244V77.8208V73.1195H388.503V79.6649H387.749ZM392.743 74.7558V75.395H390.199V74.7558H392.743ZM390.941 73.5797H391.695V78.2587C391.695 78.4717 391.726 78.6315 391.788 78.7381C391.852 78.8425 391.933 78.9128 392.031 78.949C392.131 78.9831 392.236 79.0001 392.347 79.0001C392.43 79.0001 392.498 78.9959 392.551 78.9874C392.605 78.9767 392.647 78.9682 392.679 78.9618L392.833 79.6393C392.782 79.6585 392.71 79.6777 392.619 79.6969C392.527 79.7182 392.411 79.7288 392.27 79.7288C392.057 79.7288 391.848 79.683 391.644 79.5914C391.441 79.4998 391.273 79.3602 391.139 79.1727C391.007 78.9852 390.941 78.7487 390.941 78.4632V73.5797ZM394.738 76.7118V79.6649H393.983V73.1195H394.738V75.5229H394.801C394.917 75.2693 395.089 75.068 395.319 74.9188C395.551 74.7675 395.86 74.6919 396.246 74.6919C396.581 74.6919 396.874 74.759 397.125 74.8933C397.376 75.0254 397.571 75.2288 397.71 75.5037C397.85 75.7764 397.921 76.1237 397.921 76.5456V79.6649H397.167V76.5967C397.167 76.2068 397.065 75.9053 396.863 75.6923C396.663 75.4771 396.385 75.3695 396.029 75.3695C395.782 75.3695 395.56 75.4217 395.364 75.5261C395.17 75.6305 395.017 75.7828 394.904 75.9831C394.793 76.1834 394.738 76.4263 394.738 76.7118ZM379.218 92.5058V85.7558H379.946V86.5357H380.036C380.091 86.4504 380.168 86.3418 380.266 86.2097C380.366 86.0754 380.509 85.9561 380.694 85.8517C380.882 85.7452 381.135 85.6919 381.455 85.6919C381.868 85.6919 382.233 85.7952 382.548 86.0019C382.863 86.2086 383.109 86.5016 383.286 86.8808C383.463 87.2601 383.551 87.7075 383.551 88.2232C383.551 88.743 383.463 89.1937 383.286 89.5751C383.109 89.9543 382.864 90.2484 382.551 90.4572C382.238 90.6639 381.877 90.7672 381.468 90.7672C381.152 90.7672 380.9 90.715 380.71 90.6106C380.521 90.5041 380.375 90.3837 380.272 90.2494C380.17 90.1131 380.091 90.0001 380.036 89.9107H379.972V92.5058H379.218ZM379.959 88.2104C379.959 88.5811 380.013 88.9082 380.122 89.1916C380.231 89.4728 380.39 89.6933 380.598 89.8531C380.807 90.0108 381.063 90.0896 381.365 90.0896C381.681 90.0896 381.944 90.0065 382.155 89.8403C382.368 89.672 382.528 89.4462 382.634 89.1628C382.743 88.8773 382.797 88.5598 382.797 88.2104C382.797 87.8652 382.744 87.5541 382.637 87.2771C382.533 86.998 382.374 86.7775 382.161 86.6156C381.95 86.4515 381.685 86.3695 381.365 86.3695C381.059 86.3695 380.801 86.4472 380.592 86.6028C380.383 86.7562 380.225 86.9714 380.119 87.2484C380.012 87.5232 379.959 87.8439 379.959 88.2104ZM386.76 90.7672C386.287 90.7672 385.879 90.6628 385.536 90.454C385.195 90.243 384.932 89.949 384.747 89.5719C384.564 89.1926 384.472 88.7516 384.472 88.2487C384.472 87.7459 384.564 87.3027 384.747 86.9192C384.932 86.5335 385.19 86.2331 385.52 86.0179C385.853 85.8006 386.24 85.6919 386.684 85.6919C386.939 85.6919 387.192 85.7345 387.441 85.8197C387.69 85.905 387.917 86.0435 388.122 86.2352C388.326 86.4249 388.489 86.6763 388.611 86.9895C388.732 87.3027 388.793 87.6884 388.793 88.1465V88.4661H385.009V87.8141H388.026C388.026 87.5371 387.971 87.2899 387.86 87.0726C387.751 86.8553 387.596 86.6837 387.393 86.558C387.193 86.4323 386.956 86.3695 386.684 86.3695C386.383 86.3695 386.123 86.444 385.904 86.5932C385.686 86.7402 385.519 86.932 385.402 87.1685C385.285 87.405 385.226 87.6585 385.226 87.9291V88.3638C385.226 88.7345 385.29 89.0488 385.418 89.3066C385.548 89.5623 385.728 89.7572 385.958 89.8915C386.188 90.0236 386.456 90.0896 386.76 90.0896C386.958 90.0896 387.137 90.0619 387.297 90.0065C387.459 89.949 387.599 89.8638 387.716 89.7509C387.833 89.6358 387.924 89.493 387.988 89.3226L388.716 89.5271C388.64 89.7743 388.511 89.9916 388.33 90.1791C388.148 90.3645 387.925 90.5094 387.658 90.6138C387.392 90.7161 387.093 90.7672 386.76 90.7672ZM389.94 90.6649V85.7558H390.669V86.4973H390.72C390.81 86.2544 390.972 86.0573 391.206 85.906C391.44 85.7548 391.705 85.6791 391.999 85.6791C392.054 85.6791 392.123 85.6802 392.206 85.6823C392.289 85.6844 392.352 85.6876 392.395 85.6919V86.459C392.369 86.4526 392.311 86.443 392.219 86.4302C392.13 86.4153 392.035 86.4078 391.935 86.4078C391.696 86.4078 391.483 86.4579 391.295 86.558C391.11 86.656 390.963 86.7924 390.854 86.9671C390.748 87.1397 390.695 87.3368 390.695 87.5584V90.6649H389.94ZM395.134 90.7672C394.674 90.7672 394.277 90.6585 393.945 90.4412C393.613 90.2239 393.357 89.9245 393.178 89.5431C392.999 89.1617 392.909 88.726 392.909 88.2359C392.909 87.7374 393.001 87.2974 393.184 86.916C393.37 86.5325 393.627 86.2331 393.958 86.0179C394.29 85.8006 394.678 85.6919 395.121 85.6919C395.466 85.6919 395.777 85.7558 396.054 85.8837C396.331 86.0115 396.558 86.1905 396.735 86.4206C396.912 86.6507 397.022 86.9192 397.064 87.226H396.31C396.252 87.0023 396.125 86.8041 395.926 86.6315C395.73 86.4568 395.466 86.3695 395.134 86.3695C394.84 86.3695 394.582 86.4462 394.36 86.5996C394.141 86.7509 393.969 86.965 393.846 87.242C393.724 87.5168 393.664 87.8396 393.664 88.2104C393.664 88.5896 393.723 88.9199 393.843 89.2011C393.964 89.4824 394.135 89.7008 394.354 89.8563C394.576 90.0119 394.836 90.0896 395.134 90.0896C395.33 90.0896 395.508 90.0555 395.668 89.9874C395.827 89.9192 395.963 89.8212 396.074 89.6933C396.184 89.5655 396.263 89.4121 396.31 89.2331H397.064C397.022 89.5229 396.916 89.7839 396.748 90.0161C396.582 90.2462 396.361 90.4295 396.086 90.5658C395.814 90.7001 395.496 90.7672 395.134 90.7672ZM400.225 90.7672C399.752 90.7672 399.344 90.6628 399.001 90.454C398.66 90.243 398.397 89.949 398.212 89.5719C398.028 89.1926 397.937 88.7516 397.937 88.2487C397.937 87.7459 398.028 87.3027 398.212 86.9192C398.397 86.5335 398.655 86.2331 398.985 86.0179C399.317 85.8006 399.705 85.6919 400.148 85.6919C400.404 85.6919 400.657 85.7345 400.906 85.8197C401.155 85.905 401.382 86.0435 401.587 86.2352C401.791 86.4249 401.954 86.6763 402.076 86.9895C402.197 87.3027 402.258 87.6884 402.258 88.1465V88.4661H398.474V87.8141H401.491C401.491 87.5371 401.435 87.2899 401.325 87.0726C401.216 86.8553 401.06 86.6837 400.858 86.558C400.658 86.4323 400.421 86.3695 400.148 86.3695C399.848 86.3695 399.588 86.444 399.369 86.5932C399.151 86.7402 398.984 86.932 398.867 87.1685C398.75 87.405 398.691 87.6585 398.691 87.9291V88.3638C398.691 88.7345 398.755 89.0488 398.883 89.3066C399.013 89.5623 399.193 89.7572 399.423 89.8915C399.653 90.0236 399.92 90.0896 400.225 90.0896C400.423 90.0896 400.602 90.0619 400.762 90.0065C400.924 89.949 401.064 89.8638 401.181 89.7509C401.298 89.6358 401.388 89.493 401.452 89.3226L402.181 89.5271C402.104 89.7743 401.975 89.9916 401.794 90.1791C401.613 90.3645 401.39 90.5094 401.123 90.6138C400.857 90.7161 400.558 90.7672 400.225 90.7672ZM404.159 87.7118V90.6649H403.405V85.7558H404.134V86.5229H404.198C404.313 86.2736 404.488 86.0733 404.722 85.922C404.956 85.7686 405.259 85.6919 405.63 85.6919C405.962 85.6919 406.253 85.7601 406.502 85.8965C406.751 86.0307 406.945 86.2352 407.084 86.5101C407.222 86.7828 407.292 87.128 407.292 87.5456V90.6649H406.537V87.5967C406.537 87.2111 406.437 86.9107 406.237 86.6955C406.037 86.4781 405.762 86.3695 405.412 86.3695C405.172 86.3695 404.956 86.4217 404.767 86.5261C404.579 86.6305 404.431 86.7828 404.322 86.9831C404.214 87.1834 404.159 87.4263 404.159 87.7118ZM410.805 85.7558V86.395H408.261V85.7558H410.805ZM409.002 84.5797H409.756V89.2587C409.756 89.4717 409.787 89.6315 409.849 89.7381C409.913 89.8425 409.994 89.9128 410.092 89.949C410.192 89.9831 410.298 90.0001 410.408 90.0001C410.492 90.0001 410.56 89.9959 410.613 89.9874C410.666 89.9767 410.709 89.9682 410.741 89.9618L410.894 90.6393C410.843 90.6585 410.772 90.6777 410.68 90.6969C410.589 90.7182 410.472 90.7288 410.332 90.7288C410.119 90.7288 409.91 90.683 409.705 90.5914C409.503 90.4998 409.335 90.3602 409.2 90.1727C409.068 89.9852 409.002 89.7487 409.002 89.4632V84.5797ZM411.939 90.6649V85.7558H412.694V90.6649H411.939ZM412.323 84.9376C412.176 84.9376 412.049 84.8876 411.943 84.7874C411.838 84.6873 411.786 84.5669 411.786 84.4263C411.786 84.2857 411.838 84.1653 411.943 84.0651C412.049 83.965 412.176 83.9149 412.323 83.9149C412.47 83.9149 412.596 83.965 412.7 84.0651C412.807 84.1653 412.86 84.2857 412.86 84.4263C412.86 84.5669 412.807 84.6873 412.7 84.7874C412.596 84.8876 412.47 84.9376 412.323 84.9376ZM414.829 84.1195V90.6649H414.075V84.1195H414.829ZM418.269 90.7672C417.796 90.7672 417.388 90.6628 417.045 90.454C416.704 90.243 416.441 89.949 416.256 89.5719C416.072 89.1926 415.981 88.7516 415.981 88.2487C415.981 87.7459 416.072 87.3027 416.256 86.9192C416.441 86.5335 416.699 86.2331 417.029 86.0179C417.361 85.8006 417.749 85.6919 418.192 85.6919C418.448 85.6919 418.701 85.7345 418.95 85.8197C419.199 85.905 419.426 86.0435 419.631 86.2352C419.835 86.4249 419.998 86.6763 420.12 86.9895C420.241 87.3027 420.302 87.6884 420.302 88.1465V88.4661H416.518V87.8141H419.535C419.535 87.5371 419.479 87.2899 419.369 87.0726C419.26 86.8553 419.104 86.6837 418.902 86.558C418.702 86.4323 418.465 86.3695 418.192 86.3695C417.892 86.3695 417.632 86.444 417.413 86.5932C417.195 86.7402 417.028 86.932 416.911 87.1685C416.794 87.405 416.735 87.6585 416.735 87.9291V88.3638C416.735 88.7345 416.799 89.0488 416.927 89.3066C417.057 89.5623 417.237 89.7572 417.467 89.8915C417.697 90.0236 417.964 90.0896 418.269 90.0896C418.467 90.0896 418.646 90.0619 418.806 90.0065C418.968 89.949 419.108 89.8638 419.225 89.7509C419.342 89.6358 419.432 89.493 419.496 89.3226L420.225 89.5271C420.148 89.7743 420.019 89.9916 419.838 90.1791C419.657 90.3645 419.434 90.5094 419.167 90.6138C418.901 90.7161 418.601 90.7672 418.269 90.7672Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/3021-profile.svg b/src/public/images/developers/3021-profile.svg
new file mode 100644
index 0000000000..092d5139e9
--- /dev/null
+++ b/src/public/images/developers/3021-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.53C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.939 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.235 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.955 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.588 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.601 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.86 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.425 16.5673 220.865 16.2926C221.305 16.0148 221.794 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.833 16.3903 223.992 16.5856C224.151 16.7779 224.271 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.936 24.2133 225.649 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.694 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.62 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.121 19.0274 221.121 19.4517C221.121 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.778 23V15.9675H229.436V23H227.778ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.968 16.7688 233.226 16.4559 233.58 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.532 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.113 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.384 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.648C243.645 18.5025 243.577 18.2201 243.442 17.9729C243.308 17.7226 243.12 17.5257 242.879 17.3823C242.641 17.2388 242.363 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.553 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.458 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.152 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.168 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.656 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.474 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.474 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.452 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.115V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.339 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.832 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.938 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.252 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.621 16.201C256.936 15.9782 257.294 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.523 17.3411C257.221 17.3411 256.95 17.4067 256.708 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.964 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.265 14.3193 259.265 14.0721C259.265 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.964 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.188 13.8218 261.188 14.0721C261.188 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.755V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.903 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.106 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.652 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.681 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.971V23.1145C276.971 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.364 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.581 21.3426C274.829 21.1717 275.016 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.019 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.006 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.693 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.614 36.2606 207.614 35.525C207.614 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.189 32.3384C209.687 32.0301 210.271 31.876 210.943 31.876C211.376 31.876 211.785 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.329 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.482 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.088 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.378L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.708 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.463 39.1374C224.761 39.1374 224.159 38.9832 223.655 38.6749C223.154 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.027 33.0755C228.29 33.454 228.439 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.138 33.2129 224.841 33.3044 224.584 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.721 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.436 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.463 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.863 31.876C233.297 31.876 233.706 31.9462 234.09 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.077 34.8123 236.077 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.148 33.7226 233.961 33.5257 233.72 33.3823C233.481 33.2388 233.204 33.1671 232.886 33.1671C232.547 33.1671 232.25 33.2495 231.993 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.552 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.214 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.443 34.8123 250.443 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.847 33.2388 247.57 33.1671 247.252 33.1671C246.913 33.1671 246.616 33.2495 246.359 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.544 34.9206V35.8958C245.544 36.3048 245.619 36.6558 245.769 36.9489C245.918 37.2388 246.127 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.24 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.752 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.474 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.836 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.981 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.783 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.15 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.15 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.881 37.512C262.138 37.6951 262.439 37.7867 262.783 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.633 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.089 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.978 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.978 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.619V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.192 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.279 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.442 37.4388C271.586 37.3045 271.694 37.1381 271.767 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.756 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M240 91.8091L300.342 127.131L276.5 198.5L191.432 213.965L177 127L240 91.8091Z" fill="#42B883"
+        fill-opacity="0.5" stroke="#42B883"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+</svg>
diff --git a/src/public/images/developers/3021-score.svg b/src/public/images/developers/3021-score.svg
new file mode 100644
index 0000000000..a4929e2b2a
--- /dev/null
+++ b/src/public/images/developers/3021-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 448 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 132.471C52.0151 132.471 80.7152 92.041 118.151 92.041C155.586 92.041 175.552 111.008 216.98 89.0462C245.24 74.0651 267.892 41.8776 305.827 41.8776C354.992 41.8776 384.94 132.222 431.894 134.717V154.081H4V132.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382C402.295 123.272 416.137 134.002 431.894 134.84V154H389V109.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M325 46.6073V154H218V88.6193C226.901 83.7495 235.265 77.2164 243.756 70.5851C261.772 56.5135 280.354 42 305.827 42C312.546 42 318.906 43.6874 325 46.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382V154H325V46.6073C341.715 54.6167 356.426 71.8999 371.039 89.0695C376.999 96.0716 382.943 103.055 389 109.382Z"
+        fill="#42B883"/>
+  <path
+    d="M4.49947 175.166C3.79776 175.166 3.19549 174.989 2.69265 174.634C2.19265 174.276 1.80771 173.76 1.53782 173.087C1.27077 172.411 1.13725 171.597 1.13725 170.645C1.14009 169.693 1.27504 168.884 1.54208 168.216C1.81197 167.545 2.19691 167.034 2.69691 166.682C3.19975 166.33 3.8006 166.153 4.49947 166.153C5.19833 166.153 5.79918 166.33 6.30202 166.682C6.80487 167.034 7.18981 167.545 7.45685 168.216C7.72674 168.886 7.86168 169.696 7.86168 170.645C7.86168 171.599 7.72674 172.415 7.45685 173.091C7.18981 173.764 6.80487 174.278 6.30202 174.634C5.80202 174.989 5.20117 175.166 4.49947 175.166ZM4.49947 173.832C5.04492 173.832 5.47532 173.564 5.79066 173.027C6.10884 172.487 6.26793 171.693 6.26793 170.645C6.26793 169.952 6.19549 169.369 6.0506 168.898C5.90572 168.426 5.70117 168.071 5.43697 167.832C5.17276 167.591 4.86026 167.47 4.49947 167.47C3.95685 167.47 3.52788 167.74 3.21254 168.28C2.89719 168.817 2.7381 169.605 2.73526 170.645C2.73242 171.341 2.80202 171.926 2.94407 172.401C3.08896 172.875 3.2935 173.233 3.55771 173.474C3.82191 173.713 4.13583 173.832 4.49947 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M141.105 166.273V175H139.524V167.811H139.472L137.431 169.115V167.666L139.6 166.273H141.105ZM146.546 175.166C145.845 175.166 145.242 174.989 144.74 174.634C144.24 174.276 143.855 173.76 143.585 173.087C143.318 172.411 143.184 171.597 143.184 170.645C143.187 169.693 143.322 168.884 143.589 168.216C143.859 167.545 144.244 167.034 144.744 166.682C145.247 166.33 145.847 166.153 146.546 166.153C147.245 166.153 147.846 166.33 148.349 166.682C148.852 167.034 149.237 167.545 149.504 168.216C149.774 168.886 149.909 169.696 149.909 170.645C149.909 171.599 149.774 172.415 149.504 173.091C149.237 173.764 148.852 174.278 148.349 174.634C147.849 174.989 147.248 175.166 146.546 175.166ZM146.546 173.832C147.092 173.832 147.522 173.564 147.838 173.027C148.156 172.487 148.315 171.693 148.315 170.645C148.315 169.952 148.242 169.369 148.097 168.898C147.953 168.426 147.748 168.071 147.484 167.832C147.22 167.591 146.907 167.47 146.546 167.47C146.004 167.47 145.575 167.74 145.259 168.28C144.944 168.817 144.785 169.605 144.782 170.645C144.779 171.341 144.849 171.926 144.991 172.401C145.136 172.875 145.34 173.233 145.605 173.474C145.869 173.713 146.183 173.832 146.546 173.832ZM154.55 175.166C153.849 175.166 153.246 174.989 152.743 174.634C152.243 174.276 151.858 173.76 151.589 173.087C151.322 172.411 151.188 171.597 151.188 170.645C151.191 169.693 151.326 168.884 151.593 168.216C151.863 167.545 152.248 167.034 152.748 166.682C153.251 166.33 153.851 166.153 154.55 166.153C155.249 166.153 155.85 166.33 156.353 166.682C156.856 167.034 157.241 167.545 157.508 168.216C157.778 168.886 157.912 169.696 157.912 170.645C157.912 171.599 157.778 172.415 157.508 173.091C157.241 173.764 156.856 174.278 156.353 174.634C155.853 174.989 155.252 175.166 154.55 175.166ZM154.55 173.832C155.096 173.832 155.526 173.564 155.841 173.027C156.16 172.487 156.319 171.693 156.319 170.645C156.319 169.952 156.246 169.369 156.101 168.898C155.956 168.426 155.752 168.071 155.488 167.832C155.224 167.591 154.911 167.47 154.55 167.47C154.008 167.47 153.579 167.74 153.263 168.28C152.948 168.817 152.789 169.605 152.786 170.645C152.783 171.341 152.853 171.926 152.995 172.401C153.14 172.875 153.344 173.233 153.608 173.474C153.873 173.713 154.187 173.832 154.55 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M210.644 166.273V175H209.063V167.811H209.012L206.97 169.115V167.666L209.139 166.273H210.644ZM215.894 175.119C215.325 175.119 214.817 175.013 214.368 174.8C213.919 174.584 213.563 174.288 213.298 173.913C213.037 173.538 212.898 173.109 212.881 172.626H214.415C214.443 172.984 214.598 173.277 214.879 173.504C215.161 173.729 215.499 173.841 215.894 173.841C216.203 173.841 216.479 173.77 216.72 173.628C216.962 173.486 217.152 173.288 217.291 173.036C217.431 172.783 217.499 172.494 217.496 172.17C217.499 171.841 217.429 171.548 217.287 171.293C217.145 171.037 216.95 170.837 216.703 170.692C216.456 170.544 216.172 170.47 215.851 170.47C215.59 170.467 215.333 170.516 215.08 170.615C214.827 170.714 214.627 170.845 214.479 171.007L213.051 170.773L213.507 166.273H218.57V167.594H214.816L214.564 169.908H214.615C214.777 169.717 215.006 169.56 215.301 169.435C215.597 169.307 215.921 169.243 216.273 169.243C216.801 169.243 217.273 169.368 217.688 169.618C218.102 169.865 218.429 170.206 218.668 170.641C218.906 171.075 219.026 171.572 219.026 172.132C219.026 172.709 218.892 173.223 218.625 173.675C218.361 174.124 217.993 174.477 217.521 174.736C217.053 174.991 216.51 175.119 215.894 175.119ZM223.679 175.166C222.977 175.166 222.375 174.989 221.872 174.634C221.372 174.276 220.987 173.76 220.718 173.087C220.45 172.411 220.317 171.597 220.317 170.645C220.32 169.693 220.455 168.884 220.722 168.216C220.992 167.545 221.377 167.034 221.877 166.682C222.379 166.33 222.98 166.153 223.679 166.153C224.378 166.153 224.979 166.33 225.482 166.682C225.985 167.034 226.369 167.545 226.637 168.216C226.906 168.886 227.041 169.696 227.041 170.645C227.041 171.599 226.906 172.415 226.637 173.091C226.369 173.764 225.985 174.278 225.482 174.634C224.982 174.989 224.381 175.166 223.679 175.166ZM223.679 173.832C224.225 173.832 224.655 173.564 224.97 173.027C225.289 172.487 225.448 171.693 225.448 170.645C225.448 169.952 225.375 169.369 225.23 168.898C225.085 168.426 224.881 168.071 224.617 167.832C224.352 167.591 224.04 167.47 223.679 167.47C223.137 167.47 222.708 167.74 222.392 168.28C222.077 168.817 221.918 169.605 221.915 170.645C221.912 171.341 221.982 171.926 222.124 172.401C222.269 172.875 222.473 173.233 222.737 173.474C223.002 173.713 223.316 173.832 223.679 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M276.379 175V173.858L279.409 170.888C279.699 170.595 279.94 170.335 280.133 170.108C280.327 169.881 280.471 169.661 280.568 169.447C280.665 169.234 280.713 169.007 280.713 168.766C280.713 168.49 280.65 168.254 280.525 168.058C280.4 167.859 280.229 167.706 280.01 167.598C279.791 167.49 279.542 167.436 279.264 167.436C278.977 167.436 278.726 167.496 278.51 167.615C278.294 167.732 278.126 167.898 278.007 168.114C277.89 168.33 277.832 168.587 277.832 168.885H276.328C276.328 168.331 276.454 167.849 276.707 167.44C276.96 167.031 277.308 166.714 277.751 166.49C278.197 166.266 278.709 166.153 279.285 166.153C279.871 166.153 280.385 166.263 280.828 166.482C281.271 166.7 281.615 167 281.859 167.381C282.106 167.761 282.23 168.196 282.23 168.685C282.23 169.011 282.167 169.332 282.042 169.648C281.917 169.963 281.697 170.312 281.382 170.696C281.069 171.08 280.631 171.544 280.065 172.089L278.561 173.619V173.679H282.362V175H276.379ZM287.058 175.166C286.356 175.166 285.754 174.989 285.251 174.634C284.751 174.276 284.366 173.76 284.096 173.087C283.829 172.411 283.696 171.597 283.696 170.645C283.699 169.693 283.834 168.884 284.101 168.216C284.371 167.545 284.756 167.034 285.256 166.682C285.758 166.33 286.359 166.153 287.058 166.153C287.757 166.153 288.358 166.33 288.861 166.682C289.363 167.034 289.748 167.545 290.015 168.216C290.285 168.886 290.42 169.696 290.42 170.645C290.42 171.599 290.285 172.415 290.015 173.091C289.748 173.764 289.363 174.278 288.861 174.634C288.361 174.989 287.76 175.166 287.058 175.166ZM287.058 173.832C287.604 173.832 288.034 173.564 288.349 173.027C288.667 172.487 288.827 171.693 288.827 170.645C288.827 169.952 288.754 169.369 288.609 168.898C288.464 168.426 288.26 168.071 287.996 167.832C287.731 167.591 287.419 167.47 287.058 167.47C286.515 167.47 286.086 167.74 285.771 168.28C285.456 168.817 285.297 169.605 285.294 170.645C285.291 171.341 285.361 171.926 285.503 172.401C285.648 172.875 285.852 173.233 286.116 173.474C286.381 173.713 286.694 173.832 287.058 173.832ZM295.062 175.166C294.36 175.166 293.758 174.989 293.255 174.634C292.755 174.276 292.37 173.76 292.1 173.087C291.833 172.411 291.7 171.597 291.7 170.645C291.703 169.693 291.838 168.884 292.105 168.216C292.374 167.545 292.759 167.034 293.259 166.682C293.762 166.33 294.363 166.153 295.062 166.153C295.761 166.153 296.362 166.33 296.865 166.682C297.367 167.034 297.752 167.545 298.019 168.216C298.289 168.886 298.424 169.696 298.424 170.645C298.424 171.599 298.289 172.415 298.019 173.091C297.752 173.764 297.367 174.278 296.865 174.634C296.365 174.989 295.764 175.166 295.062 175.166ZM295.062 173.832C295.607 173.832 296.038 173.564 296.353 173.027C296.671 172.487 296.83 171.693 296.83 170.645C296.83 169.952 296.758 169.369 296.613 168.898C296.468 168.426 296.264 168.071 295.999 167.832C295.735 167.591 295.423 167.47 295.062 167.47C294.519 167.47 294.09 167.74 293.775 168.28C293.46 168.817 293.301 169.605 293.298 170.645C293.295 171.341 293.365 171.926 293.507 172.401C293.651 172.875 293.856 173.233 294.12 173.474C294.384 173.713 294.698 173.832 295.062 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M347.916 175V173.858L350.946 170.888C351.236 170.595 351.477 170.335 351.67 170.108C351.864 169.881 352.009 169.661 352.105 169.447C352.202 169.234 352.25 169.007 352.25 168.766C352.25 168.49 352.188 168.254 352.062 168.058C351.938 167.859 351.766 167.706 351.547 167.598C351.328 167.49 351.08 167.436 350.801 167.436C350.514 167.436 350.263 167.496 350.047 167.615C349.831 167.732 349.663 167.898 349.544 168.114C349.428 168.33 349.369 168.587 349.369 168.885H347.865C347.865 168.331 347.991 167.849 348.244 167.44C348.497 167.031 348.845 166.714 349.288 166.49C349.734 166.266 350.246 166.153 350.822 166.153C351.408 166.153 351.922 166.263 352.365 166.482C352.808 166.7 353.152 167 353.396 167.381C353.643 167.761 353.767 168.196 353.767 168.685C353.767 169.011 353.705 169.332 353.58 169.648C353.455 169.963 353.234 170.312 352.919 170.696C352.607 171.08 352.168 171.544 351.602 172.089L350.098 173.619V173.679H353.899V175H347.916ZM358.403 175.119C357.835 175.119 357.327 175.013 356.878 174.8C356.429 174.584 356.072 174.288 355.808 173.913C355.547 173.538 355.408 173.109 355.391 172.626H356.925C356.953 172.984 357.108 173.277 357.389 173.504C357.67 173.729 358.009 173.841 358.403 173.841C358.713 173.841 358.989 173.77 359.23 173.628C359.472 173.486 359.662 173.288 359.801 173.036C359.94 172.783 360.009 172.494 360.006 172.17C360.009 171.841 359.939 171.548 359.797 171.293C359.655 171.037 359.46 170.837 359.213 170.692C358.966 170.544 358.682 170.47 358.361 170.47C358.099 170.467 357.842 170.516 357.589 170.615C357.337 170.714 357.136 170.845 356.989 171.007L355.561 170.773L356.017 166.273H361.08V167.594H357.325L357.074 169.908H357.125C357.287 169.717 357.516 169.56 357.811 169.435C358.107 169.307 358.43 169.243 358.783 169.243C359.311 169.243 359.783 169.368 360.197 169.618C360.612 169.865 360.939 170.206 361.178 170.641C361.416 171.075 361.536 171.572 361.536 172.132C361.536 172.709 361.402 173.223 361.135 173.675C360.871 174.124 360.503 174.477 360.031 174.736C359.562 174.991 359.02 175.119 358.403 175.119ZM366.189 175.166C365.487 175.166 364.885 174.989 364.382 174.634C363.882 174.276 363.497 173.76 363.227 173.087C362.96 172.411 362.827 171.597 362.827 170.645C362.83 169.693 362.964 168.884 363.232 168.216C363.501 167.545 363.886 167.034 364.386 166.682C364.889 166.33 365.49 166.153 366.189 166.153C366.888 166.153 367.489 166.33 367.991 166.682C368.494 167.034 368.879 167.545 369.146 168.216C369.416 168.886 369.551 169.696 369.551 170.645C369.551 171.599 369.416 172.415 369.146 173.091C368.879 173.764 368.494 174.278 367.991 174.634C367.491 174.989 366.891 175.166 366.189 175.166ZM366.189 173.832C366.734 173.832 367.165 173.564 367.48 173.027C367.798 172.487 367.957 171.693 367.957 170.645C367.957 169.952 367.885 169.369 367.74 168.898C367.595 168.426 367.391 168.071 367.126 167.832C366.862 167.591 366.55 167.47 366.189 167.47C365.646 167.47 365.217 167.74 364.902 168.28C364.587 168.817 364.428 169.605 364.425 170.645C364.422 171.341 364.491 171.926 364.634 172.401C364.778 172.875 364.983 173.233 365.247 173.474C365.511 173.713 365.825 173.832 366.189 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M422.083 175.119C421.47 175.119 420.924 175.014 420.447 174.804C419.973 174.594 419.598 174.301 419.322 173.926C419.047 173.551 418.9 173.118 418.883 172.626H420.485C420.5 172.862 420.578 173.068 420.72 173.244C420.862 173.418 421.051 173.553 421.287 173.649C421.522 173.746 421.787 173.794 422.079 173.794C422.392 173.794 422.669 173.74 422.91 173.632C423.152 173.521 423.341 173.368 423.477 173.172C423.613 172.976 423.68 172.75 423.677 172.494C423.68 172.23 423.612 171.997 423.473 171.795C423.333 171.594 423.132 171.436 422.868 171.322C422.606 171.209 422.291 171.152 421.922 171.152H421.15V169.933H421.922C422.225 169.933 422.491 169.881 422.718 169.776C422.949 169.67 423.129 169.523 423.26 169.332C423.39 169.139 423.454 168.916 423.451 168.663C423.454 168.416 423.399 168.202 423.285 168.02C423.174 167.835 423.017 167.692 422.812 167.589C422.61 167.487 422.373 167.436 422.1 167.436C421.833 167.436 421.586 167.484 421.359 167.581C421.132 167.678 420.949 167.815 420.809 167.994C420.67 168.17 420.596 168.381 420.588 168.625H419.066C419.078 168.136 419.218 167.707 419.488 167.338C419.761 166.966 420.125 166.676 420.579 166.469C421.034 166.259 421.544 166.153 422.109 166.153C422.691 166.153 423.197 166.263 423.626 166.482C424.058 166.697 424.392 166.989 424.627 167.355C424.863 167.722 424.981 168.126 424.981 168.57C424.984 169.061 424.839 169.473 424.547 169.805C424.257 170.138 423.876 170.355 423.404 170.457V170.526C424.018 170.611 424.488 170.838 424.815 171.207C425.145 171.574 425.308 172.03 425.305 172.575C425.305 173.064 425.166 173.501 424.887 173.888C424.612 174.271 424.231 174.572 423.745 174.791C423.262 175.01 422.708 175.119 422.083 175.119ZM429.994 175.166C429.292 175.166 428.69 174.989 428.187 174.634C427.687 174.276 427.302 173.76 427.032 173.087C426.765 172.411 426.631 171.597 426.631 170.645C426.634 169.693 426.769 168.884 427.036 168.216C427.306 167.545 427.691 167.034 428.191 166.682C428.694 166.33 429.295 166.153 429.994 166.153C430.692 166.153 431.293 166.33 431.796 166.682C432.299 167.034 432.684 167.545 432.951 168.216C433.221 168.886 433.356 169.696 433.356 170.645C433.356 171.599 433.221 172.415 432.951 173.091C432.684 173.764 432.299 174.278 431.796 174.634C431.296 174.989 430.695 175.166 429.994 175.166ZM429.994 173.832C430.539 173.832 430.969 173.564 431.285 173.027C431.603 172.487 431.762 171.693 431.762 170.645C431.762 169.952 431.69 169.369 431.545 168.898C431.4 168.426 431.195 168.071 430.931 167.832C430.667 167.591 430.354 167.47 429.994 167.47C429.451 167.47 429.022 167.74 428.707 168.28C428.391 168.817 428.232 169.605 428.229 170.645C428.227 171.341 428.296 171.926 428.438 172.401C428.583 172.875 428.788 173.233 429.052 173.474C429.316 173.713 429.63 173.832 429.994 173.832ZM437.998 175.166C437.296 175.166 436.694 174.989 436.191 174.634C435.691 174.276 435.306 173.76 435.036 173.087C434.769 172.411 434.635 171.597 434.635 170.645C434.638 169.693 434.773 168.884 435.04 168.216C435.31 167.545 435.695 167.034 436.195 166.682C436.698 166.33 437.299 166.153 437.998 166.153C438.696 166.153 439.297 166.33 439.8 166.682C440.303 167.034 440.688 167.545 440.955 168.216C441.225 168.886 441.36 169.696 441.36 170.645C441.36 171.599 441.225 172.415 440.955 173.091C440.688 173.764 440.303 174.278 439.8 174.634C439.3 174.989 438.699 175.166 437.998 175.166ZM437.998 173.832C438.543 173.832 438.973 173.564 439.289 173.027C439.607 172.487 439.766 171.693 439.766 170.645C439.766 169.952 439.694 169.369 439.549 168.898C439.404 168.426 439.199 168.071 438.935 167.832C438.671 167.591 438.358 167.47 437.998 167.47C437.455 167.47 437.026 167.74 436.711 168.28C436.395 168.817 436.236 169.605 436.233 170.645C436.23 171.341 436.3 171.926 436.442 172.401C436.587 172.875 436.792 173.233 437.056 173.474C437.32 173.713 437.634 173.832 437.998 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M324.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M316.206 4.21484V3H322.589V4.21484H320.117V11H318.679V4.21484H316.206ZM330.614 7C330.614 7.86198 330.452 8.60026 330.129 9.21484C329.809 9.82682 329.371 10.2956 328.817 10.6211C328.265 10.9466 327.638 11.1094 326.938 11.1094C326.237 11.1094 325.61 10.9466 325.055 10.6211C324.503 10.293 324.065 9.82292 323.742 9.21094C323.422 8.59635 323.262 7.85937 323.262 7C323.262 6.13802 323.422 5.40104 323.742 4.78906C324.065 4.17448 324.503 3.70443 325.055 3.37891C325.61 3.05339 326.237 2.89062 326.938 2.89062C327.638 2.89062 328.265 3.05339 328.817 3.37891C329.371 3.70443 329.809 4.17448 330.129 4.78906C330.452 5.40104 330.614 6.13802 330.614 7ZM329.157 7C329.157 6.39323 329.062 5.88151 328.871 5.46484C328.684 5.04557 328.423 4.72917 328.09 4.51563C327.757 4.29948 327.373 4.19141 326.938 4.19141C326.503 4.19141 326.119 4.29948 325.785 4.51563C325.452 4.72917 325.19 5.04557 325 5.46484C324.813 5.88151 324.719 6.39323 324.719 7C324.719 7.60677 324.813 8.11979 325 8.53906C325.19 8.95573 325.452 9.27214 325.785 9.48828C326.119 9.70182 326.503 9.80859 326.938 9.80859C327.373 9.80859 327.757 9.70182 328.09 9.48828C328.423 9.27214 328.684 8.95573 328.871 8.53906C329.062 8.11979 329.157 7.60677 329.157 7ZM331.984 11V3H334.984C335.598 3 336.114 3.11458 336.531 3.34375C336.95 3.57292 337.266 3.88802 337.48 4.28906C337.696 4.6875 337.804 5.14062 337.804 5.64844C337.804 6.16146 337.696 6.61719 337.48 7.01563C337.264 7.41406 336.945 7.72786 336.523 7.95703C336.101 8.18359 335.581 8.29687 334.964 8.29687H332.976V7.10547H334.769C335.128 7.10547 335.423 7.04297 335.652 6.91797C335.881 6.79297 336.05 6.62109 336.159 6.40234C336.271 6.18359 336.327 5.93229 336.327 5.64844C336.327 5.36458 336.271 5.11458 336.159 4.89844C336.05 4.68229 335.88 4.51432 335.648 4.39453C335.419 4.27214 335.123 4.21094 334.761 4.21094H333.433V11H331.984ZM316.195 24V22.9531L318.972 20.2305C319.238 19.9622 319.459 19.724 319.637 19.5156C319.814 19.3073 319.946 19.1055 320.035 18.9102C320.124 18.7148 320.168 18.5065 320.168 18.2852C320.168 18.0326 320.11 17.8164 319.996 17.6367C319.881 17.4544 319.724 17.3138 319.523 17.2148C319.323 17.1159 319.095 17.0664 318.84 17.0664C318.577 17.0664 318.346 17.1211 318.148 17.2305C317.95 17.3372 317.797 17.4896 317.687 17.6875C317.581 17.8854 317.527 18.1211 317.527 18.3945H316.148C316.148 17.8867 316.264 17.4453 316.496 17.0703C316.728 16.6953 317.047 16.4049 317.453 16.1992C317.862 15.9935 318.331 15.8906 318.859 15.8906C319.396 15.8906 319.867 15.9909 320.273 16.1914C320.68 16.3919 320.995 16.6667 321.219 17.0156C321.445 17.3646 321.558 17.763 321.558 18.2109C321.558 18.5104 321.501 18.8047 321.387 19.0937C321.272 19.3828 321.07 19.7031 320.781 20.0547C320.495 20.4062 320.092 20.832 319.574 21.332L318.195 22.7344V22.7891H321.68V24H316.195ZM325.808 24.1094C325.288 24.1094 324.821 24.0117 324.41 23.8164C323.999 23.6185 323.672 23.3477 323.43 23.0039C323.19 22.6602 323.062 22.2669 323.047 21.8242H324.453C324.479 22.1523 324.621 22.4206 324.879 22.6289C325.137 22.8346 325.446 22.9375 325.808 22.9375C326.092 22.9375 326.345 22.8724 326.566 22.7422C326.788 22.612 326.962 22.431 327.09 22.1992C327.217 21.9674 327.28 21.7031 327.277 21.4062C327.28 21.1042 327.216 20.8359 327.086 20.6016C326.956 20.3672 326.777 20.1836 326.551 20.0508C326.324 19.9154 326.064 19.8477 325.769 19.8477C325.53 19.8451 325.294 19.8893 325.062 19.9805C324.831 20.0716 324.647 20.1914 324.512 20.3398L323.203 20.125L323.621 16H328.262V17.2109H324.82L324.59 19.332H324.637C324.785 19.1576 324.995 19.013 325.265 18.8984C325.536 18.7812 325.833 18.7227 326.156 18.7227C326.64 18.7227 327.073 18.8372 327.453 19.0664C327.833 19.293 328.133 19.6055 328.351 20.0039C328.57 20.4023 328.68 20.8581 328.68 21.3711C328.68 21.8997 328.557 22.3711 328.312 22.7852C328.07 23.1966 327.733 23.5208 327.301 23.7578C326.871 23.9922 326.374 24.1094 325.808 24.1094ZM334.265 22.5V22.0781C334.265 21.7682 334.331 21.4831 334.461 21.2227C334.594 20.9622 334.786 20.7526 335.039 20.5937C335.291 20.4349 335.597 20.3555 335.957 20.3555C336.327 20.3555 336.637 20.4349 336.887 20.5937C337.137 20.75 337.325 20.9583 337.453 21.2188C337.583 21.4792 337.648 21.7656 337.648 22.0781V22.5C337.648 22.8099 337.583 23.0951 337.453 23.3555C337.323 23.6159 337.131 23.8255 336.879 23.9844C336.629 24.1432 336.321 24.2227 335.957 24.2227C335.592 24.2227 335.284 24.1432 335.031 23.9844C334.778 23.8255 334.587 23.6159 334.457 23.3555C334.329 23.0951 334.265 22.8099 334.265 22.5ZM335.285 22.0781V22.5C335.285 22.7057 335.334 22.8945 335.433 23.0664C335.532 23.2383 335.707 23.3242 335.957 23.3242C336.209 23.3242 336.383 23.2396 336.476 23.0703C336.573 22.8984 336.621 22.7083 336.621 22.5V22.0781C336.621 21.8698 336.575 21.6797 336.484 21.5078C336.393 21.3333 336.217 21.2461 335.957 21.2461C335.712 21.2461 335.539 21.3333 335.437 21.5078C335.336 21.6797 335.285 21.8698 335.285 22.0781ZM330.199 17.9219V17.5C330.199 17.1875 330.265 16.901 330.398 16.6406C330.531 16.3802 330.724 16.1719 330.976 16.0156C331.229 15.8568 331.535 15.7773 331.894 15.7773C332.262 15.7773 332.57 15.8568 332.82 16.0156C333.073 16.1719 333.263 16.3802 333.39 16.6406C333.518 16.901 333.582 17.1875 333.582 17.5V17.9219C333.582 18.2344 333.517 18.5208 333.387 18.7812C333.259 19.0391 333.069 19.2461 332.816 19.4023C332.564 19.5586 332.256 19.6367 331.894 19.6367C331.527 19.6367 331.217 19.5586 330.965 19.4023C330.715 19.2461 330.525 19.0378 330.394 18.7773C330.264 18.5169 330.199 18.2318 330.199 17.9219ZM331.226 17.5V17.9219C331.226 18.1302 331.275 18.3203 331.371 18.4922C331.47 18.6615 331.644 18.7461 331.894 18.7461C332.144 18.7461 332.316 18.6615 332.41 18.4922C332.506 18.3203 332.555 18.1302 332.555 17.9219V17.5C332.555 17.2917 332.509 17.1016 332.418 16.9297C332.327 16.7552 332.152 16.668 331.894 16.668C331.647 16.668 331.474 16.7552 331.375 16.9297C331.276 17.1042 331.226 17.2943 331.226 17.5ZM330.644 24L336.144 16H337.121L331.621 24H330.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M388.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M380.206 4.21484V3H386.589V4.21484H384.117V11H382.679V4.21484H380.206ZM394.614 7C394.614 7.86198 394.452 8.60026 394.129 9.21484C393.809 9.82682 393.371 10.2956 392.817 10.6211C392.265 10.9466 391.638 11.1094 390.938 11.1094C390.237 11.1094 389.61 10.9466 389.055 10.6211C388.503 10.293 388.065 9.82292 387.742 9.21094C387.422 8.59635 387.262 7.85937 387.262 7C387.262 6.13802 387.422 5.40104 387.742 4.78906C388.065 4.17448 388.503 3.70443 389.055 3.37891C389.61 3.05339 390.237 2.89062 390.938 2.89062C391.638 2.89062 392.265 3.05339 392.817 3.37891C393.371 3.70443 393.809 4.17448 394.129 4.78906C394.452 5.40104 394.614 6.13802 394.614 7ZM393.157 7C393.157 6.39323 393.062 5.88151 392.871 5.46484C392.684 5.04557 392.423 4.72917 392.09 4.51563C391.757 4.29948 391.373 4.19141 390.938 4.19141C390.503 4.19141 390.119 4.29948 389.785 4.51563C389.452 4.72917 389.19 5.04557 389 5.46484C388.813 5.88151 388.719 6.39323 388.719 7C388.719 7.60677 388.813 8.11979 389 8.53906C389.19 8.95573 389.452 9.27214 389.785 9.48828C390.119 9.70182 390.503 9.80859 390.938 9.80859C391.373 9.80859 391.757 9.70182 392.09 9.48828C392.423 9.27214 392.684 8.95573 392.871 8.53906C393.062 8.11979 393.157 7.60677 393.157 7ZM395.984 11V3H398.984C399.598 3 400.114 3.11458 400.531 3.34375C400.95 3.57292 401.266 3.88802 401.48 4.28906C401.696 4.6875 401.804 5.14062 401.804 5.64844C401.804 6.16146 401.696 6.61719 401.48 7.01563C401.264 7.41406 400.945 7.72786 400.523 7.95703C400.101 8.18359 399.581 8.29687 398.964 8.29687H396.976V7.10547H398.769C399.128 7.10547 399.423 7.04297 399.652 6.91797C399.881 6.79297 400.05 6.62109 400.159 6.40234C400.271 6.18359 400.327 5.93229 400.327 5.64844C400.327 5.36458 400.271 5.11458 400.159 4.89844C400.05 4.68229 399.88 4.51432 399.648 4.39453C399.419 4.27214 399.123 4.21094 398.761 4.21094H397.433V11H395.984ZM384.034 16V24H382.585V17.4102H382.538L380.667 18.6055V17.2773L382.656 16H384.034ZM389.023 24.1523C388.38 24.1523 387.827 23.9896 387.367 23.6641C386.908 23.3359 386.555 22.8633 386.308 22.2461C386.063 21.6263 385.941 20.8802 385.941 20.0078C385.943 19.1354 386.067 18.3932 386.312 17.7812C386.559 17.1667 386.912 16.6979 387.37 16.375C387.831 16.0521 388.382 15.8906 389.023 15.8906C389.663 15.8906 390.214 16.0521 390.675 16.375C391.136 16.6979 391.489 17.1667 391.734 17.7812C391.981 18.3958 392.105 19.138 392.105 20.0078C392.105 20.8828 391.981 21.6302 391.734 22.25C391.489 22.8672 391.136 23.3385 390.675 23.6641C390.217 23.9896 389.666 24.1523 389.023 24.1523ZM389.023 22.9297C389.523 22.9297 389.917 22.6836 390.206 22.1914C390.498 21.6966 390.644 20.9687 390.644 20.0078C390.644 19.3724 390.577 18.8385 390.445 18.4062C390.312 17.974 390.124 17.6484 389.882 17.4297C389.64 17.2083 389.353 17.0977 389.023 17.0977C388.525 17.0977 388.132 17.3451 387.843 17.8398C387.554 18.332 387.408 19.0547 387.406 20.0078C387.403 20.6458 387.467 21.1823 387.597 21.6172C387.73 22.0521 387.917 22.3802 388.159 22.6016C388.402 22.8203 388.689 22.9297 389.023 22.9297ZM397.68 22.5V22.0781C397.68 21.7682 397.745 21.4831 397.875 21.2227C398.008 20.9622 398.201 20.7526 398.453 20.5937C398.706 20.4349 399.012 20.3555 399.371 20.3555C399.741 20.3555 400.051 20.4349 400.301 20.5937C400.551 20.75 400.74 20.9583 400.867 21.2188C400.998 21.4792 401.063 21.7656 401.063 22.0781V22.5C401.063 22.8099 400.998 23.0951 400.867 23.3555C400.737 23.6159 400.546 23.8255 400.293 23.9844C400.043 24.1432 399.736 24.2227 399.371 24.2227C399.007 24.2227 398.698 24.1432 398.446 23.9844C398.193 23.8255 398.002 23.6159 397.871 23.3555C397.744 23.0951 397.68 22.8099 397.68 22.5ZM398.7 22.0781V22.5C398.7 22.7057 398.749 22.8945 398.848 23.0664C398.947 23.2383 399.121 23.3242 399.371 23.3242C399.624 23.3242 399.797 23.2396 399.891 23.0703C399.987 22.8984 400.035 22.7083 400.035 22.5V22.0781C400.035 21.8698 399.99 21.6797 399.899 21.5078C399.808 21.3333 399.632 21.2461 399.371 21.2461C399.127 21.2461 398.953 21.3333 398.852 21.5078C398.75 21.6797 398.7 21.8698 398.7 22.0781ZM393.614 17.9219V17.5C393.614 17.1875 393.68 16.901 393.813 16.6406C393.946 16.3802 394.138 16.1719 394.391 16.0156C394.644 15.8568 394.95 15.7773 395.309 15.7773C395.676 15.7773 395.985 15.8568 396.235 16.0156C396.487 16.1719 396.677 16.3802 396.805 16.6406C396.933 16.901 396.996 17.1875 396.996 17.5V17.9219C396.996 18.2344 396.931 18.5208 396.801 18.7812C396.673 19.0391 396.483 19.2461 396.231 19.4023C395.978 19.5586 395.671 19.6367 395.309 19.6367C394.942 19.6367 394.632 19.5586 394.379 19.4023C394.129 19.2461 393.939 19.0378 393.809 18.7773C393.679 18.5169 393.614 18.2318 393.614 17.9219ZM394.641 17.5V17.9219C394.641 18.1302 394.689 18.3203 394.785 18.4922C394.884 18.6615 395.059 18.7461 395.309 18.7461C395.559 18.7461 395.731 18.6615 395.825 18.4922C395.921 18.3203 395.969 18.1302 395.969 17.9219V17.5C395.969 17.2917 395.923 17.1016 395.832 16.9297C395.741 16.7552 395.567 16.668 395.309 16.668C395.062 16.668 394.888 16.7552 394.789 16.9297C394.69 17.1042 394.641 17.2943 394.641 17.5ZM394.059 24L399.559 16H400.535L395.035 24H394.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M218.018 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M207.927 4.21484V3H214.31V4.21484H211.837V11H210.4V4.21484H207.927ZM222.334 7C222.334 7.86198 222.173 8.60026 221.85 9.21484C221.53 9.82682 221.092 10.2956 220.538 10.6211C219.985 10.9466 219.359 11.1094 218.659 11.1094C217.958 11.1094 217.331 10.9466 216.776 10.6211C216.224 10.293 215.786 9.82292 215.463 9.21094C215.143 8.59635 214.983 7.85937 214.983 7C214.983 6.13802 215.143 5.40104 215.463 4.78906C215.786 4.17448 216.224 3.70443 216.776 3.37891C217.331 3.05339 217.958 2.89062 218.659 2.89062C219.359 2.89062 219.985 3.05339 220.538 3.37891C221.092 3.70443 221.53 4.17448 221.85 4.78906C222.173 5.40104 222.334 6.13802 222.334 7ZM220.877 7C220.877 6.39323 220.782 5.88151 220.592 5.46484C220.405 5.04557 220.144 4.72917 219.811 4.51563C219.478 4.29948 219.094 4.19141 218.659 4.19141C218.224 4.19141 217.84 4.29948 217.506 4.51563C217.173 4.72917 216.911 5.04557 216.721 5.46484C216.534 5.88151 216.44 6.39323 216.44 7C216.44 7.60677 216.534 8.11979 216.721 8.53906C216.911 8.95573 217.173 9.27214 217.506 9.48828C217.84 9.70182 218.224 9.80859 218.659 9.80859C219.094 9.80859 219.478 9.70182 219.811 9.48828C220.144 9.27214 220.405 8.95573 220.592 8.53906C220.782 8.11979 220.877 7.60677 220.877 7ZM223.705 11V3H226.705C227.319 3 227.835 3.11458 228.251 3.34375C228.671 3.57292 228.987 3.88802 229.201 4.28906C229.417 4.6875 229.525 5.14062 229.525 5.64844C229.525 6.16146 229.417 6.61719 229.201 7.01563C228.984 7.41406 228.665 7.72786 228.244 7.95703C227.822 8.18359 227.302 8.29687 226.685 8.29687H224.697V7.10547H226.49C226.849 7.10547 227.143 7.04297 227.373 6.91797C227.602 6.79297 227.771 6.62109 227.88 6.40234C227.992 6.18359 228.048 5.93229 228.048 5.64844C228.048 5.36458 227.992 5.11458 227.88 4.89844C227.771 4.68229 227.6 4.51432 227.369 4.39453C227.139 4.27214 226.844 4.21094 226.482 4.21094H225.154V11H223.705ZM210.445 24.1094C209.924 24.1094 209.458 24.0117 209.046 23.8164C208.635 23.6185 208.308 23.3477 208.066 23.0039C207.826 22.6602 207.699 22.2669 207.683 21.8242H209.089C209.115 22.1523 209.257 22.4206 209.515 22.6289C209.773 22.8346 210.083 22.9375 210.445 22.9375C210.729 22.9375 210.981 22.8724 211.203 22.7422C211.424 22.612 211.598 22.431 211.726 22.1992C211.854 21.9674 211.916 21.7031 211.914 21.4062C211.916 21.1042 211.852 20.8359 211.722 20.6016C211.592 20.3672 211.414 20.1836 211.187 20.0508C210.96 19.9154 210.7 19.8477 210.406 19.8477C210.166 19.8451 209.93 19.8893 209.699 19.9805C209.467 20.0716 209.283 20.1914 209.148 20.3398L207.839 20.125L208.257 16H212.898V17.2109H209.457L209.226 19.332H209.273C209.421 19.1576 209.631 19.013 209.902 18.8984C210.173 18.7812 210.47 18.7227 210.792 18.7227C211.277 18.7227 211.709 18.8372 212.089 19.0664C212.47 19.293 212.769 19.6055 212.988 20.0039C213.207 20.4023 213.316 20.8581 213.316 21.3711C213.316 21.8997 213.193 22.3711 212.949 22.7852C212.707 23.1966 212.369 23.5208 211.937 23.7578C211.507 23.9922 211.01 24.1094 210.445 24.1094ZM217.582 24.1523C216.938 24.1523 216.386 23.9896 215.925 23.6641C215.467 23.3359 215.114 22.8633 214.867 22.2461C214.622 21.6263 214.499 20.8802 214.499 20.0078C214.502 19.1354 214.626 18.3932 214.871 17.7812C215.118 17.1667 215.471 16.6979 215.929 16.375C216.39 16.0521 216.941 15.8906 217.582 15.8906C218.222 15.8906 218.773 16.0521 219.234 16.375C219.695 16.6979 220.048 17.1667 220.292 17.7812C220.54 18.3958 220.664 19.138 220.664 20.0078C220.664 20.8828 220.54 21.6302 220.292 22.25C220.048 22.8672 219.695 23.3385 219.234 23.6641C218.776 23.9896 218.225 24.1523 217.582 24.1523ZM217.582 22.9297C218.082 22.9297 218.476 22.6836 218.765 22.1914C219.057 21.6966 219.203 20.9687 219.203 20.0078C219.203 19.3724 219.136 18.8385 219.003 18.4062C218.871 17.974 218.683 17.6484 218.441 17.4297C218.199 17.2083 217.912 17.0977 217.582 17.0977C217.084 17.0977 216.691 17.3451 216.402 17.8398C216.113 18.332 215.967 19.0547 215.964 20.0078C215.962 20.6458 216.026 21.1823 216.156 21.6172C216.289 22.0521 216.476 22.3802 216.718 22.6016C216.96 22.8203 217.248 22.9297 217.582 22.9297ZM226.239 22.5V22.0781C226.239 21.7682 226.304 21.4831 226.434 21.2227C226.567 20.9622 226.76 20.7526 227.012 20.5937C227.265 20.4349 227.571 20.3555 227.93 20.3555C228.3 20.3555 228.61 20.4349 228.86 20.5937C229.11 20.75 229.299 20.9583 229.426 21.2188C229.556 21.4792 229.622 21.7656 229.622 22.0781V22.5C229.622 22.8099 229.556 23.0951 229.426 23.3555C229.296 23.6159 229.105 23.8255 228.852 23.9844C228.602 24.1432 228.295 24.2227 227.93 24.2227C227.566 24.2227 227.257 24.1432 227.004 23.9844C226.752 23.8255 226.56 23.6159 226.43 23.3555C226.303 23.0951 226.239 22.8099 226.239 22.5ZM227.258 22.0781V22.5C227.258 22.7057 227.308 22.8945 227.407 23.0664C227.506 23.2383 227.68 23.3242 227.93 23.3242C228.183 23.3242 228.356 23.2396 228.45 23.0703C228.546 22.8984 228.594 22.7083 228.594 22.5V22.0781C228.594 21.8698 228.549 21.6797 228.457 21.5078C228.366 21.3333 228.191 21.2461 227.93 21.2461C227.685 21.2461 227.512 21.3333 227.411 21.5078C227.309 21.6797 227.258 21.8698 227.258 22.0781ZM222.172 17.9219V17.5C222.172 17.1875 222.239 16.901 222.372 16.6406C222.504 16.3802 222.697 16.1719 222.95 16.0156C223.202 15.8568 223.508 15.7773 223.868 15.7773C224.235 15.7773 224.543 15.8568 224.793 16.0156C225.046 16.1719 225.236 16.3802 225.364 16.6406C225.491 16.901 225.555 17.1875 225.555 17.5V17.9219C225.555 18.2344 225.49 18.5208 225.36 18.7812C225.232 19.0391 225.042 19.2461 224.79 19.4023C224.537 19.5586 224.23 19.6367 223.868 19.6367C223.5 19.6367 223.191 19.5586 222.938 19.4023C222.688 19.2461 222.498 19.0378 222.368 18.7773C222.237 18.5169 222.172 18.2318 222.172 17.9219ZM223.2 17.5V17.9219C223.2 18.1302 223.248 18.3203 223.344 18.4922C223.443 18.6615 223.618 18.7461 223.868 18.7461C224.118 18.7461 224.29 18.6615 224.383 18.4922C224.48 18.3203 224.528 18.1302 224.528 17.9219V17.5C224.528 17.2917 224.482 17.1016 224.391 16.9297C224.3 16.7552 224.125 16.668 223.868 16.668C223.62 16.668 223.447 16.7552 223.348 16.9297C223.249 17.1042 223.2 17.2943 223.2 17.5ZM222.618 24L228.118 16H229.094L223.594 24H222.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M4.20332 154.193L431.895 154.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M4 154.196L4 76.6958" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M346.4 154.193L346.4 41.5584" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M352.9 62.6649C352.9 66.2548 349.99 69.1649 346.4 69.1649C342.811 69.1649 339.9 66.2548 339.9 62.6649C339.9 59.0751 342.811 56.1649 346.4 56.1649C349.99 56.1649 352.9 59.0751 352.9 62.6649Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M350.4 62.6278C350.4 64.8369 348.61 66.6278 346.4 66.6278C344.191 66.6278 342.4 64.8369 342.4 62.6278C342.4 60.4187 344.191 58.6278 346.4 58.6278C348.61 58.6278 350.4 60.4187 350.4 62.6278Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="363.5" y="42.1649" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="363.5" y="42.1649" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M371.943 62.6649V60.8922L376.085 57.057C376.438 56.7161 376.733 56.4092 376.972 56.1365C377.214 55.8638 377.398 55.5967 377.523 55.3354C377.648 55.0702 377.71 54.7842 377.71 54.4774C377.71 54.1365 377.633 53.8429 377.477 53.5967C377.322 53.3467 377.11 53.1554 376.841 53.0229C376.572 52.8865 376.267 52.8183 375.926 52.8183C375.57 52.8183 375.259 52.8903 374.994 53.0342C374.729 53.1782 374.525 53.3846 374.381 53.6536C374.237 53.9225 374.165 54.2426 374.165 54.6138H371.83C371.83 53.8524 372.002 53.1914 372.347 52.6308C372.691 52.0702 373.174 51.6365 373.795 51.3297C374.417 51.0229 375.133 50.8695 375.943 50.8695C376.777 50.8695 377.502 51.0172 378.119 51.3126C378.741 51.6043 379.223 52.0096 379.568 52.5286C379.913 53.0475 380.085 53.6422 380.085 54.3126C380.085 54.752 379.998 55.1858 379.824 55.6138C379.653 56.0418 379.348 56.5172 378.909 57.0399C378.47 57.5589 377.85 58.182 377.051 58.9092L375.352 60.574V60.6536H380.239V62.6649H371.943ZM386.362 62.824C385.487 62.824 384.709 62.682 384.027 62.3979C383.349 62.11 382.817 61.7179 382.43 61.2217C382.044 60.7255 381.851 60.163 381.851 59.5342C381.851 59.0494 381.961 58.6043 382.18 58.199C382.404 57.7899 382.707 57.4509 383.089 57.182C383.472 56.9092 383.9 56.735 384.374 56.6592V56.5797C383.752 56.4547 383.249 56.1536 382.862 55.6763C382.476 55.1952 382.283 54.6365 382.283 54.0001C382.283 53.3979 382.459 52.8619 382.811 52.3922C383.163 51.9187 383.646 51.5475 384.26 51.2786C384.877 51.0058 385.578 50.8695 386.362 50.8695C387.146 50.8695 387.845 51.0058 388.459 51.2786C389.076 51.5513 389.561 51.9244 389.913 52.3979C390.266 52.8676 390.444 53.4017 390.447 54.0001C390.444 54.6403 390.247 55.199 389.857 55.6763C389.466 56.1536 388.966 56.4547 388.357 56.5797V56.6592C388.822 56.735 389.245 56.9092 389.624 57.182C390.006 57.4509 390.309 57.7899 390.533 58.199C390.76 58.6043 390.875 59.0494 390.879 59.5342C390.875 60.163 390.68 60.7255 390.294 61.2217C389.908 61.7179 389.374 62.11 388.692 62.3979C388.014 62.682 387.237 62.824 386.362 62.824ZM386.362 61.0172C386.752 61.0172 387.093 60.9471 387.385 60.807C387.677 60.663 387.904 60.4661 388.067 60.2161C388.233 59.9623 388.317 59.6706 388.317 59.3411C388.317 59.0039 388.232 58.7066 388.061 58.449C387.891 58.1876 387.66 57.9831 387.368 57.8354C387.076 57.6839 386.741 57.6081 386.362 57.6081C385.987 57.6081 385.652 57.6839 385.357 57.8354C385.061 57.9831 384.828 58.1876 384.658 58.449C384.491 58.7066 384.408 59.0039 384.408 59.3411C384.408 59.6706 384.489 59.9623 384.652 60.2161C384.815 60.4661 385.044 60.663 385.339 60.807C385.635 60.9471 385.976 61.0172 386.362 61.0172ZM386.362 55.8183C386.688 55.8183 386.978 55.752 387.232 55.6195C387.485 55.4869 387.684 55.3032 387.828 55.0683C387.972 54.8335 388.044 54.5626 388.044 54.2558C388.044 53.9528 387.972 53.6876 387.828 53.4604C387.684 53.2293 387.487 53.0494 387.237 52.9206C386.987 52.788 386.696 52.7217 386.362 52.7217C386.033 52.7217 385.741 52.788 385.487 52.9206C385.233 53.0494 385.035 53.2293 384.891 53.4604C384.75 53.6876 384.68 53.9528 384.68 54.2558C384.68 54.5626 384.752 54.8335 384.896 55.0683C385.04 55.3032 385.239 55.4869 385.493 55.6195C385.747 55.752 386.036 55.8183 386.362 55.8183ZM397.162 62.9206C396.185 62.9168 395.344 62.6763 394.639 62.199C393.938 61.7217 393.399 61.0304 393.02 60.1251C392.645 59.2198 392.459 58.1308 392.463 56.8581C392.463 55.5892 392.651 54.5077 393.026 53.6138C393.404 52.7198 393.944 52.0399 394.645 51.574C395.349 51.1043 396.188 50.8695 397.162 50.8695C398.135 50.8695 398.973 51.1043 399.673 51.574C400.378 52.0437 400.92 52.7255 401.298 53.6195C401.677 54.5096 401.865 55.5892 401.861 56.8581C401.861 58.1346 401.671 59.2255 401.293 60.1308C400.918 61.0361 400.38 61.7274 399.679 62.2047C398.978 62.682 398.139 62.9206 397.162 62.9206ZM397.162 60.8808C397.829 60.8808 398.361 60.5456 398.759 59.8751C399.156 59.2047 399.353 58.199 399.349 56.8581C399.349 55.9755 399.259 55.2407 399.077 54.6536C398.899 54.0664 398.645 53.6251 398.315 53.3297C397.99 53.0342 397.605 52.8865 397.162 52.8865C396.499 52.8865 395.969 53.2179 395.571 53.8808C395.173 54.5437 394.973 55.5361 394.969 56.8581C394.969 57.752 395.058 58.4983 395.236 59.0967C395.418 59.6914 395.673 60.1384 396.003 60.4376C396.332 60.7331 396.719 60.8808 397.162 60.8808Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M373.774 79.7544C373.335 79.7544 372.947 79.6766 372.611 79.5211C372.276 79.3634 372.015 79.1472 371.828 78.8723C371.64 78.5953 371.548 78.28 371.55 77.9263C371.548 77.6493 371.602 77.3936 371.713 77.1592C371.824 76.9227 371.975 76.7256 372.167 76.568C372.36 76.4082 372.577 76.307 372.815 76.2643V76.226C372.502 76.145 372.253 75.9692 372.067 75.6987C371.882 75.4259 371.79 75.1159 371.793 74.7686C371.79 74.4362 371.875 74.139 372.045 73.8769C372.216 73.6148 372.45 73.4082 372.748 73.2569C373.049 73.1056 373.391 73.03 373.774 73.03C374.153 73.03 374.492 73.1056 374.79 73.2569C375.089 73.4082 375.323 73.6148 375.494 73.8769C375.666 74.139 375.754 74.4362 375.756 74.7686C375.754 75.1159 375.659 75.4259 375.471 75.6987C375.286 75.9692 375.04 76.145 374.733 76.226V76.2643C374.969 76.307 375.183 76.4082 375.372 76.568C375.562 76.7256 375.713 76.9227 375.826 77.1592C375.939 77.3936 375.996 77.6493 375.999 77.9263C375.996 78.28 375.901 78.5953 375.711 78.8723C375.523 79.1472 375.262 79.3634 374.928 79.5211C374.596 79.6766 374.211 79.7544 373.774 79.7544ZM373.774 79.0513C374.07 79.0513 374.326 79.0033 374.541 78.9075C374.756 78.8116 374.923 78.6763 375.04 78.5016C375.157 78.3268 375.217 78.1223 375.219 77.8879C375.217 77.6408 375.153 77.4224 375.027 77.2327C374.901 77.0431 374.73 76.894 374.512 76.7853C374.297 76.6766 374.051 76.6223 373.774 76.6223C373.495 76.6223 373.246 76.6766 373.026 76.7853C372.809 76.894 372.637 77.0431 372.512 77.2327C372.388 77.4224 372.327 77.6408 372.33 77.8879C372.327 78.1223 372.384 78.3268 372.499 78.5016C372.616 78.6763 372.783 78.8116 373.001 78.9075C373.218 79.0033 373.476 79.0513 373.774 79.0513ZM373.774 75.9447C374.009 75.9447 374.216 75.8979 374.397 75.8041C374.581 75.7104 374.724 75.5793 374.829 75.411C374.933 75.2427 374.987 75.0456 374.989 74.8197C374.987 74.5982 374.934 74.4053 374.832 74.2413C374.73 74.0751 374.588 73.9472 374.407 73.8577C374.226 73.7661 374.015 73.7203 373.774 73.7203C373.529 73.7203 373.315 73.7661 373.132 73.8577C372.949 73.9472 372.807 74.0751 372.707 74.2413C372.607 74.4053 372.558 74.5982 372.56 74.8197C372.558 75.0456 372.608 75.2427 372.71 75.411C372.814 75.5793 372.958 75.7104 373.141 75.8041C373.325 75.8979 373.536 75.9447 373.774 75.9447ZM379.358 79.7544C378.877 79.7544 378.467 79.6234 378.128 79.3613C377.789 79.0971 377.53 78.7146 377.351 78.2139C377.172 77.7111 377.083 77.1038 377.083 76.3922C377.083 75.6848 377.172 75.0808 377.351 74.58C377.532 74.0772 377.792 73.6937 378.131 73.4295C378.472 73.1631 378.881 73.03 379.358 73.03C379.836 73.03 380.244 73.1631 380.582 73.4295C380.923 73.6937 381.183 74.0772 381.362 74.58C381.543 75.0808 381.634 75.6848 381.634 76.3922C381.634 77.1038 381.544 77.7111 381.366 78.2139C381.187 78.7146 380.928 79.0971 380.589 79.3613C380.25 79.6234 379.84 79.7544 379.358 79.7544ZM379.358 79.0513C379.836 79.0513 380.206 78.8212 380.471 78.3609C380.735 77.9007 380.867 77.2445 380.867 76.3922C380.867 75.8254 380.806 75.3428 380.685 74.9444C380.565 74.546 380.393 74.2423 380.167 74.0335C379.943 73.8247 379.674 73.7203 379.358 73.7203C378.885 73.7203 378.516 73.9536 378.249 74.4202C377.983 74.8847 377.85 75.542 377.85 76.3922C377.85 76.959 377.91 77.4405 378.029 77.8368C378.148 78.2331 378.32 78.5346 378.543 78.7413C378.769 78.9479 379.041 79.0513 379.358 79.0513ZM384.996 74.7558V75.395H382.452V74.7558H384.996ZM383.194 73.5797H383.948V78.2587C383.948 78.4717 383.979 78.6315 384.041 78.7381C384.104 78.8425 384.185 78.9128 384.283 78.949C384.384 78.9831 384.489 79.0001 384.6 79.0001C384.683 79.0001 384.751 78.9959 384.804 78.9874C384.858 78.9767 384.9 78.9682 384.932 78.9618L385.086 79.6393C385.035 79.6585 384.963 79.6777 384.872 79.6969C384.78 79.7182 384.664 79.7288 384.523 79.7288C384.31 79.7288 384.101 79.683 383.897 79.5914C383.694 79.4998 383.526 79.3602 383.392 79.1727C383.26 78.9852 383.194 78.7487 383.194 78.4632V73.5797ZM386.991 76.7118V79.6649H386.236V73.1195H386.991V75.5229H387.054C387.169 75.2693 387.342 75.068 387.572 74.9188C387.804 74.7675 388.113 74.6919 388.499 74.6919C388.834 74.6919 389.127 74.759 389.378 74.8933C389.629 75.0254 389.824 75.2288 389.963 75.5037C390.103 75.7764 390.174 76.1237 390.174 76.5456V79.6649H389.419V76.5967C389.419 76.2068 389.318 75.9053 389.116 75.6923C388.916 75.4771 388.638 75.3695 388.282 75.3695C388.035 75.3695 387.813 75.4217 387.617 75.5261C387.423 75.6305 387.27 75.7828 387.157 75.9831C387.046 76.1834 386.991 76.4263 386.991 76.7118ZM371.69 92.5058V85.7558H372.419V86.5357H372.509C372.564 86.4504 372.641 86.3418 372.739 86.2097C372.839 86.0754 372.982 85.9561 373.167 85.8517C373.354 85.7452 373.608 85.6919 373.928 85.6919C374.341 85.6919 374.705 85.7952 375.021 86.0019C375.336 86.2086 375.582 86.5016 375.759 86.8808C375.936 87.2601 376.024 87.7075 376.024 88.2232C376.024 88.743 375.936 89.1937 375.759 89.5751C375.582 89.9543 375.337 90.2484 375.024 90.4572C374.711 90.6639 374.349 90.7672 373.94 90.7672C373.625 90.7672 373.373 90.715 373.183 90.6106C372.993 90.5041 372.847 90.3837 372.745 90.2494C372.643 90.1131 372.564 90.0001 372.509 89.9107H372.445V92.5058H371.69ZM372.432 88.2104C372.432 88.5811 372.486 88.9082 372.595 89.1916C372.703 89.4728 372.862 89.6933 373.071 89.8531C373.28 90.0108 373.536 90.0896 373.838 90.0896C374.153 90.0896 374.417 90.0065 374.627 89.8403C374.841 89.672 375 89.4462 375.107 89.1628C375.216 88.8773 375.27 88.5598 375.27 88.2104C375.27 87.8652 375.217 87.5541 375.11 87.2771C375.006 86.998 374.847 86.7775 374.634 86.6156C374.423 86.4515 374.158 86.3695 373.838 86.3695C373.531 86.3695 373.273 86.4472 373.065 86.6028C372.856 86.7562 372.698 86.9714 372.592 87.2484C372.485 87.5232 372.432 87.8439 372.432 88.2104ZM379.233 90.7672C378.76 90.7672 378.352 90.6628 378.009 90.454C377.668 90.243 377.405 89.949 377.219 89.5719C377.036 89.1926 376.945 88.7516 376.945 88.2487C376.945 87.7459 377.036 87.3027 377.219 86.9192C377.405 86.5335 377.663 86.2331 377.993 86.0179C378.325 85.8006 378.713 85.6919 379.156 85.6919C379.412 85.6919 379.664 85.7345 379.914 85.8197C380.163 85.905 380.39 86.0435 380.594 86.2352C380.799 86.4249 380.962 86.6763 381.083 86.9895C381.205 87.3027 381.266 87.6884 381.266 88.1465V88.4661H377.482V87.8141H380.499C380.499 87.5371 380.443 87.2899 380.332 87.0726C380.224 86.8553 380.068 86.6837 379.866 86.558C379.665 86.4323 379.429 86.3695 379.156 86.3695C378.856 86.3695 378.596 86.444 378.376 86.5932C378.159 86.7402 377.992 86.932 377.875 87.1685C377.757 87.405 377.699 87.6585 377.699 87.9291V88.3638C377.699 88.7345 377.763 89.0488 377.891 89.3066C378.021 89.5623 378.201 89.7572 378.431 89.8915C378.661 90.0236 378.928 90.0896 379.233 90.0896C379.431 90.0896 379.61 90.0619 379.77 90.0065C379.932 89.949 380.071 89.8638 380.189 89.7509C380.306 89.6358 380.396 89.493 380.46 89.3226L381.189 89.5271C381.112 89.7743 380.983 89.9916 380.802 90.1791C380.621 90.3645 380.397 90.5094 380.131 90.6138C379.865 90.7161 379.565 90.7672 379.233 90.7672ZM382.413 90.6649V85.7558H383.142V86.4973H383.193C383.282 86.2544 383.444 86.0573 383.679 85.906C383.913 85.7548 384.177 85.6791 384.471 85.6791C384.527 85.6791 384.596 85.6802 384.679 85.6823C384.762 85.6844 384.825 85.6876 384.868 85.6919V86.459C384.842 86.4526 384.783 86.443 384.692 86.4302C384.602 86.4153 384.507 86.4078 384.407 86.4078C384.169 86.4078 383.956 86.4579 383.768 86.558C383.583 86.656 383.436 86.7924 383.327 86.9671C383.221 87.1397 383.167 87.3368 383.167 87.5584V90.6649H382.413ZM387.607 90.7672C387.146 90.7672 386.75 90.6585 386.418 90.4412C386.085 90.2239 385.83 89.9245 385.651 89.5431C385.472 89.1617 385.382 88.726 385.382 88.2359C385.382 87.7374 385.474 87.2974 385.657 86.916C385.842 86.5325 386.1 86.2331 386.43 86.0179C386.763 85.8006 387.151 85.6919 387.594 85.6919C387.939 85.6919 388.25 85.7558 388.527 85.8837C388.804 86.0115 389.031 86.1905 389.208 86.4206C389.385 86.6507 389.494 86.9192 389.537 87.226H388.783C388.725 87.0023 388.597 86.8041 388.399 86.6315C388.203 86.4568 387.939 86.3695 387.607 86.3695C387.313 86.3695 387.055 86.4462 386.833 86.5996C386.614 86.7509 386.442 86.965 386.319 87.242C386.197 87.5168 386.136 87.8396 386.136 88.2104C386.136 88.5896 386.196 88.9199 386.315 89.2011C386.437 89.4824 386.607 89.7008 386.827 89.8563C387.048 90.0119 387.308 90.0896 387.607 90.0896C387.803 90.0896 387.98 90.0555 388.14 89.9874C388.3 89.9192 388.435 89.8212 388.546 89.6933C388.657 89.5655 388.736 89.4121 388.783 89.2331H389.537C389.494 89.5229 389.389 89.7839 389.221 90.0161C389.054 90.2462 388.834 90.4295 388.559 90.5658C388.286 90.7001 387.969 90.7672 387.607 90.7672ZM392.698 90.7672C392.225 90.7672 391.817 90.6628 391.474 90.454C391.133 90.243 390.87 89.949 390.684 89.5719C390.501 89.1926 390.409 88.7516 390.409 88.2487C390.409 87.7459 390.501 87.3027 390.684 86.9192C390.87 86.5335 391.127 86.2331 391.458 86.0179C391.79 85.8006 392.178 85.6919 392.621 85.6919C392.877 85.6919 393.129 85.7345 393.379 85.8197C393.628 85.905 393.855 86.0435 394.059 86.2352C394.264 86.4249 394.427 86.6763 394.548 86.9895C394.67 87.3027 394.73 87.6884 394.73 88.1465V88.4661H390.946V87.8141H393.963C393.963 87.5371 393.908 87.2899 393.797 87.0726C393.689 86.8553 393.533 86.6837 393.331 86.558C393.13 86.4323 392.894 86.3695 392.621 86.3695C392.321 86.3695 392.061 86.444 391.841 86.5932C391.624 86.7402 391.457 86.932 391.339 87.1685C391.222 87.405 391.164 87.6585 391.164 87.9291V88.3638C391.164 88.7345 391.228 89.0488 391.355 89.3066C391.485 89.5623 391.665 89.7572 391.896 89.8915C392.126 90.0236 392.393 90.0896 392.698 90.0896C392.896 90.0896 393.075 90.0619 393.235 90.0065C393.397 89.949 393.536 89.8638 393.653 89.7509C393.771 89.6358 393.861 89.493 393.925 89.3226L394.654 89.5271C394.577 89.7743 394.448 89.9916 394.267 90.1791C394.086 90.3645 393.862 90.5094 393.596 90.6138C393.33 90.7161 393.03 90.7672 392.698 90.7672ZM396.632 87.7118V90.6649H395.878V85.7558H396.607V86.5229H396.67C396.786 86.2736 396.96 86.0733 397.195 85.922C397.429 85.7686 397.732 85.6919 398.102 85.6919C398.435 85.6919 398.725 85.7601 398.975 85.8965C399.224 86.0307 399.418 86.2352 399.556 86.5101C399.695 86.7828 399.764 87.128 399.764 87.5456V90.6649H399.01V87.5967C399.01 87.2111 398.91 86.9107 398.71 86.6955C398.509 86.4781 398.234 86.3695 397.885 86.3695C397.644 86.3695 397.429 86.4217 397.239 86.5261C397.052 86.6305 396.904 86.7828 396.795 86.9831C396.686 87.1834 396.632 87.4263 396.632 87.7118ZM403.277 85.7558V86.395H400.733V85.7558H403.277ZM401.475 84.5797H402.229V89.2587C402.229 89.4717 402.26 89.6315 402.322 89.7381C402.386 89.8425 402.467 89.9128 402.565 89.949C402.665 89.9831 402.77 90.0001 402.881 90.0001C402.964 90.0001 403.032 89.9959 403.086 89.9874C403.139 89.9767 403.182 89.9682 403.214 89.9618L403.367 90.6393C403.316 90.6585 403.244 90.6777 403.153 90.6969C403.061 90.7182 402.945 90.7288 402.804 90.7288C402.591 90.7288 402.383 90.683 402.178 90.5914C401.976 90.4998 401.807 90.3602 401.673 90.1727C401.541 89.9852 401.475 89.7487 401.475 89.4632V84.5797ZM404.412 90.6649V85.7558H405.166V90.6649H404.412ZM404.796 84.9376C404.649 84.9376 404.522 84.8876 404.415 84.7874C404.311 84.6873 404.259 84.5669 404.259 84.4263C404.259 84.2857 404.311 84.1653 404.415 84.0651C404.522 83.965 404.649 83.9149 404.796 83.9149C404.943 83.9149 405.068 83.965 405.173 84.0651C405.279 84.1653 405.332 84.2857 405.332 84.4263C405.332 84.5669 405.279 84.6873 405.173 84.7874C405.068 84.8876 404.943 84.9376 404.796 84.9376ZM407.302 84.1195V90.6649H406.548V84.1195H407.302ZM410.742 90.7672C410.269 90.7672 409.861 90.6628 409.518 90.454C409.177 90.243 408.914 89.949 408.728 89.5719C408.545 89.1926 408.453 88.7516 408.453 88.2487C408.453 87.7459 408.545 87.3027 408.728 86.9192C408.914 86.5335 409.171 86.2331 409.502 86.0179C409.834 85.8006 410.222 85.6919 410.665 85.6919C410.921 85.6919 411.173 85.7345 411.422 85.8197C411.672 85.905 411.899 86.0435 412.103 86.2352C412.308 86.4249 412.471 86.6763 412.592 86.9895C412.714 87.3027 412.774 87.6884 412.774 88.1465V88.4661H408.99V87.8141H412.007C412.007 87.5371 411.952 87.2899 411.841 87.0726C411.733 86.8553 411.577 86.6837 411.375 86.558C411.174 86.4323 410.938 86.3695 410.665 86.3695C410.365 86.3695 410.105 86.444 409.885 86.5932C409.668 86.7402 409.501 86.932 409.383 87.1685C409.266 87.405 409.208 87.6585 409.208 87.9291V88.3638C409.208 88.7345 409.272 89.0488 409.399 89.3066C409.529 89.5623 409.709 89.7572 409.94 89.8915C410.17 90.0236 410.437 90.0896 410.742 90.0896C410.94 90.0896 411.119 90.0619 411.279 90.0065C411.441 89.949 411.58 89.8638 411.697 89.7509C411.815 89.6358 411.905 89.493 411.969 89.3226L412.698 89.5271C412.621 89.7743 412.492 89.9916 412.311 90.1791C412.13 90.3645 411.906 90.5094 411.64 90.6138C411.373 90.7161 411.074 90.7672 410.742 90.7672Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/3709-profile.svg b/src/public/images/developers/3709-profile.svg
new file mode 100644
index 0000000000..dbfdf82a7e
--- /dev/null
+++ b/src/public/images/developers/3709-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.531C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.94 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.236 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.956 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.589 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.602 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.861 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.426 16.5673 220.865 16.2926C221.305 16.0148 221.795 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.834 16.3903 223.992 16.5856C224.151 16.7779 224.272 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.937 24.2133 225.65 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.695 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.621 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.122 19.0274 221.122 19.4517C221.122 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.779 23V15.9675H229.436V23H227.779ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.969 16.7688 233.227 16.4559 233.581 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.533 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.114 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.385 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.649C243.646 18.5025 243.577 18.2201 243.443 17.9729C243.308 17.7226 243.121 17.5257 242.879 17.3823C242.641 17.2388 242.364 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.554 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.459 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.153 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.169 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.657 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.475 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.475 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.453 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.116V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.34 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.833 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.939 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.253 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.622 16.201C256.936 15.9782 257.295 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.524 17.3411C257.221 17.3411 256.95 17.4067 256.709 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.965 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.266 14.3193 259.266 14.0721C259.266 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.965 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.189 13.8218 261.189 14.0721C261.189 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.756V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.904 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.107 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.653 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.682 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.972V23.1145C276.972 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.365 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.582 21.3426C274.829 21.1717 275.017 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.02 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.007 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.694 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.615 36.2606 207.615 35.525C207.615 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.19 32.3384C209.687 32.0301 210.272 31.876 210.943 31.876C211.377 31.876 211.786 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.33 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.483 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.089 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.379L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.709 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.464 39.1374C224.762 39.1374 224.159 38.9832 223.655 38.6749C223.155 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.028 33.0755C228.29 33.454 228.44 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.139 33.2129 224.841 33.3044 224.585 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.722 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.437 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.464 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.864 31.876C233.297 31.876 233.706 31.9462 234.091 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.078 34.8123 236.078 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.149 33.7226 233.961 33.5257 233.72 33.3823C233.482 33.2388 233.204 33.1671 232.886 33.1671C232.548 33.1671 232.25 33.2495 231.994 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.553 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.215 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.444 34.8123 250.444 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.848 33.2388 247.57 33.1671 247.252 33.1671C246.914 33.1671 246.616 33.2495 246.36 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.545 34.9206V35.8958C245.545 36.3048 245.619 36.6558 245.769 36.9489C245.919 37.2388 246.128 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.241 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.753 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.475 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.837 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.982 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.784 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.151 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.151 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.882 37.512C262.138 37.6951 262.439 37.7867 262.784 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.634 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.09 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.979 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.979 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.62V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.193 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.28 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.443 37.4388C271.586 37.3045 271.694 37.1381 271.768 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.757 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.504 226.76H182.129L146 117.008L239.665 49L333.326 117.029L297.504 226.76Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+  <path d="M239.5 71L309.5 124.688L277.233 200L207 192L177 127.5L239.5 71Z" fill="#42B883" fill-opacity="0.5"
+        stroke="#42B883"/>
+</svg>
diff --git a/src/public/images/developers/3709-score.svg b/src/public/images/developers/3709-score.svg
new file mode 100644
index 0000000000..ca8e77294b
--- /dev/null
+++ b/src/public/images/developers/3709-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 455 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 132.471C52.0151 132.471 80.7152 92.041 118.151 92.041C155.586 92.041 175.552 111.008 216.98 89.0462C245.24 74.0651 267.892 41.8776 305.827 41.8776C354.992 41.8776 384.94 132.222 431.894 134.717V154.081H4V132.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382C402.295 123.272 416.137 134.002 431.894 134.84V154H389V109.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M325 46.6073V154H218V88.6193C226.901 83.7495 235.265 77.2164 243.756 70.5851C261.772 56.5135 280.354 42 305.827 42C312.546 42 318.906 43.6874 325 46.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382V154H325V46.6073C341.715 54.6167 356.426 71.8999 371.039 89.0695C376.999 96.0716 382.943 103.055 389 109.382Z"
+        fill="#42B883"/>
+  <path
+    d="M4.49947 175.166C3.79776 175.166 3.19549 174.989 2.69265 174.634C2.19265 174.276 1.80771 173.76 1.53782 173.087C1.27077 172.411 1.13725 171.597 1.13725 170.645C1.14009 169.693 1.27504 168.884 1.54208 168.216C1.81197 167.545 2.19691 167.034 2.69691 166.682C3.19975 166.33 3.8006 166.153 4.49947 166.153C5.19833 166.153 5.79918 166.33 6.30202 166.682C6.80487 167.034 7.18981 167.545 7.45685 168.216C7.72674 168.886 7.86168 169.696 7.86168 170.645C7.86168 171.599 7.72674 172.415 7.45685 173.091C7.18981 173.764 6.80487 174.278 6.30202 174.634C5.80202 174.989 5.20117 175.166 4.49947 175.166ZM4.49947 173.832C5.04492 173.832 5.47532 173.564 5.79066 173.027C6.10884 172.487 6.26793 171.693 6.26793 170.645C6.26793 169.952 6.19549 169.369 6.0506 168.898C5.90572 168.426 5.70117 168.071 5.43697 167.832C5.17276 167.591 4.86026 167.47 4.49947 167.47C3.95685 167.47 3.52788 167.74 3.21254 168.28C2.89719 168.817 2.7381 169.605 2.73526 170.645C2.73242 171.341 2.80202 171.926 2.94407 172.401C3.08896 172.875 3.2935 173.233 3.55771 173.474C3.82191 173.713 4.13583 173.832 4.49947 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M141.105 166.273V175H139.524V167.811H139.472L137.431 169.115V167.666L139.6 166.273H141.105ZM146.546 175.166C145.845 175.166 145.242 174.989 144.74 174.634C144.24 174.276 143.855 173.76 143.585 173.087C143.318 172.411 143.184 171.597 143.184 170.645C143.187 169.693 143.322 168.884 143.589 168.216C143.859 167.545 144.244 167.034 144.744 166.682C145.247 166.33 145.847 166.153 146.546 166.153C147.245 166.153 147.846 166.33 148.349 166.682C148.852 167.034 149.237 167.545 149.504 168.216C149.774 168.886 149.909 169.696 149.909 170.645C149.909 171.599 149.774 172.415 149.504 173.091C149.237 173.764 148.852 174.278 148.349 174.634C147.849 174.989 147.248 175.166 146.546 175.166ZM146.546 173.832C147.092 173.832 147.522 173.564 147.838 173.027C148.156 172.487 148.315 171.693 148.315 170.645C148.315 169.952 148.242 169.369 148.097 168.898C147.953 168.426 147.748 168.071 147.484 167.832C147.22 167.591 146.907 167.47 146.546 167.47C146.004 167.47 145.575 167.74 145.259 168.28C144.944 168.817 144.785 169.605 144.782 170.645C144.779 171.341 144.849 171.926 144.991 172.401C145.136 172.875 145.34 173.233 145.605 173.474C145.869 173.713 146.183 173.832 146.546 173.832ZM154.55 175.166C153.849 175.166 153.246 174.989 152.743 174.634C152.243 174.276 151.858 173.76 151.589 173.087C151.322 172.411 151.188 171.597 151.188 170.645C151.191 169.693 151.326 168.884 151.593 168.216C151.863 167.545 152.248 167.034 152.748 166.682C153.251 166.33 153.851 166.153 154.55 166.153C155.249 166.153 155.85 166.33 156.353 166.682C156.856 167.034 157.241 167.545 157.508 168.216C157.778 168.886 157.912 169.696 157.912 170.645C157.912 171.599 157.778 172.415 157.508 173.091C157.241 173.764 156.856 174.278 156.353 174.634C155.853 174.989 155.252 175.166 154.55 175.166ZM154.55 173.832C155.096 173.832 155.526 173.564 155.841 173.027C156.16 172.487 156.319 171.693 156.319 170.645C156.319 169.952 156.246 169.369 156.101 168.898C155.956 168.426 155.752 168.071 155.488 167.832C155.224 167.591 154.911 167.47 154.55 167.47C154.008 167.47 153.579 167.74 153.263 168.28C152.948 168.817 152.789 169.605 152.786 170.645C152.783 171.341 152.853 171.926 152.995 172.401C153.14 172.875 153.344 173.233 153.608 173.474C153.873 173.713 154.187 173.832 154.55 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M210.644 166.273V175H209.063V167.811H209.012L206.97 169.115V167.666L209.139 166.273H210.644ZM215.894 175.119C215.325 175.119 214.817 175.013 214.368 174.8C213.919 174.584 213.563 174.288 213.298 173.913C213.037 173.538 212.898 173.109 212.881 172.626H214.415C214.443 172.984 214.598 173.277 214.879 173.504C215.161 173.729 215.499 173.841 215.894 173.841C216.203 173.841 216.479 173.77 216.72 173.628C216.962 173.486 217.152 173.288 217.291 173.036C217.431 172.783 217.499 172.494 217.496 172.17C217.499 171.841 217.429 171.548 217.287 171.293C217.145 171.037 216.95 170.837 216.703 170.692C216.456 170.544 216.172 170.47 215.851 170.47C215.59 170.467 215.333 170.516 215.08 170.615C214.827 170.714 214.627 170.845 214.479 171.007L213.051 170.773L213.507 166.273H218.57V167.594H214.816L214.564 169.908H214.615C214.777 169.717 215.006 169.56 215.301 169.435C215.597 169.307 215.921 169.243 216.273 169.243C216.801 169.243 217.273 169.368 217.688 169.618C218.102 169.865 218.429 170.206 218.668 170.641C218.906 171.075 219.026 171.572 219.026 172.132C219.026 172.709 218.892 173.223 218.625 173.675C218.361 174.124 217.993 174.477 217.521 174.736C217.053 174.991 216.51 175.119 215.894 175.119ZM223.679 175.166C222.977 175.166 222.375 174.989 221.872 174.634C221.372 174.276 220.987 173.76 220.718 173.087C220.45 172.411 220.317 171.597 220.317 170.645C220.32 169.693 220.455 168.884 220.722 168.216C220.992 167.545 221.377 167.034 221.877 166.682C222.379 166.33 222.98 166.153 223.679 166.153C224.378 166.153 224.979 166.33 225.482 166.682C225.985 167.034 226.369 167.545 226.637 168.216C226.906 168.886 227.041 169.696 227.041 170.645C227.041 171.599 226.906 172.415 226.637 173.091C226.369 173.764 225.985 174.278 225.482 174.634C224.982 174.989 224.381 175.166 223.679 175.166ZM223.679 173.832C224.225 173.832 224.655 173.564 224.97 173.027C225.289 172.487 225.448 171.693 225.448 170.645C225.448 169.952 225.375 169.369 225.23 168.898C225.085 168.426 224.881 168.071 224.617 167.832C224.352 167.591 224.04 167.47 223.679 167.47C223.137 167.47 222.708 167.74 222.392 168.28C222.077 168.817 221.918 169.605 221.915 170.645C221.912 171.341 221.982 171.926 222.124 172.401C222.269 172.875 222.473 173.233 222.737 173.474C223.002 173.713 223.316 173.832 223.679 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M276.379 175V173.858L279.409 170.888C279.699 170.595 279.94 170.335 280.133 170.108C280.327 169.881 280.471 169.661 280.568 169.447C280.665 169.234 280.713 169.007 280.713 168.766C280.713 168.49 280.65 168.254 280.525 168.058C280.4 167.859 280.229 167.706 280.01 167.598C279.791 167.49 279.542 167.436 279.264 167.436C278.977 167.436 278.726 167.496 278.51 167.615C278.294 167.732 278.126 167.898 278.007 168.114C277.89 168.33 277.832 168.587 277.832 168.885H276.328C276.328 168.331 276.454 167.849 276.707 167.44C276.96 167.031 277.308 166.714 277.751 166.49C278.197 166.266 278.709 166.153 279.285 166.153C279.871 166.153 280.385 166.263 280.828 166.482C281.271 166.7 281.615 167 281.859 167.381C282.106 167.761 282.23 168.196 282.23 168.685C282.23 169.011 282.167 169.332 282.042 169.648C281.917 169.963 281.697 170.312 281.382 170.696C281.069 171.08 280.631 171.544 280.065 172.089L278.561 173.619V173.679H282.362V175H276.379ZM287.058 175.166C286.356 175.166 285.754 174.989 285.251 174.634C284.751 174.276 284.366 173.76 284.096 173.087C283.829 172.411 283.696 171.597 283.696 170.645C283.699 169.693 283.834 168.884 284.101 168.216C284.371 167.545 284.756 167.034 285.256 166.682C285.758 166.33 286.359 166.153 287.058 166.153C287.757 166.153 288.358 166.33 288.861 166.682C289.363 167.034 289.748 167.545 290.015 168.216C290.285 168.886 290.42 169.696 290.42 170.645C290.42 171.599 290.285 172.415 290.015 173.091C289.748 173.764 289.363 174.278 288.861 174.634C288.361 174.989 287.76 175.166 287.058 175.166ZM287.058 173.832C287.604 173.832 288.034 173.564 288.349 173.027C288.667 172.487 288.827 171.693 288.827 170.645C288.827 169.952 288.754 169.369 288.609 168.898C288.464 168.426 288.26 168.071 287.996 167.832C287.731 167.591 287.419 167.47 287.058 167.47C286.515 167.47 286.086 167.74 285.771 168.28C285.456 168.817 285.297 169.605 285.294 170.645C285.291 171.341 285.361 171.926 285.503 172.401C285.648 172.875 285.852 173.233 286.116 173.474C286.381 173.713 286.694 173.832 287.058 173.832ZM295.062 175.166C294.36 175.166 293.758 174.989 293.255 174.634C292.755 174.276 292.37 173.76 292.1 173.087C291.833 172.411 291.7 171.597 291.7 170.645C291.703 169.693 291.838 168.884 292.105 168.216C292.374 167.545 292.759 167.034 293.259 166.682C293.762 166.33 294.363 166.153 295.062 166.153C295.761 166.153 296.362 166.33 296.865 166.682C297.367 167.034 297.752 167.545 298.019 168.216C298.289 168.886 298.424 169.696 298.424 170.645C298.424 171.599 298.289 172.415 298.019 173.091C297.752 173.764 297.367 174.278 296.865 174.634C296.365 174.989 295.764 175.166 295.062 175.166ZM295.062 173.832C295.607 173.832 296.038 173.564 296.353 173.027C296.671 172.487 296.83 171.693 296.83 170.645C296.83 169.952 296.758 169.369 296.613 168.898C296.468 168.426 296.264 168.071 295.999 167.832C295.735 167.591 295.423 167.47 295.062 167.47C294.519 167.47 294.09 167.74 293.775 168.28C293.46 168.817 293.301 169.605 293.298 170.645C293.295 171.341 293.365 171.926 293.507 172.401C293.651 172.875 293.856 173.233 294.12 173.474C294.384 173.713 294.698 173.832 295.062 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M347.916 175V173.858L350.946 170.888C351.236 170.595 351.477 170.335 351.67 170.108C351.864 169.881 352.009 169.661 352.105 169.447C352.202 169.234 352.25 169.007 352.25 168.766C352.25 168.49 352.188 168.254 352.062 168.058C351.938 167.859 351.766 167.706 351.547 167.598C351.328 167.49 351.08 167.436 350.801 167.436C350.514 167.436 350.263 167.496 350.047 167.615C349.831 167.732 349.663 167.898 349.544 168.114C349.428 168.33 349.369 168.587 349.369 168.885H347.865C347.865 168.331 347.991 167.849 348.244 167.44C348.497 167.031 348.845 166.714 349.288 166.49C349.734 166.266 350.246 166.153 350.822 166.153C351.408 166.153 351.922 166.263 352.365 166.482C352.808 166.7 353.152 167 353.396 167.381C353.643 167.761 353.767 168.196 353.767 168.685C353.767 169.011 353.705 169.332 353.58 169.648C353.455 169.963 353.234 170.312 352.919 170.696C352.607 171.08 352.168 171.544 351.602 172.089L350.098 173.619V173.679H353.899V175H347.916ZM358.403 175.119C357.835 175.119 357.327 175.013 356.878 174.8C356.429 174.584 356.072 174.288 355.808 173.913C355.547 173.538 355.408 173.109 355.391 172.626H356.925C356.953 172.984 357.108 173.277 357.389 173.504C357.67 173.729 358.009 173.841 358.403 173.841C358.713 173.841 358.989 173.77 359.23 173.628C359.472 173.486 359.662 173.288 359.801 173.036C359.94 172.783 360.009 172.494 360.006 172.17C360.009 171.841 359.939 171.548 359.797 171.293C359.655 171.037 359.46 170.837 359.213 170.692C358.966 170.544 358.682 170.47 358.361 170.47C358.099 170.467 357.842 170.516 357.589 170.615C357.337 170.714 357.136 170.845 356.989 171.007L355.561 170.773L356.017 166.273H361.08V167.594H357.325L357.074 169.908H357.125C357.287 169.717 357.516 169.56 357.811 169.435C358.107 169.307 358.43 169.243 358.783 169.243C359.311 169.243 359.783 169.368 360.197 169.618C360.612 169.865 360.939 170.206 361.178 170.641C361.416 171.075 361.536 171.572 361.536 172.132C361.536 172.709 361.402 173.223 361.135 173.675C360.871 174.124 360.503 174.477 360.031 174.736C359.562 174.991 359.02 175.119 358.403 175.119ZM366.189 175.166C365.487 175.166 364.885 174.989 364.382 174.634C363.882 174.276 363.497 173.76 363.227 173.087C362.96 172.411 362.827 171.597 362.827 170.645C362.83 169.693 362.964 168.884 363.232 168.216C363.501 167.545 363.886 167.034 364.386 166.682C364.889 166.33 365.49 166.153 366.189 166.153C366.888 166.153 367.489 166.33 367.991 166.682C368.494 167.034 368.879 167.545 369.146 168.216C369.416 168.886 369.551 169.696 369.551 170.645C369.551 171.599 369.416 172.415 369.146 173.091C368.879 173.764 368.494 174.278 367.991 174.634C367.491 174.989 366.891 175.166 366.189 175.166ZM366.189 173.832C366.734 173.832 367.165 173.564 367.48 173.027C367.798 172.487 367.957 171.693 367.957 170.645C367.957 169.952 367.885 169.369 367.74 168.898C367.595 168.426 367.391 168.071 367.126 167.832C366.862 167.591 366.55 167.47 366.189 167.47C365.646 167.47 365.217 167.74 364.902 168.28C364.587 168.817 364.428 169.605 364.425 170.645C364.422 171.341 364.491 171.926 364.634 172.401C364.778 172.875 364.983 173.233 365.247 173.474C365.511 173.713 365.825 173.832 366.189 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M422.083 175.119C421.47 175.119 420.924 175.014 420.447 174.804C419.973 174.594 419.598 174.301 419.322 173.926C419.047 173.551 418.9 173.118 418.883 172.626H420.485C420.5 172.862 420.578 173.068 420.72 173.244C420.862 173.418 421.051 173.553 421.287 173.649C421.522 173.746 421.787 173.794 422.079 173.794C422.392 173.794 422.669 173.74 422.91 173.632C423.152 173.521 423.341 173.368 423.477 173.172C423.613 172.976 423.68 172.75 423.677 172.494C423.68 172.23 423.612 171.997 423.473 171.795C423.333 171.594 423.132 171.436 422.868 171.322C422.606 171.209 422.291 171.152 421.922 171.152H421.15V169.933H421.922C422.225 169.933 422.491 169.881 422.718 169.776C422.949 169.67 423.129 169.523 423.26 169.332C423.39 169.139 423.454 168.916 423.451 168.663C423.454 168.416 423.399 168.202 423.285 168.02C423.174 167.835 423.017 167.692 422.812 167.589C422.61 167.487 422.373 167.436 422.1 167.436C421.833 167.436 421.586 167.484 421.359 167.581C421.132 167.678 420.949 167.815 420.809 167.994C420.67 168.17 420.596 168.381 420.588 168.625H419.066C419.078 168.136 419.218 167.707 419.488 167.338C419.761 166.966 420.125 166.676 420.579 166.469C421.034 166.259 421.544 166.153 422.109 166.153C422.691 166.153 423.197 166.263 423.626 166.482C424.058 166.697 424.392 166.989 424.627 167.355C424.863 167.722 424.981 168.126 424.981 168.57C424.984 169.061 424.839 169.473 424.547 169.805C424.257 170.138 423.876 170.355 423.404 170.457V170.526C424.018 170.611 424.488 170.838 424.815 171.207C425.145 171.574 425.308 172.03 425.305 172.575C425.305 173.064 425.166 173.501 424.887 173.888C424.612 174.271 424.231 174.572 423.745 174.791C423.262 175.01 422.708 175.119 422.083 175.119ZM429.994 175.166C429.292 175.166 428.69 174.989 428.187 174.634C427.687 174.276 427.302 173.76 427.032 173.087C426.765 172.411 426.631 171.597 426.631 170.645C426.634 169.693 426.769 168.884 427.036 168.216C427.306 167.545 427.691 167.034 428.191 166.682C428.694 166.33 429.295 166.153 429.994 166.153C430.692 166.153 431.293 166.33 431.796 166.682C432.299 167.034 432.684 167.545 432.951 168.216C433.221 168.886 433.356 169.696 433.356 170.645C433.356 171.599 433.221 172.415 432.951 173.091C432.684 173.764 432.299 174.278 431.796 174.634C431.296 174.989 430.695 175.166 429.994 175.166ZM429.994 173.832C430.539 173.832 430.969 173.564 431.285 173.027C431.603 172.487 431.762 171.693 431.762 170.645C431.762 169.952 431.69 169.369 431.545 168.898C431.4 168.426 431.195 168.071 430.931 167.832C430.667 167.591 430.354 167.47 429.994 167.47C429.451 167.47 429.022 167.74 428.707 168.28C428.391 168.817 428.232 169.605 428.229 170.645C428.227 171.341 428.296 171.926 428.438 172.401C428.583 172.875 428.788 173.233 429.052 173.474C429.316 173.713 429.63 173.832 429.994 173.832ZM437.998 175.166C437.296 175.166 436.694 174.989 436.191 174.634C435.691 174.276 435.306 173.76 435.036 173.087C434.769 172.411 434.635 171.597 434.635 170.645C434.638 169.693 434.773 168.884 435.04 168.216C435.31 167.545 435.695 167.034 436.195 166.682C436.698 166.33 437.299 166.153 437.998 166.153C438.696 166.153 439.297 166.33 439.8 166.682C440.303 167.034 440.688 167.545 440.955 168.216C441.225 168.886 441.36 169.696 441.36 170.645C441.36 171.599 441.225 172.415 440.955 173.091C440.688 173.764 440.303 174.278 439.8 174.634C439.3 174.989 438.699 175.166 437.998 175.166ZM437.998 173.832C438.543 173.832 438.973 173.564 439.289 173.027C439.607 172.487 439.766 171.693 439.766 170.645C439.766 169.952 439.694 169.369 439.549 168.898C439.404 168.426 439.199 168.071 438.935 167.832C438.671 167.591 438.358 167.47 437.998 167.47C437.455 167.47 437.026 167.74 436.711 168.28C436.395 168.817 436.236 169.605 436.233 170.645C436.23 171.341 436.3 171.926 436.442 172.401C436.587 172.875 436.792 173.233 437.056 173.474C437.32 173.713 437.634 173.832 437.998 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M324.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M316.206 4.21484V3H322.589V4.21484H320.117V11H318.679V4.21484H316.206ZM330.614 7C330.614 7.86198 330.452 8.60026 330.129 9.21484C329.809 9.82682 329.371 10.2956 328.817 10.6211C328.265 10.9466 327.638 11.1094 326.938 11.1094C326.237 11.1094 325.61 10.9466 325.055 10.6211C324.503 10.293 324.065 9.82292 323.742 9.21094C323.422 8.59635 323.262 7.85937 323.262 7C323.262 6.13802 323.422 5.40104 323.742 4.78906C324.065 4.17448 324.503 3.70443 325.055 3.37891C325.61 3.05339 326.237 2.89062 326.938 2.89062C327.638 2.89062 328.265 3.05339 328.817 3.37891C329.371 3.70443 329.809 4.17448 330.129 4.78906C330.452 5.40104 330.614 6.13802 330.614 7ZM329.157 7C329.157 6.39323 329.062 5.88151 328.871 5.46484C328.684 5.04557 328.423 4.72917 328.09 4.51563C327.757 4.29948 327.373 4.19141 326.938 4.19141C326.503 4.19141 326.119 4.29948 325.785 4.51563C325.452 4.72917 325.19 5.04557 325 5.46484C324.813 5.88151 324.719 6.39323 324.719 7C324.719 7.60677 324.813 8.11979 325 8.53906C325.19 8.95573 325.452 9.27214 325.785 9.48828C326.119 9.70182 326.503 9.80859 326.938 9.80859C327.373 9.80859 327.757 9.70182 328.09 9.48828C328.423 9.27214 328.684 8.95573 328.871 8.53906C329.062 8.11979 329.157 7.60677 329.157 7ZM331.984 11V3H334.984C335.598 3 336.114 3.11458 336.531 3.34375C336.95 3.57292 337.266 3.88802 337.48 4.28906C337.696 4.6875 337.804 5.14062 337.804 5.64844C337.804 6.16146 337.696 6.61719 337.48 7.01563C337.264 7.41406 336.945 7.72786 336.523 7.95703C336.101 8.18359 335.581 8.29687 334.964 8.29687H332.976V7.10547H334.769C335.128 7.10547 335.423 7.04297 335.652 6.91797C335.881 6.79297 336.05 6.62109 336.159 6.40234C336.271 6.18359 336.327 5.93229 336.327 5.64844C336.327 5.36458 336.271 5.11458 336.159 4.89844C336.05 4.68229 335.88 4.51432 335.648 4.39453C335.419 4.27214 335.123 4.21094 334.761 4.21094H333.433V11H331.984ZM316.195 24V22.9531L318.972 20.2305C319.238 19.9622 319.459 19.724 319.637 19.5156C319.814 19.3073 319.946 19.1055 320.035 18.9102C320.124 18.7148 320.168 18.5065 320.168 18.2852C320.168 18.0326 320.11 17.8164 319.996 17.6367C319.881 17.4544 319.724 17.3138 319.523 17.2148C319.323 17.1159 319.095 17.0664 318.84 17.0664C318.577 17.0664 318.346 17.1211 318.148 17.2305C317.95 17.3372 317.797 17.4896 317.687 17.6875C317.581 17.8854 317.527 18.1211 317.527 18.3945H316.148C316.148 17.8867 316.264 17.4453 316.496 17.0703C316.728 16.6953 317.047 16.4049 317.453 16.1992C317.862 15.9935 318.331 15.8906 318.859 15.8906C319.396 15.8906 319.867 15.9909 320.273 16.1914C320.68 16.3919 320.995 16.6667 321.219 17.0156C321.445 17.3646 321.558 17.763 321.558 18.2109C321.558 18.5104 321.501 18.8047 321.387 19.0937C321.272 19.3828 321.07 19.7031 320.781 20.0547C320.495 20.4062 320.092 20.832 319.574 21.332L318.195 22.7344V22.7891H321.68V24H316.195ZM325.808 24.1094C325.288 24.1094 324.821 24.0117 324.41 23.8164C323.999 23.6185 323.672 23.3477 323.43 23.0039C323.19 22.6602 323.062 22.2669 323.047 21.8242H324.453C324.479 22.1523 324.621 22.4206 324.879 22.6289C325.137 22.8346 325.446 22.9375 325.808 22.9375C326.092 22.9375 326.345 22.8724 326.566 22.7422C326.788 22.612 326.962 22.431 327.09 22.1992C327.217 21.9674 327.28 21.7031 327.277 21.4062C327.28 21.1042 327.216 20.8359 327.086 20.6016C326.956 20.3672 326.777 20.1836 326.551 20.0508C326.324 19.9154 326.064 19.8477 325.769 19.8477C325.53 19.8451 325.294 19.8893 325.062 19.9805C324.831 20.0716 324.647 20.1914 324.512 20.3398L323.203 20.125L323.621 16H328.262V17.2109H324.82L324.59 19.332H324.637C324.785 19.1576 324.995 19.013 325.265 18.8984C325.536 18.7812 325.833 18.7227 326.156 18.7227C326.64 18.7227 327.073 18.8372 327.453 19.0664C327.833 19.293 328.133 19.6055 328.351 20.0039C328.57 20.4023 328.68 20.8581 328.68 21.3711C328.68 21.8997 328.557 22.3711 328.312 22.7852C328.07 23.1966 327.733 23.5208 327.301 23.7578C326.871 23.9922 326.374 24.1094 325.808 24.1094ZM334.265 22.5V22.0781C334.265 21.7682 334.331 21.4831 334.461 21.2227C334.594 20.9622 334.786 20.7526 335.039 20.5937C335.291 20.4349 335.597 20.3555 335.957 20.3555C336.327 20.3555 336.637 20.4349 336.887 20.5937C337.137 20.75 337.325 20.9583 337.453 21.2188C337.583 21.4792 337.648 21.7656 337.648 22.0781V22.5C337.648 22.8099 337.583 23.0951 337.453 23.3555C337.323 23.6159 337.131 23.8255 336.879 23.9844C336.629 24.1432 336.321 24.2227 335.957 24.2227C335.592 24.2227 335.284 24.1432 335.031 23.9844C334.778 23.8255 334.587 23.6159 334.457 23.3555C334.329 23.0951 334.265 22.8099 334.265 22.5ZM335.285 22.0781V22.5C335.285 22.7057 335.334 22.8945 335.433 23.0664C335.532 23.2383 335.707 23.3242 335.957 23.3242C336.209 23.3242 336.383 23.2396 336.476 23.0703C336.573 22.8984 336.621 22.7083 336.621 22.5V22.0781C336.621 21.8698 336.575 21.6797 336.484 21.5078C336.393 21.3333 336.217 21.2461 335.957 21.2461C335.712 21.2461 335.539 21.3333 335.437 21.5078C335.336 21.6797 335.285 21.8698 335.285 22.0781ZM330.199 17.9219V17.5C330.199 17.1875 330.265 16.901 330.398 16.6406C330.531 16.3802 330.724 16.1719 330.976 16.0156C331.229 15.8568 331.535 15.7773 331.894 15.7773C332.262 15.7773 332.57 15.8568 332.82 16.0156C333.073 16.1719 333.263 16.3802 333.39 16.6406C333.518 16.901 333.582 17.1875 333.582 17.5V17.9219C333.582 18.2344 333.517 18.5208 333.387 18.7812C333.259 19.0391 333.069 19.2461 332.816 19.4023C332.564 19.5586 332.256 19.6367 331.894 19.6367C331.527 19.6367 331.217 19.5586 330.965 19.4023C330.715 19.2461 330.525 19.0378 330.394 18.7773C330.264 18.5169 330.199 18.2318 330.199 17.9219ZM331.226 17.5V17.9219C331.226 18.1302 331.275 18.3203 331.371 18.4922C331.47 18.6615 331.644 18.7461 331.894 18.7461C332.144 18.7461 332.316 18.6615 332.41 18.4922C332.506 18.3203 332.555 18.1302 332.555 17.9219V17.5C332.555 17.2917 332.509 17.1016 332.418 16.9297C332.327 16.7552 332.152 16.668 331.894 16.668C331.647 16.668 331.474 16.7552 331.375 16.9297C331.276 17.1042 331.226 17.2943 331.226 17.5ZM330.644 24L336.144 16H337.121L331.621 24H330.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M388.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M380.206 4.21484V3H386.589V4.21484H384.117V11H382.679V4.21484H380.206ZM394.614 7C394.614 7.86198 394.452 8.60026 394.129 9.21484C393.809 9.82682 393.371 10.2956 392.817 10.6211C392.265 10.9466 391.638 11.1094 390.938 11.1094C390.237 11.1094 389.61 10.9466 389.055 10.6211C388.503 10.293 388.065 9.82292 387.742 9.21094C387.422 8.59635 387.262 7.85937 387.262 7C387.262 6.13802 387.422 5.40104 387.742 4.78906C388.065 4.17448 388.503 3.70443 389.055 3.37891C389.61 3.05339 390.237 2.89062 390.938 2.89062C391.638 2.89062 392.265 3.05339 392.817 3.37891C393.371 3.70443 393.809 4.17448 394.129 4.78906C394.452 5.40104 394.614 6.13802 394.614 7ZM393.157 7C393.157 6.39323 393.062 5.88151 392.871 5.46484C392.684 5.04557 392.423 4.72917 392.09 4.51563C391.757 4.29948 391.373 4.19141 390.938 4.19141C390.503 4.19141 390.119 4.29948 389.785 4.51563C389.452 4.72917 389.19 5.04557 389 5.46484C388.813 5.88151 388.719 6.39323 388.719 7C388.719 7.60677 388.813 8.11979 389 8.53906C389.19 8.95573 389.452 9.27214 389.785 9.48828C390.119 9.70182 390.503 9.80859 390.938 9.80859C391.373 9.80859 391.757 9.70182 392.09 9.48828C392.423 9.27214 392.684 8.95573 392.871 8.53906C393.062 8.11979 393.157 7.60677 393.157 7ZM395.984 11V3H398.984C399.598 3 400.114 3.11458 400.531 3.34375C400.95 3.57292 401.266 3.88802 401.48 4.28906C401.696 4.6875 401.804 5.14062 401.804 5.64844C401.804 6.16146 401.696 6.61719 401.48 7.01563C401.264 7.41406 400.945 7.72786 400.523 7.95703C400.101 8.18359 399.581 8.29687 398.964 8.29687H396.976V7.10547H398.769C399.128 7.10547 399.423 7.04297 399.652 6.91797C399.881 6.79297 400.05 6.62109 400.159 6.40234C400.271 6.18359 400.327 5.93229 400.327 5.64844C400.327 5.36458 400.271 5.11458 400.159 4.89844C400.05 4.68229 399.88 4.51432 399.648 4.39453C399.419 4.27214 399.123 4.21094 398.761 4.21094H397.433V11H395.984ZM384.034 16V24H382.585V17.4102H382.538L380.667 18.6055V17.2773L382.656 16H384.034ZM389.023 24.1523C388.38 24.1523 387.827 23.9896 387.367 23.6641C386.908 23.3359 386.555 22.8633 386.308 22.2461C386.063 21.6263 385.941 20.8802 385.941 20.0078C385.943 19.1354 386.067 18.3932 386.312 17.7812C386.559 17.1667 386.912 16.6979 387.37 16.375C387.831 16.0521 388.382 15.8906 389.023 15.8906C389.663 15.8906 390.214 16.0521 390.675 16.375C391.136 16.6979 391.489 17.1667 391.734 17.7812C391.981 18.3958 392.105 19.138 392.105 20.0078C392.105 20.8828 391.981 21.6302 391.734 22.25C391.489 22.8672 391.136 23.3385 390.675 23.6641C390.217 23.9896 389.666 24.1523 389.023 24.1523ZM389.023 22.9297C389.523 22.9297 389.917 22.6836 390.206 22.1914C390.498 21.6966 390.644 20.9687 390.644 20.0078C390.644 19.3724 390.577 18.8385 390.445 18.4062C390.312 17.974 390.124 17.6484 389.882 17.4297C389.64 17.2083 389.353 17.0977 389.023 17.0977C388.525 17.0977 388.132 17.3451 387.843 17.8398C387.554 18.332 387.408 19.0547 387.406 20.0078C387.403 20.6458 387.467 21.1823 387.597 21.6172C387.73 22.0521 387.917 22.3802 388.159 22.6016C388.402 22.8203 388.689 22.9297 389.023 22.9297ZM397.68 22.5V22.0781C397.68 21.7682 397.745 21.4831 397.875 21.2227C398.008 20.9622 398.201 20.7526 398.453 20.5937C398.706 20.4349 399.012 20.3555 399.371 20.3555C399.741 20.3555 400.051 20.4349 400.301 20.5937C400.551 20.75 400.74 20.9583 400.867 21.2188C400.998 21.4792 401.063 21.7656 401.063 22.0781V22.5C401.063 22.8099 400.998 23.0951 400.867 23.3555C400.737 23.6159 400.546 23.8255 400.293 23.9844C400.043 24.1432 399.736 24.2227 399.371 24.2227C399.007 24.2227 398.698 24.1432 398.446 23.9844C398.193 23.8255 398.002 23.6159 397.871 23.3555C397.744 23.0951 397.68 22.8099 397.68 22.5ZM398.7 22.0781V22.5C398.7 22.7057 398.749 22.8945 398.848 23.0664C398.947 23.2383 399.121 23.3242 399.371 23.3242C399.624 23.3242 399.797 23.2396 399.891 23.0703C399.987 22.8984 400.035 22.7083 400.035 22.5V22.0781C400.035 21.8698 399.99 21.6797 399.899 21.5078C399.808 21.3333 399.632 21.2461 399.371 21.2461C399.127 21.2461 398.953 21.3333 398.852 21.5078C398.75 21.6797 398.7 21.8698 398.7 22.0781ZM393.614 17.9219V17.5C393.614 17.1875 393.68 16.901 393.813 16.6406C393.946 16.3802 394.138 16.1719 394.391 16.0156C394.644 15.8568 394.95 15.7773 395.309 15.7773C395.676 15.7773 395.985 15.8568 396.235 16.0156C396.487 16.1719 396.677 16.3802 396.805 16.6406C396.933 16.901 396.996 17.1875 396.996 17.5V17.9219C396.996 18.2344 396.931 18.5208 396.801 18.7812C396.673 19.0391 396.483 19.2461 396.231 19.4023C395.978 19.5586 395.671 19.6367 395.309 19.6367C394.942 19.6367 394.632 19.5586 394.379 19.4023C394.129 19.2461 393.939 19.0378 393.809 18.7773C393.679 18.5169 393.614 18.2318 393.614 17.9219ZM394.641 17.5V17.9219C394.641 18.1302 394.689 18.3203 394.785 18.4922C394.884 18.6615 395.059 18.7461 395.309 18.7461C395.559 18.7461 395.731 18.6615 395.825 18.4922C395.921 18.3203 395.969 18.1302 395.969 17.9219V17.5C395.969 17.2917 395.923 17.1016 395.832 16.9297C395.741 16.7552 395.567 16.668 395.309 16.668C395.062 16.668 394.888 16.7552 394.789 16.9297C394.69 17.1042 394.641 17.2943 394.641 17.5ZM394.059 24L399.559 16H400.535L395.035 24H394.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M218.018 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M207.927 4.21484V3H214.31V4.21484H211.837V11H210.4V4.21484H207.927ZM222.334 7C222.334 7.86198 222.173 8.60026 221.85 9.21484C221.53 9.82682 221.092 10.2956 220.538 10.6211C219.985 10.9466 219.359 11.1094 218.659 11.1094C217.958 11.1094 217.331 10.9466 216.776 10.6211C216.224 10.293 215.786 9.82292 215.463 9.21094C215.143 8.59635 214.983 7.85937 214.983 7C214.983 6.13802 215.143 5.40104 215.463 4.78906C215.786 4.17448 216.224 3.70443 216.776 3.37891C217.331 3.05339 217.958 2.89062 218.659 2.89062C219.359 2.89062 219.985 3.05339 220.538 3.37891C221.092 3.70443 221.53 4.17448 221.85 4.78906C222.173 5.40104 222.334 6.13802 222.334 7ZM220.877 7C220.877 6.39323 220.782 5.88151 220.592 5.46484C220.405 5.04557 220.144 4.72917 219.811 4.51563C219.478 4.29948 219.094 4.19141 218.659 4.19141C218.224 4.19141 217.84 4.29948 217.506 4.51563C217.173 4.72917 216.911 5.04557 216.721 5.46484C216.534 5.88151 216.44 6.39323 216.44 7C216.44 7.60677 216.534 8.11979 216.721 8.53906C216.911 8.95573 217.173 9.27214 217.506 9.48828C217.84 9.70182 218.224 9.80859 218.659 9.80859C219.094 9.80859 219.478 9.70182 219.811 9.48828C220.144 9.27214 220.405 8.95573 220.592 8.53906C220.782 8.11979 220.877 7.60677 220.877 7ZM223.705 11V3H226.705C227.319 3 227.835 3.11458 228.251 3.34375C228.671 3.57292 228.987 3.88802 229.201 4.28906C229.417 4.6875 229.525 5.14062 229.525 5.64844C229.525 6.16146 229.417 6.61719 229.201 7.01563C228.984 7.41406 228.665 7.72786 228.244 7.95703C227.822 8.18359 227.302 8.29687 226.685 8.29687H224.697V7.10547H226.49C226.849 7.10547 227.143 7.04297 227.373 6.91797C227.602 6.79297 227.771 6.62109 227.88 6.40234C227.992 6.18359 228.048 5.93229 228.048 5.64844C228.048 5.36458 227.992 5.11458 227.88 4.89844C227.771 4.68229 227.6 4.51432 227.369 4.39453C227.139 4.27214 226.844 4.21094 226.482 4.21094H225.154V11H223.705ZM210.445 24.1094C209.924 24.1094 209.458 24.0117 209.046 23.8164C208.635 23.6185 208.308 23.3477 208.066 23.0039C207.826 22.6602 207.699 22.2669 207.683 21.8242H209.089C209.115 22.1523 209.257 22.4206 209.515 22.6289C209.773 22.8346 210.083 22.9375 210.445 22.9375C210.729 22.9375 210.981 22.8724 211.203 22.7422C211.424 22.612 211.598 22.431 211.726 22.1992C211.854 21.9674 211.916 21.7031 211.914 21.4062C211.916 21.1042 211.852 20.8359 211.722 20.6016C211.592 20.3672 211.414 20.1836 211.187 20.0508C210.96 19.9154 210.7 19.8477 210.406 19.8477C210.166 19.8451 209.93 19.8893 209.699 19.9805C209.467 20.0716 209.283 20.1914 209.148 20.3398L207.839 20.125L208.257 16H212.898V17.2109H209.457L209.226 19.332H209.273C209.421 19.1576 209.631 19.013 209.902 18.8984C210.173 18.7812 210.47 18.7227 210.792 18.7227C211.277 18.7227 211.709 18.8372 212.089 19.0664C212.47 19.293 212.769 19.6055 212.988 20.0039C213.207 20.4023 213.316 20.8581 213.316 21.3711C213.316 21.8997 213.193 22.3711 212.949 22.7852C212.707 23.1966 212.369 23.5208 211.937 23.7578C211.507 23.9922 211.01 24.1094 210.445 24.1094ZM217.582 24.1523C216.938 24.1523 216.386 23.9896 215.925 23.6641C215.467 23.3359 215.114 22.8633 214.867 22.2461C214.622 21.6263 214.499 20.8802 214.499 20.0078C214.502 19.1354 214.626 18.3932 214.871 17.7812C215.118 17.1667 215.471 16.6979 215.929 16.375C216.39 16.0521 216.941 15.8906 217.582 15.8906C218.222 15.8906 218.773 16.0521 219.234 16.375C219.695 16.6979 220.048 17.1667 220.292 17.7812C220.54 18.3958 220.664 19.138 220.664 20.0078C220.664 20.8828 220.54 21.6302 220.292 22.25C220.048 22.8672 219.695 23.3385 219.234 23.6641C218.776 23.9896 218.225 24.1523 217.582 24.1523ZM217.582 22.9297C218.082 22.9297 218.476 22.6836 218.765 22.1914C219.057 21.6966 219.203 20.9687 219.203 20.0078C219.203 19.3724 219.136 18.8385 219.003 18.4062C218.871 17.974 218.683 17.6484 218.441 17.4297C218.199 17.2083 217.912 17.0977 217.582 17.0977C217.084 17.0977 216.691 17.3451 216.402 17.8398C216.113 18.332 215.967 19.0547 215.964 20.0078C215.962 20.6458 216.026 21.1823 216.156 21.6172C216.289 22.0521 216.476 22.3802 216.718 22.6016C216.96 22.8203 217.248 22.9297 217.582 22.9297ZM226.239 22.5V22.0781C226.239 21.7682 226.304 21.4831 226.434 21.2227C226.567 20.9622 226.76 20.7526 227.012 20.5937C227.265 20.4349 227.571 20.3555 227.93 20.3555C228.3 20.3555 228.61 20.4349 228.86 20.5937C229.11 20.75 229.299 20.9583 229.426 21.2188C229.556 21.4792 229.622 21.7656 229.622 22.0781V22.5C229.622 22.8099 229.556 23.0951 229.426 23.3555C229.296 23.6159 229.105 23.8255 228.852 23.9844C228.602 24.1432 228.295 24.2227 227.93 24.2227C227.566 24.2227 227.257 24.1432 227.004 23.9844C226.752 23.8255 226.56 23.6159 226.43 23.3555C226.303 23.0951 226.239 22.8099 226.239 22.5ZM227.258 22.0781V22.5C227.258 22.7057 227.308 22.8945 227.407 23.0664C227.506 23.2383 227.68 23.3242 227.93 23.3242C228.183 23.3242 228.356 23.2396 228.45 23.0703C228.546 22.8984 228.594 22.7083 228.594 22.5V22.0781C228.594 21.8698 228.549 21.6797 228.457 21.5078C228.366 21.3333 228.191 21.2461 227.93 21.2461C227.685 21.2461 227.512 21.3333 227.411 21.5078C227.309 21.6797 227.258 21.8698 227.258 22.0781ZM222.172 17.9219V17.5C222.172 17.1875 222.239 16.901 222.372 16.6406C222.504 16.3802 222.697 16.1719 222.95 16.0156C223.202 15.8568 223.508 15.7773 223.868 15.7773C224.235 15.7773 224.543 15.8568 224.793 16.0156C225.046 16.1719 225.236 16.3802 225.364 16.6406C225.491 16.901 225.555 17.1875 225.555 17.5V17.9219C225.555 18.2344 225.49 18.5208 225.36 18.7812C225.232 19.0391 225.042 19.2461 224.79 19.4023C224.537 19.5586 224.23 19.6367 223.868 19.6367C223.5 19.6367 223.191 19.5586 222.938 19.4023C222.688 19.2461 222.498 19.0378 222.368 18.7773C222.237 18.5169 222.172 18.2318 222.172 17.9219ZM223.2 17.5V17.9219C223.2 18.1302 223.248 18.3203 223.344 18.4922C223.443 18.6615 223.618 18.7461 223.868 18.7461C224.118 18.7461 224.29 18.6615 224.383 18.4922C224.48 18.3203 224.528 18.1302 224.528 17.9219V17.5C224.528 17.2917 224.482 17.1016 224.391 16.9297C224.3 16.7552 224.125 16.668 223.868 16.668C223.62 16.668 223.447 16.7552 223.348 16.9297C223.249 17.1042 223.2 17.2943 223.2 17.5ZM222.618 24L228.118 16H229.094L223.594 24H222.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M4.20332 154.193L431.895 154.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M4 154.196L4 76.6958" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M419.16 154.193L419.16 87.7258" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M425.66 131.691C425.66 135.281 422.75 138.191 419.16 138.191C415.57 138.191 412.66 135.281 412.66 131.691C412.66 128.101 415.57 125.191 419.16 125.191C422.75 125.191 425.66 128.101 425.66 131.691Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M423.16 131.654C423.16 133.863 421.369 135.654 419.16 135.654C416.951 135.654 415.16 133.863 415.16 131.654C415.16 129.445 416.951 127.654 419.16 127.654C421.369 127.654 423.16 129.445 423.16 131.654Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M383.772 62.824C382.923 62.824 382.167 62.6782 381.505 62.3865C380.846 62.0911 380.325 61.6858 379.942 61.1706C379.563 60.6517 379.368 60.0532 379.357 59.3751H381.834C381.849 59.6592 381.942 59.9092 382.113 60.1251C382.287 60.3373 382.518 60.502 382.806 60.6195C383.094 60.7369 383.417 60.7956 383.777 60.7956C384.152 60.7956 384.484 60.7293 384.772 60.5967C385.06 60.4642 385.285 60.2804 385.448 60.0456C385.611 59.8108 385.692 59.5399 385.692 59.2331C385.692 58.9225 385.605 58.6479 385.431 58.4092C385.26 58.1668 385.014 57.9774 384.692 57.8411C384.374 57.7047 383.995 57.6365 383.556 57.6365H382.471V55.8297H383.556C383.927 55.8297 384.255 55.7653 384.539 55.6365C384.827 55.5077 385.05 55.3297 385.209 55.1024C385.368 54.8714 385.448 54.6024 385.448 54.2956C385.448 54.0039 385.378 53.7483 385.238 53.5286C385.101 53.3051 384.908 53.1308 384.658 53.0058C384.412 52.8808 384.124 52.8183 383.794 52.8183C383.461 52.8183 383.156 52.8789 382.88 53.0001C382.603 53.1176 382.382 53.2861 382.215 53.5058C382.048 53.7255 381.959 53.9831 381.948 54.2786H379.59C379.601 53.6081 379.792 53.0172 380.164 52.5058C380.535 51.9945 381.035 51.5948 381.664 51.307C382.296 51.0153 383.01 50.8695 383.806 50.8695C384.609 50.8695 385.311 51.0153 385.914 51.307C386.516 51.5986 386.984 51.9926 387.317 52.4888C387.654 52.9812 387.821 53.5342 387.817 54.1479C387.821 54.7994 387.618 55.3429 387.209 55.7786C386.804 56.2142 386.275 56.4907 385.624 56.6081V56.699C386.48 56.8089 387.132 57.1062 387.578 57.5911C388.029 58.0721 388.253 58.6744 388.249 59.3979C388.253 60.0608 388.061 60.6498 387.675 61.1649C387.292 61.6801 386.764 62.0854 386.09 62.3808C385.416 62.6763 384.643 62.824 383.772 62.824ZM394.58 62.9206C393.603 62.9168 392.762 62.6763 392.057 62.199C391.356 61.7217 390.817 61.0304 390.438 60.1251C390.063 59.2198 389.877 58.1308 389.881 56.8581C389.881 55.5892 390.069 54.5077 390.444 53.6138C390.822 52.7198 391.362 52.0399 392.063 51.574C392.767 51.1043 393.606 50.8695 394.58 50.8695C395.553 50.8695 396.391 51.1043 397.091 51.574C397.796 52.0437 398.337 52.7255 398.716 53.6195C399.095 54.5096 399.283 55.5892 399.279 56.8581C399.279 58.1346 399.089 59.2255 398.711 60.1308C398.336 61.0361 397.798 61.7274 397.097 62.2047C396.396 62.682 395.557 62.9206 394.58 62.9206ZM394.58 60.8808C395.247 60.8808 395.779 60.5456 396.176 59.8751C396.574 59.2047 396.771 58.199 396.767 56.8581C396.767 55.9755 396.676 55.2407 396.495 54.6536C396.317 54.0664 396.063 53.6251 395.733 53.3297C395.408 53.0342 395.023 52.8865 394.58 52.8865C393.917 52.8865 393.387 53.2179 392.989 53.8808C392.591 54.5437 392.391 55.5361 392.387 56.8581C392.387 57.752 392.476 58.4983 392.654 59.0967C392.836 59.6914 393.091 60.1384 393.421 60.4376C393.75 60.7331 394.137 60.8808 394.58 60.8808ZM405.596 62.9206C404.618 62.9168 403.777 62.6763 403.073 62.199C402.372 61.7217 401.832 61.0304 401.453 60.1251C401.078 59.2198 400.893 58.1308 400.897 56.8581C400.897 55.5892 401.084 54.5077 401.459 53.6138C401.838 52.7198 402.378 52.0399 403.078 51.574C403.783 51.1043 404.622 50.8695 405.596 50.8695C406.569 50.8695 407.406 51.1043 408.107 51.574C408.811 52.0437 409.353 52.7255 409.732 53.6195C410.111 54.5096 410.298 55.5892 410.294 56.8581C410.294 58.1346 410.105 59.2255 409.726 60.1308C409.351 61.0361 408.813 61.7274 408.113 62.2047C407.412 62.682 406.573 62.9206 405.596 62.9206ZM405.596 60.8808C406.262 60.8808 406.794 60.5456 407.192 59.8751C407.59 59.2047 407.787 58.199 407.783 56.8581C407.783 55.9755 407.692 55.2407 407.51 54.6536C407.332 54.0664 407.078 53.6251 406.749 53.3297C406.423 53.0342 406.039 52.8865 405.596 52.8865C404.933 52.8865 404.402 53.2179 404.005 53.8808C403.607 54.5437 403.406 55.5361 403.402 56.8581C403.402 57.752 403.491 58.4983 403.669 59.0967C403.851 59.6914 404.107 60.1384 404.436 60.4376C404.766 60.7331 405.152 60.8808 405.596 60.8808Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M381.289 73.03C381.557 73.0321 381.826 73.0832 382.094 73.1834C382.363 73.2835 382.608 73.4497 382.829 73.682C383.051 73.9121 383.229 74.2264 383.363 74.6248C383.497 75.0232 383.564 75.5229 383.564 76.1237C383.564 76.7054 383.509 77.2221 383.398 77.6738C383.289 78.1234 383.132 78.5026 382.925 78.8116C382.721 79.1205 382.471 79.3549 382.177 79.5147C381.885 79.6745 381.555 79.7544 381.186 79.7544C380.82 79.7544 380.493 79.682 380.205 79.5371C379.92 79.3901 379.685 79.1866 379.502 78.9266C379.321 78.6646 379.205 78.3609 379.154 78.0158H379.934C380.004 78.3162 380.143 78.5644 380.352 78.7604C380.563 78.9543 380.841 79.0513 381.186 79.0513C381.691 79.0513 382.09 78.8308 382.382 78.3897C382.676 77.9487 382.823 77.3254 382.823 76.52H382.772C382.652 76.699 382.511 76.8535 382.347 76.9835C382.183 77.1134 382 77.2136 381.8 77.2839C381.6 77.3542 381.387 77.3893 381.161 77.3893C380.786 77.3893 380.442 77.2967 380.129 77.1113C379.817 76.9238 379.568 76.667 379.381 76.3411C379.195 76.0129 379.103 75.6379 379.103 75.2161C379.103 74.8155 379.192 74.449 379.371 74.1166C379.552 73.7821 379.806 73.5158 380.132 73.3176C380.46 73.1195 380.846 73.0236 381.289 73.03ZM381.289 73.7331C381.02 73.7331 380.778 73.8002 380.563 73.9344C380.35 74.0666 380.181 74.2455 380.055 74.4714C379.931 74.6951 379.87 74.9433 379.87 75.2161C379.87 75.4888 379.929 75.737 380.049 75.9607C380.17 76.1823 380.335 76.3592 380.544 76.4913C380.755 76.6212 380.995 76.6862 381.263 76.6862C381.466 76.6862 381.654 76.6468 381.829 76.568C382.004 76.487 382.156 76.3773 382.286 76.2388C382.418 76.0982 382.521 75.9394 382.596 75.7626C382.67 75.5836 382.708 75.3972 382.708 75.2033C382.708 74.9476 382.646 74.7079 382.522 74.4842C382.401 74.2604 382.233 74.0793 382.017 73.9408C381.804 73.8023 381.561 73.7331 381.289 73.7331ZM384.85 79.6649L387.777 73.8737V73.8226H384.402V73.1195H388.596V73.8609L385.681 79.6649H384.85ZM391.935 74.7558V75.395H389.391V74.7558H391.935ZM390.132 73.5797H390.886V78.2587C390.886 78.4717 390.917 78.6315 390.979 78.7381C391.043 78.8425 391.124 78.9128 391.222 78.949C391.322 78.9831 391.428 79.0001 391.538 79.0001C391.621 79.0001 391.69 78.9959 391.743 78.9874C391.796 78.9767 391.839 78.9682 391.871 78.9618L392.024 79.6393C391.973 79.6585 391.902 79.6777 391.81 79.6969C391.718 79.7182 391.602 79.7288 391.462 79.7288C391.249 79.7288 391.04 79.683 390.835 79.5914C390.633 79.4998 390.464 79.3602 390.33 79.1727C390.198 78.9852 390.132 78.7487 390.132 78.4632V73.5797ZM393.929 76.7118V79.6649H393.175V73.1195H393.929V75.5229H393.993C394.108 75.2693 394.281 75.068 394.511 74.9188C394.743 74.7675 395.052 74.6919 395.438 74.6919C395.772 74.6919 396.065 74.759 396.316 74.8933C396.568 75.0254 396.763 75.2288 396.901 75.5037C397.042 75.7764 397.112 76.1237 397.112 76.5456V79.6649H396.358V76.5967C396.358 76.2068 396.257 75.9053 396.054 75.6923C395.854 75.4771 395.576 75.3695 395.22 75.3695C394.973 75.3695 394.751 75.4217 394.555 75.5261C394.362 75.6305 394.208 75.7828 394.095 75.9831C393.984 76.1834 393.929 76.4263 393.929 76.7118ZM379.218 92.5058V85.7558H379.946V86.5357H380.036C380.091 86.4504 380.168 86.3418 380.266 86.2097C380.366 86.0754 380.509 85.9561 380.694 85.8517C380.882 85.7452 381.135 85.6919 381.455 85.6919C381.868 85.6919 382.233 85.7952 382.548 86.0019C382.863 86.2086 383.109 86.5016 383.286 86.8808C383.463 87.2601 383.551 87.7075 383.551 88.2232C383.551 88.743 383.463 89.1937 383.286 89.5751C383.109 89.9543 382.864 90.2484 382.551 90.4572C382.238 90.6639 381.877 90.7672 381.468 90.7672C381.152 90.7672 380.9 90.715 380.71 90.6106C380.521 90.5041 380.375 90.3837 380.272 90.2494C380.17 90.1131 380.091 90.0001 380.036 89.9107H379.972V92.5058H379.218ZM379.959 88.2104C379.959 88.5811 380.013 88.9082 380.122 89.1916C380.231 89.4728 380.39 89.6933 380.598 89.8531C380.807 90.0108 381.063 90.0896 381.365 90.0896C381.681 90.0896 381.944 90.0065 382.155 89.8403C382.368 89.672 382.528 89.4462 382.634 89.1628C382.743 88.8773 382.797 88.5598 382.797 88.2104C382.797 87.8652 382.744 87.5541 382.637 87.2771C382.533 86.998 382.374 86.7775 382.161 86.6156C381.95 86.4515 381.685 86.3695 381.365 86.3695C381.059 86.3695 380.801 86.4472 380.592 86.6028C380.383 86.7562 380.225 86.9714 380.119 87.2484C380.012 87.5232 379.959 87.8439 379.959 88.2104ZM386.76 90.7672C386.287 90.7672 385.879 90.6628 385.536 90.454C385.195 90.243 384.932 89.949 384.747 89.5719C384.564 89.1926 384.472 88.7516 384.472 88.2487C384.472 87.7459 384.564 87.3027 384.747 86.9192C384.932 86.5335 385.19 86.2331 385.52 86.0179C385.853 85.8006 386.24 85.6919 386.684 85.6919C386.939 85.6919 387.192 85.7345 387.441 85.8197C387.69 85.905 387.917 86.0435 388.122 86.2352C388.326 86.4249 388.489 86.6763 388.611 86.9895C388.732 87.3027 388.793 87.6884 388.793 88.1465V88.4661H385.009V87.8141H388.026C388.026 87.5371 387.971 87.2899 387.86 87.0726C387.751 86.8553 387.596 86.6837 387.393 86.558C387.193 86.4323 386.956 86.3695 386.684 86.3695C386.383 86.3695 386.123 86.444 385.904 86.5932C385.686 86.7402 385.519 86.932 385.402 87.1685C385.285 87.405 385.226 87.6585 385.226 87.9291V88.3638C385.226 88.7345 385.29 89.0488 385.418 89.3066C385.548 89.5623 385.728 89.7572 385.958 89.8915C386.188 90.0236 386.456 90.0896 386.76 90.0896C386.958 90.0896 387.137 90.0619 387.297 90.0065C387.459 89.949 387.599 89.8638 387.716 89.7509C387.833 89.6358 387.924 89.493 387.988 89.3226L388.716 89.5271C388.64 89.7743 388.511 89.9916 388.33 90.1791C388.148 90.3645 387.925 90.5094 387.658 90.6138C387.392 90.7161 387.093 90.7672 386.76 90.7672ZM389.94 90.6649V85.7558H390.669V86.4973H390.72C390.81 86.2544 390.972 86.0573 391.206 85.906C391.44 85.7548 391.705 85.6791 391.999 85.6791C392.054 85.6791 392.123 85.6802 392.206 85.6823C392.289 85.6844 392.352 85.6876 392.395 85.6919V86.459C392.369 86.4526 392.311 86.443 392.219 86.4302C392.13 86.4153 392.035 86.4078 391.935 86.4078C391.696 86.4078 391.483 86.4579 391.295 86.558C391.11 86.656 390.963 86.7924 390.854 86.9671C390.748 87.1397 390.695 87.3368 390.695 87.5584V90.6649H389.94ZM395.134 90.7672C394.674 90.7672 394.277 90.6585 393.945 90.4412C393.613 90.2239 393.357 89.9245 393.178 89.5431C392.999 89.1617 392.909 88.726 392.909 88.2359C392.909 87.7374 393.001 87.2974 393.184 86.916C393.37 86.5325 393.627 86.2331 393.958 86.0179C394.29 85.8006 394.678 85.6919 395.121 85.6919C395.466 85.6919 395.777 85.7558 396.054 85.8837C396.331 86.0115 396.558 86.1905 396.735 86.4206C396.912 86.6507 397.022 86.9192 397.064 87.226H396.31C396.252 87.0023 396.125 86.8041 395.926 86.6315C395.73 86.4568 395.466 86.3695 395.134 86.3695C394.84 86.3695 394.582 86.4462 394.36 86.5996C394.141 86.7509 393.969 86.965 393.846 87.242C393.724 87.5168 393.664 87.8396 393.664 88.2104C393.664 88.5896 393.723 88.9199 393.843 89.2011C393.964 89.4824 394.135 89.7008 394.354 89.8563C394.576 90.0119 394.836 90.0896 395.134 90.0896C395.33 90.0896 395.508 90.0555 395.668 89.9874C395.827 89.9192 395.963 89.8212 396.074 89.6933C396.184 89.5655 396.263 89.4121 396.31 89.2331H397.064C397.022 89.5229 396.916 89.7839 396.748 90.0161C396.582 90.2462 396.361 90.4295 396.086 90.5658C395.814 90.7001 395.496 90.7672 395.134 90.7672ZM400.225 90.7672C399.752 90.7672 399.344 90.6628 399.001 90.454C398.66 90.243 398.397 89.949 398.212 89.5719C398.028 89.1926 397.937 88.7516 397.937 88.2487C397.937 87.7459 398.028 87.3027 398.212 86.9192C398.397 86.5335 398.655 86.2331 398.985 86.0179C399.317 85.8006 399.705 85.6919 400.148 85.6919C400.404 85.6919 400.657 85.7345 400.906 85.8197C401.155 85.905 401.382 86.0435 401.587 86.2352C401.791 86.4249 401.954 86.6763 402.076 86.9895C402.197 87.3027 402.258 87.6884 402.258 88.1465V88.4661H398.474V87.8141H401.491C401.491 87.5371 401.435 87.2899 401.325 87.0726C401.216 86.8553 401.06 86.6837 400.858 86.558C400.658 86.4323 400.421 86.3695 400.148 86.3695C399.848 86.3695 399.588 86.444 399.369 86.5932C399.151 86.7402 398.984 86.932 398.867 87.1685C398.75 87.405 398.691 87.6585 398.691 87.9291V88.3638C398.691 88.7345 398.755 89.0488 398.883 89.3066C399.013 89.5623 399.193 89.7572 399.423 89.8915C399.653 90.0236 399.92 90.0896 400.225 90.0896C400.423 90.0896 400.602 90.0619 400.762 90.0065C400.924 89.949 401.064 89.8638 401.181 89.7509C401.298 89.6358 401.388 89.493 401.452 89.3226L402.181 89.5271C402.104 89.7743 401.975 89.9916 401.794 90.1791C401.613 90.3645 401.39 90.5094 401.123 90.6138C400.857 90.7161 400.558 90.7672 400.225 90.7672ZM404.159 87.7118V90.6649H403.405V85.7558H404.134V86.5229H404.198C404.313 86.2736 404.488 86.0733 404.722 85.922C404.956 85.7686 405.259 85.6919 405.63 85.6919C405.962 85.6919 406.253 85.7601 406.502 85.8965C406.751 86.0307 406.945 86.2352 407.084 86.5101C407.222 86.7828 407.292 87.128 407.292 87.5456V90.6649H406.537V87.5967C406.537 87.2111 406.437 86.9107 406.237 86.6955C406.037 86.4781 405.762 86.3695 405.412 86.3695C405.172 86.3695 404.956 86.4217 404.767 86.5261C404.579 86.6305 404.431 86.7828 404.322 86.9831C404.214 87.1834 404.159 87.4263 404.159 87.7118ZM410.805 85.7558V86.395H408.261V85.7558H410.805ZM409.002 84.5797H409.756V89.2587C409.756 89.4717 409.787 89.6315 409.849 89.7381C409.913 89.8425 409.994 89.9128 410.092 89.949C410.192 89.9831 410.298 90.0001 410.408 90.0001C410.492 90.0001 410.56 89.9959 410.613 89.9874C410.666 89.9767 410.709 89.9682 410.741 89.9618L410.894 90.6393C410.843 90.6585 410.772 90.6777 410.68 90.6969C410.589 90.7182 410.472 90.7288 410.332 90.7288C410.119 90.7288 409.91 90.683 409.705 90.5914C409.503 90.4998 409.335 90.3602 409.2 90.1727C409.068 89.9852 409.002 89.7487 409.002 89.4632V84.5797ZM411.939 90.6649V85.7558H412.694V90.6649H411.939ZM412.323 84.9376C412.176 84.9376 412.049 84.8876 411.943 84.7874C411.838 84.6873 411.786 84.5669 411.786 84.4263C411.786 84.2857 411.838 84.1653 411.943 84.0651C412.049 83.965 412.176 83.9149 412.323 83.9149C412.47 83.9149 412.596 83.965 412.7 84.0651C412.807 84.1653 412.86 84.2857 412.86 84.4263C412.86 84.5669 412.807 84.6873 412.7 84.7874C412.596 84.8876 412.47 84.9376 412.323 84.9376ZM414.829 84.1195V90.6649H414.075V84.1195H414.829ZM418.269 90.7672C417.796 90.7672 417.388 90.6628 417.045 90.454C416.704 90.243 416.441 89.949 416.256 89.5719C416.072 89.1926 415.981 88.7516 415.981 88.2487C415.981 87.7459 416.072 87.3027 416.256 86.9192C416.441 86.5335 416.699 86.2331 417.029 86.0179C417.361 85.8006 417.749 85.6919 418.192 85.6919C418.448 85.6919 418.701 85.7345 418.95 85.8197C419.199 85.905 419.426 86.0435 419.631 86.2352C419.835 86.4249 419.998 86.6763 420.12 86.9895C420.241 87.3027 420.302 87.6884 420.302 88.1465V88.4661H416.518V87.8141H419.535C419.535 87.5371 419.479 87.2899 419.369 87.0726C419.26 86.8553 419.104 86.6837 418.902 86.558C418.702 86.4323 418.465 86.3695 418.192 86.3695C417.892 86.3695 417.632 86.444 417.413 86.5932C417.195 86.7402 417.028 86.932 416.911 87.1685C416.794 87.405 416.735 87.6585 416.735 87.9291V88.3638C416.735 88.7345 416.799 89.0488 416.927 89.3066C417.057 89.5623 417.237 89.7572 417.467 89.8915C417.697 90.0236 417.964 90.0896 418.269 90.0896C418.467 90.0896 418.646 90.0619 418.806 90.0065C418.968 89.949 419.108 89.8638 419.225 89.7509C419.342 89.6358 419.432 89.493 419.496 89.3226L420.225 89.5271C420.148 89.7743 420.019 89.9916 419.838 90.1791C419.657 90.3645 419.434 90.5094 419.167 90.6138C418.901 90.7161 418.601 90.7672 418.269 90.7672Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/4290-profile.svg b/src/public/images/developers/4290-profile.svg
new file mode 100644
index 0000000000..04a4f91f9f
--- /dev/null
+++ b/src/public/images/developers/4290-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.53C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.939 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.235 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.955 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.588 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.601 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.86 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.425 16.5673 220.865 16.2926C221.305 16.0148 221.794 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.833 16.3903 223.992 16.5856C224.151 16.7779 224.271 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.936 24.2133 225.649 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.694 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.62 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.121 19.0274 221.121 19.4517C221.121 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.778 23V15.9675H229.436V23H227.778ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.968 16.7688 233.226 16.4559 233.58 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.532 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.113 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.384 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.648C243.645 18.5025 243.577 18.2201 243.442 17.9729C243.308 17.7226 243.12 17.5257 242.879 17.3823C242.641 17.2388 242.363 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.553 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.458 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.152 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.168 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.656 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.474 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.474 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.452 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.115V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.339 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.832 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.938 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.252 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.621 16.201C256.936 15.9782 257.294 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.523 17.3411C257.221 17.3411 256.95 17.4067 256.708 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.964 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.265 14.3193 259.265 14.0721C259.265 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.964 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.188 13.8218 261.188 14.0721C261.188 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.755V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.903 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.106 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.652 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.681 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.971V23.1145C276.971 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.364 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.581 21.3426C274.829 21.1717 275.016 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.019 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.006 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.693 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.614 36.2606 207.614 35.525C207.614 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.189 32.3384C209.687 32.0301 210.271 31.876 210.943 31.876C211.376 31.876 211.785 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.329 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.482 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.088 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.378L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.708 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.463 39.1374C224.761 39.1374 224.159 38.9832 223.655 38.6749C223.154 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.027 33.0755C228.29 33.454 228.439 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.138 33.2129 224.841 33.3044 224.584 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.721 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.436 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.463 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.863 31.876C233.297 31.876 233.706 31.9462 234.09 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.077 34.8123 236.077 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.148 33.7226 233.961 33.5257 233.72 33.3823C233.481 33.2388 233.204 33.1671 232.886 33.1671C232.547 33.1671 232.25 33.2495 231.993 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.552 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.214 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.443 34.8123 250.443 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.847 33.2388 247.57 33.1671 247.252 33.1671C246.913 33.1671 246.616 33.2495 246.359 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.544 34.9206V35.8958C245.544 36.3048 245.619 36.6558 245.769 36.9489C245.918 37.2388 246.127 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.24 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.752 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.474 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.836 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.981 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.783 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.15 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.15 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.881 37.512C262.138 37.6951 262.439 37.7867 262.783 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.633 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.089 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.978 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.978 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.619V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.192 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.279 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.442 37.4388C271.586 37.3045 271.694 37.1381 271.767 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.756 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+  <path d="M240 78.5635L313.588 123.452L285.624 209.55L188.489 218.38L177 127L240 78.5635Z" fill="#42B883"
+        fill-opacity="0.5" stroke="#42B883"/>
+</svg>
diff --git a/src/public/images/developers/4290-score.svg b/src/public/images/developers/4290-score.svg
new file mode 100644
index 0000000000..6bbebf4031
--- /dev/null
+++ b/src/public/images/developers/4290-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M15 173.471C63.0151 173.471 91.7152 133.041 129.151 133.041C166.586 133.041 186.552 152.008 227.98 130.046C256.24 115.065 278.892 82.8774 316.827 82.8774C365.992 82.8774 395.94 173.222 442.894 175.717V195.081H15V173.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M400 150.382C413.295 164.272 427.137 175.002 442.894 175.84V195H400V150.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M336 87.6073V195H229V129.619C237.901 124.75 246.265 118.216 254.756 111.585C272.772 97.5135 291.354 83 316.827 83C323.546 83 329.906 84.6874 336 87.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M400 150.383V195H336V87.6074C352.715 95.6168 367.426 112.9 382.039 130.07C387.999 137.072 393.943 144.055 400 150.383Z"
+        fill="#42B883"/>
+  <path
+    d="M15.4995 216.166C14.7978 216.166 14.1955 215.989 13.6926 215.634C13.1926 215.276 12.8077 214.76 12.5378 214.087C12.2708 213.411 12.1373 212.597 12.1373 211.645C12.1401 210.693 12.275 209.884 12.5421 209.216C12.812 208.545 13.1969 208.034 13.6969 207.682C14.1998 207.33 14.8006 207.153 15.4995 207.153C16.1983 207.153 16.7992 207.33 17.302 207.682C17.8049 208.034 18.1898 208.545 18.4569 209.216C18.7267 209.886 18.8617 210.696 18.8617 211.645C18.8617 212.599 18.7267 213.415 18.4569 214.091C18.1898 214.764 17.8049 215.278 17.302 215.634C16.802 215.989 16.2012 216.166 15.4995 216.166ZM15.4995 214.832C16.0449 214.832 16.4753 214.564 16.7907 214.027C17.1088 213.487 17.2679 212.693 17.2679 211.645C17.2679 210.952 17.1955 210.369 17.0506 209.898C16.9057 209.426 16.7012 209.071 16.437 208.832C16.1728 208.591 15.8603 208.47 15.4995 208.47C14.9569 208.47 14.5279 208.74 14.2125 209.28C13.8972 209.817 13.7381 210.605 13.7353 211.645C13.7324 212.341 13.802 212.926 13.9441 213.401C14.089 213.875 14.2935 214.233 14.5577 214.474C14.8219 214.713 15.1358 214.832 15.4995 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M152.105 207.273V216H150.524V208.811H150.473L148.432 210.115V208.666L150.601 207.273H152.105ZM157.547 216.166C156.845 216.166 156.243 215.989 155.74 215.634C155.24 215.276 154.855 214.76 154.585 214.087C154.318 213.411 154.185 212.597 154.185 211.645C154.188 210.693 154.323 209.884 154.59 209.216C154.859 208.545 155.244 208.034 155.744 207.682C156.247 207.33 156.848 207.153 157.547 207.153C158.246 207.153 158.847 207.33 159.35 207.682C159.852 208.034 160.237 208.545 160.504 209.216C160.774 209.886 160.909 210.696 160.909 211.645C160.909 212.599 160.774 213.415 160.504 214.091C160.237 214.764 159.852 215.278 159.35 215.634C158.85 215.989 158.249 216.166 157.547 216.166ZM157.547 214.832C158.092 214.832 158.523 214.564 158.838 214.027C159.156 213.487 159.315 212.693 159.315 211.645C159.315 210.952 159.243 210.369 159.098 209.898C158.953 209.426 158.749 209.071 158.484 208.832C158.22 208.591 157.908 208.47 157.547 208.47C157.004 208.47 156.575 208.74 156.26 209.28C155.945 209.817 155.786 210.605 155.783 211.645C155.78 212.341 155.85 212.926 155.992 213.401C156.136 213.875 156.341 214.233 156.605 214.474C156.869 214.713 157.183 214.832 157.547 214.832ZM165.551 216.166C164.849 216.166 164.247 215.989 163.744 215.634C163.244 215.276 162.859 214.76 162.589 214.087C162.322 213.411 162.189 212.597 162.189 211.645C162.191 210.693 162.326 209.884 162.593 209.216C162.863 208.545 163.248 208.034 163.748 207.682C164.251 207.33 164.852 207.153 165.551 207.153C166.25 207.153 166.851 207.33 167.353 207.682C167.856 208.034 168.241 208.545 168.508 209.216C168.778 209.886 168.913 210.696 168.913 211.645C168.913 212.599 168.778 213.415 168.508 214.091C168.241 214.764 167.856 215.278 167.353 215.634C166.853 215.989 166.253 216.166 165.551 216.166ZM165.551 214.832C166.096 214.832 166.527 214.564 166.842 214.027C167.16 213.487 167.319 212.693 167.319 211.645C167.319 210.952 167.247 210.369 167.102 209.898C166.957 209.426 166.753 209.071 166.488 208.832C166.224 208.591 165.912 208.47 165.551 208.47C165.008 208.47 164.579 208.74 164.264 209.28C163.949 209.817 163.789 210.605 163.787 211.645C163.784 212.341 163.853 212.926 163.995 213.401C164.14 213.875 164.345 214.233 164.609 214.474C164.873 214.713 165.187 214.832 165.551 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M221.644 207.273V216H220.063V208.811H220.012L217.97 210.115V208.666L220.139 207.273H221.644ZM226.894 216.119C226.325 216.119 225.817 216.013 225.368 215.8C224.919 215.584 224.563 215.288 224.298 214.913C224.037 214.538 223.898 214.109 223.881 213.626H225.415C225.443 213.984 225.598 214.277 225.879 214.504C226.161 214.729 226.499 214.841 226.894 214.841C227.203 214.841 227.479 214.77 227.72 214.628C227.962 214.486 228.152 214.288 228.291 214.036C228.431 213.783 228.499 213.494 228.496 213.17C228.499 212.841 228.429 212.548 228.287 212.293C228.145 212.037 227.95 211.837 227.703 211.692C227.456 211.544 227.172 211.47 226.851 211.47C226.59 211.467 226.333 211.516 226.08 211.615C225.827 211.714 225.627 211.845 225.479 212.007L224.051 211.773L224.507 207.273H229.57V208.594H225.816L225.564 210.908H225.615C225.777 210.717 226.006 210.56 226.301 210.435C226.597 210.307 226.921 210.243 227.273 210.243C227.801 210.243 228.273 210.368 228.688 210.618C229.102 210.865 229.429 211.206 229.668 211.641C229.906 212.075 230.026 212.572 230.026 213.132C230.026 213.709 229.892 214.223 229.625 214.675C229.361 215.124 228.993 215.477 228.521 215.736C228.053 215.991 227.51 216.119 226.894 216.119ZM234.679 216.166C233.977 216.166 233.375 215.989 232.872 215.634C232.372 215.276 231.987 214.76 231.718 214.087C231.45 213.411 231.317 212.597 231.317 211.645C231.32 210.693 231.455 209.884 231.722 209.216C231.992 208.545 232.377 208.034 232.877 207.682C233.379 207.33 233.98 207.153 234.679 207.153C235.378 207.153 235.979 207.33 236.482 207.682C236.985 208.034 237.369 208.545 237.637 209.216C237.906 209.886 238.041 210.696 238.041 211.645C238.041 212.599 237.906 213.415 237.637 214.091C237.369 214.764 236.985 215.278 236.482 215.634C235.982 215.989 235.381 216.166 234.679 216.166ZM234.679 214.832C235.225 214.832 235.655 214.564 235.97 214.027C236.289 213.487 236.448 212.693 236.448 211.645C236.448 210.952 236.375 210.369 236.23 209.898C236.085 209.426 235.881 209.071 235.617 208.832C235.352 208.591 235.04 208.47 234.679 208.47C234.137 208.47 233.708 208.74 233.392 209.28C233.077 209.817 232.918 210.605 232.915 211.645C232.912 212.341 232.982 212.926 233.124 213.401C233.269 213.875 233.473 214.233 233.737 214.474C234.002 214.713 234.316 214.832 234.679 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M287.378 216V214.858L290.408 211.888C290.698 211.595 290.939 211.335 291.133 211.108C291.326 210.881 291.471 210.661 291.567 210.447C291.664 210.234 291.712 210.007 291.712 209.766C291.712 209.49 291.65 209.254 291.525 209.058C291.4 208.859 291.228 208.706 291.009 208.598C290.79 208.49 290.542 208.436 290.263 208.436C289.976 208.436 289.725 208.496 289.509 208.615C289.293 208.732 289.126 208.898 289.006 209.114C288.89 209.33 288.831 209.587 288.831 209.885H287.327C287.327 209.331 287.454 208.849 287.706 208.44C287.959 208.031 288.307 207.714 288.751 207.49C289.197 207.266 289.708 207.153 290.285 207.153C290.87 207.153 291.384 207.263 291.827 207.482C292.27 207.7 292.614 208 292.858 208.381C293.106 208.761 293.229 209.196 293.229 209.685C293.229 210.011 293.167 210.332 293.042 210.648C292.917 210.963 292.697 211.312 292.381 211.696C292.069 212.08 291.63 212.544 291.064 213.089L289.56 214.619V214.679H293.361V216H287.378ZM298.057 216.166C297.356 216.166 296.753 215.989 296.251 215.634C295.751 215.276 295.366 214.76 295.096 214.087C294.829 213.411 294.695 212.597 294.695 211.645C294.698 210.693 294.833 209.884 295.1 209.216C295.37 208.545 295.755 208.034 296.255 207.682C296.758 207.33 297.358 207.153 298.057 207.153C298.756 207.153 299.357 207.33 299.86 207.682C300.363 208.034 300.748 208.545 301.015 209.216C301.285 209.886 301.42 210.696 301.42 211.645C301.42 212.599 301.285 213.415 301.015 214.091C300.748 214.764 300.363 215.278 299.86 215.634C299.36 215.989 298.759 216.166 298.057 216.166ZM298.057 214.832C298.603 214.832 299.033 214.564 299.349 214.027C299.667 213.487 299.826 212.693 299.826 211.645C299.826 210.952 299.753 210.369 299.608 209.898C299.464 209.426 299.259 209.071 298.995 208.832C298.731 208.591 298.418 208.47 298.057 208.47C297.515 208.47 297.086 208.74 296.77 209.28C296.455 209.817 296.296 210.605 296.293 211.645C296.29 212.341 296.36 212.926 296.502 213.401C296.647 213.875 296.851 214.233 297.116 214.474C297.38 214.713 297.694 214.832 298.057 214.832ZM306.061 216.166C305.36 216.166 304.757 215.989 304.254 215.634C303.754 215.276 303.369 214.76 303.1 214.087C302.833 213.411 302.699 212.597 302.699 211.645C302.702 210.693 302.837 209.884 303.104 209.216C303.374 208.545 303.759 208.034 304.259 207.682C304.762 207.33 305.362 207.153 306.061 207.153C306.76 207.153 307.361 207.33 307.864 207.682C308.367 208.034 308.752 208.545 309.019 209.216C309.289 209.886 309.423 210.696 309.423 211.645C309.423 212.599 309.289 213.415 309.019 214.091C308.752 214.764 308.367 215.278 307.864 215.634C307.364 215.989 306.763 216.166 306.061 216.166ZM306.061 214.832C306.607 214.832 307.037 214.564 307.352 214.027C307.671 213.487 307.83 212.693 307.83 211.645C307.83 210.952 307.757 210.369 307.612 209.898C307.467 209.426 307.263 209.071 306.999 208.832C306.735 208.591 306.422 208.47 306.061 208.47C305.519 208.47 305.09 208.74 304.774 209.28C304.459 209.817 304.3 210.605 304.297 211.645C304.294 212.341 304.364 212.926 304.506 213.401C304.651 213.875 304.855 214.233 305.119 214.474C305.384 214.713 305.698 214.832 306.061 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M358.917 216V214.858L361.947 211.888C362.236 211.595 362.478 211.335 362.671 211.108C362.864 210.881 363.009 210.661 363.106 210.447C363.202 210.234 363.25 210.007 363.25 209.766C363.25 209.49 363.188 209.254 363.063 209.058C362.938 208.859 362.766 208.706 362.547 208.598C362.329 208.49 362.08 208.436 361.802 208.436C361.515 208.436 361.263 208.496 361.047 208.615C360.831 208.732 360.664 208.898 360.545 209.114C360.428 209.33 360.37 209.587 360.37 209.885H358.866C358.866 209.331 358.992 208.849 359.245 208.44C359.498 208.031 359.846 207.714 360.289 207.49C360.735 207.266 361.246 207.153 361.823 207.153C362.408 207.153 362.922 207.263 363.366 207.482C363.809 207.7 364.152 208 364.397 208.381C364.644 208.761 364.768 209.196 364.768 209.685C364.768 210.011 364.705 210.332 364.58 210.648C364.455 210.963 364.235 211.312 363.92 211.696C363.607 212.08 363.168 212.544 362.603 213.089L361.098 214.619V214.679H364.9V216H358.917ZM369.404 216.119C368.836 216.119 368.327 216.013 367.878 215.8C367.429 215.584 367.073 215.288 366.809 214.913C366.547 214.538 366.408 214.109 366.391 213.626H367.925C367.954 213.984 368.108 214.277 368.39 214.504C368.671 214.729 369.009 214.841 369.404 214.841C369.714 214.841 369.989 214.77 370.231 214.628C370.472 214.486 370.662 214.288 370.802 214.036C370.941 213.783 371.009 213.494 371.006 213.17C371.009 212.841 370.939 212.548 370.797 212.293C370.655 212.037 370.461 211.837 370.214 211.692C369.966 211.544 369.682 211.47 369.361 211.47C369.1 211.467 368.843 211.516 368.59 211.615C368.337 211.714 368.137 211.845 367.989 212.007L366.562 211.773L367.018 207.273H372.08V208.594H368.326L368.074 210.908H368.125C368.287 210.717 368.516 210.56 368.812 210.435C369.107 210.307 369.431 210.243 369.783 210.243C370.312 210.243 370.783 210.368 371.198 210.618C371.613 210.865 371.939 211.206 372.178 211.641C372.417 212.075 372.536 212.572 372.536 213.132C372.536 213.709 372.402 214.223 372.135 214.675C371.871 215.124 371.503 215.477 371.032 215.736C370.563 215.991 370.02 216.119 369.404 216.119ZM377.189 216.166C376.488 216.166 375.885 215.989 375.383 215.634C374.883 215.276 374.498 214.76 374.228 214.087C373.961 213.411 373.827 212.597 373.827 211.645C373.83 210.693 373.965 209.884 374.232 209.216C374.502 208.545 374.887 208.034 375.387 207.682C375.89 207.33 376.491 207.153 377.189 207.153C377.888 207.153 378.489 207.33 378.992 207.682C379.495 208.034 379.88 208.545 380.147 209.216C380.417 209.886 380.552 210.696 380.552 211.645C380.552 212.599 380.417 213.415 380.147 214.091C379.88 214.764 379.495 215.278 378.992 215.634C378.492 215.989 377.891 216.166 377.189 216.166ZM377.189 214.832C377.735 214.832 378.165 214.564 378.481 214.027C378.799 213.487 378.958 212.693 378.958 211.645C378.958 210.952 378.885 210.369 378.741 209.898C378.596 209.426 378.391 209.071 378.127 208.832C377.863 208.591 377.55 208.47 377.189 208.47C376.647 208.47 376.218 208.74 375.902 209.28C375.587 209.817 375.428 210.605 375.425 211.645C375.422 212.341 375.492 212.926 375.634 213.401C375.779 213.875 375.983 214.233 376.248 214.474C376.512 214.713 376.826 214.832 377.189 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M433.083 216.119C432.47 216.119 431.924 216.014 431.447 215.804C430.973 215.594 430.598 215.301 430.322 214.926C430.047 214.551 429.9 214.118 429.883 213.626H431.485C431.5 213.862 431.578 214.068 431.72 214.244C431.862 214.418 432.051 214.553 432.287 214.649C432.522 214.746 432.787 214.794 433.079 214.794C433.392 214.794 433.669 214.74 433.91 214.632C434.152 214.521 434.341 214.368 434.477 214.172C434.613 213.976 434.68 213.75 434.677 213.494C434.68 213.23 434.612 212.997 434.473 212.795C434.333 212.594 434.132 212.436 433.868 212.322C433.606 212.209 433.291 212.152 432.922 212.152H432.15V210.933H432.922C433.225 210.933 433.491 210.881 433.718 210.776C433.949 210.67 434.129 210.523 434.26 210.332C434.39 210.139 434.454 209.916 434.451 209.663C434.454 209.416 434.399 209.202 434.285 209.02C434.174 208.835 434.017 208.692 433.812 208.589C433.61 208.487 433.373 208.436 433.1 208.436C432.833 208.436 432.586 208.484 432.359 208.581C432.132 208.678 431.949 208.815 431.809 208.994C431.67 209.17 431.596 209.381 431.588 209.625H430.066C430.078 209.136 430.218 208.707 430.488 208.338C430.761 207.966 431.125 207.676 431.579 207.469C432.034 207.259 432.544 207.153 433.109 207.153C433.691 207.153 434.197 207.263 434.626 207.482C435.058 207.697 435.392 207.989 435.627 208.355C435.863 208.722 435.981 209.126 435.981 209.57C435.984 210.061 435.839 210.473 435.547 210.805C435.257 211.138 434.876 211.355 434.404 211.457V211.526C435.018 211.611 435.488 211.838 435.815 212.207C436.145 212.574 436.308 213.03 436.305 213.575C436.305 214.064 436.166 214.501 435.887 214.888C435.612 215.271 435.231 215.572 434.745 215.791C434.262 216.01 433.708 216.119 433.083 216.119ZM440.994 216.166C440.292 216.166 439.69 215.989 439.187 215.634C438.687 215.276 438.302 214.76 438.032 214.087C437.765 213.411 437.631 212.597 437.631 211.645C437.634 210.693 437.769 209.884 438.036 209.216C438.306 208.545 438.691 208.034 439.191 207.682C439.694 207.33 440.295 207.153 440.994 207.153C441.692 207.153 442.293 207.33 442.796 207.682C443.299 208.034 443.684 208.545 443.951 209.216C444.221 209.886 444.356 210.696 444.356 211.645C444.356 212.599 444.221 213.415 443.951 214.091C443.684 214.764 443.299 215.278 442.796 215.634C442.296 215.989 441.695 216.166 440.994 216.166ZM440.994 214.832C441.539 214.832 441.969 214.564 442.285 214.027C442.603 213.487 442.762 212.693 442.762 211.645C442.762 210.952 442.69 210.369 442.545 209.898C442.4 209.426 442.195 209.071 441.931 208.832C441.667 208.591 441.354 208.47 440.994 208.47C440.451 208.47 440.022 208.74 439.707 209.28C439.391 209.817 439.232 210.605 439.229 211.645C439.227 212.341 439.296 212.926 439.438 213.401C439.583 213.875 439.788 214.233 440.052 214.474C440.316 214.713 440.63 214.832 440.994 214.832ZM448.998 216.166C448.296 216.166 447.694 215.989 447.191 215.634C446.691 215.276 446.306 214.76 446.036 214.087C445.769 213.411 445.635 212.597 445.635 211.645C445.638 210.693 445.773 209.884 446.04 209.216C446.31 208.545 446.695 208.034 447.195 207.682C447.698 207.33 448.299 207.153 448.998 207.153C449.696 207.153 450.297 207.33 450.8 207.682C451.303 208.034 451.688 208.545 451.955 209.216C452.225 209.886 452.36 210.696 452.36 211.645C452.36 212.599 452.225 213.415 451.955 214.091C451.688 214.764 451.303 215.278 450.8 215.634C450.3 215.989 449.699 216.166 448.998 216.166ZM448.998 214.832C449.543 214.832 449.973 214.564 450.289 214.027C450.607 213.487 450.766 212.693 450.766 211.645C450.766 210.952 450.694 210.369 450.549 209.898C450.404 209.426 450.199 209.071 449.935 208.832C449.671 208.591 449.358 208.47 448.998 208.47C448.455 208.47 448.026 208.74 447.711 209.28C447.395 209.817 447.236 210.605 447.233 211.645C447.23 212.341 447.3 212.926 447.442 213.401C447.587 213.875 447.792 214.233 448.056 214.474C448.32 214.713 448.634 214.832 448.998 214.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M335.668 194.762V69.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7" stroke-linecap="square"
+        stroke-dasharray="3 3"/>
+  <path
+    d="M327.206 45.2148V44H333.589V45.2148H331.117V52H329.679V45.2148H327.206ZM341.614 48C341.614 48.862 341.452 49.6003 341.129 50.2148C340.809 50.8268 340.371 51.2956 339.817 51.6211C339.265 51.9466 338.638 52.1094 337.938 52.1094C337.237 52.1094 336.61 51.9466 336.055 51.6211C335.503 51.293 335.065 50.8229 334.742 50.2109C334.422 49.5964 334.262 48.8594 334.262 48C334.262 47.138 334.422 46.401 334.742 45.7891C335.065 45.1745 335.503 44.7044 336.055 44.3789C336.61 44.0534 337.237 43.8906 337.938 43.8906C338.638 43.8906 339.265 44.0534 339.817 44.3789C340.371 44.7044 340.809 45.1745 341.129 45.7891C341.452 46.401 341.614 47.138 341.614 48ZM340.157 48C340.157 47.3932 340.062 46.8815 339.871 46.4648C339.684 46.0456 339.423 45.7292 339.09 45.5156C338.757 45.2995 338.373 45.1914 337.938 45.1914C337.503 45.1914 337.119 45.2995 336.785 45.5156C336.452 45.7292 336.19 46.0456 336 46.4648C335.813 46.8815 335.719 47.3932 335.719 48C335.719 48.6068 335.813 49.1198 336 49.5391C336.19 49.9557 336.452 50.2721 336.785 50.4883C337.119 50.7018 337.503 50.8086 337.938 50.8086C338.373 50.8086 338.757 50.7018 339.09 50.4883C339.423 50.2721 339.684 49.9557 339.871 49.5391C340.062 49.1198 340.157 48.6068 340.157 48ZM342.984 52V44H345.984C346.598 44 347.114 44.1146 347.531 44.3437C347.95 44.5729 348.266 44.888 348.48 45.2891C348.696 45.6875 348.804 46.1406 348.804 46.6484C348.804 47.1615 348.696 47.6172 348.48 48.0156C348.264 48.4141 347.945 48.7279 347.523 48.957C347.101 49.1836 346.581 49.2969 345.964 49.2969H343.976V48.1055H345.769C346.128 48.1055 346.423 48.043 346.652 47.918C346.881 47.793 347.05 47.6211 347.159 47.4023C347.271 47.1836 347.327 46.9323 347.327 46.6484C347.327 46.3646 347.271 46.1146 347.159 45.8984C347.05 45.6823 346.88 45.5143 346.648 45.3945C346.419 45.2721 346.123 45.2109 345.761 45.2109H344.433V52H342.984ZM327.195 65V63.9531L329.972 61.2305C330.238 60.9622 330.459 60.724 330.637 60.5156C330.814 60.3073 330.946 60.1055 331.035 59.9102C331.124 59.7148 331.168 59.5065 331.168 59.2852C331.168 59.0326 331.11 58.8164 330.996 58.6367C330.881 58.4544 330.724 58.3138 330.523 58.2148C330.323 58.1159 330.095 58.0664 329.84 58.0664C329.577 58.0664 329.346 58.1211 329.148 58.2305C328.95 58.3372 328.797 58.4896 328.687 58.6875C328.581 58.8854 328.527 59.1211 328.527 59.3945H327.148C327.148 58.8867 327.264 58.4453 327.496 58.0703C327.728 57.6953 328.047 57.4049 328.453 57.1992C328.862 56.9935 329.331 56.8906 329.859 56.8906C330.396 56.8906 330.867 56.9909 331.273 57.1914C331.68 57.3919 331.995 57.6667 332.219 58.0156C332.445 58.3646 332.558 58.763 332.558 59.2109C332.558 59.5104 332.501 59.8047 332.387 60.0937C332.272 60.3828 332.07 60.7031 331.781 61.0547C331.495 61.4062 331.092 61.832 330.574 62.332L329.195 63.7344V63.7891H332.68V65H327.195ZM336.808 65.1094C336.288 65.1094 335.821 65.0117 335.41 64.8164C334.999 64.6185 334.672 64.3477 334.43 64.0039C334.19 63.6602 334.062 63.2669 334.047 62.8242H335.453C335.479 63.1523 335.621 63.4206 335.879 63.6289C336.137 63.8346 336.446 63.9375 336.808 63.9375C337.092 63.9375 337.345 63.8724 337.566 63.7422C337.788 63.612 337.962 63.431 338.09 63.1992C338.217 62.9674 338.28 62.7031 338.277 62.4062C338.28 62.1042 338.216 61.8359 338.086 61.6016C337.956 61.3672 337.777 61.1836 337.551 61.0508C337.324 60.9154 337.064 60.8477 336.769 60.8477C336.53 60.8451 336.294 60.8893 336.062 60.9805C335.831 61.0716 335.647 61.1914 335.512 61.3398L334.203 61.125L334.621 57H339.262V58.2109H335.82L335.59 60.332H335.637C335.785 60.1576 335.995 60.013 336.265 59.8984C336.536 59.7812 336.833 59.7227 337.156 59.7227C337.64 59.7227 338.073 59.8372 338.453 60.0664C338.833 60.293 339.133 60.6055 339.351 61.0039C339.57 61.4023 339.68 61.8581 339.68 62.3711C339.68 62.8997 339.557 63.3711 339.312 63.7852C339.07 64.1966 338.733 64.5208 338.301 64.7578C337.871 64.9922 337.374 65.1094 336.808 65.1094ZM345.265 63.5V63.0781C345.265 62.7682 345.331 62.4831 345.461 62.2227C345.594 61.9622 345.786 61.7526 346.039 61.5937C346.291 61.4349 346.597 61.3555 346.957 61.3555C347.327 61.3555 347.637 61.4349 347.887 61.5937C348.137 61.75 348.325 61.9583 348.453 62.2188C348.583 62.4792 348.648 62.7656 348.648 63.0781V63.5C348.648 63.8099 348.583 64.0951 348.453 64.3555C348.323 64.6159 348.131 64.8255 347.879 64.9844C347.629 65.1432 347.321 65.2227 346.957 65.2227C346.592 65.2227 346.284 65.1432 346.031 64.9844C345.778 64.8255 345.587 64.6159 345.457 64.3555C345.329 64.0951 345.265 63.8099 345.265 63.5ZM346.285 63.0781V63.5C346.285 63.7057 346.334 63.8945 346.433 64.0664C346.532 64.2383 346.707 64.3242 346.957 64.3242C347.209 64.3242 347.383 64.2396 347.476 64.0703C347.573 63.8984 347.621 63.7083 347.621 63.5V63.0781C347.621 62.8698 347.575 62.6797 347.484 62.5078C347.393 62.3333 347.217 62.2461 346.957 62.2461C346.712 62.2461 346.539 62.3333 346.437 62.5078C346.336 62.6797 346.285 62.8698 346.285 63.0781ZM341.199 58.9219V58.5C341.199 58.1875 341.265 57.901 341.398 57.6406C341.531 57.3802 341.724 57.1719 341.976 57.0156C342.229 56.8568 342.535 56.7773 342.894 56.7773C343.262 56.7773 343.57 56.8568 343.82 57.0156C344.073 57.1719 344.263 57.3802 344.39 57.6406C344.518 57.901 344.582 58.1875 344.582 58.5V58.9219C344.582 59.2344 344.517 59.5208 344.387 59.7812C344.259 60.0391 344.069 60.2461 343.816 60.4023C343.564 60.5586 343.256 60.6367 342.894 60.6367C342.527 60.6367 342.217 60.5586 341.965 60.4023C341.715 60.2461 341.525 60.0378 341.394 59.7773C341.264 59.5169 341.199 59.2318 341.199 58.9219ZM342.226 58.5V58.9219C342.226 59.1302 342.275 59.3203 342.371 59.4922C342.47 59.6615 342.644 59.7461 342.894 59.7461C343.144 59.7461 343.316 59.6615 343.41 59.4922C343.506 59.3203 343.555 59.1302 343.555 58.9219V58.5C343.555 58.2917 343.509 58.1016 343.418 57.9297C343.327 57.7552 343.152 57.668 342.894 57.668C342.647 57.668 342.474 57.7552 342.375 57.9297C342.276 58.1042 342.226 58.2943 342.226 58.5ZM341.644 65L347.144 57H348.121L342.621 65H341.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M399.668 194.762V69.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7" stroke-linecap="square"
+        stroke-dasharray="3 3"/>
+  <path
+    d="M391.206 45.2148V44H397.589V45.2148H395.117V52H393.679V45.2148H391.206ZM405.614 48C405.614 48.862 405.452 49.6003 405.129 50.2148C404.809 50.8268 404.371 51.2956 403.817 51.6211C403.265 51.9466 402.638 52.1094 401.938 52.1094C401.237 52.1094 400.61 51.9466 400.055 51.6211C399.503 51.293 399.065 50.8229 398.742 50.2109C398.422 49.5964 398.262 48.8594 398.262 48C398.262 47.138 398.422 46.401 398.742 45.7891C399.065 45.1745 399.503 44.7044 400.055 44.3789C400.61 44.0534 401.237 43.8906 401.938 43.8906C402.638 43.8906 403.265 44.0534 403.817 44.3789C404.371 44.7044 404.809 45.1745 405.129 45.7891C405.452 46.401 405.614 47.138 405.614 48ZM404.157 48C404.157 47.3932 404.062 46.8815 403.871 46.4648C403.684 46.0456 403.423 45.7292 403.09 45.5156C402.757 45.2995 402.373 45.1914 401.938 45.1914C401.503 45.1914 401.119 45.2995 400.785 45.5156C400.452 45.7292 400.19 46.0456 400 46.4648C399.813 46.8815 399.719 47.3932 399.719 48C399.719 48.6068 399.813 49.1198 400 49.5391C400.19 49.9557 400.452 50.2721 400.785 50.4883C401.119 50.7018 401.503 50.8086 401.938 50.8086C402.373 50.8086 402.757 50.7018 403.09 50.4883C403.423 50.2721 403.684 49.9557 403.871 49.5391C404.062 49.1198 404.157 48.6068 404.157 48ZM406.984 52V44H409.984C410.598 44 411.114 44.1146 411.531 44.3437C411.95 44.5729 412.266 44.888 412.48 45.2891C412.696 45.6875 412.804 46.1406 412.804 46.6484C412.804 47.1615 412.696 47.6172 412.48 48.0156C412.264 48.4141 411.945 48.7279 411.523 48.957C411.101 49.1836 410.581 49.2969 409.964 49.2969H407.976V48.1055H409.769C410.128 48.1055 410.423 48.043 410.652 47.918C410.881 47.793 411.05 47.6211 411.159 47.4023C411.271 47.1836 411.327 46.9323 411.327 46.6484C411.327 46.3646 411.271 46.1146 411.159 45.8984C411.05 45.6823 410.88 45.5143 410.648 45.3945C410.419 45.2721 410.123 45.2109 409.761 45.2109H408.433V52H406.984ZM395.034 57V65H393.585V58.4102H393.538L391.667 59.6055V58.2773L393.656 57H395.034ZM400.023 65.1523C399.38 65.1523 398.827 64.9896 398.367 64.6641C397.908 64.3359 397.555 63.8633 397.308 63.2461C397.063 62.6263 396.941 61.8802 396.941 61.0078C396.943 60.1354 397.067 59.3932 397.312 58.7812C397.559 58.1667 397.912 57.6979 398.37 57.375C398.831 57.0521 399.382 56.8906 400.023 56.8906C400.663 56.8906 401.214 57.0521 401.675 57.375C402.136 57.6979 402.489 58.1667 402.734 58.7812C402.981 59.3958 403.105 60.138 403.105 61.0078C403.105 61.8828 402.981 62.6302 402.734 63.25C402.489 63.8672 402.136 64.3385 401.675 64.6641C401.217 64.9896 400.666 65.1523 400.023 65.1523ZM400.023 63.9297C400.523 63.9297 400.917 63.6836 401.206 63.1914C401.498 62.6966 401.644 61.9687 401.644 61.0078C401.644 60.3724 401.577 59.8385 401.445 59.4062C401.312 58.974 401.124 58.6484 400.882 58.4297C400.64 58.2083 400.353 58.0977 400.023 58.0977C399.525 58.0977 399.132 58.3451 398.843 58.8398C398.554 59.332 398.408 60.0547 398.406 61.0078C398.403 61.6458 398.467 62.1823 398.597 62.6172C398.73 63.0521 398.917 63.3802 399.159 63.6016C399.402 63.8203 399.689 63.9297 400.023 63.9297ZM408.68 63.5V63.0781C408.68 62.7682 408.745 62.4831 408.875 62.2227C409.008 61.9622 409.201 61.7526 409.453 61.5937C409.706 61.4349 410.012 61.3555 410.371 61.3555C410.741 61.3555 411.051 61.4349 411.301 61.5937C411.551 61.75 411.74 61.9583 411.867 62.2188C411.998 62.4792 412.063 62.7656 412.063 63.0781V63.5C412.063 63.8099 411.998 64.0951 411.867 64.3555C411.737 64.6159 411.546 64.8255 411.293 64.9844C411.043 65.1432 410.736 65.2227 410.371 65.2227C410.007 65.2227 409.698 65.1432 409.446 64.9844C409.193 64.8255 409.002 64.6159 408.871 64.3555C408.744 64.0951 408.68 63.8099 408.68 63.5ZM409.7 63.0781V63.5C409.7 63.7057 409.749 63.8945 409.848 64.0664C409.947 64.2383 410.121 64.3242 410.371 64.3242C410.624 64.3242 410.797 64.2396 410.891 64.0703C410.987 63.8984 411.035 63.7083 411.035 63.5V63.0781C411.035 62.8698 410.99 62.6797 410.899 62.5078C410.808 62.3333 410.632 62.2461 410.371 62.2461C410.127 62.2461 409.953 62.3333 409.852 62.5078C409.75 62.6797 409.7 62.8698 409.7 63.0781ZM404.614 58.9219V58.5C404.614 58.1875 404.68 57.901 404.813 57.6406C404.946 57.3802 405.138 57.1719 405.391 57.0156C405.644 56.8568 405.95 56.7773 406.309 56.7773C406.676 56.7773 406.985 56.8568 407.235 57.0156C407.487 57.1719 407.677 57.3802 407.805 57.6406C407.933 57.901 407.996 58.1875 407.996 58.5V58.9219C407.996 59.2344 407.931 59.5208 407.801 59.7812C407.673 60.0391 407.483 60.2461 407.231 60.4023C406.978 60.5586 406.671 60.6367 406.309 60.6367C405.942 60.6367 405.632 60.5586 405.379 60.4023C405.129 60.2461 404.939 60.0378 404.809 59.7773C404.679 59.5169 404.614 59.2318 404.614 58.9219ZM405.641 58.5V58.9219C405.641 59.1302 405.689 59.3203 405.785 59.4922C405.884 59.6615 406.059 59.7461 406.309 59.7461C406.559 59.7461 406.731 59.6615 406.825 59.4922C406.921 59.3203 406.969 59.1302 406.969 58.9219V58.5C406.969 58.2917 406.923 58.1016 406.832 57.9297C406.741 57.7552 406.567 57.668 406.309 57.668C406.062 57.668 405.888 57.7552 405.789 57.9297C405.69 58.1042 405.641 58.2943 405.641 58.5ZM405.059 65L410.559 57H411.535L406.035 65H405.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M229.018 194.762V69.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7" stroke-linecap="square"
+        stroke-dasharray="3 3"/>
+  <path
+    d="M218.927 45.2148V44H225.31V45.2148H222.837V52H221.4V45.2148H218.927ZM233.334 48C233.334 48.862 233.173 49.6003 232.85 50.2148C232.53 50.8268 232.092 51.2956 231.538 51.6211C230.985 51.9466 230.359 52.1094 229.659 52.1094C228.958 52.1094 228.331 51.9466 227.776 51.6211C227.224 51.293 226.786 50.8229 226.463 50.2109C226.143 49.5964 225.983 48.8594 225.983 48C225.983 47.138 226.143 46.401 226.463 45.7891C226.786 45.1745 227.224 44.7044 227.776 44.3789C228.331 44.0534 228.958 43.8906 229.659 43.8906C230.359 43.8906 230.985 44.0534 231.538 44.3789C232.092 44.7044 232.53 45.1745 232.85 45.7891C233.173 46.401 233.334 47.138 233.334 48ZM231.877 48C231.877 47.3932 231.782 46.8815 231.592 46.4648C231.405 46.0456 231.144 45.7292 230.811 45.5156C230.478 45.2995 230.094 45.1914 229.659 45.1914C229.224 45.1914 228.84 45.2995 228.506 45.5156C228.173 45.7292 227.911 46.0456 227.721 46.4648C227.534 46.8815 227.44 47.3932 227.44 48C227.44 48.6068 227.534 49.1198 227.721 49.5391C227.911 49.9557 228.173 50.2721 228.506 50.4883C228.84 50.7018 229.224 50.8086 229.659 50.8086C230.094 50.8086 230.478 50.7018 230.811 50.4883C231.144 50.2721 231.405 49.9557 231.592 49.5391C231.782 49.1198 231.877 48.6068 231.877 48ZM234.705 52V44H237.705C238.319 44 238.835 44.1146 239.251 44.3437C239.671 44.5729 239.987 44.888 240.201 45.2891C240.417 45.6875 240.525 46.1406 240.525 46.6484C240.525 47.1615 240.417 47.6172 240.201 48.0156C239.984 48.4141 239.665 48.7279 239.244 48.957C238.822 49.1836 238.302 49.2969 237.685 49.2969H235.697V48.1055H237.49C237.849 48.1055 238.143 48.043 238.373 47.918C238.602 47.793 238.771 47.6211 238.88 47.4023C238.992 47.1836 239.048 46.9323 239.048 46.6484C239.048 46.3646 238.992 46.1146 238.88 45.8984C238.771 45.6823 238.6 45.5143 238.369 45.3945C238.139 45.2721 237.844 45.2109 237.482 45.2109H236.154V52H234.705ZM221.445 65.1094C220.924 65.1094 220.458 65.0117 220.046 64.8164C219.635 64.6185 219.308 64.3477 219.066 64.0039C218.826 63.6602 218.699 63.2669 218.683 62.8242H220.089C220.115 63.1523 220.257 63.4206 220.515 63.6289C220.773 63.8346 221.083 63.9375 221.445 63.9375C221.729 63.9375 221.981 63.8724 222.203 63.7422C222.424 63.612 222.598 63.431 222.726 63.1992C222.854 62.9674 222.916 62.7031 222.914 62.4062C222.916 62.1042 222.852 61.8359 222.722 61.6016C222.592 61.3672 222.414 61.1836 222.187 61.0508C221.96 60.9154 221.7 60.8477 221.406 60.8477C221.166 60.8451 220.93 60.8893 220.699 60.9805C220.467 61.0716 220.283 61.1914 220.148 61.3398L218.839 61.125L219.257 57H223.898V58.2109H220.457L220.226 60.332H220.273C220.421 60.1576 220.631 60.013 220.902 59.8984C221.173 59.7812 221.47 59.7227 221.792 59.7227C222.277 59.7227 222.709 59.8372 223.089 60.0664C223.47 60.293 223.769 60.6055 223.988 61.0039C224.207 61.4023 224.316 61.8581 224.316 62.3711C224.316 62.8997 224.193 63.3711 223.949 63.7852C223.707 64.1966 223.369 64.5208 222.937 64.7578C222.507 64.9922 222.01 65.1094 221.445 65.1094ZM228.582 65.1523C227.938 65.1523 227.386 64.9896 226.925 64.6641C226.467 64.3359 226.114 63.8633 225.867 63.2461C225.622 62.6263 225.499 61.8802 225.499 61.0078C225.502 60.1354 225.626 59.3932 225.871 58.7812C226.118 58.1667 226.471 57.6979 226.929 57.375C227.39 57.0521 227.941 56.8906 228.582 56.8906C229.222 56.8906 229.773 57.0521 230.234 57.375C230.695 57.6979 231.048 58.1667 231.292 58.7812C231.54 59.3958 231.664 60.138 231.664 61.0078C231.664 61.8828 231.54 62.6302 231.292 63.25C231.048 63.8672 230.695 64.3385 230.234 64.6641C229.776 64.9896 229.225 65.1523 228.582 65.1523ZM228.582 63.9297C229.082 63.9297 229.476 63.6836 229.765 63.1914C230.057 62.6966 230.203 61.9687 230.203 61.0078C230.203 60.3724 230.136 59.8385 230.003 59.4062C229.871 58.974 229.683 58.6484 229.441 58.4297C229.199 58.2083 228.912 58.0977 228.582 58.0977C228.084 58.0977 227.691 58.3451 227.402 58.8398C227.113 59.332 226.967 60.0547 226.964 61.0078C226.962 61.6458 227.026 62.1823 227.156 62.6172C227.289 63.0521 227.476 63.3802 227.718 63.6016C227.96 63.8203 228.248 63.9297 228.582 63.9297ZM237.239 63.5V63.0781C237.239 62.7682 237.304 62.4831 237.434 62.2227C237.567 61.9622 237.76 61.7526 238.012 61.5937C238.265 61.4349 238.571 61.3555 238.93 61.3555C239.3 61.3555 239.61 61.4349 239.86 61.5937C240.11 61.75 240.299 61.9583 240.426 62.2188C240.556 62.4792 240.622 62.7656 240.622 63.0781V63.5C240.622 63.8099 240.556 64.0951 240.426 64.3555C240.296 64.6159 240.105 64.8255 239.852 64.9844C239.602 65.1432 239.295 65.2227 238.93 65.2227C238.566 65.2227 238.257 65.1432 238.004 64.9844C237.752 64.8255 237.56 64.6159 237.43 64.3555C237.303 64.0951 237.239 63.8099 237.239 63.5ZM238.258 63.0781V63.5C238.258 63.7057 238.308 63.8945 238.407 64.0664C238.506 64.2383 238.68 64.3242 238.93 64.3242C239.183 64.3242 239.356 64.2396 239.45 64.0703C239.546 63.8984 239.594 63.7083 239.594 63.5V63.0781C239.594 62.8698 239.549 62.6797 239.457 62.5078C239.366 62.3333 239.191 62.2461 238.93 62.2461C238.685 62.2461 238.512 62.3333 238.411 62.5078C238.309 62.6797 238.258 62.8698 238.258 63.0781ZM233.172 58.9219V58.5C233.172 58.1875 233.239 57.901 233.372 57.6406C233.504 57.3802 233.697 57.1719 233.95 57.0156C234.202 56.8568 234.508 56.7773 234.868 56.7773C235.235 56.7773 235.543 56.8568 235.793 57.0156C236.046 57.1719 236.236 57.3802 236.364 57.6406C236.491 57.901 236.555 58.1875 236.555 58.5V58.9219C236.555 59.2344 236.49 59.5208 236.36 59.7812C236.232 60.0391 236.042 60.2461 235.79 60.4023C235.537 60.5586 235.23 60.6367 234.868 60.6367C234.5 60.6367 234.191 60.5586 233.938 60.4023C233.688 60.2461 233.498 60.0378 233.368 59.7773C233.237 59.5169 233.172 59.2318 233.172 58.9219ZM234.2 58.5V58.9219C234.2 59.1302 234.248 59.3203 234.344 59.4922C234.443 59.6615 234.618 59.7461 234.868 59.7461C235.118 59.7461 235.29 59.6615 235.383 59.4922C235.48 59.3203 235.528 59.1302 235.528 58.9219V58.5C235.528 58.2917 235.482 58.1016 235.391 57.9297C235.3 57.7552 235.125 57.668 234.868 57.668C234.62 57.668 234.447 57.7552 234.348 57.9297C234.249 58.1042 234.2 58.2943 234.2 58.5ZM233.618 65L239.118 57H240.094L234.594 65H233.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M15.2033 195.193L442.895 195.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M15 195.196L15 117.696" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M380.801 195.194L380.801 98.165" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M387.301 128.665C387.301 132.255 384.391 135.165 380.801 135.165C377.211 135.165 374.301 132.255 374.301 128.665C374.301 125.075 377.211 122.165 380.801 122.165C384.391 122.165 387.301 125.075 387.301 128.665Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M384.801 128.628C384.801 130.837 383.01 132.628 380.801 132.628C378.592 132.628 376.801 130.837 376.801 128.628C376.801 126.419 378.592 124.628 380.801 124.628C383.01 124.628 384.801 126.419 384.801 128.628Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="395.5" y="83.165" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="395.5" y="83.165" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M408.244 103.824C407.396 103.824 406.64 103.678 405.977 103.387C405.318 103.091 404.797 102.686 404.415 102.171C404.036 101.652 403.841 101.053 403.83 100.375H406.307C406.322 100.659 406.415 100.909 406.585 101.125C406.759 101.337 406.991 101.502 407.278 101.62C407.566 101.737 407.89 101.796 408.25 101.796C408.625 101.796 408.956 101.729 409.244 101.597C409.532 101.464 409.758 101.281 409.92 101.046C410.083 100.811 410.165 100.54 410.165 100.233C410.165 99.9226 410.078 99.648 409.903 99.4094C409.733 99.1669 409.487 98.9775 409.165 98.8412C408.847 98.7048 408.468 98.6366 408.028 98.6366H406.943V96.8298H408.028C408.4 96.8298 408.727 96.7654 409.011 96.6366C409.299 96.5078 409.523 96.3298 409.682 96.1025C409.841 95.8715 409.92 95.6025 409.92 95.2957C409.92 95.0041 409.85 94.7484 409.71 94.5287C409.574 94.3052 409.381 94.1309 409.131 94.0059C408.884 93.8809 408.597 93.8184 408.267 93.8184C407.934 93.8184 407.629 93.8791 407.352 94.0003C407.076 94.1177 406.854 94.2863 406.688 94.5059C406.521 94.7256 406.432 94.9832 406.42 95.2787H404.062C404.074 94.6082 404.265 94.0173 404.636 93.5059C405.008 92.9946 405.508 92.595 406.136 92.3071C406.769 92.0154 407.483 91.8696 408.278 91.8696C409.081 91.8696 409.784 92.0154 410.386 92.3071C410.989 92.5988 411.456 92.9927 411.79 93.4889C412.127 93.9813 412.294 94.5344 412.29 95.148C412.294 95.7995 412.091 96.3431 411.682 96.7787C411.277 97.2143 410.748 97.4908 410.097 97.6082V97.6991C410.953 97.809 411.604 98.1063 412.051 98.5912C412.502 99.0722 412.725 99.6745 412.722 100.398C412.725 101.061 412.534 101.65 412.148 102.165C411.765 102.68 411.237 103.085 410.562 103.381C409.888 103.676 409.116 103.824 408.244 103.824ZM419.053 103.921C418.075 103.917 417.234 103.676 416.53 103.199C415.829 102.722 415.289 102.031 414.911 101.125C414.536 100.22 414.35 99.1309 414.354 97.8582C414.354 96.5893 414.541 95.5078 414.916 94.6139C415.295 93.72 415.835 93.04 416.536 92.5741C417.24 92.1044 418.079 91.8696 419.053 91.8696C420.026 91.8696 420.863 92.1044 421.564 92.5741C422.268 93.0438 422.81 93.7256 423.189 94.6196C423.568 95.5097 423.755 96.5893 423.751 97.8582C423.751 99.1347 423.562 100.226 423.183 101.131C422.808 102.036 422.27 102.728 421.57 103.205C420.869 103.682 420.03 103.921 419.053 103.921ZM419.053 101.881C419.719 101.881 420.251 101.546 420.649 100.875C421.047 100.205 421.244 99.1991 421.24 97.8582C421.24 96.9756 421.149 96.2408 420.967 95.6537C420.789 95.0666 420.536 94.6253 420.206 94.3298C419.88 94.0344 419.496 93.8866 419.053 93.8866C418.39 93.8866 417.859 94.2181 417.462 94.8809C417.064 95.5438 416.863 96.5363 416.859 97.8582C416.859 98.7522 416.948 99.4984 417.126 100.097C417.308 100.692 417.564 101.139 417.893 101.438C418.223 101.733 418.609 101.881 419.053 101.881ZM430.068 103.921C429.091 103.917 428.25 103.676 427.545 103.199C426.845 102.722 426.305 102.031 425.926 101.125C425.551 100.22 425.366 99.1309 425.369 97.8582C425.369 96.5893 425.557 95.5078 425.932 94.6139C426.311 93.72 426.85 93.04 427.551 92.5741C428.256 92.1044 429.095 91.8696 430.068 91.8696C431.042 91.8696 431.879 92.1044 432.58 92.5741C433.284 93.0438 433.826 93.7256 434.205 94.6196C434.583 95.5097 434.771 96.5893 434.767 97.8582C434.767 99.1347 434.578 100.226 434.199 101.131C433.824 102.036 433.286 102.728 432.585 103.205C431.884 103.682 431.045 103.921 430.068 103.921ZM430.068 101.881C430.735 101.881 431.267 101.546 431.665 100.875C432.063 100.205 432.259 99.1991 432.256 97.8582C432.256 96.9756 432.165 96.2408 431.983 95.6537C431.805 95.0666 431.551 94.6253 431.222 94.3298C430.896 94.0344 430.511 93.8866 430.068 93.8866C429.405 93.8866 428.875 94.2181 428.477 94.8809C428.08 95.5438 427.879 96.5363 427.875 97.8582C427.875 98.7522 427.964 99.4984 428.142 100.097C428.324 100.692 428.58 101.139 428.909 101.438C429.239 101.733 429.625 101.881 430.068 101.881Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M405.774 120.755C405.335 120.755 404.947 120.677 404.611 120.521C404.276 120.364 404.015 120.147 403.828 119.872C403.64 119.595 403.548 119.28 403.55 118.926C403.548 118.649 403.602 118.394 403.713 118.159C403.824 117.923 403.975 117.726 404.167 117.568C404.36 117.408 404.577 117.307 404.815 117.264V117.226C404.502 117.145 404.253 116.969 404.067 116.699C403.882 116.426 403.79 116.116 403.793 115.769C403.79 115.436 403.875 115.139 404.045 114.877C404.216 114.615 404.45 114.408 404.748 114.257C405.049 114.106 405.391 114.03 405.774 114.03C406.153 114.03 406.492 114.106 406.79 114.257C407.089 114.408 407.323 114.615 407.494 114.877C407.666 115.139 407.754 115.436 407.756 115.769C407.754 116.116 407.659 116.426 407.471 116.699C407.286 116.969 407.04 117.145 406.733 117.226V117.264C406.969 117.307 407.183 117.408 407.372 117.568C407.562 117.726 407.713 117.923 407.826 118.159C407.939 118.394 407.996 118.649 407.999 118.926C407.996 119.28 407.901 119.595 407.711 119.872C407.523 120.147 407.262 120.364 406.928 120.521C406.596 120.677 406.211 120.755 405.774 120.755ZM405.774 120.051C406.07 120.051 406.326 120.003 406.541 119.908C406.756 119.812 406.923 119.676 407.04 119.502C407.157 119.327 407.217 119.122 407.219 118.888C407.217 118.641 407.153 118.422 407.027 118.233C406.901 118.043 406.73 117.894 406.512 117.785C406.297 117.677 406.051 117.622 405.774 117.622C405.495 117.622 405.246 117.677 405.026 117.785C404.809 117.894 404.637 118.043 404.512 118.233C404.388 118.422 404.327 118.641 404.33 118.888C404.327 119.122 404.384 119.327 404.499 119.502C404.616 119.676 404.783 119.812 405.001 119.908C405.218 120.003 405.476 120.051 405.774 120.051ZM405.774 116.945C406.009 116.945 406.216 116.898 406.397 116.804C406.581 116.71 406.724 116.579 406.829 116.411C406.933 116.243 406.987 116.046 406.989 115.82C406.987 115.598 406.934 115.405 406.832 115.241C406.73 115.075 406.588 114.947 406.407 114.858C406.226 114.766 406.015 114.72 405.774 114.72C405.529 114.72 405.315 114.766 405.132 114.858C404.949 114.947 404.807 115.075 404.707 115.241C404.607 115.405 404.558 115.598 404.56 115.82C404.558 116.046 404.608 116.243 404.71 116.411C404.814 116.579 404.958 116.71 405.141 116.804C405.325 116.898 405.536 116.945 405.774 116.945ZM409.428 120.665L412.356 114.874V114.823H408.981V114.12H413.174V114.861L410.259 120.665H409.428ZM416.513 115.756V116.395H413.969V115.756H416.513ZM414.71 114.58H415.464V119.259C415.464 119.472 415.495 119.632 415.557 119.738C415.621 119.843 415.702 119.913 415.8 119.949C415.9 119.983 416.006 120 416.116 120C416.2 120 416.268 119.996 416.321 119.987C416.374 119.977 416.417 119.968 416.449 119.962L416.602 120.639C416.551 120.659 416.48 120.678 416.388 120.697C416.297 120.718 416.18 120.729 416.04 120.729C415.827 120.729 415.618 120.683 415.413 120.592C415.211 120.5 415.043 120.36 414.908 120.173C414.776 119.985 414.71 119.749 414.71 119.463V114.58ZM418.507 117.712V120.665H417.753V114.12H418.507V116.523H418.571C418.686 116.269 418.859 116.068 419.089 115.919C419.321 115.768 419.63 115.692 420.016 115.692C420.35 115.692 420.643 115.759 420.895 115.893C421.146 116.025 421.341 116.229 421.479 116.504C421.62 116.777 421.69 117.124 421.69 117.546V120.665H420.936V117.597C420.936 117.207 420.835 116.905 420.632 116.692C420.432 116.477 420.154 116.37 419.798 116.37C419.551 116.37 419.33 116.422 419.134 116.526C418.94 116.631 418.786 116.783 418.673 116.983C418.563 117.184 418.507 117.426 418.507 117.712ZM403.69 133.506V126.756H404.419V127.536H404.509C404.564 127.451 404.641 127.342 404.739 127.21C404.839 127.076 404.982 126.956 405.167 126.852C405.354 126.745 405.608 126.692 405.928 126.692C406.341 126.692 406.705 126.795 407.021 127.002C407.336 127.209 407.582 127.502 407.759 127.881C407.936 128.26 408.024 128.708 408.024 129.223C408.024 129.743 407.936 130.194 407.759 130.575C407.582 130.954 407.337 131.248 407.024 131.457C406.711 131.664 406.349 131.767 405.94 131.767C405.625 131.767 405.373 131.715 405.183 131.611C404.993 131.504 404.847 131.384 404.745 131.25C404.643 131.113 404.564 131 404.509 130.911H404.445V133.506H403.69ZM404.432 129.21C404.432 129.581 404.486 129.908 404.595 130.192C404.703 130.473 404.862 130.693 405.071 130.853C405.28 131.011 405.536 131.09 405.838 131.09C406.153 131.09 406.417 131.007 406.627 130.84C406.841 130.672 407 130.446 407.107 130.163C407.216 129.877 407.27 129.56 407.27 129.21C407.27 128.865 407.217 128.554 407.11 128.277C407.006 127.998 406.847 127.778 406.634 127.616C406.423 127.452 406.158 127.37 405.838 127.37C405.531 127.37 405.273 127.447 405.065 127.603C404.856 127.756 404.698 127.972 404.592 128.248C404.485 128.523 404.432 128.844 404.432 129.21ZM411.233 131.767C410.76 131.767 410.352 131.663 410.009 131.454C409.668 131.243 409.405 130.949 409.219 130.572C409.036 130.193 408.945 129.752 408.945 129.249C408.945 128.746 409.036 128.303 409.219 127.919C409.405 127.534 409.663 127.233 409.993 127.018C410.325 126.801 410.713 126.692 411.156 126.692C411.412 126.692 411.664 126.735 411.914 126.82C412.163 126.905 412.39 127.044 412.594 127.235C412.799 127.425 412.962 127.676 413.083 127.99C413.205 128.303 413.266 128.688 413.266 129.147V129.466H409.482V128.814H412.499C412.499 128.537 412.443 128.29 412.332 128.073C412.224 127.855 412.068 127.684 411.866 127.558C411.665 127.432 411.429 127.37 411.156 127.37C410.856 127.37 410.596 127.444 410.376 127.593C410.159 127.74 409.992 127.932 409.875 128.169C409.757 128.405 409.699 128.659 409.699 128.929V129.364C409.699 129.735 409.763 130.049 409.891 130.307C410.021 130.562 410.201 130.757 410.431 130.892C410.661 131.024 410.928 131.09 411.233 131.09C411.431 131.09 411.61 131.062 411.77 131.007C411.932 130.949 412.071 130.864 412.189 130.751C412.306 130.636 412.396 130.493 412.46 130.323L413.189 130.527C413.112 130.774 412.983 130.992 412.802 131.179C412.621 131.365 412.397 131.509 412.131 131.614C411.865 131.716 411.565 131.767 411.233 131.767ZM414.413 131.665V126.756H415.142V127.497H415.193C415.282 127.255 415.444 127.057 415.679 126.906C415.913 126.755 416.177 126.679 416.471 126.679C416.527 126.679 416.596 126.68 416.679 126.682C416.762 126.685 416.825 126.688 416.868 126.692V127.459C416.842 127.453 416.783 127.443 416.692 127.43C416.602 127.415 416.507 127.408 416.407 127.408C416.169 127.408 415.956 127.458 415.768 127.558C415.583 127.656 415.436 127.793 415.327 127.967C415.221 128.14 415.167 128.337 415.167 128.559V131.665H414.413ZM419.607 131.767C419.146 131.767 418.75 131.659 418.418 131.441C418.085 131.224 417.83 130.925 417.651 130.543C417.472 130.162 417.382 129.726 417.382 129.236C417.382 128.737 417.474 128.297 417.657 127.916C417.842 127.533 418.1 127.233 418.43 127.018C418.763 126.801 419.151 126.692 419.594 126.692C419.939 126.692 420.25 126.756 420.527 126.884C420.804 127.012 421.031 127.191 421.208 127.421C421.385 127.651 421.494 127.919 421.537 128.226H420.783C420.725 128.002 420.597 127.804 420.399 127.632C420.203 127.457 419.939 127.37 419.607 127.37C419.313 127.37 419.055 127.446 418.833 127.6C418.614 127.751 418.442 127.965 418.319 128.242C418.197 128.517 418.136 128.84 418.136 129.21C418.136 129.59 418.196 129.92 418.315 130.201C418.437 130.483 418.607 130.701 418.827 130.856C419.048 131.012 419.308 131.09 419.607 131.09C419.803 131.09 419.98 131.056 420.14 130.987C420.3 130.919 420.435 130.821 420.546 130.693C420.657 130.566 420.736 130.412 420.783 130.233H421.537C421.494 130.523 421.389 130.784 421.221 131.016C421.054 131.246 420.834 131.43 420.559 131.566C420.286 131.7 419.969 131.767 419.607 131.767ZM424.698 131.767C424.225 131.767 423.817 131.663 423.474 131.454C423.133 131.243 422.87 130.949 422.684 130.572C422.501 130.193 422.409 129.752 422.409 129.249C422.409 128.746 422.501 128.303 422.684 127.919C422.87 127.534 423.127 127.233 423.458 127.018C423.79 126.801 424.178 126.692 424.621 126.692C424.877 126.692 425.129 126.735 425.379 126.82C425.628 126.905 425.855 127.044 426.059 127.235C426.264 127.425 426.427 127.676 426.548 127.99C426.67 128.303 426.73 128.688 426.73 129.147V129.466H422.946V128.814H425.963C425.963 128.537 425.908 128.29 425.797 128.073C425.689 127.855 425.533 127.684 425.331 127.558C425.13 127.432 424.894 127.37 424.621 127.37C424.321 127.37 424.061 127.444 423.841 127.593C423.624 127.74 423.457 127.932 423.339 128.169C423.222 128.405 423.164 128.659 423.164 128.929V129.364C423.164 129.735 423.228 130.049 423.355 130.307C423.485 130.562 423.665 130.757 423.896 130.892C424.126 131.024 424.393 131.09 424.698 131.09C424.896 131.09 425.075 131.062 425.235 131.007C425.397 130.949 425.536 130.864 425.653 130.751C425.771 130.636 425.861 130.493 425.925 130.323L426.654 130.527C426.577 130.774 426.448 130.992 426.267 131.179C426.086 131.365 425.862 131.509 425.596 131.614C425.33 131.716 425.03 131.767 424.698 131.767ZM428.632 128.712V131.665H427.878V126.756H428.607V127.523H428.67C428.786 127.274 428.96 127.073 429.195 126.922C429.429 126.769 429.732 126.692 430.102 126.692C430.435 126.692 430.725 126.76 430.975 126.897C431.224 127.031 431.418 127.235 431.556 127.51C431.695 127.783 431.764 128.128 431.764 128.546V131.665H431.01V128.597C431.01 128.211 430.91 127.911 430.71 127.696C430.509 127.478 430.234 127.37 429.885 127.37C429.644 127.37 429.429 127.422 429.239 127.526C429.052 127.631 428.904 127.783 428.795 127.983C428.686 128.184 428.632 128.426 428.632 128.712ZM435.277 126.756V127.395H432.733V126.756H435.277ZM433.475 125.58H434.229V130.259C434.229 130.472 434.26 130.632 434.322 130.738C434.386 130.843 434.467 130.913 434.565 130.949C434.665 130.983 434.77 131 434.881 131C434.964 131 435.032 130.996 435.086 130.987C435.139 130.977 435.182 130.968 435.214 130.962L435.367 131.639C435.316 131.659 435.244 131.678 435.153 131.697C435.061 131.718 434.945 131.729 434.804 131.729C434.591 131.729 434.383 131.683 434.178 131.592C433.976 131.5 433.807 131.36 433.673 131.173C433.541 130.985 433.475 130.749 433.475 130.463V125.58ZM436.412 131.665V126.756H437.166V131.665H436.412ZM436.796 125.938C436.649 125.938 436.522 125.888 436.415 125.788C436.311 125.687 436.259 125.567 436.259 125.426C436.259 125.286 436.311 125.165 436.415 125.065C436.522 124.965 436.649 124.915 436.796 124.915C436.943 124.915 437.068 124.965 437.173 125.065C437.279 125.165 437.332 125.286 437.332 125.426C437.332 125.567 437.279 125.687 437.173 125.788C437.068 125.888 436.943 125.938 436.796 125.938ZM439.302 125.12V131.665H438.548V125.12H439.302ZM442.742 131.767C442.269 131.767 441.861 131.663 441.518 131.454C441.177 131.243 440.914 130.949 440.728 130.572C440.545 130.193 440.453 129.752 440.453 129.249C440.453 128.746 440.545 128.303 440.728 127.919C440.914 127.534 441.171 127.233 441.502 127.018C441.834 126.801 442.222 126.692 442.665 126.692C442.921 126.692 443.173 126.735 443.422 126.82C443.672 126.905 443.899 127.044 444.103 127.235C444.308 127.425 444.471 127.676 444.592 127.99C444.714 128.303 444.774 128.688 444.774 129.147V129.466H440.99V128.814H444.007C444.007 128.537 443.952 128.29 443.841 128.073C443.733 127.855 443.577 127.684 443.375 127.558C443.174 127.432 442.938 127.37 442.665 127.37C442.365 127.37 442.105 127.444 441.885 127.593C441.668 127.74 441.501 127.932 441.383 128.169C441.266 128.405 441.208 128.659 441.208 128.929V129.364C441.208 129.735 441.272 130.049 441.399 130.307C441.529 130.562 441.709 130.757 441.94 130.892C442.17 131.024 442.437 131.09 442.742 131.09C442.94 131.09 443.119 131.062 443.279 131.007C443.441 130.949 443.58 130.864 443.697 130.751C443.815 130.636 443.905 130.493 443.969 130.323L444.698 130.527C444.621 130.774 444.492 130.992 444.311 131.179C444.13 131.365 443.906 131.509 443.64 131.614C443.373 131.716 443.074 131.767 442.742 131.767Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/5022-profile.svg b/src/public/images/developers/5022-profile.svg
new file mode 100644
index 0000000000..dc07709a3b
--- /dev/null
+++ b/src/public/images/developers/5022-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.53C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.939 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.235 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.955 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.588 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.601 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.86 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.425 16.5673 220.865 16.2926C221.305 16.0148 221.794 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.833 16.3903 223.992 16.5856C224.151 16.7779 224.271 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.936 24.2133 225.649 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.694 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.62 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.121 19.0274 221.121 19.4517C221.121 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.778 23V15.9675H229.436V23H227.778ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.968 16.7688 233.226 16.4559 233.58 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.532 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.113 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.384 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.648C243.645 18.5025 243.577 18.2201 243.442 17.9729C243.308 17.7226 243.12 17.5257 242.879 17.3823C242.641 17.2388 242.363 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.553 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.458 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.152 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.168 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.656 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.474 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.474 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.452 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.115V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.339 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.832 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.938 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.252 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.621 16.201C256.936 15.9782 257.294 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.523 17.3411C257.221 17.3411 256.95 17.4067 256.708 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.964 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.265 14.3193 259.265 14.0721C259.265 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.964 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.188 13.8218 261.188 14.0721C261.188 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.755V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.903 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.106 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.652 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.681 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.971V23.1145C276.971 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.364 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.581 21.3426C274.829 21.1717 275.016 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.019 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.006 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.693 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.614 36.2606 207.614 35.525C207.614 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.189 32.3384C209.687 32.0301 210.271 31.876 210.943 31.876C211.376 31.876 211.785 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.329 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.482 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.088 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.378L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.708 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.463 39.1374C224.761 39.1374 224.159 38.9832 223.655 38.6749C223.154 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.027 33.0755C228.29 33.454 228.439 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.138 33.2129 224.841 33.3044 224.584 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.721 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.436 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.463 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.863 31.876C233.297 31.876 233.706 31.9462 234.09 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.077 34.8123 236.077 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.148 33.7226 233.961 33.5257 233.72 33.3823C233.481 33.2388 233.204 33.1671 232.886 33.1671C232.547 33.1671 232.25 33.2495 231.993 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.552 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.214 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.443 34.8123 250.443 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.847 33.2388 247.57 33.1671 247.252 33.1671C246.913 33.1671 246.616 33.2495 246.359 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.544 34.9206V35.8958C245.544 36.3048 245.619 36.6558 245.769 36.9489C245.918 37.2388 246.127 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.24 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.752 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.474 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.836 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.981 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.783 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.15 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.15 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.881 37.512C262.138 37.6951 262.439 37.7867 262.783 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.633 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.089 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.978 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.978 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.619V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.192 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.279 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.442 37.4388C271.586 37.3045 271.694 37.1381 271.767 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.756 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M240 64.5815L309.908 124.188L277 198.5L208.357 191.152L177 127L240 64.5815Z" fill="#42B883"
+        fill-opacity="0.5" stroke="#42B883"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+</svg>
diff --git a/src/public/images/developers/5022-score.svg b/src/public/images/developers/5022-score.svg
new file mode 100644
index 0000000000..c05589284d
--- /dev/null
+++ b/src/public/images/developers/5022-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 455 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 132.471C52.0151 132.471 80.7152 92.041 118.151 92.041C155.586 92.041 175.552 111.008 216.98 89.0462C245.24 74.0651 267.892 41.8776 305.827 41.8776C354.992 41.8776 384.94 132.222 431.894 134.717V154.081H4V132.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382C402.295 123.272 416.137 134.002 431.894 134.84V154H389V109.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M325 46.6073V154H218V88.6193C226.901 83.7495 235.265 77.2164 243.756 70.5851C261.772 56.5135 280.354 42 305.827 42C312.546 42 318.906 43.6874 325 46.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382V154H325V46.6074C341.715 54.6167 356.426 71.8999 371.039 89.0695C376.999 96.0716 382.943 103.055 389 109.382Z"
+        fill="#42B883"/>
+  <path
+    d="M4.49947 175.166C3.79776 175.166 3.19549 174.989 2.69265 174.634C2.19265 174.276 1.80771 173.76 1.53782 173.087C1.27077 172.411 1.13725 171.597 1.13725 170.645C1.14009 169.693 1.27504 168.884 1.54208 168.216C1.81197 167.545 2.19691 167.034 2.69691 166.682C3.19975 166.33 3.8006 166.153 4.49947 166.153C5.19833 166.153 5.79918 166.33 6.30202 166.682C6.80487 167.034 7.18981 167.545 7.45685 168.216C7.72674 168.886 7.86168 169.696 7.86168 170.645C7.86168 171.599 7.72674 172.415 7.45685 173.091C7.18981 173.764 6.80487 174.278 6.30202 174.634C5.80202 174.989 5.20117 175.166 4.49947 175.166ZM4.49947 173.832C5.04492 173.832 5.47532 173.564 5.79066 173.027C6.10884 172.487 6.26793 171.693 6.26793 170.645C6.26793 169.952 6.19549 169.369 6.0506 168.898C5.90572 168.426 5.70117 168.071 5.43697 167.832C5.17276 167.591 4.86026 167.47 4.49947 167.47C3.95685 167.47 3.52788 167.74 3.21254 168.28C2.89719 168.817 2.7381 169.605 2.73526 170.645C2.73242 171.341 2.80202 171.926 2.94407 172.401C3.08896 172.875 3.2935 173.233 3.55771 173.474C3.82191 173.713 4.13583 173.832 4.49947 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M141.105 166.273V175H139.524V167.811H139.472L137.431 169.115V167.666L139.6 166.273H141.105ZM146.546 175.166C145.845 175.166 145.242 174.989 144.74 174.634C144.24 174.276 143.855 173.76 143.585 173.087C143.318 172.411 143.184 171.597 143.184 170.645C143.187 169.693 143.322 168.884 143.589 168.216C143.859 167.545 144.244 167.034 144.744 166.682C145.247 166.33 145.847 166.153 146.546 166.153C147.245 166.153 147.846 166.33 148.349 166.682C148.852 167.034 149.237 167.545 149.504 168.216C149.774 168.886 149.909 169.696 149.909 170.645C149.909 171.599 149.774 172.415 149.504 173.091C149.237 173.764 148.852 174.278 148.349 174.634C147.849 174.989 147.248 175.166 146.546 175.166ZM146.546 173.832C147.092 173.832 147.522 173.564 147.838 173.027C148.156 172.487 148.315 171.693 148.315 170.645C148.315 169.952 148.242 169.369 148.097 168.898C147.953 168.426 147.748 168.071 147.484 167.832C147.22 167.591 146.907 167.47 146.546 167.47C146.004 167.47 145.575 167.74 145.259 168.28C144.944 168.817 144.785 169.605 144.782 170.645C144.779 171.341 144.849 171.926 144.991 172.401C145.136 172.875 145.34 173.233 145.605 173.474C145.869 173.713 146.183 173.832 146.546 173.832ZM154.55 175.166C153.849 175.166 153.246 174.989 152.743 174.634C152.243 174.276 151.858 173.76 151.589 173.087C151.322 172.411 151.188 171.597 151.188 170.645C151.191 169.693 151.326 168.884 151.593 168.216C151.863 167.545 152.248 167.034 152.748 166.682C153.251 166.33 153.851 166.153 154.55 166.153C155.249 166.153 155.85 166.33 156.353 166.682C156.856 167.034 157.241 167.545 157.508 168.216C157.778 168.886 157.912 169.696 157.912 170.645C157.912 171.599 157.778 172.415 157.508 173.091C157.241 173.764 156.856 174.278 156.353 174.634C155.853 174.989 155.252 175.166 154.55 175.166ZM154.55 173.832C155.096 173.832 155.526 173.564 155.841 173.027C156.16 172.487 156.319 171.693 156.319 170.645C156.319 169.952 156.246 169.369 156.101 168.898C155.956 168.426 155.752 168.071 155.488 167.832C155.224 167.591 154.911 167.47 154.55 167.47C154.008 167.47 153.579 167.74 153.263 168.28C152.948 168.817 152.789 169.605 152.786 170.645C152.783 171.341 152.853 171.926 152.995 172.401C153.14 172.875 153.344 173.233 153.608 173.474C153.873 173.713 154.187 173.832 154.55 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M210.644 166.273V175H209.063V167.811H209.012L206.97 169.115V167.666L209.139 166.273H210.644ZM215.894 175.119C215.325 175.119 214.817 175.013 214.368 174.8C213.919 174.584 213.563 174.288 213.298 173.913C213.037 173.538 212.898 173.109 212.881 172.626H214.415C214.443 172.984 214.598 173.277 214.879 173.504C215.161 173.729 215.499 173.841 215.894 173.841C216.203 173.841 216.479 173.77 216.72 173.628C216.962 173.486 217.152 173.288 217.291 173.036C217.431 172.783 217.499 172.494 217.496 172.17C217.499 171.841 217.429 171.548 217.287 171.293C217.145 171.037 216.95 170.837 216.703 170.692C216.456 170.544 216.172 170.47 215.851 170.47C215.59 170.467 215.333 170.516 215.08 170.615C214.827 170.714 214.627 170.845 214.479 171.007L213.051 170.773L213.507 166.273H218.57V167.594H214.816L214.564 169.908H214.615C214.777 169.717 215.006 169.56 215.301 169.435C215.597 169.307 215.921 169.243 216.273 169.243C216.801 169.243 217.273 169.368 217.688 169.618C218.102 169.865 218.429 170.206 218.668 170.641C218.906 171.075 219.026 171.572 219.026 172.132C219.026 172.709 218.892 173.223 218.625 173.675C218.361 174.124 217.993 174.477 217.521 174.736C217.053 174.991 216.51 175.119 215.894 175.119ZM223.679 175.166C222.977 175.166 222.375 174.989 221.872 174.634C221.372 174.276 220.987 173.76 220.718 173.087C220.45 172.411 220.317 171.597 220.317 170.645C220.32 169.693 220.455 168.884 220.722 168.216C220.992 167.545 221.377 167.034 221.877 166.682C222.379 166.33 222.98 166.153 223.679 166.153C224.378 166.153 224.979 166.33 225.482 166.682C225.985 167.034 226.369 167.545 226.637 168.216C226.906 168.886 227.041 169.696 227.041 170.645C227.041 171.599 226.906 172.415 226.637 173.091C226.369 173.764 225.985 174.278 225.482 174.634C224.982 174.989 224.381 175.166 223.679 175.166ZM223.679 173.832C224.225 173.832 224.655 173.564 224.97 173.027C225.289 172.487 225.448 171.693 225.448 170.645C225.448 169.952 225.375 169.369 225.23 168.898C225.085 168.426 224.881 168.071 224.617 167.832C224.352 167.591 224.04 167.47 223.679 167.47C223.137 167.47 222.708 167.74 222.392 168.28C222.077 168.817 221.918 169.605 221.915 170.645C221.912 171.341 221.982 171.926 222.124 172.401C222.269 172.875 222.473 173.233 222.737 173.474C223.002 173.713 223.316 173.832 223.679 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M276.379 175V173.858L279.409 170.888C279.699 170.595 279.94 170.335 280.133 170.108C280.327 169.881 280.471 169.661 280.568 169.447C280.665 169.234 280.713 169.007 280.713 168.766C280.713 168.49 280.65 168.254 280.525 168.058C280.4 167.859 280.229 167.706 280.01 167.598C279.791 167.49 279.542 167.436 279.264 167.436C278.977 167.436 278.726 167.496 278.51 167.615C278.294 167.732 278.126 167.898 278.007 168.114C277.89 168.33 277.832 168.587 277.832 168.885H276.328C276.328 168.331 276.454 167.849 276.707 167.44C276.96 167.031 277.308 166.714 277.751 166.49C278.197 166.266 278.709 166.153 279.285 166.153C279.871 166.153 280.385 166.263 280.828 166.482C281.271 166.7 281.615 167 281.859 167.381C282.106 167.761 282.23 168.196 282.23 168.685C282.23 169.011 282.167 169.332 282.042 169.648C281.917 169.963 281.697 170.312 281.382 170.696C281.069 171.08 280.631 171.544 280.065 172.089L278.561 173.619V173.679H282.362V175H276.379ZM287.058 175.166C286.356 175.166 285.754 174.989 285.251 174.634C284.751 174.276 284.366 173.76 284.096 173.087C283.829 172.411 283.696 171.597 283.696 170.645C283.699 169.693 283.834 168.884 284.101 168.216C284.371 167.545 284.756 167.034 285.256 166.682C285.758 166.33 286.359 166.153 287.058 166.153C287.757 166.153 288.358 166.33 288.861 166.682C289.363 167.034 289.748 167.545 290.015 168.216C290.285 168.886 290.42 169.696 290.42 170.645C290.42 171.599 290.285 172.415 290.015 173.091C289.748 173.764 289.363 174.278 288.861 174.634C288.361 174.989 287.76 175.166 287.058 175.166ZM287.058 173.832C287.604 173.832 288.034 173.564 288.349 173.027C288.667 172.487 288.827 171.693 288.827 170.645C288.827 169.952 288.754 169.369 288.609 168.898C288.464 168.426 288.26 168.071 287.996 167.832C287.731 167.591 287.419 167.47 287.058 167.47C286.515 167.47 286.086 167.74 285.771 168.28C285.456 168.817 285.297 169.605 285.294 170.645C285.291 171.341 285.361 171.926 285.503 172.401C285.648 172.875 285.852 173.233 286.116 173.474C286.381 173.713 286.694 173.832 287.058 173.832ZM295.062 175.166C294.36 175.166 293.758 174.989 293.255 174.634C292.755 174.276 292.37 173.76 292.1 173.087C291.833 172.411 291.7 171.597 291.7 170.645C291.703 169.693 291.838 168.884 292.105 168.216C292.374 167.545 292.759 167.034 293.259 166.682C293.762 166.33 294.363 166.153 295.062 166.153C295.761 166.153 296.362 166.33 296.865 166.682C297.367 167.034 297.752 167.545 298.019 168.216C298.289 168.886 298.424 169.696 298.424 170.645C298.424 171.599 298.289 172.415 298.019 173.091C297.752 173.764 297.367 174.278 296.865 174.634C296.365 174.989 295.764 175.166 295.062 175.166ZM295.062 173.832C295.607 173.832 296.038 173.564 296.353 173.027C296.671 172.487 296.83 171.693 296.83 170.645C296.83 169.952 296.758 169.369 296.613 168.898C296.468 168.426 296.264 168.071 295.999 167.832C295.735 167.591 295.423 167.47 295.062 167.47C294.519 167.47 294.09 167.74 293.775 168.28C293.46 168.817 293.301 169.605 293.298 170.645C293.295 171.341 293.365 171.926 293.507 172.401C293.651 172.875 293.856 173.233 294.12 173.474C294.384 173.713 294.698 173.832 295.062 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M347.916 175V173.858L350.946 170.888C351.236 170.595 351.477 170.335 351.67 170.108C351.864 169.881 352.009 169.661 352.105 169.447C352.202 169.234 352.25 169.007 352.25 168.766C352.25 168.49 352.188 168.254 352.062 168.058C351.938 167.859 351.766 167.706 351.547 167.598C351.328 167.49 351.08 167.436 350.801 167.436C350.514 167.436 350.263 167.496 350.047 167.615C349.831 167.732 349.663 167.898 349.544 168.114C349.428 168.33 349.369 168.587 349.369 168.885H347.865C347.865 168.331 347.991 167.849 348.244 167.44C348.497 167.031 348.845 166.714 349.288 166.49C349.734 166.266 350.246 166.153 350.822 166.153C351.408 166.153 351.922 166.263 352.365 166.482C352.808 166.7 353.152 167 353.396 167.381C353.643 167.761 353.767 168.196 353.767 168.685C353.767 169.011 353.705 169.332 353.58 169.648C353.455 169.963 353.234 170.312 352.919 170.696C352.607 171.08 352.168 171.544 351.602 172.089L350.098 173.619V173.679H353.899V175H347.916ZM358.403 175.119C357.835 175.119 357.327 175.013 356.878 174.8C356.429 174.584 356.072 174.288 355.808 173.913C355.547 173.538 355.408 173.109 355.391 172.626H356.925C356.953 172.984 357.108 173.277 357.389 173.504C357.67 173.729 358.009 173.841 358.403 173.841C358.713 173.841 358.989 173.77 359.23 173.628C359.472 173.486 359.662 173.288 359.801 173.036C359.94 172.783 360.009 172.494 360.006 172.17C360.009 171.841 359.939 171.548 359.797 171.293C359.655 171.037 359.46 170.837 359.213 170.692C358.966 170.544 358.682 170.47 358.361 170.47C358.099 170.467 357.842 170.516 357.589 170.615C357.337 170.714 357.136 170.845 356.989 171.007L355.561 170.773L356.017 166.273H361.08V167.594H357.325L357.074 169.908H357.125C357.287 169.717 357.516 169.56 357.811 169.435C358.107 169.307 358.43 169.243 358.783 169.243C359.311 169.243 359.783 169.368 360.197 169.618C360.612 169.865 360.939 170.206 361.178 170.641C361.416 171.075 361.536 171.572 361.536 172.132C361.536 172.709 361.402 173.223 361.135 173.675C360.871 174.124 360.503 174.477 360.031 174.736C359.562 174.991 359.02 175.119 358.403 175.119ZM366.189 175.166C365.487 175.166 364.885 174.989 364.382 174.634C363.882 174.276 363.497 173.76 363.227 173.087C362.96 172.411 362.827 171.597 362.827 170.645C362.83 169.693 362.964 168.884 363.232 168.216C363.501 167.545 363.886 167.034 364.386 166.682C364.889 166.33 365.49 166.153 366.189 166.153C366.888 166.153 367.489 166.33 367.991 166.682C368.494 167.034 368.879 167.545 369.146 168.216C369.416 168.886 369.551 169.696 369.551 170.645C369.551 171.599 369.416 172.415 369.146 173.091C368.879 173.764 368.494 174.278 367.991 174.634C367.491 174.989 366.891 175.166 366.189 175.166ZM366.189 173.832C366.734 173.832 367.165 173.564 367.48 173.027C367.798 172.487 367.957 171.693 367.957 170.645C367.957 169.952 367.885 169.369 367.74 168.898C367.595 168.426 367.391 168.071 367.126 167.832C366.862 167.591 366.55 167.47 366.189 167.47C365.646 167.47 365.217 167.74 364.902 168.28C364.587 168.817 364.428 169.605 364.425 170.645C364.422 171.341 364.491 171.926 364.634 172.401C364.778 172.875 364.983 173.233 365.247 173.474C365.511 173.713 365.825 173.832 366.189 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M422.083 175.119C421.47 175.119 420.924 175.014 420.447 174.804C419.973 174.594 419.598 174.301 419.322 173.926C419.047 173.551 418.9 173.118 418.883 172.626H420.485C420.5 172.862 420.578 173.068 420.72 173.244C420.862 173.418 421.051 173.553 421.287 173.649C421.522 173.746 421.787 173.794 422.079 173.794C422.392 173.794 422.669 173.74 422.91 173.632C423.152 173.521 423.341 173.368 423.477 173.172C423.613 172.976 423.68 172.75 423.677 172.494C423.68 172.23 423.612 171.997 423.473 171.795C423.333 171.594 423.132 171.436 422.868 171.322C422.606 171.209 422.291 171.152 421.922 171.152H421.15V169.933H421.922C422.225 169.933 422.491 169.881 422.718 169.776C422.949 169.67 423.129 169.523 423.26 169.332C423.39 169.139 423.454 168.916 423.451 168.663C423.454 168.416 423.399 168.202 423.285 168.02C423.174 167.835 423.017 167.692 422.812 167.589C422.61 167.487 422.373 167.436 422.1 167.436C421.833 167.436 421.586 167.484 421.359 167.581C421.132 167.678 420.949 167.815 420.809 167.994C420.67 168.17 420.596 168.381 420.588 168.625H419.066C419.078 168.136 419.218 167.707 419.488 167.338C419.761 166.966 420.125 166.676 420.579 166.469C421.034 166.259 421.544 166.153 422.109 166.153C422.691 166.153 423.197 166.263 423.626 166.482C424.058 166.697 424.392 166.989 424.627 167.355C424.863 167.722 424.981 168.126 424.981 168.57C424.984 169.061 424.839 169.473 424.547 169.805C424.257 170.138 423.876 170.355 423.404 170.457V170.526C424.018 170.611 424.488 170.838 424.815 171.207C425.145 171.574 425.308 172.03 425.305 172.575C425.305 173.064 425.166 173.501 424.887 173.888C424.612 174.271 424.231 174.572 423.745 174.791C423.262 175.01 422.708 175.119 422.083 175.119ZM429.994 175.166C429.292 175.166 428.69 174.989 428.187 174.634C427.687 174.276 427.302 173.76 427.032 173.087C426.765 172.411 426.631 171.597 426.631 170.645C426.634 169.693 426.769 168.884 427.036 168.216C427.306 167.545 427.691 167.034 428.191 166.682C428.694 166.33 429.295 166.153 429.994 166.153C430.692 166.153 431.293 166.33 431.796 166.682C432.299 167.034 432.684 167.545 432.951 168.216C433.221 168.886 433.356 169.696 433.356 170.645C433.356 171.599 433.221 172.415 432.951 173.091C432.684 173.764 432.299 174.278 431.796 174.634C431.296 174.989 430.695 175.166 429.994 175.166ZM429.994 173.832C430.539 173.832 430.969 173.564 431.285 173.027C431.603 172.487 431.762 171.693 431.762 170.645C431.762 169.952 431.69 169.369 431.545 168.898C431.4 168.426 431.195 168.071 430.931 167.832C430.667 167.591 430.354 167.47 429.994 167.47C429.451 167.47 429.022 167.74 428.707 168.28C428.391 168.817 428.232 169.605 428.229 170.645C428.227 171.341 428.296 171.926 428.438 172.401C428.583 172.875 428.788 173.233 429.052 173.474C429.316 173.713 429.63 173.832 429.994 173.832ZM437.998 175.166C437.296 175.166 436.694 174.989 436.191 174.634C435.691 174.276 435.306 173.76 435.036 173.087C434.769 172.411 434.635 171.597 434.635 170.645C434.638 169.693 434.773 168.884 435.04 168.216C435.31 167.545 435.695 167.034 436.195 166.682C436.698 166.33 437.299 166.153 437.998 166.153C438.696 166.153 439.297 166.33 439.8 166.682C440.303 167.034 440.688 167.545 440.955 168.216C441.225 168.886 441.36 169.696 441.36 170.645C441.36 171.599 441.225 172.415 440.955 173.091C440.688 173.764 440.303 174.278 439.8 174.634C439.3 174.989 438.699 175.166 437.998 175.166ZM437.998 173.832C438.543 173.832 438.973 173.564 439.289 173.027C439.607 172.487 439.766 171.693 439.766 170.645C439.766 169.952 439.694 169.369 439.549 168.898C439.404 168.426 439.199 168.071 438.935 167.832C438.671 167.591 438.358 167.47 437.998 167.47C437.455 167.47 437.026 167.74 436.711 168.28C436.395 168.817 436.236 169.605 436.233 170.645C436.23 171.341 436.3 171.926 436.442 172.401C436.587 172.875 436.792 173.233 437.056 173.474C437.32 173.713 437.634 173.832 437.998 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M324.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M316.206 4.21484V3H322.589V4.21484H320.117V11H318.679V4.21484H316.206ZM330.614 7C330.614 7.86198 330.452 8.60026 330.129 9.21484C329.809 9.82682 329.371 10.2956 328.817 10.6211C328.265 10.9466 327.638 11.1094 326.938 11.1094C326.237 11.1094 325.61 10.9466 325.055 10.6211C324.503 10.293 324.065 9.82292 323.742 9.21094C323.422 8.59635 323.262 7.85937 323.262 7C323.262 6.13802 323.422 5.40104 323.742 4.78906C324.065 4.17448 324.503 3.70443 325.055 3.37891C325.61 3.05339 326.237 2.89062 326.938 2.89062C327.638 2.89062 328.265 3.05339 328.817 3.37891C329.371 3.70443 329.809 4.17448 330.129 4.78906C330.452 5.40104 330.614 6.13802 330.614 7ZM329.157 7C329.157 6.39323 329.062 5.88151 328.871 5.46484C328.684 5.04557 328.423 4.72917 328.09 4.51563C327.757 4.29948 327.373 4.19141 326.938 4.19141C326.503 4.19141 326.119 4.29948 325.785 4.51563C325.452 4.72917 325.19 5.04557 325 5.46484C324.813 5.88151 324.719 6.39323 324.719 7C324.719 7.60677 324.813 8.11979 325 8.53906C325.19 8.95573 325.452 9.27214 325.785 9.48828C326.119 9.70182 326.503 9.80859 326.938 9.80859C327.373 9.80859 327.757 9.70182 328.09 9.48828C328.423 9.27214 328.684 8.95573 328.871 8.53906C329.062 8.11979 329.157 7.60677 329.157 7ZM331.984 11V3H334.984C335.598 3 336.114 3.11458 336.531 3.34375C336.95 3.57292 337.266 3.88802 337.48 4.28906C337.696 4.6875 337.804 5.14062 337.804 5.64844C337.804 6.16146 337.696 6.61719 337.48 7.01563C337.264 7.41406 336.945 7.72786 336.523 7.95703C336.101 8.18359 335.581 8.29687 334.964 8.29687H332.976V7.10547H334.769C335.128 7.10547 335.423 7.04297 335.652 6.91797C335.881 6.79297 336.05 6.62109 336.159 6.40234C336.271 6.18359 336.327 5.93229 336.327 5.64844C336.327 5.36458 336.271 5.11458 336.159 4.89844C336.05 4.68229 335.88 4.51432 335.648 4.39453C335.419 4.27214 335.123 4.21094 334.761 4.21094H333.433V11H331.984ZM316.195 24V22.9531L318.972 20.2305C319.238 19.9622 319.459 19.724 319.637 19.5156C319.814 19.3073 319.946 19.1055 320.035 18.9102C320.124 18.7148 320.168 18.5065 320.168 18.2852C320.168 18.0326 320.11 17.8164 319.996 17.6367C319.881 17.4544 319.724 17.3138 319.523 17.2148C319.323 17.1159 319.095 17.0664 318.84 17.0664C318.577 17.0664 318.346 17.1211 318.148 17.2305C317.95 17.3372 317.797 17.4896 317.687 17.6875C317.581 17.8854 317.527 18.1211 317.527 18.3945H316.148C316.148 17.8867 316.264 17.4453 316.496 17.0703C316.728 16.6953 317.047 16.4049 317.453 16.1992C317.862 15.9935 318.331 15.8906 318.859 15.8906C319.396 15.8906 319.867 15.9909 320.273 16.1914C320.68 16.3919 320.995 16.6667 321.219 17.0156C321.445 17.3646 321.558 17.763 321.558 18.2109C321.558 18.5104 321.501 18.8047 321.387 19.0937C321.272 19.3828 321.07 19.7031 320.781 20.0547C320.495 20.4062 320.092 20.832 319.574 21.332L318.195 22.7344V22.7891H321.68V24H316.195ZM325.808 24.1094C325.288 24.1094 324.821 24.0117 324.41 23.8164C323.999 23.6185 323.672 23.3477 323.43 23.0039C323.19 22.6602 323.062 22.2669 323.047 21.8242H324.453C324.479 22.1523 324.621 22.4206 324.879 22.6289C325.137 22.8346 325.446 22.9375 325.808 22.9375C326.092 22.9375 326.345 22.8724 326.566 22.7422C326.788 22.612 326.962 22.431 327.09 22.1992C327.217 21.9674 327.28 21.7031 327.277 21.4062C327.28 21.1042 327.216 20.8359 327.086 20.6016C326.956 20.3672 326.777 20.1836 326.551 20.0508C326.324 19.9154 326.064 19.8477 325.769 19.8477C325.53 19.8451 325.294 19.8893 325.062 19.9805C324.831 20.0716 324.647 20.1914 324.512 20.3398L323.203 20.125L323.621 16H328.262V17.2109H324.82L324.59 19.332H324.637C324.785 19.1576 324.995 19.013 325.265 18.8984C325.536 18.7812 325.833 18.7227 326.156 18.7227C326.64 18.7227 327.073 18.8372 327.453 19.0664C327.833 19.293 328.133 19.6055 328.351 20.0039C328.57 20.4023 328.68 20.8581 328.68 21.3711C328.68 21.8997 328.557 22.3711 328.312 22.7852C328.07 23.1966 327.733 23.5208 327.301 23.7578C326.871 23.9922 326.374 24.1094 325.808 24.1094ZM334.265 22.5V22.0781C334.265 21.7682 334.331 21.4831 334.461 21.2227C334.594 20.9622 334.786 20.7526 335.039 20.5937C335.291 20.4349 335.597 20.3555 335.957 20.3555C336.327 20.3555 336.637 20.4349 336.887 20.5937C337.137 20.75 337.325 20.9583 337.453 21.2188C337.583 21.4792 337.648 21.7656 337.648 22.0781V22.5C337.648 22.8099 337.583 23.0951 337.453 23.3555C337.323 23.6159 337.131 23.8255 336.879 23.9844C336.629 24.1432 336.321 24.2227 335.957 24.2227C335.592 24.2227 335.284 24.1432 335.031 23.9844C334.778 23.8255 334.587 23.6159 334.457 23.3555C334.329 23.0951 334.265 22.8099 334.265 22.5ZM335.285 22.0781V22.5C335.285 22.7057 335.334 22.8945 335.433 23.0664C335.532 23.2383 335.707 23.3242 335.957 23.3242C336.209 23.3242 336.383 23.2396 336.476 23.0703C336.573 22.8984 336.621 22.7083 336.621 22.5V22.0781C336.621 21.8698 336.575 21.6797 336.484 21.5078C336.393 21.3333 336.217 21.2461 335.957 21.2461C335.712 21.2461 335.539 21.3333 335.437 21.5078C335.336 21.6797 335.285 21.8698 335.285 22.0781ZM330.199 17.9219V17.5C330.199 17.1875 330.265 16.901 330.398 16.6406C330.531 16.3802 330.724 16.1719 330.976 16.0156C331.229 15.8568 331.535 15.7773 331.894 15.7773C332.262 15.7773 332.57 15.8568 332.82 16.0156C333.073 16.1719 333.263 16.3802 333.39 16.6406C333.518 16.901 333.582 17.1875 333.582 17.5V17.9219C333.582 18.2344 333.517 18.5208 333.387 18.7812C333.259 19.0391 333.069 19.2461 332.816 19.4023C332.564 19.5586 332.256 19.6367 331.894 19.6367C331.527 19.6367 331.217 19.5586 330.965 19.4023C330.715 19.2461 330.525 19.0378 330.394 18.7773C330.264 18.5169 330.199 18.2318 330.199 17.9219ZM331.226 17.5V17.9219C331.226 18.1302 331.275 18.3203 331.371 18.4922C331.47 18.6615 331.644 18.7461 331.894 18.7461C332.144 18.7461 332.316 18.6615 332.41 18.4922C332.506 18.3203 332.555 18.1302 332.555 17.9219V17.5C332.555 17.2917 332.509 17.1016 332.418 16.9297C332.327 16.7552 332.152 16.668 331.894 16.668C331.647 16.668 331.474 16.7552 331.375 16.9297C331.276 17.1042 331.226 17.2943 331.226 17.5ZM330.644 24L336.144 16H337.121L331.621 24H330.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M388.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M380.206 4.21484V3H386.589V4.21484H384.117V11H382.679V4.21484H380.206ZM394.614 7C394.614 7.86198 394.452 8.60026 394.129 9.21484C393.809 9.82682 393.371 10.2956 392.817 10.6211C392.265 10.9466 391.638 11.1094 390.938 11.1094C390.237 11.1094 389.61 10.9466 389.055 10.6211C388.503 10.293 388.065 9.82292 387.742 9.21094C387.422 8.59635 387.262 7.85937 387.262 7C387.262 6.13802 387.422 5.40104 387.742 4.78906C388.065 4.17448 388.503 3.70443 389.055 3.37891C389.61 3.05339 390.237 2.89062 390.938 2.89062C391.638 2.89062 392.265 3.05339 392.817 3.37891C393.371 3.70443 393.809 4.17448 394.129 4.78906C394.452 5.40104 394.614 6.13802 394.614 7ZM393.157 7C393.157 6.39323 393.062 5.88151 392.871 5.46484C392.684 5.04557 392.423 4.72917 392.09 4.51563C391.757 4.29948 391.373 4.19141 390.938 4.19141C390.503 4.19141 390.119 4.29948 389.785 4.51563C389.452 4.72917 389.19 5.04557 389 5.46484C388.813 5.88151 388.719 6.39323 388.719 7C388.719 7.60677 388.813 8.11979 389 8.53906C389.19 8.95573 389.452 9.27214 389.785 9.48828C390.119 9.70182 390.503 9.80859 390.938 9.80859C391.373 9.80859 391.757 9.70182 392.09 9.48828C392.423 9.27214 392.684 8.95573 392.871 8.53906C393.062 8.11979 393.157 7.60677 393.157 7ZM395.984 11V3H398.984C399.598 3 400.114 3.11458 400.531 3.34375C400.95 3.57292 401.266 3.88802 401.48 4.28906C401.696 4.6875 401.804 5.14062 401.804 5.64844C401.804 6.16146 401.696 6.61719 401.48 7.01563C401.264 7.41406 400.945 7.72786 400.523 7.95703C400.101 8.18359 399.581 8.29687 398.964 8.29687H396.976V7.10547H398.769C399.128 7.10547 399.423 7.04297 399.652 6.91797C399.881 6.79297 400.05 6.62109 400.159 6.40234C400.271 6.18359 400.327 5.93229 400.327 5.64844C400.327 5.36458 400.271 5.11458 400.159 4.89844C400.05 4.68229 399.88 4.51432 399.648 4.39453C399.419 4.27214 399.123 4.21094 398.761 4.21094H397.433V11H395.984ZM384.034 16V24H382.585V17.4102H382.538L380.667 18.6055V17.2773L382.656 16H384.034ZM389.023 24.1523C388.38 24.1523 387.827 23.9896 387.367 23.6641C386.908 23.3359 386.555 22.8633 386.308 22.2461C386.063 21.6263 385.941 20.8802 385.941 20.0078C385.943 19.1354 386.067 18.3932 386.312 17.7812C386.559 17.1667 386.912 16.6979 387.37 16.375C387.831 16.0521 388.382 15.8906 389.023 15.8906C389.663 15.8906 390.214 16.0521 390.675 16.375C391.136 16.6979 391.489 17.1667 391.734 17.7812C391.981 18.3958 392.105 19.138 392.105 20.0078C392.105 20.8828 391.981 21.6302 391.734 22.25C391.489 22.8672 391.136 23.3385 390.675 23.6641C390.217 23.9896 389.666 24.1523 389.023 24.1523ZM389.023 22.9297C389.523 22.9297 389.917 22.6836 390.206 22.1914C390.498 21.6966 390.644 20.9687 390.644 20.0078C390.644 19.3724 390.577 18.8385 390.445 18.4062C390.312 17.974 390.124 17.6484 389.882 17.4297C389.64 17.2083 389.353 17.0977 389.023 17.0977C388.525 17.0977 388.132 17.3451 387.843 17.8398C387.554 18.332 387.408 19.0547 387.406 20.0078C387.403 20.6458 387.467 21.1823 387.597 21.6172C387.73 22.0521 387.917 22.3802 388.159 22.6016C388.402 22.8203 388.689 22.9297 389.023 22.9297ZM397.68 22.5V22.0781C397.68 21.7682 397.745 21.4831 397.875 21.2227C398.008 20.9622 398.201 20.7526 398.453 20.5937C398.706 20.4349 399.012 20.3555 399.371 20.3555C399.741 20.3555 400.051 20.4349 400.301 20.5937C400.551 20.75 400.74 20.9583 400.867 21.2188C400.998 21.4792 401.063 21.7656 401.063 22.0781V22.5C401.063 22.8099 400.998 23.0951 400.867 23.3555C400.737 23.6159 400.546 23.8255 400.293 23.9844C400.043 24.1432 399.736 24.2227 399.371 24.2227C399.007 24.2227 398.698 24.1432 398.446 23.9844C398.193 23.8255 398.002 23.6159 397.871 23.3555C397.744 23.0951 397.68 22.8099 397.68 22.5ZM398.7 22.0781V22.5C398.7 22.7057 398.749 22.8945 398.848 23.0664C398.947 23.2383 399.121 23.3242 399.371 23.3242C399.624 23.3242 399.797 23.2396 399.891 23.0703C399.987 22.8984 400.035 22.7083 400.035 22.5V22.0781C400.035 21.8698 399.99 21.6797 399.899 21.5078C399.808 21.3333 399.632 21.2461 399.371 21.2461C399.127 21.2461 398.953 21.3333 398.852 21.5078C398.75 21.6797 398.7 21.8698 398.7 22.0781ZM393.614 17.9219V17.5C393.614 17.1875 393.68 16.901 393.813 16.6406C393.946 16.3802 394.138 16.1719 394.391 16.0156C394.644 15.8568 394.95 15.7773 395.309 15.7773C395.676 15.7773 395.985 15.8568 396.235 16.0156C396.487 16.1719 396.677 16.3802 396.805 16.6406C396.933 16.901 396.996 17.1875 396.996 17.5V17.9219C396.996 18.2344 396.931 18.5208 396.801 18.7812C396.673 19.0391 396.483 19.2461 396.231 19.4023C395.978 19.5586 395.671 19.6367 395.309 19.6367C394.942 19.6367 394.632 19.5586 394.379 19.4023C394.129 19.2461 393.939 19.0378 393.809 18.7773C393.679 18.5169 393.614 18.2318 393.614 17.9219ZM394.641 17.5V17.9219C394.641 18.1302 394.689 18.3203 394.785 18.4922C394.884 18.6615 395.059 18.7461 395.309 18.7461C395.559 18.7461 395.731 18.6615 395.825 18.4922C395.921 18.3203 395.969 18.1302 395.969 17.9219V17.5C395.969 17.2917 395.923 17.1016 395.832 16.9297C395.741 16.7552 395.567 16.668 395.309 16.668C395.062 16.668 394.888 16.7552 394.789 16.9297C394.69 17.1042 394.641 17.2943 394.641 17.5ZM394.059 24L399.559 16H400.535L395.035 24H394.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M218.018 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M207.927 4.21484V3H214.31V4.21484H211.837V11H210.4V4.21484H207.927ZM222.334 7C222.334 7.86198 222.173 8.60026 221.85 9.21484C221.53 9.82682 221.092 10.2956 220.538 10.6211C219.985 10.9466 219.359 11.1094 218.659 11.1094C217.958 11.1094 217.331 10.9466 216.776 10.6211C216.224 10.293 215.786 9.82292 215.463 9.21094C215.143 8.59635 214.983 7.85937 214.983 7C214.983 6.13802 215.143 5.40104 215.463 4.78906C215.786 4.17448 216.224 3.70443 216.776 3.37891C217.331 3.05339 217.958 2.89062 218.659 2.89062C219.359 2.89062 219.985 3.05339 220.538 3.37891C221.092 3.70443 221.53 4.17448 221.85 4.78906C222.173 5.40104 222.334 6.13802 222.334 7ZM220.877 7C220.877 6.39323 220.782 5.88151 220.592 5.46484C220.405 5.04557 220.144 4.72917 219.811 4.51563C219.478 4.29948 219.094 4.19141 218.659 4.19141C218.224 4.19141 217.84 4.29948 217.506 4.51563C217.173 4.72917 216.911 5.04557 216.721 5.46484C216.534 5.88151 216.44 6.39323 216.44 7C216.44 7.60677 216.534 8.11979 216.721 8.53906C216.911 8.95573 217.173 9.27214 217.506 9.48828C217.84 9.70182 218.224 9.80859 218.659 9.80859C219.094 9.80859 219.478 9.70182 219.811 9.48828C220.144 9.27214 220.405 8.95573 220.592 8.53906C220.782 8.11979 220.877 7.60677 220.877 7ZM223.705 11V3H226.705C227.319 3 227.835 3.11458 228.251 3.34375C228.671 3.57292 228.987 3.88802 229.201 4.28906C229.417 4.6875 229.525 5.14062 229.525 5.64844C229.525 6.16146 229.417 6.61719 229.201 7.01563C228.984 7.41406 228.665 7.72786 228.244 7.95703C227.822 8.18359 227.302 8.29687 226.685 8.29687H224.697V7.10547H226.49C226.849 7.10547 227.143 7.04297 227.373 6.91797C227.602 6.79297 227.771 6.62109 227.88 6.40234C227.992 6.18359 228.048 5.93229 228.048 5.64844C228.048 5.36458 227.992 5.11458 227.88 4.89844C227.771 4.68229 227.6 4.51432 227.369 4.39453C227.139 4.27214 226.844 4.21094 226.482 4.21094H225.154V11H223.705ZM210.445 24.1094C209.924 24.1094 209.458 24.0117 209.046 23.8164C208.635 23.6185 208.308 23.3477 208.066 23.0039C207.826 22.6602 207.699 22.2669 207.683 21.8242H209.089C209.115 22.1523 209.257 22.4206 209.515 22.6289C209.773 22.8346 210.083 22.9375 210.445 22.9375C210.729 22.9375 210.981 22.8724 211.203 22.7422C211.424 22.612 211.598 22.431 211.726 22.1992C211.854 21.9674 211.916 21.7031 211.914 21.4062C211.916 21.1042 211.852 20.8359 211.722 20.6016C211.592 20.3672 211.414 20.1836 211.187 20.0508C210.96 19.9154 210.7 19.8477 210.406 19.8477C210.166 19.8451 209.93 19.8893 209.699 19.9805C209.467 20.0716 209.283 20.1914 209.148 20.3398L207.839 20.125L208.257 16H212.898V17.2109H209.457L209.226 19.332H209.273C209.421 19.1576 209.631 19.013 209.902 18.8984C210.173 18.7812 210.47 18.7227 210.792 18.7227C211.277 18.7227 211.709 18.8372 212.089 19.0664C212.47 19.293 212.769 19.6055 212.988 20.0039C213.207 20.4023 213.316 20.8581 213.316 21.3711C213.316 21.8997 213.193 22.3711 212.949 22.7852C212.707 23.1966 212.369 23.5208 211.937 23.7578C211.507 23.9922 211.01 24.1094 210.445 24.1094ZM217.582 24.1523C216.938 24.1523 216.386 23.9896 215.925 23.6641C215.467 23.3359 215.114 22.8633 214.867 22.2461C214.622 21.6263 214.499 20.8802 214.499 20.0078C214.502 19.1354 214.626 18.3932 214.871 17.7812C215.118 17.1667 215.471 16.6979 215.929 16.375C216.39 16.0521 216.941 15.8906 217.582 15.8906C218.222 15.8906 218.773 16.0521 219.234 16.375C219.695 16.6979 220.048 17.1667 220.292 17.7812C220.54 18.3958 220.664 19.138 220.664 20.0078C220.664 20.8828 220.54 21.6302 220.292 22.25C220.048 22.8672 219.695 23.3385 219.234 23.6641C218.776 23.9896 218.225 24.1523 217.582 24.1523ZM217.582 22.9297C218.082 22.9297 218.476 22.6836 218.765 22.1914C219.057 21.6966 219.203 20.9687 219.203 20.0078C219.203 19.3724 219.136 18.8385 219.003 18.4062C218.871 17.974 218.683 17.6484 218.441 17.4297C218.199 17.2083 217.912 17.0977 217.582 17.0977C217.084 17.0977 216.691 17.3451 216.402 17.8398C216.113 18.332 215.967 19.0547 215.964 20.0078C215.962 20.6458 216.026 21.1823 216.156 21.6172C216.289 22.0521 216.476 22.3802 216.718 22.6016C216.96 22.8203 217.248 22.9297 217.582 22.9297ZM226.239 22.5V22.0781C226.239 21.7682 226.304 21.4831 226.434 21.2227C226.567 20.9622 226.76 20.7526 227.012 20.5937C227.265 20.4349 227.571 20.3555 227.93 20.3555C228.3 20.3555 228.61 20.4349 228.86 20.5937C229.11 20.75 229.299 20.9583 229.426 21.2188C229.556 21.4792 229.622 21.7656 229.622 22.0781V22.5C229.622 22.8099 229.556 23.0951 229.426 23.3555C229.296 23.6159 229.105 23.8255 228.852 23.9844C228.602 24.1432 228.295 24.2227 227.93 24.2227C227.566 24.2227 227.257 24.1432 227.004 23.9844C226.752 23.8255 226.56 23.6159 226.43 23.3555C226.303 23.0951 226.239 22.8099 226.239 22.5ZM227.258 22.0781V22.5C227.258 22.7057 227.308 22.8945 227.407 23.0664C227.506 23.2383 227.68 23.3242 227.93 23.3242C228.183 23.3242 228.356 23.2396 228.45 23.0703C228.546 22.8984 228.594 22.7083 228.594 22.5V22.0781C228.594 21.8698 228.549 21.6797 228.457 21.5078C228.366 21.3333 228.191 21.2461 227.93 21.2461C227.685 21.2461 227.512 21.3333 227.411 21.5078C227.309 21.6797 227.258 21.8698 227.258 22.0781ZM222.172 17.9219V17.5C222.172 17.1875 222.239 16.901 222.372 16.6406C222.504 16.3802 222.697 16.1719 222.95 16.0156C223.202 15.8568 223.508 15.7773 223.868 15.7773C224.235 15.7773 224.543 15.8568 224.793 16.0156C225.046 16.1719 225.236 16.3802 225.364 16.6406C225.491 16.901 225.555 17.1875 225.555 17.5V17.9219C225.555 18.2344 225.49 18.5208 225.36 18.7812C225.232 19.0391 225.042 19.2461 224.79 19.4023C224.537 19.5586 224.23 19.6367 223.868 19.6367C223.5 19.6367 223.191 19.5586 222.938 19.4023C222.688 19.2461 222.498 19.0378 222.368 18.7773C222.237 18.5169 222.172 18.2318 222.172 17.9219ZM223.2 17.5V17.9219C223.2 18.1302 223.248 18.3203 223.344 18.4922C223.443 18.6615 223.618 18.7461 223.868 18.7461C224.118 18.7461 224.29 18.6615 224.383 18.4922C224.48 18.3203 224.528 18.1302 224.528 17.9219V17.5C224.528 17.2917 224.482 17.1016 224.391 16.9297C224.3 16.7552 224.125 16.668 223.868 16.668C223.62 16.668 223.447 16.7552 223.348 16.9297C223.249 17.1042 223.2 17.2943 223.2 17.5ZM222.618 24L228.118 16H229.094L223.594 24H222.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M4.20332 154.193L431.895 154.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M4 154.196L4 76.6958" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M414.881 154.193L414.881 87.7258" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M421.027 127.96C421.027 131.549 418.117 134.46 414.527 134.46C410.937 134.46 408.027 131.549 408.027 127.96C408.027 124.37 410.937 121.46 414.527 121.46C418.117 121.46 421.027 124.37 421.027 127.96Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M418.527 127.922C418.527 130.132 416.736 131.922 414.527 131.922C412.318 131.922 410.527 130.132 410.527 127.922C410.527 125.713 412.318 123.922 414.527 123.922C416.736 123.922 418.527 125.713 418.527 127.922Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M383.772 62.824C382.923 62.824 382.167 62.6782 381.505 62.3865C380.846 62.0911 380.325 61.6858 379.942 61.1706C379.563 60.6517 379.368 60.0532 379.357 59.3751H381.834C381.849 59.6592 381.942 59.9092 382.113 60.1251C382.287 60.3373 382.518 60.502 382.806 60.6195C383.094 60.7369 383.417 60.7956 383.777 60.7956C384.152 60.7956 384.484 60.7293 384.772 60.5967C385.06 60.4642 385.285 60.2804 385.448 60.0456C385.611 59.8108 385.692 59.5399 385.692 59.2331C385.692 58.9225 385.605 58.6479 385.431 58.4092C385.26 58.1668 385.014 57.9774 384.692 57.8411C384.374 57.7047 383.995 57.6365 383.556 57.6365H382.471V55.8297H383.556C383.927 55.8297 384.255 55.7653 384.539 55.6365C384.827 55.5077 385.05 55.3297 385.209 55.1024C385.368 54.8714 385.448 54.6024 385.448 54.2956C385.448 54.0039 385.378 53.7483 385.238 53.5286C385.101 53.3051 384.908 53.1308 384.658 53.0058C384.412 52.8808 384.124 52.8183 383.794 52.8183C383.461 52.8183 383.156 52.8789 382.88 53.0001C382.603 53.1176 382.382 53.2861 382.215 53.5058C382.048 53.7255 381.959 53.9831 381.948 54.2786H379.59C379.601 53.6081 379.792 53.0172 380.164 52.5058C380.535 51.9945 381.035 51.5948 381.664 51.307C382.296 51.0153 383.01 50.8695 383.806 50.8695C384.609 50.8695 385.311 51.0153 385.914 51.307C386.516 51.5986 386.984 51.9926 387.317 52.4888C387.654 52.9812 387.821 53.5342 387.817 54.1479C387.821 54.7994 387.618 55.3429 387.209 55.7786C386.804 56.2142 386.275 56.4907 385.624 56.6081V56.699C386.48 56.8089 387.132 57.1062 387.578 57.5911C388.029 58.0721 388.253 58.6744 388.249 59.3979C388.253 60.0608 388.061 60.6498 387.675 61.1649C387.292 61.6801 386.764 62.0854 386.09 62.3808C385.416 62.6763 384.643 62.824 383.772 62.824ZM394.58 62.9206C393.603 62.9168 392.762 62.6763 392.057 62.199C391.356 61.7217 390.817 61.0304 390.438 60.1251C390.063 59.2198 389.877 58.1308 389.881 56.8581C389.881 55.5892 390.069 54.5077 390.444 53.6138C390.822 52.7198 391.362 52.0399 392.063 51.574C392.767 51.1043 393.606 50.8695 394.58 50.8695C395.553 50.8695 396.391 51.1043 397.091 51.574C397.796 52.0437 398.337 52.7255 398.716 53.6195C399.095 54.5096 399.283 55.5892 399.279 56.8581C399.279 58.1346 399.089 59.2255 398.711 60.1308C398.336 61.0361 397.798 61.7274 397.097 62.2047C396.396 62.682 395.557 62.9206 394.58 62.9206ZM394.58 60.8808C395.247 60.8808 395.779 60.5456 396.176 59.8751C396.574 59.2047 396.771 58.199 396.767 56.8581C396.767 55.9755 396.676 55.2407 396.495 54.6536C396.317 54.0664 396.063 53.6251 395.733 53.3297C395.408 53.0342 395.023 52.8865 394.58 52.8865C393.917 52.8865 393.387 53.2179 392.989 53.8808C392.591 54.5437 392.391 55.5361 392.387 56.8581C392.387 57.752 392.476 58.4983 392.654 59.0967C392.836 59.6914 393.091 60.1384 393.421 60.4376C393.75 60.7331 394.137 60.8808 394.58 60.8808ZM405.596 62.9206C404.618 62.9168 403.777 62.6763 403.073 62.199C402.372 61.7217 401.832 61.0304 401.453 60.1251C401.078 59.2198 400.893 58.1308 400.897 56.8581C400.897 55.5892 401.084 54.5077 401.459 53.6138C401.838 52.7198 402.378 52.0399 403.078 51.574C403.783 51.1043 404.622 50.8695 405.596 50.8695C406.569 50.8695 407.406 51.1043 408.107 51.574C408.811 52.0437 409.353 52.7255 409.732 53.6195C410.111 54.5096 410.298 55.5892 410.294 56.8581C410.294 58.1346 410.105 59.2255 409.726 60.1308C409.351 61.0361 408.813 61.7274 408.113 62.2047C407.412 62.682 406.573 62.9206 405.596 62.9206ZM405.596 60.8808C406.262 60.8808 406.794 60.5456 407.192 59.8751C407.59 59.2047 407.787 58.199 407.783 56.8581C407.783 55.9755 407.692 55.2407 407.51 54.6536C407.332 54.0664 407.078 53.6251 406.749 53.3297C406.423 53.0342 406.039 52.8865 405.596 52.8865C404.933 52.8865 404.402 53.2179 404.005 53.8808C403.607 54.5437 403.406 55.5361 403.402 56.8581C403.402 57.752 403.491 58.4983 403.669 59.0967C403.851 59.6914 404.107 60.1384 404.436 60.4376C404.766 60.7331 405.152 60.8808 405.596 60.8808Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M381.289 73.03C381.557 73.0321 381.826 73.0832 382.094 73.1834C382.363 73.2835 382.608 73.4497 382.829 73.682C383.051 73.9121 383.229 74.2264 383.363 74.6248C383.497 75.0232 383.564 75.5229 383.564 76.1237C383.564 76.7054 383.509 77.2221 383.398 77.6738C383.289 78.1234 383.132 78.5026 382.925 78.8116C382.721 79.1205 382.471 79.3549 382.177 79.5147C381.885 79.6745 381.555 79.7544 381.186 79.7544C380.82 79.7544 380.493 79.682 380.205 79.5371C379.92 79.3901 379.685 79.1866 379.502 78.9266C379.321 78.6646 379.205 78.3609 379.154 78.0158H379.934C380.004 78.3162 380.143 78.5644 380.352 78.7604C380.563 78.9543 380.841 79.0513 381.186 79.0513C381.691 79.0513 382.09 78.8308 382.382 78.3897C382.676 77.9487 382.823 77.3254 382.823 76.52H382.772C382.652 76.699 382.511 76.8535 382.347 76.9835C382.183 77.1134 382 77.2136 381.8 77.2839C381.6 77.3542 381.387 77.3893 381.161 77.3893C380.786 77.3893 380.442 77.2967 380.129 77.1113C379.817 76.9238 379.568 76.667 379.381 76.3411C379.195 76.0129 379.103 75.6379 379.103 75.2161C379.103 74.8155 379.192 74.449 379.371 74.1166C379.552 73.7821 379.806 73.5158 380.132 73.3176C380.46 73.1195 380.846 73.0236 381.289 73.03ZM381.289 73.7331C381.02 73.7331 380.778 73.8002 380.563 73.9344C380.35 74.0666 380.181 74.2455 380.055 74.4714C379.931 74.6951 379.87 74.9433 379.87 75.2161C379.87 75.4888 379.929 75.737 380.049 75.9607C380.17 76.1823 380.335 76.3592 380.544 76.4913C380.755 76.6212 380.995 76.6862 381.263 76.6862C381.466 76.6862 381.654 76.6468 381.829 76.568C382.004 76.487 382.156 76.3773 382.286 76.2388C382.418 76.0982 382.521 75.9394 382.596 75.7626C382.67 75.5836 382.708 75.3972 382.708 75.2033C382.708 74.9476 382.646 74.7079 382.522 74.4842C382.401 74.2604 382.233 74.0793 382.017 73.9408C381.804 73.8023 381.561 73.7331 381.289 73.7331ZM386.994 79.7544C386.726 79.7501 386.457 79.699 386.189 79.601C385.921 79.503 385.676 79.3379 385.454 79.1056C385.232 78.8712 385.054 78.5548 384.92 78.1564C384.786 77.7558 384.719 77.253 384.719 76.6479C384.719 76.0683 384.773 75.5548 384.882 75.1074C384.991 74.6578 385.148 74.2796 385.355 73.9728C385.562 73.6639 385.811 73.4295 386.103 73.2697C386.397 73.1099 386.728 73.03 387.097 73.03C387.463 73.03 387.789 73.1035 388.075 73.2505C388.362 73.3954 388.597 73.5978 388.778 73.8577C388.959 74.1177 389.076 74.417 389.129 74.7558H388.35C388.277 74.4618 388.136 74.2178 387.928 74.0239C387.719 73.83 387.442 73.7331 387.097 73.7331C386.59 73.7331 386.19 73.9536 385.898 74.3947C385.608 74.8357 385.462 75.4547 385.46 76.2516H385.511C385.631 76.0705 385.772 75.916 385.937 75.7881C386.103 75.6582 386.286 75.558 386.486 75.4877C386.687 75.4174 386.899 75.3822 387.122 75.3822C387.497 75.3822 387.84 75.476 388.151 75.6635C388.462 75.8489 388.712 76.1056 388.899 76.4337C389.087 76.7597 389.18 77.1337 389.18 77.5555C389.18 77.9604 389.09 78.3311 388.909 78.6678C388.728 79.0023 388.473 79.2686 388.145 79.4668C387.819 79.6628 387.435 79.7587 386.994 79.7544ZM386.994 79.0513C387.263 79.0513 387.504 78.9842 387.717 78.8499C387.932 78.7157 388.101 78.5357 388.225 78.3098C388.351 78.084 388.413 77.8325 388.413 77.5555C388.413 77.2849 388.353 77.0389 388.231 76.8173C388.112 76.5935 387.947 76.4156 387.736 76.2835C387.527 76.1514 387.288 76.0854 387.02 76.0854C386.818 76.0854 386.629 76.1259 386.454 76.2068C386.28 76.2857 386.126 76.3943 385.994 76.5328C385.864 76.6713 385.762 76.83 385.687 77.009C385.613 77.1859 385.575 77.3723 385.575 77.5683C385.575 77.8283 385.636 78.0712 385.758 78.297C385.881 78.5229 386.049 78.705 386.263 78.8435C386.478 78.982 386.722 79.0513 386.994 79.0513ZM392.585 74.7558V75.395H390.041V74.7558H392.585ZM390.782 73.5797H391.537V78.2587C391.537 78.4717 391.568 78.6315 391.629 78.7381C391.693 78.8425 391.774 78.9128 391.872 78.949C391.972 78.9831 392.078 79.0001 392.189 79.0001C392.272 79.0001 392.34 78.9959 392.393 78.9874C392.447 78.9767 392.489 78.9682 392.521 78.9618L392.675 79.6393C392.623 79.6585 392.552 79.6777 392.46 79.6969C392.369 79.7182 392.253 79.7288 392.112 79.7288C391.899 79.7288 391.69 79.683 391.486 79.5914C391.283 79.4998 391.115 79.3602 390.981 79.1727C390.849 78.9852 390.782 78.7487 390.782 78.4632V73.5797ZM394.579 76.7118V79.6649H393.825V73.1195H394.579V75.5229H394.643C394.758 75.2693 394.931 75.068 395.161 74.9188C395.393 74.7675 395.702 74.6919 396.088 74.6919C396.422 74.6919 396.715 74.759 396.967 74.8933C397.218 75.0254 397.413 75.2288 397.552 75.5037C397.692 75.7764 397.763 76.1237 397.763 76.5456V79.6649H397.008V76.5967C397.008 76.2068 396.907 75.9053 396.705 75.6923C396.504 75.4771 396.226 75.3695 395.871 75.3695C395.623 75.3695 395.402 75.4217 395.206 75.5261C395.012 75.6305 394.858 75.7828 394.746 75.9831C394.635 76.1834 394.579 76.4263 394.579 76.7118ZM379.218 92.5058V85.7558H379.946V86.5357H380.036C380.091 86.4504 380.168 86.3418 380.266 86.2097C380.366 86.0754 380.509 85.9561 380.694 85.8517C380.882 85.7452 381.135 85.6919 381.455 85.6919C381.868 85.6919 382.233 85.7952 382.548 86.0019C382.863 86.2086 383.109 86.5016 383.286 86.8808C383.463 87.2601 383.551 87.7075 383.551 88.2232C383.551 88.743 383.463 89.1937 383.286 89.5751C383.109 89.9543 382.864 90.2484 382.551 90.4572C382.238 90.6639 381.877 90.7672 381.468 90.7672C381.152 90.7672 380.9 90.715 380.71 90.6106C380.521 90.5041 380.375 90.3837 380.272 90.2494C380.17 90.1131 380.091 90.0001 380.036 89.9107H379.972V92.5058H379.218ZM379.959 88.2104C379.959 88.5811 380.013 88.9082 380.122 89.1916C380.231 89.4728 380.39 89.6933 380.598 89.8531C380.807 90.0108 381.063 90.0896 381.365 90.0896C381.681 90.0896 381.944 90.0065 382.155 89.8403C382.368 89.672 382.528 89.4462 382.634 89.1628C382.743 88.8773 382.797 88.5598 382.797 88.2104C382.797 87.8652 382.744 87.5541 382.637 87.2771C382.533 86.998 382.374 86.7775 382.161 86.6156C381.95 86.4515 381.685 86.3695 381.365 86.3695C381.059 86.3695 380.801 86.4472 380.592 86.6028C380.383 86.7562 380.225 86.9714 380.119 87.2484C380.012 87.5232 379.959 87.8439 379.959 88.2104ZM386.76 90.7672C386.287 90.7672 385.879 90.6628 385.536 90.454C385.195 90.243 384.932 89.949 384.747 89.5719C384.564 89.1926 384.472 88.7516 384.472 88.2487C384.472 87.7459 384.564 87.3027 384.747 86.9192C384.932 86.5335 385.19 86.2331 385.52 86.0179C385.853 85.8006 386.24 85.6919 386.684 85.6919C386.939 85.6919 387.192 85.7345 387.441 85.8197C387.69 85.905 387.917 86.0435 388.122 86.2352C388.326 86.4249 388.489 86.6763 388.611 86.9895C388.732 87.3027 388.793 87.6884 388.793 88.1465V88.4661H385.009V87.8141H388.026C388.026 87.5371 387.971 87.2899 387.86 87.0726C387.751 86.8553 387.596 86.6837 387.393 86.558C387.193 86.4323 386.956 86.3695 386.684 86.3695C386.383 86.3695 386.123 86.444 385.904 86.5932C385.686 86.7402 385.519 86.932 385.402 87.1685C385.285 87.405 385.226 87.6585 385.226 87.9291V88.3638C385.226 88.7345 385.29 89.0488 385.418 89.3066C385.548 89.5623 385.728 89.7572 385.958 89.8915C386.188 90.0236 386.456 90.0896 386.76 90.0896C386.958 90.0896 387.137 90.0619 387.297 90.0065C387.459 89.949 387.599 89.8638 387.716 89.7509C387.833 89.6358 387.924 89.493 387.988 89.3226L388.716 89.5271C388.64 89.7743 388.511 89.9916 388.33 90.1791C388.148 90.3645 387.925 90.5094 387.658 90.6138C387.392 90.7161 387.093 90.7672 386.76 90.7672ZM389.94 90.6649V85.7558H390.669V86.4973H390.72C390.81 86.2544 390.972 86.0573 391.206 85.906C391.44 85.7548 391.705 85.6791 391.999 85.6791C392.054 85.6791 392.123 85.6802 392.206 85.6823C392.289 85.6844 392.352 85.6876 392.395 85.6919V86.459C392.369 86.4526 392.311 86.443 392.219 86.4302C392.13 86.4153 392.035 86.4078 391.935 86.4078C391.696 86.4078 391.483 86.4579 391.295 86.558C391.11 86.656 390.963 86.7924 390.854 86.9671C390.748 87.1397 390.695 87.3368 390.695 87.5584V90.6649H389.94ZM395.134 90.7672C394.674 90.7672 394.277 90.6585 393.945 90.4412C393.613 90.2239 393.357 89.9245 393.178 89.5431C392.999 89.1617 392.909 88.726 392.909 88.2359C392.909 87.7374 393.001 87.2974 393.184 86.916C393.37 86.5325 393.627 86.2331 393.958 86.0179C394.29 85.8006 394.678 85.6919 395.121 85.6919C395.466 85.6919 395.777 85.7558 396.054 85.8837C396.331 86.0115 396.558 86.1905 396.735 86.4206C396.912 86.6507 397.022 86.9192 397.064 87.226H396.31C396.252 87.0023 396.125 86.8041 395.926 86.6315C395.73 86.4568 395.466 86.3695 395.134 86.3695C394.84 86.3695 394.582 86.4462 394.36 86.5996C394.141 86.7509 393.969 86.965 393.846 87.242C393.724 87.5168 393.664 87.8396 393.664 88.2104C393.664 88.5896 393.723 88.9199 393.843 89.2011C393.964 89.4824 394.135 89.7008 394.354 89.8563C394.576 90.0119 394.836 90.0896 395.134 90.0896C395.33 90.0896 395.508 90.0555 395.668 89.9874C395.827 89.9192 395.963 89.8212 396.074 89.6933C396.184 89.5655 396.263 89.4121 396.31 89.2331H397.064C397.022 89.5229 396.916 89.7839 396.748 90.0161C396.582 90.2462 396.361 90.4295 396.086 90.5658C395.814 90.7001 395.496 90.7672 395.134 90.7672ZM400.225 90.7672C399.752 90.7672 399.344 90.6628 399.001 90.454C398.66 90.243 398.397 89.949 398.212 89.5719C398.028 89.1926 397.937 88.7516 397.937 88.2487C397.937 87.7459 398.028 87.3027 398.212 86.9192C398.397 86.5335 398.655 86.2331 398.985 86.0179C399.317 85.8006 399.705 85.6919 400.148 85.6919C400.404 85.6919 400.657 85.7345 400.906 85.8197C401.155 85.905 401.382 86.0435 401.587 86.2352C401.791 86.4249 401.954 86.6763 402.076 86.9895C402.197 87.3027 402.258 87.6884 402.258 88.1465V88.4661H398.474V87.8141H401.491C401.491 87.5371 401.435 87.2899 401.325 87.0726C401.216 86.8553 401.06 86.6837 400.858 86.558C400.658 86.4323 400.421 86.3695 400.148 86.3695C399.848 86.3695 399.588 86.444 399.369 86.5932C399.151 86.7402 398.984 86.932 398.867 87.1685C398.75 87.405 398.691 87.6585 398.691 87.9291V88.3638C398.691 88.7345 398.755 89.0488 398.883 89.3066C399.013 89.5623 399.193 89.7572 399.423 89.8915C399.653 90.0236 399.92 90.0896 400.225 90.0896C400.423 90.0896 400.602 90.0619 400.762 90.0065C400.924 89.949 401.064 89.8638 401.181 89.7509C401.298 89.6358 401.388 89.493 401.452 89.3226L402.181 89.5271C402.104 89.7743 401.975 89.9916 401.794 90.1791C401.613 90.3645 401.39 90.5094 401.123 90.6138C400.857 90.7161 400.558 90.7672 400.225 90.7672ZM404.159 87.7118V90.6649H403.405V85.7558H404.134V86.5229H404.198C404.313 86.2736 404.488 86.0733 404.722 85.922C404.956 85.7686 405.259 85.6919 405.63 85.6919C405.962 85.6919 406.253 85.7601 406.502 85.8965C406.751 86.0307 406.945 86.2352 407.084 86.5101C407.222 86.7828 407.292 87.128 407.292 87.5456V90.6649H406.537V87.5967C406.537 87.2111 406.437 86.9107 406.237 86.6955C406.037 86.4781 405.762 86.3695 405.412 86.3695C405.172 86.3695 404.956 86.4217 404.767 86.5261C404.579 86.6305 404.431 86.7828 404.322 86.9831C404.214 87.1834 404.159 87.4263 404.159 87.7118ZM410.805 85.7558V86.395H408.261V85.7558H410.805ZM409.002 84.5797H409.756V89.2587C409.756 89.4717 409.787 89.6315 409.849 89.7381C409.913 89.8425 409.994 89.9128 410.092 89.949C410.192 89.9831 410.298 90.0001 410.408 90.0001C410.492 90.0001 410.56 89.9959 410.613 89.9874C410.666 89.9767 410.709 89.9682 410.741 89.9618L410.894 90.6393C410.843 90.6585 410.772 90.6777 410.68 90.6969C410.589 90.7182 410.472 90.7288 410.332 90.7288C410.119 90.7288 409.91 90.683 409.705 90.5914C409.503 90.4998 409.335 90.3602 409.2 90.1727C409.068 89.9852 409.002 89.7487 409.002 89.4632V84.5797ZM411.939 90.6649V85.7558H412.694V90.6649H411.939ZM412.323 84.9376C412.176 84.9376 412.049 84.8876 411.943 84.7874C411.838 84.6873 411.786 84.5669 411.786 84.4263C411.786 84.2857 411.838 84.1653 411.943 84.0651C412.049 83.965 412.176 83.9149 412.323 83.9149C412.47 83.9149 412.596 83.965 412.7 84.0651C412.807 84.1653 412.86 84.2857 412.86 84.4263C412.86 84.5669 412.807 84.6873 412.7 84.7874C412.596 84.8876 412.47 84.9376 412.323 84.9376ZM414.829 84.1195V90.6649H414.075V84.1195H414.829ZM418.269 90.7672C417.796 90.7672 417.388 90.6628 417.045 90.454C416.704 90.243 416.441 89.949 416.256 89.5719C416.072 89.1926 415.981 88.7516 415.981 88.2487C415.981 87.7459 416.072 87.3027 416.256 86.9192C416.441 86.5335 416.699 86.2331 417.029 86.0179C417.361 85.8006 417.749 85.6919 418.192 85.6919C418.448 85.6919 418.701 85.7345 418.95 85.8197C419.199 85.905 419.426 86.0435 419.631 86.2352C419.835 86.4249 419.998 86.6763 420.12 86.9895C420.241 87.3027 420.302 87.6884 420.302 88.1465V88.4661H416.518V87.8141H419.535C419.535 87.5371 419.479 87.2899 419.369 87.0726C419.26 86.8553 419.104 86.6837 418.902 86.558C418.702 86.4323 418.465 86.3695 418.192 86.3695C417.892 86.3695 417.632 86.444 417.413 86.5932C417.195 86.7402 417.028 86.932 416.911 87.1685C416.794 87.405 416.735 87.6585 416.735 87.9291V88.3638C416.735 88.7345 416.799 89.0488 416.927 89.3066C417.057 89.5623 417.237 89.7572 417.467 89.8915C417.697 90.0236 417.964 90.0896 418.269 90.0896C418.467 90.0896 418.646 90.0619 418.806 90.0065C418.968 89.949 419.108 89.8638 419.225 89.7509C419.342 89.6358 419.432 89.493 419.496 89.3226L420.225 89.5271C420.148 89.7743 420.019 89.9916 419.838 90.1791C419.657 90.3645 419.434 90.5094 419.167 90.6138C418.901 90.7161 418.601 90.7672 418.269 90.7672Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/5328-profile.svg b/src/public/images/developers/5328-profile.svg
new file mode 100644
index 0000000000..fb442dcdf4
--- /dev/null
+++ b/src/public/images/developers/5328-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.53C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.939 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.235 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.955 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.588 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.601 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.86 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.425 16.5673 220.865 16.2926C221.305 16.0148 221.794 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.833 16.3903 223.992 16.5856C224.151 16.7779 224.271 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.936 24.2133 225.649 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.694 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.62 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.121 19.0274 221.121 19.4517C221.121 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.778 23V15.9675H229.436V23H227.778ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.968 16.7688 233.226 16.4559 233.58 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.532 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.113 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.384 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.648C243.645 18.5025 243.577 18.2201 243.442 17.9729C243.308 17.7226 243.12 17.5257 242.879 17.3823C242.641 17.2388 242.363 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.553 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.458 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.152 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.168 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.656 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.474 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.474 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.452 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.115V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.339 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.832 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.938 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.252 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.621 16.201C256.936 15.9782 257.294 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.523 17.3411C257.221 17.3411 256.95 17.4067 256.708 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.964 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.265 14.3193 259.265 14.0721C259.265 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.964 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.188 13.8218 261.188 14.0721C261.188 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.755V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.903 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.106 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.652 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.681 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.971V23.1145C276.971 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.364 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.581 21.3426C274.829 21.1717 275.016 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.019 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.006 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.693 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.614 36.2606 207.614 35.525C207.614 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.189 32.3384C209.687 32.0301 210.271 31.876 210.943 31.876C211.376 31.876 211.785 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.329 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.482 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.088 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.378L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.708 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.463 39.1374C224.761 39.1374 224.159 38.9832 223.655 38.6749C223.154 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.027 33.0755C228.29 33.454 228.439 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.138 33.2129 224.841 33.3044 224.584 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.721 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.436 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.463 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.863 31.876C233.297 31.876 233.706 31.9462 234.09 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.077 34.8123 236.077 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.148 33.7226 233.961 33.5257 233.72 33.3823C233.481 33.2388 233.204 33.1671 232.886 33.1671C232.547 33.1671 232.25 33.2495 231.993 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.552 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.214 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.443 34.8123 250.443 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.847 33.2388 247.57 33.1671 247.252 33.1671C246.913 33.1671 246.616 33.2495 246.359 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.544 34.9206V35.8958C245.544 36.3048 245.619 36.6558 245.769 36.9489C245.918 37.2388 246.127 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.24 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.752 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.474 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.836 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.981 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.783 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.15 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.15 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.881 37.512C262.138 37.6951 262.439 37.7867 262.783 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.633 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.089 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.978 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.978 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.619V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.192 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.279 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.442 37.4388C271.586 37.3045 271.694 37.1381 271.767 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.756 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+  <path d="M240 69.7332L300.342 127.132L277.53 198.512L208.358 191.153L177.451 126.396L240 69.7332Z" fill="#42B883"
+        fill-opacity="0.5" stroke="#42B883"/>
+</svg>
diff --git a/src/public/images/developers/5328-score.svg b/src/public/images/developers/5328-score.svg
new file mode 100644
index 0000000000..67ff885a8a
--- /dev/null
+++ b/src/public/images/developers/5328-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 455 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 132.471C52.0151 132.471 80.7152 92.041 118.151 92.041C155.586 92.041 175.552 111.008 216.98 89.0462C245.24 74.0651 267.892 41.8776 305.827 41.8776C354.992 41.8776 384.94 132.222 431.894 134.717V154.081H4V132.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382C402.295 123.272 416.137 134.002 431.894 134.84V154H389V109.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M325 46.6073V154H218V88.6193C226.901 83.7495 235.265 77.2164 243.756 70.5851C261.772 56.5135 280.354 42 305.827 42C312.546 42 318.906 43.6874 325 46.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382V154H325V46.6073C341.715 54.6167 356.426 71.8999 371.039 89.0695C376.999 96.0716 382.943 103.055 389 109.382Z"
+        fill="#42B883"/>
+  <path
+    d="M4.49947 175.166C3.79776 175.166 3.19549 174.989 2.69265 174.634C2.19265 174.276 1.80771 173.76 1.53782 173.087C1.27077 172.411 1.13725 171.597 1.13725 170.645C1.14009 169.693 1.27504 168.884 1.54208 168.216C1.81197 167.545 2.19691 167.034 2.69691 166.682C3.19975 166.33 3.8006 166.153 4.49947 166.153C5.19833 166.153 5.79918 166.33 6.30202 166.682C6.80487 167.034 7.18981 167.545 7.45685 168.216C7.72674 168.886 7.86168 169.696 7.86168 170.645C7.86168 171.599 7.72674 172.415 7.45685 173.091C7.18981 173.764 6.80487 174.278 6.30202 174.634C5.80202 174.989 5.20117 175.166 4.49947 175.166ZM4.49947 173.832C5.04492 173.832 5.47532 173.564 5.79066 173.027C6.10884 172.487 6.26793 171.693 6.26793 170.645C6.26793 169.952 6.19549 169.369 6.0506 168.898C5.90572 168.426 5.70117 168.071 5.43697 167.832C5.17276 167.591 4.86026 167.47 4.49947 167.47C3.95685 167.47 3.52788 167.74 3.21254 168.28C2.89719 168.817 2.7381 169.605 2.73526 170.645C2.73242 171.341 2.80202 171.926 2.94407 172.401C3.08896 172.875 3.2935 173.233 3.55771 173.474C3.82191 173.713 4.13583 173.832 4.49947 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M141.105 166.273V175H139.524V167.811H139.472L137.431 169.115V167.666L139.6 166.273H141.105ZM146.546 175.166C145.845 175.166 145.242 174.989 144.74 174.634C144.24 174.276 143.855 173.76 143.585 173.087C143.318 172.411 143.184 171.597 143.184 170.645C143.187 169.693 143.322 168.884 143.589 168.216C143.859 167.545 144.244 167.034 144.744 166.682C145.247 166.33 145.847 166.153 146.546 166.153C147.245 166.153 147.846 166.33 148.349 166.682C148.852 167.034 149.237 167.545 149.504 168.216C149.774 168.886 149.909 169.696 149.909 170.645C149.909 171.599 149.774 172.415 149.504 173.091C149.237 173.764 148.852 174.278 148.349 174.634C147.849 174.989 147.248 175.166 146.546 175.166ZM146.546 173.832C147.092 173.832 147.522 173.564 147.838 173.027C148.156 172.487 148.315 171.693 148.315 170.645C148.315 169.952 148.242 169.369 148.097 168.898C147.953 168.426 147.748 168.071 147.484 167.832C147.22 167.591 146.907 167.47 146.546 167.47C146.004 167.47 145.575 167.74 145.259 168.28C144.944 168.817 144.785 169.605 144.782 170.645C144.779 171.341 144.849 171.926 144.991 172.401C145.136 172.875 145.34 173.233 145.605 173.474C145.869 173.713 146.183 173.832 146.546 173.832ZM154.55 175.166C153.849 175.166 153.246 174.989 152.743 174.634C152.243 174.276 151.858 173.76 151.589 173.087C151.322 172.411 151.188 171.597 151.188 170.645C151.191 169.693 151.326 168.884 151.593 168.216C151.863 167.545 152.248 167.034 152.748 166.682C153.251 166.33 153.851 166.153 154.55 166.153C155.249 166.153 155.85 166.33 156.353 166.682C156.856 167.034 157.241 167.545 157.508 168.216C157.778 168.886 157.912 169.696 157.912 170.645C157.912 171.599 157.778 172.415 157.508 173.091C157.241 173.764 156.856 174.278 156.353 174.634C155.853 174.989 155.252 175.166 154.55 175.166ZM154.55 173.832C155.096 173.832 155.526 173.564 155.841 173.027C156.16 172.487 156.319 171.693 156.319 170.645C156.319 169.952 156.246 169.369 156.101 168.898C155.956 168.426 155.752 168.071 155.488 167.832C155.224 167.591 154.911 167.47 154.55 167.47C154.008 167.47 153.579 167.74 153.263 168.28C152.948 168.817 152.789 169.605 152.786 170.645C152.783 171.341 152.853 171.926 152.995 172.401C153.14 172.875 153.344 173.233 153.608 173.474C153.873 173.713 154.187 173.832 154.55 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M210.644 166.273V175H209.063V167.811H209.012L206.97 169.115V167.666L209.139 166.273H210.644ZM215.894 175.119C215.325 175.119 214.817 175.013 214.368 174.8C213.919 174.584 213.563 174.288 213.298 173.913C213.037 173.538 212.898 173.109 212.881 172.626H214.415C214.443 172.984 214.598 173.277 214.879 173.504C215.161 173.729 215.499 173.841 215.894 173.841C216.203 173.841 216.479 173.77 216.72 173.628C216.962 173.486 217.152 173.288 217.291 173.036C217.431 172.783 217.499 172.494 217.496 172.17C217.499 171.841 217.429 171.548 217.287 171.293C217.145 171.037 216.95 170.837 216.703 170.692C216.456 170.544 216.172 170.47 215.851 170.47C215.59 170.467 215.333 170.516 215.08 170.615C214.827 170.714 214.627 170.845 214.479 171.007L213.051 170.773L213.507 166.273H218.57V167.594H214.816L214.564 169.908H214.615C214.777 169.717 215.006 169.56 215.301 169.435C215.597 169.307 215.921 169.243 216.273 169.243C216.801 169.243 217.273 169.368 217.688 169.618C218.102 169.865 218.429 170.206 218.668 170.641C218.906 171.075 219.026 171.572 219.026 172.132C219.026 172.709 218.892 173.223 218.625 173.675C218.361 174.124 217.993 174.477 217.521 174.736C217.053 174.991 216.51 175.119 215.894 175.119ZM223.679 175.166C222.977 175.166 222.375 174.989 221.872 174.634C221.372 174.276 220.987 173.76 220.718 173.087C220.45 172.411 220.317 171.597 220.317 170.645C220.32 169.693 220.455 168.884 220.722 168.216C220.992 167.545 221.377 167.034 221.877 166.682C222.379 166.33 222.98 166.153 223.679 166.153C224.378 166.153 224.979 166.33 225.482 166.682C225.985 167.034 226.369 167.545 226.637 168.216C226.906 168.886 227.041 169.696 227.041 170.645C227.041 171.599 226.906 172.415 226.637 173.091C226.369 173.764 225.985 174.278 225.482 174.634C224.982 174.989 224.381 175.166 223.679 175.166ZM223.679 173.832C224.225 173.832 224.655 173.564 224.97 173.027C225.289 172.487 225.448 171.693 225.448 170.645C225.448 169.952 225.375 169.369 225.23 168.898C225.085 168.426 224.881 168.071 224.617 167.832C224.352 167.591 224.04 167.47 223.679 167.47C223.137 167.47 222.708 167.74 222.392 168.28C222.077 168.817 221.918 169.605 221.915 170.645C221.912 171.341 221.982 171.926 222.124 172.401C222.269 172.875 222.473 173.233 222.737 173.474C223.002 173.713 223.316 173.832 223.679 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M276.379 175V173.858L279.409 170.888C279.699 170.595 279.94 170.335 280.133 170.108C280.327 169.881 280.471 169.661 280.568 169.447C280.665 169.234 280.713 169.007 280.713 168.766C280.713 168.49 280.65 168.254 280.525 168.058C280.4 167.859 280.229 167.706 280.01 167.598C279.791 167.49 279.542 167.436 279.264 167.436C278.977 167.436 278.726 167.496 278.51 167.615C278.294 167.732 278.126 167.898 278.007 168.114C277.89 168.33 277.832 168.587 277.832 168.885H276.328C276.328 168.331 276.454 167.849 276.707 167.44C276.96 167.031 277.308 166.714 277.751 166.49C278.197 166.266 278.709 166.153 279.285 166.153C279.871 166.153 280.385 166.263 280.828 166.482C281.271 166.7 281.615 167 281.859 167.381C282.106 167.761 282.23 168.196 282.23 168.685C282.23 169.011 282.167 169.332 282.042 169.648C281.917 169.963 281.697 170.312 281.382 170.696C281.069 171.08 280.631 171.544 280.065 172.089L278.561 173.619V173.679H282.362V175H276.379ZM287.058 175.166C286.356 175.166 285.754 174.989 285.251 174.634C284.751 174.276 284.366 173.76 284.096 173.087C283.829 172.411 283.696 171.597 283.696 170.645C283.699 169.693 283.834 168.884 284.101 168.216C284.371 167.545 284.756 167.034 285.256 166.682C285.758 166.33 286.359 166.153 287.058 166.153C287.757 166.153 288.358 166.33 288.861 166.682C289.363 167.034 289.748 167.545 290.015 168.216C290.285 168.886 290.42 169.696 290.42 170.645C290.42 171.599 290.285 172.415 290.015 173.091C289.748 173.764 289.363 174.278 288.861 174.634C288.361 174.989 287.76 175.166 287.058 175.166ZM287.058 173.832C287.604 173.832 288.034 173.564 288.349 173.027C288.667 172.487 288.827 171.693 288.827 170.645C288.827 169.952 288.754 169.369 288.609 168.898C288.464 168.426 288.26 168.071 287.996 167.832C287.731 167.591 287.419 167.47 287.058 167.47C286.515 167.47 286.086 167.74 285.771 168.28C285.456 168.817 285.297 169.605 285.294 170.645C285.291 171.341 285.361 171.926 285.503 172.401C285.648 172.875 285.852 173.233 286.116 173.474C286.381 173.713 286.694 173.832 287.058 173.832ZM295.062 175.166C294.36 175.166 293.758 174.989 293.255 174.634C292.755 174.276 292.37 173.76 292.1 173.087C291.833 172.411 291.7 171.597 291.7 170.645C291.703 169.693 291.838 168.884 292.105 168.216C292.374 167.545 292.759 167.034 293.259 166.682C293.762 166.33 294.363 166.153 295.062 166.153C295.761 166.153 296.362 166.33 296.865 166.682C297.367 167.034 297.752 167.545 298.019 168.216C298.289 168.886 298.424 169.696 298.424 170.645C298.424 171.599 298.289 172.415 298.019 173.091C297.752 173.764 297.367 174.278 296.865 174.634C296.365 174.989 295.764 175.166 295.062 175.166ZM295.062 173.832C295.607 173.832 296.038 173.564 296.353 173.027C296.671 172.487 296.83 171.693 296.83 170.645C296.83 169.952 296.758 169.369 296.613 168.898C296.468 168.426 296.264 168.071 295.999 167.832C295.735 167.591 295.423 167.47 295.062 167.47C294.519 167.47 294.09 167.74 293.775 168.28C293.46 168.817 293.301 169.605 293.298 170.645C293.295 171.341 293.365 171.926 293.507 172.401C293.651 172.875 293.856 173.233 294.12 173.474C294.384 173.713 294.698 173.832 295.062 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M347.916 175V173.858L350.946 170.888C351.236 170.595 351.477 170.335 351.67 170.108C351.864 169.881 352.009 169.661 352.105 169.447C352.202 169.234 352.25 169.007 352.25 168.766C352.25 168.49 352.188 168.254 352.062 168.058C351.938 167.859 351.766 167.706 351.547 167.598C351.328 167.49 351.08 167.436 350.801 167.436C350.514 167.436 350.263 167.496 350.047 167.615C349.831 167.732 349.663 167.898 349.544 168.114C349.428 168.33 349.369 168.587 349.369 168.885H347.865C347.865 168.331 347.991 167.849 348.244 167.44C348.497 167.031 348.845 166.714 349.288 166.49C349.734 166.266 350.246 166.153 350.822 166.153C351.408 166.153 351.922 166.263 352.365 166.482C352.808 166.7 353.152 167 353.396 167.381C353.643 167.761 353.767 168.196 353.767 168.685C353.767 169.011 353.705 169.332 353.58 169.648C353.455 169.963 353.234 170.312 352.919 170.696C352.607 171.08 352.168 171.544 351.602 172.089L350.098 173.619V173.679H353.899V175H347.916ZM358.403 175.119C357.835 175.119 357.327 175.013 356.878 174.8C356.429 174.584 356.072 174.288 355.808 173.913C355.547 173.538 355.408 173.109 355.391 172.626H356.925C356.953 172.984 357.108 173.277 357.389 173.504C357.67 173.729 358.009 173.841 358.403 173.841C358.713 173.841 358.989 173.77 359.23 173.628C359.472 173.486 359.662 173.288 359.801 173.036C359.94 172.783 360.009 172.494 360.006 172.17C360.009 171.841 359.939 171.548 359.797 171.293C359.655 171.037 359.46 170.837 359.213 170.692C358.966 170.544 358.682 170.47 358.361 170.47C358.099 170.467 357.842 170.516 357.589 170.615C357.337 170.714 357.136 170.845 356.989 171.007L355.561 170.773L356.017 166.273H361.08V167.594H357.325L357.074 169.908H357.125C357.287 169.717 357.516 169.56 357.811 169.435C358.107 169.307 358.43 169.243 358.783 169.243C359.311 169.243 359.783 169.368 360.197 169.618C360.612 169.865 360.939 170.206 361.178 170.641C361.416 171.075 361.536 171.572 361.536 172.132C361.536 172.709 361.402 173.223 361.135 173.675C360.871 174.124 360.503 174.477 360.031 174.736C359.562 174.991 359.02 175.119 358.403 175.119ZM366.189 175.166C365.487 175.166 364.885 174.989 364.382 174.634C363.882 174.276 363.497 173.76 363.227 173.087C362.96 172.411 362.827 171.597 362.827 170.645C362.83 169.693 362.964 168.884 363.232 168.216C363.501 167.545 363.886 167.034 364.386 166.682C364.889 166.33 365.49 166.153 366.189 166.153C366.888 166.153 367.489 166.33 367.991 166.682C368.494 167.034 368.879 167.545 369.146 168.216C369.416 168.886 369.551 169.696 369.551 170.645C369.551 171.599 369.416 172.415 369.146 173.091C368.879 173.764 368.494 174.278 367.991 174.634C367.491 174.989 366.891 175.166 366.189 175.166ZM366.189 173.832C366.734 173.832 367.165 173.564 367.48 173.027C367.798 172.487 367.957 171.693 367.957 170.645C367.957 169.952 367.885 169.369 367.74 168.898C367.595 168.426 367.391 168.071 367.126 167.832C366.862 167.591 366.55 167.47 366.189 167.47C365.646 167.47 365.217 167.74 364.902 168.28C364.587 168.817 364.428 169.605 364.425 170.645C364.422 171.341 364.491 171.926 364.634 172.401C364.778 172.875 364.983 173.233 365.247 173.474C365.511 173.713 365.825 173.832 366.189 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M422.083 175.119C421.47 175.119 420.924 175.014 420.447 174.804C419.973 174.594 419.598 174.301 419.322 173.926C419.047 173.551 418.9 173.118 418.883 172.626H420.485C420.5 172.862 420.578 173.068 420.72 173.244C420.862 173.418 421.051 173.553 421.287 173.649C421.522 173.746 421.787 173.794 422.079 173.794C422.392 173.794 422.669 173.74 422.91 173.632C423.152 173.521 423.341 173.368 423.477 173.172C423.613 172.976 423.68 172.75 423.677 172.494C423.68 172.23 423.612 171.997 423.473 171.795C423.333 171.594 423.132 171.436 422.868 171.322C422.606 171.209 422.291 171.152 421.922 171.152H421.15V169.933H421.922C422.225 169.933 422.491 169.881 422.718 169.776C422.949 169.67 423.129 169.523 423.26 169.332C423.39 169.139 423.454 168.916 423.451 168.663C423.454 168.416 423.399 168.202 423.285 168.02C423.174 167.835 423.017 167.692 422.812 167.589C422.61 167.487 422.373 167.436 422.1 167.436C421.833 167.436 421.586 167.484 421.359 167.581C421.132 167.678 420.949 167.815 420.809 167.994C420.67 168.17 420.596 168.381 420.588 168.625H419.066C419.078 168.136 419.218 167.707 419.488 167.338C419.761 166.966 420.125 166.676 420.579 166.469C421.034 166.259 421.544 166.153 422.109 166.153C422.691 166.153 423.197 166.263 423.626 166.482C424.058 166.697 424.392 166.989 424.627 167.355C424.863 167.722 424.981 168.126 424.981 168.57C424.984 169.061 424.839 169.473 424.547 169.805C424.257 170.138 423.876 170.355 423.404 170.457V170.526C424.018 170.611 424.488 170.838 424.815 171.207C425.145 171.574 425.308 172.03 425.305 172.575C425.305 173.064 425.166 173.501 424.887 173.888C424.612 174.271 424.231 174.572 423.745 174.791C423.262 175.01 422.708 175.119 422.083 175.119ZM429.994 175.166C429.292 175.166 428.69 174.989 428.187 174.634C427.687 174.276 427.302 173.76 427.032 173.087C426.765 172.411 426.631 171.597 426.631 170.645C426.634 169.693 426.769 168.884 427.036 168.216C427.306 167.545 427.691 167.034 428.191 166.682C428.694 166.33 429.295 166.153 429.994 166.153C430.692 166.153 431.293 166.33 431.796 166.682C432.299 167.034 432.684 167.545 432.951 168.216C433.221 168.886 433.356 169.696 433.356 170.645C433.356 171.599 433.221 172.415 432.951 173.091C432.684 173.764 432.299 174.278 431.796 174.634C431.296 174.989 430.695 175.166 429.994 175.166ZM429.994 173.832C430.539 173.832 430.969 173.564 431.285 173.027C431.603 172.487 431.762 171.693 431.762 170.645C431.762 169.952 431.69 169.369 431.545 168.898C431.4 168.426 431.195 168.071 430.931 167.832C430.667 167.591 430.354 167.47 429.994 167.47C429.451 167.47 429.022 167.74 428.707 168.28C428.391 168.817 428.232 169.605 428.229 170.645C428.227 171.341 428.296 171.926 428.438 172.401C428.583 172.875 428.788 173.233 429.052 173.474C429.316 173.713 429.63 173.832 429.994 173.832ZM437.998 175.166C437.296 175.166 436.694 174.989 436.191 174.634C435.691 174.276 435.306 173.76 435.036 173.087C434.769 172.411 434.635 171.597 434.635 170.645C434.638 169.693 434.773 168.884 435.04 168.216C435.31 167.545 435.695 167.034 436.195 166.682C436.698 166.33 437.299 166.153 437.998 166.153C438.696 166.153 439.297 166.33 439.8 166.682C440.303 167.034 440.688 167.545 440.955 168.216C441.225 168.886 441.36 169.696 441.36 170.645C441.36 171.599 441.225 172.415 440.955 173.091C440.688 173.764 440.303 174.278 439.8 174.634C439.3 174.989 438.699 175.166 437.998 175.166ZM437.998 173.832C438.543 173.832 438.973 173.564 439.289 173.027C439.607 172.487 439.766 171.693 439.766 170.645C439.766 169.952 439.694 169.369 439.549 168.898C439.404 168.426 439.199 168.071 438.935 167.832C438.671 167.591 438.358 167.47 437.998 167.47C437.455 167.47 437.026 167.74 436.711 168.28C436.395 168.817 436.236 169.605 436.233 170.645C436.23 171.341 436.3 171.926 436.442 172.401C436.587 172.875 436.792 173.233 437.056 173.474C437.32 173.713 437.634 173.832 437.998 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M324.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M316.206 4.21484V3H322.589V4.21484H320.117V11H318.679V4.21484H316.206ZM330.614 7C330.614 7.86198 330.452 8.60026 330.129 9.21484C329.809 9.82682 329.371 10.2956 328.817 10.6211C328.265 10.9466 327.638 11.1094 326.938 11.1094C326.237 11.1094 325.61 10.9466 325.055 10.6211C324.503 10.293 324.065 9.82292 323.742 9.21094C323.422 8.59635 323.262 7.85937 323.262 7C323.262 6.13802 323.422 5.40104 323.742 4.78906C324.065 4.17448 324.503 3.70443 325.055 3.37891C325.61 3.05339 326.237 2.89062 326.938 2.89062C327.638 2.89062 328.265 3.05339 328.817 3.37891C329.371 3.70443 329.809 4.17448 330.129 4.78906C330.452 5.40104 330.614 6.13802 330.614 7ZM329.157 7C329.157 6.39323 329.062 5.88151 328.871 5.46484C328.684 5.04557 328.423 4.72917 328.09 4.51563C327.757 4.29948 327.373 4.19141 326.938 4.19141C326.503 4.19141 326.119 4.29948 325.785 4.51563C325.452 4.72917 325.19 5.04557 325 5.46484C324.813 5.88151 324.719 6.39323 324.719 7C324.719 7.60677 324.813 8.11979 325 8.53906C325.19 8.95573 325.452 9.27214 325.785 9.48828C326.119 9.70182 326.503 9.80859 326.938 9.80859C327.373 9.80859 327.757 9.70182 328.09 9.48828C328.423 9.27214 328.684 8.95573 328.871 8.53906C329.062 8.11979 329.157 7.60677 329.157 7ZM331.984 11V3H334.984C335.598 3 336.114 3.11458 336.531 3.34375C336.95 3.57292 337.266 3.88802 337.48 4.28906C337.696 4.6875 337.804 5.14062 337.804 5.64844C337.804 6.16146 337.696 6.61719 337.48 7.01563C337.264 7.41406 336.945 7.72786 336.523 7.95703C336.101 8.18359 335.581 8.29687 334.964 8.29687H332.976V7.10547H334.769C335.128 7.10547 335.423 7.04297 335.652 6.91797C335.881 6.79297 336.05 6.62109 336.159 6.40234C336.271 6.18359 336.327 5.93229 336.327 5.64844C336.327 5.36458 336.271 5.11458 336.159 4.89844C336.05 4.68229 335.88 4.51432 335.648 4.39453C335.419 4.27214 335.123 4.21094 334.761 4.21094H333.433V11H331.984ZM316.195 24V22.9531L318.972 20.2305C319.238 19.9622 319.459 19.724 319.637 19.5156C319.814 19.3073 319.946 19.1055 320.035 18.9102C320.124 18.7148 320.168 18.5065 320.168 18.2852C320.168 18.0326 320.11 17.8164 319.996 17.6367C319.881 17.4544 319.724 17.3138 319.523 17.2148C319.323 17.1159 319.095 17.0664 318.84 17.0664C318.577 17.0664 318.346 17.1211 318.148 17.2305C317.95 17.3372 317.797 17.4896 317.687 17.6875C317.581 17.8854 317.527 18.1211 317.527 18.3945H316.148C316.148 17.8867 316.264 17.4453 316.496 17.0703C316.728 16.6953 317.047 16.4049 317.453 16.1992C317.862 15.9935 318.331 15.8906 318.859 15.8906C319.396 15.8906 319.867 15.9909 320.273 16.1914C320.68 16.3919 320.995 16.6667 321.219 17.0156C321.445 17.3646 321.558 17.763 321.558 18.2109C321.558 18.5104 321.501 18.8047 321.387 19.0937C321.272 19.3828 321.07 19.7031 320.781 20.0547C320.495 20.4062 320.092 20.832 319.574 21.332L318.195 22.7344V22.7891H321.68V24H316.195ZM325.808 24.1094C325.288 24.1094 324.821 24.0117 324.41 23.8164C323.999 23.6185 323.672 23.3477 323.43 23.0039C323.19 22.6602 323.062 22.2669 323.047 21.8242H324.453C324.479 22.1523 324.621 22.4206 324.879 22.6289C325.137 22.8346 325.446 22.9375 325.808 22.9375C326.092 22.9375 326.345 22.8724 326.566 22.7422C326.788 22.612 326.962 22.431 327.09 22.1992C327.217 21.9674 327.28 21.7031 327.277 21.4062C327.28 21.1042 327.216 20.8359 327.086 20.6016C326.956 20.3672 326.777 20.1836 326.551 20.0508C326.324 19.9154 326.064 19.8477 325.769 19.8477C325.53 19.8451 325.294 19.8893 325.062 19.9805C324.831 20.0716 324.647 20.1914 324.512 20.3398L323.203 20.125L323.621 16H328.262V17.2109H324.82L324.59 19.332H324.637C324.785 19.1576 324.995 19.013 325.265 18.8984C325.536 18.7812 325.833 18.7227 326.156 18.7227C326.64 18.7227 327.073 18.8372 327.453 19.0664C327.833 19.293 328.133 19.6055 328.351 20.0039C328.57 20.4023 328.68 20.8581 328.68 21.3711C328.68 21.8997 328.557 22.3711 328.312 22.7852C328.07 23.1966 327.733 23.5208 327.301 23.7578C326.871 23.9922 326.374 24.1094 325.808 24.1094ZM334.265 22.5V22.0781C334.265 21.7682 334.331 21.4831 334.461 21.2227C334.594 20.9622 334.786 20.7526 335.039 20.5937C335.291 20.4349 335.597 20.3555 335.957 20.3555C336.327 20.3555 336.637 20.4349 336.887 20.5937C337.137 20.75 337.325 20.9583 337.453 21.2188C337.583 21.4792 337.648 21.7656 337.648 22.0781V22.5C337.648 22.8099 337.583 23.0951 337.453 23.3555C337.323 23.6159 337.131 23.8255 336.879 23.9844C336.629 24.1432 336.321 24.2227 335.957 24.2227C335.592 24.2227 335.284 24.1432 335.031 23.9844C334.778 23.8255 334.587 23.6159 334.457 23.3555C334.329 23.0951 334.265 22.8099 334.265 22.5ZM335.285 22.0781V22.5C335.285 22.7057 335.334 22.8945 335.433 23.0664C335.532 23.2383 335.707 23.3242 335.957 23.3242C336.209 23.3242 336.383 23.2396 336.476 23.0703C336.573 22.8984 336.621 22.7083 336.621 22.5V22.0781C336.621 21.8698 336.575 21.6797 336.484 21.5078C336.393 21.3333 336.217 21.2461 335.957 21.2461C335.712 21.2461 335.539 21.3333 335.437 21.5078C335.336 21.6797 335.285 21.8698 335.285 22.0781ZM330.199 17.9219V17.5C330.199 17.1875 330.265 16.901 330.398 16.6406C330.531 16.3802 330.724 16.1719 330.976 16.0156C331.229 15.8568 331.535 15.7773 331.894 15.7773C332.262 15.7773 332.57 15.8568 332.82 16.0156C333.073 16.1719 333.263 16.3802 333.39 16.6406C333.518 16.901 333.582 17.1875 333.582 17.5V17.9219C333.582 18.2344 333.517 18.5208 333.387 18.7812C333.259 19.0391 333.069 19.2461 332.816 19.4023C332.564 19.5586 332.256 19.6367 331.894 19.6367C331.527 19.6367 331.217 19.5586 330.965 19.4023C330.715 19.2461 330.525 19.0378 330.394 18.7773C330.264 18.5169 330.199 18.2318 330.199 17.9219ZM331.226 17.5V17.9219C331.226 18.1302 331.275 18.3203 331.371 18.4922C331.47 18.6615 331.644 18.7461 331.894 18.7461C332.144 18.7461 332.316 18.6615 332.41 18.4922C332.506 18.3203 332.555 18.1302 332.555 17.9219V17.5C332.555 17.2917 332.509 17.1016 332.418 16.9297C332.327 16.7552 332.152 16.668 331.894 16.668C331.647 16.668 331.474 16.7552 331.375 16.9297C331.276 17.1042 331.226 17.2943 331.226 17.5ZM330.644 24L336.144 16H337.121L331.621 24H330.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M388.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M380.206 4.21484V3H386.589V4.21484H384.117V11H382.679V4.21484H380.206ZM394.614 7C394.614 7.86198 394.452 8.60026 394.129 9.21484C393.809 9.82682 393.371 10.2956 392.817 10.6211C392.265 10.9466 391.638 11.1094 390.938 11.1094C390.237 11.1094 389.61 10.9466 389.055 10.6211C388.503 10.293 388.065 9.82292 387.742 9.21094C387.422 8.59635 387.262 7.85937 387.262 7C387.262 6.13802 387.422 5.40104 387.742 4.78906C388.065 4.17448 388.503 3.70443 389.055 3.37891C389.61 3.05339 390.237 2.89062 390.938 2.89062C391.638 2.89062 392.265 3.05339 392.817 3.37891C393.371 3.70443 393.809 4.17448 394.129 4.78906C394.452 5.40104 394.614 6.13802 394.614 7ZM393.157 7C393.157 6.39323 393.062 5.88151 392.871 5.46484C392.684 5.04557 392.423 4.72917 392.09 4.51563C391.757 4.29948 391.373 4.19141 390.938 4.19141C390.503 4.19141 390.119 4.29948 389.785 4.51563C389.452 4.72917 389.19 5.04557 389 5.46484C388.813 5.88151 388.719 6.39323 388.719 7C388.719 7.60677 388.813 8.11979 389 8.53906C389.19 8.95573 389.452 9.27214 389.785 9.48828C390.119 9.70182 390.503 9.80859 390.938 9.80859C391.373 9.80859 391.757 9.70182 392.09 9.48828C392.423 9.27214 392.684 8.95573 392.871 8.53906C393.062 8.11979 393.157 7.60677 393.157 7ZM395.984 11V3H398.984C399.598 3 400.114 3.11458 400.531 3.34375C400.95 3.57292 401.266 3.88802 401.48 4.28906C401.696 4.6875 401.804 5.14062 401.804 5.64844C401.804 6.16146 401.696 6.61719 401.48 7.01563C401.264 7.41406 400.945 7.72786 400.523 7.95703C400.101 8.18359 399.581 8.29687 398.964 8.29687H396.976V7.10547H398.769C399.128 7.10547 399.423 7.04297 399.652 6.91797C399.881 6.79297 400.05 6.62109 400.159 6.40234C400.271 6.18359 400.327 5.93229 400.327 5.64844C400.327 5.36458 400.271 5.11458 400.159 4.89844C400.05 4.68229 399.88 4.51432 399.648 4.39453C399.419 4.27214 399.123 4.21094 398.761 4.21094H397.433V11H395.984ZM384.034 16V24H382.585V17.4102H382.538L380.667 18.6055V17.2773L382.656 16H384.034ZM389.023 24.1523C388.38 24.1523 387.827 23.9896 387.367 23.6641C386.908 23.3359 386.555 22.8633 386.308 22.2461C386.063 21.6263 385.941 20.8802 385.941 20.0078C385.943 19.1354 386.067 18.3932 386.312 17.7812C386.559 17.1667 386.912 16.6979 387.37 16.375C387.831 16.0521 388.382 15.8906 389.023 15.8906C389.663 15.8906 390.214 16.0521 390.675 16.375C391.136 16.6979 391.489 17.1667 391.734 17.7812C391.981 18.3958 392.105 19.138 392.105 20.0078C392.105 20.8828 391.981 21.6302 391.734 22.25C391.489 22.8672 391.136 23.3385 390.675 23.6641C390.217 23.9896 389.666 24.1523 389.023 24.1523ZM389.023 22.9297C389.523 22.9297 389.917 22.6836 390.206 22.1914C390.498 21.6966 390.644 20.9687 390.644 20.0078C390.644 19.3724 390.577 18.8385 390.445 18.4062C390.312 17.974 390.124 17.6484 389.882 17.4297C389.64 17.2083 389.353 17.0977 389.023 17.0977C388.525 17.0977 388.132 17.3451 387.843 17.8398C387.554 18.332 387.408 19.0547 387.406 20.0078C387.403 20.6458 387.467 21.1823 387.597 21.6172C387.73 22.0521 387.917 22.3802 388.159 22.6016C388.402 22.8203 388.689 22.9297 389.023 22.9297ZM397.68 22.5V22.0781C397.68 21.7682 397.745 21.4831 397.875 21.2227C398.008 20.9622 398.201 20.7526 398.453 20.5937C398.706 20.4349 399.012 20.3555 399.371 20.3555C399.741 20.3555 400.051 20.4349 400.301 20.5937C400.551 20.75 400.74 20.9583 400.867 21.2188C400.998 21.4792 401.063 21.7656 401.063 22.0781V22.5C401.063 22.8099 400.998 23.0951 400.867 23.3555C400.737 23.6159 400.546 23.8255 400.293 23.9844C400.043 24.1432 399.736 24.2227 399.371 24.2227C399.007 24.2227 398.698 24.1432 398.446 23.9844C398.193 23.8255 398.002 23.6159 397.871 23.3555C397.744 23.0951 397.68 22.8099 397.68 22.5ZM398.7 22.0781V22.5C398.7 22.7057 398.749 22.8945 398.848 23.0664C398.947 23.2383 399.121 23.3242 399.371 23.3242C399.624 23.3242 399.797 23.2396 399.891 23.0703C399.987 22.8984 400.035 22.7083 400.035 22.5V22.0781C400.035 21.8698 399.99 21.6797 399.899 21.5078C399.808 21.3333 399.632 21.2461 399.371 21.2461C399.127 21.2461 398.953 21.3333 398.852 21.5078C398.75 21.6797 398.7 21.8698 398.7 22.0781ZM393.614 17.9219V17.5C393.614 17.1875 393.68 16.901 393.813 16.6406C393.946 16.3802 394.138 16.1719 394.391 16.0156C394.644 15.8568 394.95 15.7773 395.309 15.7773C395.676 15.7773 395.985 15.8568 396.235 16.0156C396.487 16.1719 396.677 16.3802 396.805 16.6406C396.933 16.901 396.996 17.1875 396.996 17.5V17.9219C396.996 18.2344 396.931 18.5208 396.801 18.7812C396.673 19.0391 396.483 19.2461 396.231 19.4023C395.978 19.5586 395.671 19.6367 395.309 19.6367C394.942 19.6367 394.632 19.5586 394.379 19.4023C394.129 19.2461 393.939 19.0378 393.809 18.7773C393.679 18.5169 393.614 18.2318 393.614 17.9219ZM394.641 17.5V17.9219C394.641 18.1302 394.689 18.3203 394.785 18.4922C394.884 18.6615 395.059 18.7461 395.309 18.7461C395.559 18.7461 395.731 18.6615 395.825 18.4922C395.921 18.3203 395.969 18.1302 395.969 17.9219V17.5C395.969 17.2917 395.923 17.1016 395.832 16.9297C395.741 16.7552 395.567 16.668 395.309 16.668C395.062 16.668 394.888 16.7552 394.789 16.9297C394.69 17.1042 394.641 17.2943 394.641 17.5ZM394.059 24L399.559 16H400.535L395.035 24H394.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M218.018 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M207.927 4.21484V3H214.31V4.21484H211.837V11H210.4V4.21484H207.927ZM222.334 7C222.334 7.86198 222.173 8.60026 221.85 9.21484C221.53 9.82682 221.092 10.2956 220.538 10.6211C219.985 10.9466 219.359 11.1094 218.659 11.1094C217.958 11.1094 217.331 10.9466 216.776 10.6211C216.224 10.293 215.786 9.82292 215.463 9.21094C215.143 8.59635 214.983 7.85937 214.983 7C214.983 6.13802 215.143 5.40104 215.463 4.78906C215.786 4.17448 216.224 3.70443 216.776 3.37891C217.331 3.05339 217.958 2.89062 218.659 2.89062C219.359 2.89062 219.985 3.05339 220.538 3.37891C221.092 3.70443 221.53 4.17448 221.85 4.78906C222.173 5.40104 222.334 6.13802 222.334 7ZM220.877 7C220.877 6.39323 220.782 5.88151 220.592 5.46484C220.405 5.04557 220.144 4.72917 219.811 4.51563C219.478 4.29948 219.094 4.19141 218.659 4.19141C218.224 4.19141 217.84 4.29948 217.506 4.51563C217.173 4.72917 216.911 5.04557 216.721 5.46484C216.534 5.88151 216.44 6.39323 216.44 7C216.44 7.60677 216.534 8.11979 216.721 8.53906C216.911 8.95573 217.173 9.27214 217.506 9.48828C217.84 9.70182 218.224 9.80859 218.659 9.80859C219.094 9.80859 219.478 9.70182 219.811 9.48828C220.144 9.27214 220.405 8.95573 220.592 8.53906C220.782 8.11979 220.877 7.60677 220.877 7ZM223.705 11V3H226.705C227.319 3 227.835 3.11458 228.251 3.34375C228.671 3.57292 228.987 3.88802 229.201 4.28906C229.417 4.6875 229.525 5.14062 229.525 5.64844C229.525 6.16146 229.417 6.61719 229.201 7.01563C228.984 7.41406 228.665 7.72786 228.244 7.95703C227.822 8.18359 227.302 8.29687 226.685 8.29687H224.697V7.10547H226.49C226.849 7.10547 227.143 7.04297 227.373 6.91797C227.602 6.79297 227.771 6.62109 227.88 6.40234C227.992 6.18359 228.048 5.93229 228.048 5.64844C228.048 5.36458 227.992 5.11458 227.88 4.89844C227.771 4.68229 227.6 4.51432 227.369 4.39453C227.139 4.27214 226.844 4.21094 226.482 4.21094H225.154V11H223.705ZM210.445 24.1094C209.924 24.1094 209.458 24.0117 209.046 23.8164C208.635 23.6185 208.308 23.3477 208.066 23.0039C207.826 22.6602 207.699 22.2669 207.683 21.8242H209.089C209.115 22.1523 209.257 22.4206 209.515 22.6289C209.773 22.8346 210.083 22.9375 210.445 22.9375C210.729 22.9375 210.981 22.8724 211.203 22.7422C211.424 22.612 211.598 22.431 211.726 22.1992C211.854 21.9674 211.916 21.7031 211.914 21.4062C211.916 21.1042 211.852 20.8359 211.722 20.6016C211.592 20.3672 211.414 20.1836 211.187 20.0508C210.96 19.9154 210.7 19.8477 210.406 19.8477C210.166 19.8451 209.93 19.8893 209.699 19.9805C209.467 20.0716 209.283 20.1914 209.148 20.3398L207.839 20.125L208.257 16H212.898V17.2109H209.457L209.226 19.332H209.273C209.421 19.1576 209.631 19.013 209.902 18.8984C210.173 18.7812 210.47 18.7227 210.792 18.7227C211.277 18.7227 211.709 18.8372 212.089 19.0664C212.47 19.293 212.769 19.6055 212.988 20.0039C213.207 20.4023 213.316 20.8581 213.316 21.3711C213.316 21.8997 213.193 22.3711 212.949 22.7852C212.707 23.1966 212.369 23.5208 211.937 23.7578C211.507 23.9922 211.01 24.1094 210.445 24.1094ZM217.582 24.1523C216.938 24.1523 216.386 23.9896 215.925 23.6641C215.467 23.3359 215.114 22.8633 214.867 22.2461C214.622 21.6263 214.499 20.8802 214.499 20.0078C214.502 19.1354 214.626 18.3932 214.871 17.7812C215.118 17.1667 215.471 16.6979 215.929 16.375C216.39 16.0521 216.941 15.8906 217.582 15.8906C218.222 15.8906 218.773 16.0521 219.234 16.375C219.695 16.6979 220.048 17.1667 220.292 17.7812C220.54 18.3958 220.664 19.138 220.664 20.0078C220.664 20.8828 220.54 21.6302 220.292 22.25C220.048 22.8672 219.695 23.3385 219.234 23.6641C218.776 23.9896 218.225 24.1523 217.582 24.1523ZM217.582 22.9297C218.082 22.9297 218.476 22.6836 218.765 22.1914C219.057 21.6966 219.203 20.9687 219.203 20.0078C219.203 19.3724 219.136 18.8385 219.003 18.4062C218.871 17.974 218.683 17.6484 218.441 17.4297C218.199 17.2083 217.912 17.0977 217.582 17.0977C217.084 17.0977 216.691 17.3451 216.402 17.8398C216.113 18.332 215.967 19.0547 215.964 20.0078C215.962 20.6458 216.026 21.1823 216.156 21.6172C216.289 22.0521 216.476 22.3802 216.718 22.6016C216.96 22.8203 217.248 22.9297 217.582 22.9297ZM226.239 22.5V22.0781C226.239 21.7682 226.304 21.4831 226.434 21.2227C226.567 20.9622 226.76 20.7526 227.012 20.5937C227.265 20.4349 227.571 20.3555 227.93 20.3555C228.3 20.3555 228.61 20.4349 228.86 20.5937C229.11 20.75 229.299 20.9583 229.426 21.2188C229.556 21.4792 229.622 21.7656 229.622 22.0781V22.5C229.622 22.8099 229.556 23.0951 229.426 23.3555C229.296 23.6159 229.105 23.8255 228.852 23.9844C228.602 24.1432 228.295 24.2227 227.93 24.2227C227.566 24.2227 227.257 24.1432 227.004 23.9844C226.752 23.8255 226.56 23.6159 226.43 23.3555C226.303 23.0951 226.239 22.8099 226.239 22.5ZM227.258 22.0781V22.5C227.258 22.7057 227.308 22.8945 227.407 23.0664C227.506 23.2383 227.68 23.3242 227.93 23.3242C228.183 23.3242 228.356 23.2396 228.45 23.0703C228.546 22.8984 228.594 22.7083 228.594 22.5V22.0781C228.594 21.8698 228.549 21.6797 228.457 21.5078C228.366 21.3333 228.191 21.2461 227.93 21.2461C227.685 21.2461 227.512 21.3333 227.411 21.5078C227.309 21.6797 227.258 21.8698 227.258 22.0781ZM222.172 17.9219V17.5C222.172 17.1875 222.239 16.901 222.372 16.6406C222.504 16.3802 222.697 16.1719 222.95 16.0156C223.202 15.8568 223.508 15.7773 223.868 15.7773C224.235 15.7773 224.543 15.8568 224.793 16.0156C225.046 16.1719 225.236 16.3802 225.364 16.6406C225.491 16.901 225.555 17.1875 225.555 17.5V17.9219C225.555 18.2344 225.49 18.5208 225.36 18.7812C225.232 19.0391 225.042 19.2461 224.79 19.4023C224.537 19.5586 224.23 19.6367 223.868 19.6367C223.5 19.6367 223.191 19.5586 222.938 19.4023C222.688 19.2461 222.498 19.0378 222.368 18.7773C222.237 18.5169 222.172 18.2318 222.172 17.9219ZM223.2 17.5V17.9219C223.2 18.1302 223.248 18.3203 223.344 18.4922C223.443 18.6615 223.618 18.7461 223.868 18.7461C224.118 18.7461 224.29 18.6615 224.383 18.4922C224.48 18.3203 224.528 18.1302 224.528 17.9219V17.5C224.528 17.2917 224.482 17.1016 224.391 16.9297C224.3 16.7552 224.125 16.668 223.868 16.668C223.62 16.668 223.447 16.7552 223.348 16.9297C223.249 17.1042 223.2 17.2943 223.2 17.5ZM222.618 24L228.118 16H229.094L223.594 24H222.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M4.20332 154.193L431.895 154.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M4 154.196L4 76.6958" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M402.039 154.193L402.039 87.7258" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M408.543 120.96C408.543 124.549 405.633 127.46 402.043 127.46C398.453 127.46 395.543 124.549 395.543 120.96C395.543 117.37 398.453 114.46 402.043 114.46C405.633 114.46 408.543 117.37 408.543 120.96Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M406.043 120.922C406.043 123.132 404.252 124.922 402.043 124.922C399.834 124.922 398.043 123.132 398.043 120.922C398.043 118.713 399.834 116.922 402.043 116.922C404.252 116.922 406.043 118.713 406.043 120.922Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M383.772 62.824C382.923 62.824 382.167 62.6782 381.505 62.3865C380.846 62.0911 380.325 61.6858 379.942 61.1706C379.563 60.6517 379.368 60.0532 379.357 59.3751H381.834C381.849 59.6592 381.942 59.9092 382.113 60.1251C382.287 60.3373 382.518 60.502 382.806 60.6195C383.094 60.7369 383.417 60.7956 383.777 60.7956C384.152 60.7956 384.484 60.7293 384.772 60.5967C385.06 60.4642 385.285 60.2804 385.448 60.0456C385.611 59.8108 385.692 59.5399 385.692 59.2331C385.692 58.9225 385.605 58.6479 385.431 58.4092C385.26 58.1668 385.014 57.9774 384.692 57.8411C384.374 57.7047 383.995 57.6365 383.556 57.6365H382.471V55.8297H383.556C383.927 55.8297 384.255 55.7653 384.539 55.6365C384.827 55.5077 385.05 55.3297 385.209 55.1024C385.368 54.8714 385.448 54.6024 385.448 54.2956C385.448 54.0039 385.378 53.7483 385.238 53.5286C385.101 53.3051 384.908 53.1308 384.658 53.0058C384.412 52.8808 384.124 52.8183 383.794 52.8183C383.461 52.8183 383.156 52.8789 382.88 53.0001C382.603 53.1176 382.382 53.2861 382.215 53.5058C382.048 53.7255 381.959 53.9831 381.948 54.2786H379.59C379.601 53.6081 379.792 53.0172 380.164 52.5058C380.535 51.9945 381.035 51.5948 381.664 51.307C382.296 51.0153 383.01 50.8695 383.806 50.8695C384.609 50.8695 385.311 51.0153 385.914 51.307C386.516 51.5986 386.984 51.9926 387.317 52.4888C387.654 52.9812 387.821 53.5342 387.817 54.1479C387.821 54.7994 387.618 55.3429 387.209 55.7786C386.804 56.2142 386.275 56.4907 385.624 56.6081V56.699C386.48 56.8089 387.132 57.1062 387.578 57.5911C388.029 58.0721 388.253 58.6744 388.249 59.3979C388.253 60.0608 388.061 60.6498 387.675 61.1649C387.292 61.6801 386.764 62.0854 386.09 62.3808C385.416 62.6763 384.643 62.824 383.772 62.824ZM394.58 62.9206C393.603 62.9168 392.762 62.6763 392.057 62.199C391.356 61.7217 390.817 61.0304 390.438 60.1251C390.063 59.2198 389.877 58.1308 389.881 56.8581C389.881 55.5892 390.069 54.5077 390.444 53.6138C390.822 52.7198 391.362 52.0399 392.063 51.574C392.767 51.1043 393.606 50.8695 394.58 50.8695C395.553 50.8695 396.391 51.1043 397.091 51.574C397.796 52.0437 398.337 52.7255 398.716 53.6195C399.095 54.5096 399.283 55.5892 399.279 56.8581C399.279 58.1346 399.089 59.2255 398.711 60.1308C398.336 61.0361 397.798 61.7274 397.097 62.2047C396.396 62.682 395.557 62.9206 394.58 62.9206ZM394.58 60.8808C395.247 60.8808 395.779 60.5456 396.176 59.8751C396.574 59.2047 396.771 58.199 396.767 56.8581C396.767 55.9755 396.676 55.2407 396.495 54.6536C396.317 54.0664 396.063 53.6251 395.733 53.3297C395.408 53.0342 395.023 52.8865 394.58 52.8865C393.917 52.8865 393.387 53.2179 392.989 53.8808C392.591 54.5437 392.391 55.5361 392.387 56.8581C392.387 57.752 392.476 58.4983 392.654 59.0967C392.836 59.6914 393.091 60.1384 393.421 60.4376C393.75 60.7331 394.137 60.8808 394.58 60.8808ZM405.596 62.9206C404.618 62.9168 403.777 62.6763 403.073 62.199C402.372 61.7217 401.832 61.0304 401.453 60.1251C401.078 59.2198 400.893 58.1308 400.897 56.8581C400.897 55.5892 401.084 54.5077 401.459 53.6138C401.838 52.7198 402.378 52.0399 403.078 51.574C403.783 51.1043 404.622 50.8695 405.596 50.8695C406.569 50.8695 407.406 51.1043 408.107 51.574C408.811 52.0437 409.353 52.7255 409.732 53.6195C410.111 54.5096 410.298 55.5892 410.294 56.8581C410.294 58.1346 410.105 59.2255 409.726 60.1308C409.351 61.0361 408.813 61.7274 408.113 62.2047C407.412 62.682 406.573 62.9206 405.596 62.9206ZM405.596 60.8808C406.262 60.8808 406.794 60.5456 407.192 59.8751C407.59 59.2047 407.787 58.199 407.783 56.8581C407.783 55.9755 407.692 55.2407 407.51 54.6536C407.332 54.0664 407.078 53.6251 406.749 53.3297C406.423 53.0342 406.039 52.8865 405.596 52.8865C404.933 52.8865 404.402 53.2179 404.005 53.8808C403.607 54.5437 403.406 55.5361 403.402 56.8581C403.402 57.752 403.491 58.4983 403.669 59.0967C403.851 59.6914 404.107 60.1384 404.436 60.4376C404.766 60.7331 405.152 60.8808 405.596 60.8808Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M381.289 73.03C381.557 73.0321 381.826 73.0832 382.094 73.1834C382.363 73.2835 382.608 73.4497 382.829 73.682C383.051 73.9121 383.229 74.2264 383.363 74.6248C383.497 75.0232 383.564 75.5229 383.564 76.1237C383.564 76.7054 383.509 77.2221 383.398 77.6738C383.289 78.1234 383.132 78.5026 382.925 78.8116C382.721 79.1205 382.471 79.3549 382.177 79.5147C381.885 79.6745 381.555 79.7544 381.186 79.7544C380.82 79.7544 380.493 79.682 380.205 79.5371C379.92 79.3901 379.685 79.1866 379.502 78.9266C379.321 78.6646 379.205 78.3609 379.154 78.0158H379.934C380.004 78.3162 380.143 78.5644 380.352 78.7604C380.563 78.9543 380.841 79.0513 381.186 79.0513C381.691 79.0513 382.09 78.8308 382.382 78.3897C382.676 77.9487 382.823 77.3254 382.823 76.52H382.772C382.652 76.699 382.511 76.8535 382.347 76.9835C382.183 77.1134 382 77.2136 381.8 77.2839C381.6 77.3542 381.387 77.3893 381.161 77.3893C380.786 77.3893 380.442 77.2967 380.129 77.1113C379.817 76.9238 379.568 76.667 379.381 76.3411C379.195 76.0129 379.103 75.6379 379.103 75.2161C379.103 74.8155 379.192 74.449 379.371 74.1166C379.552 73.7821 379.806 73.5158 380.132 73.3176C380.46 73.1195 380.846 73.0236 381.289 73.03ZM381.289 73.7331C381.02 73.7331 380.778 73.8002 380.563 73.9344C380.35 74.0666 380.181 74.2455 380.055 74.4714C379.931 74.6951 379.87 74.9433 379.87 75.2161C379.87 75.4888 379.929 75.737 380.049 75.9607C380.17 76.1823 380.335 76.3592 380.544 76.4913C380.755 76.6212 380.995 76.6862 381.263 76.6862C381.466 76.6862 381.654 76.6468 381.829 76.568C382.004 76.487 382.156 76.3773 382.286 76.2388C382.418 76.0982 382.521 75.9394 382.596 75.7626C382.67 75.5836 382.708 75.3972 382.708 75.2033C382.708 74.9476 382.646 74.7079 382.522 74.4842C382.401 74.2604 382.233 74.0793 382.017 73.9408C381.804 73.8023 381.561 73.7331 381.289 73.7331ZM387.033 79.7544C386.611 79.7544 386.235 79.682 385.905 79.5371C385.576 79.3922 385.315 79.1908 385.122 78.933C384.93 78.6731 384.825 78.3716 384.808 78.0286H385.614C385.631 78.2395 385.703 78.4217 385.831 78.5751C385.959 78.7264 386.126 78.8435 386.333 78.9266C386.54 79.0097 386.769 79.0513 387.02 79.0513C387.301 79.0513 387.551 79.0023 387.768 78.9043C387.985 78.8063 388.156 78.6699 388.279 78.4952C388.403 78.3205 388.465 78.118 388.465 77.8879C388.465 77.6472 388.405 77.4352 388.286 77.2519C388.166 77.0666 387.992 76.9217 387.761 76.8173C387.531 76.7129 387.25 76.6607 386.918 76.6607H386.394V75.9575H386.918C387.178 75.9575 387.406 75.9107 387.602 75.8169C387.8 75.7232 387.954 75.5911 388.065 75.4206C388.178 75.2501 388.234 75.0499 388.234 74.8197C388.234 74.5982 388.185 74.4053 388.087 74.2413C387.989 74.0772 387.851 73.9494 387.672 73.8577C387.495 73.7661 387.286 73.7203 387.046 73.7203C386.82 73.7203 386.607 73.7619 386.406 73.845C386.208 73.9259 386.046 74.0442 385.921 74.1997C385.795 74.3531 385.727 74.5385 385.716 74.7558H384.949C384.962 74.4128 385.065 74.1124 385.259 73.8545C385.453 73.5946 385.706 73.3922 386.02 73.2473C386.335 73.1024 386.681 73.03 387.058 73.03C387.463 73.03 387.81 73.112 388.1 73.2761C388.39 73.438 388.613 73.6521 388.768 73.9185C388.924 74.1848 389.002 74.4724 389.002 74.7814C389.002 75.15 388.905 75.4643 388.711 75.7242C388.519 75.9842 388.258 76.1642 387.928 76.2643V76.3155C388.341 76.3837 388.664 76.5594 388.896 76.8428C389.128 77.1241 389.244 77.4724 389.244 77.8879C389.244 78.2438 389.147 78.5634 388.954 78.8467C388.762 79.128 388.5 79.3496 388.167 79.5115C387.835 79.6734 387.457 79.7544 387.033 79.7544ZM392.699 74.7558V75.395H390.155V74.7558H392.699ZM390.897 73.5797H391.651V78.2587C391.651 78.4717 391.682 78.6315 391.744 78.7381C391.808 78.8425 391.889 78.9128 391.987 78.949C392.087 78.9831 392.192 79.0001 392.303 79.0001C392.386 79.0001 392.454 78.9959 392.508 78.9874C392.561 78.9767 392.603 78.9682 392.635 78.9618L392.789 79.6393C392.738 79.6585 392.666 79.6777 392.575 79.6969C392.483 79.7182 392.367 79.7288 392.226 79.7288C392.013 79.7288 391.804 79.683 391.6 79.5914C391.397 79.4998 391.229 79.3602 391.095 79.1727C390.963 78.9852 390.897 78.7487 390.897 78.4632V73.5797ZM394.694 76.7118V79.6649H393.939V73.1195H394.694V75.5229H394.758C394.873 75.2693 395.045 75.068 395.275 74.9188C395.508 74.7675 395.816 74.6919 396.202 74.6919C396.537 74.6919 396.83 74.759 397.081 74.8933C397.332 75.0254 397.527 75.2288 397.666 75.5037C397.807 75.7764 397.877 76.1237 397.877 76.5456V79.6649H397.123V76.5967C397.123 76.2068 397.021 75.9053 396.819 75.6923C396.619 75.4771 396.341 75.3695 395.985 75.3695C395.738 75.3695 395.516 75.4217 395.32 75.5261C395.126 75.6305 394.973 75.7828 394.86 75.9831C394.749 76.1834 394.694 76.4263 394.694 76.7118ZM379.218 92.5058V85.7558H379.946V86.5357H380.036C380.091 86.4504 380.168 86.3418 380.266 86.2097C380.366 86.0754 380.509 85.9561 380.694 85.8517C380.882 85.7452 381.135 85.6919 381.455 85.6919C381.868 85.6919 382.233 85.7952 382.548 86.0019C382.863 86.2086 383.109 86.5016 383.286 86.8808C383.463 87.2601 383.551 87.7075 383.551 88.2232C383.551 88.743 383.463 89.1937 383.286 89.5751C383.109 89.9543 382.864 90.2484 382.551 90.4572C382.238 90.6639 381.877 90.7672 381.468 90.7672C381.152 90.7672 380.9 90.715 380.71 90.6106C380.521 90.5041 380.375 90.3837 380.272 90.2494C380.17 90.1131 380.091 90.0001 380.036 89.9107H379.972V92.5058H379.218ZM379.959 88.2104C379.959 88.5811 380.013 88.9082 380.122 89.1916C380.231 89.4728 380.39 89.6933 380.598 89.8531C380.807 90.0108 381.063 90.0896 381.365 90.0896C381.681 90.0896 381.944 90.0065 382.155 89.8403C382.368 89.672 382.528 89.4462 382.634 89.1628C382.743 88.8773 382.797 88.5598 382.797 88.2104C382.797 87.8652 382.744 87.5541 382.637 87.2771C382.533 86.998 382.374 86.7775 382.161 86.6156C381.95 86.4515 381.685 86.3695 381.365 86.3695C381.059 86.3695 380.801 86.4472 380.592 86.6028C380.383 86.7562 380.225 86.9714 380.119 87.2484C380.012 87.5232 379.959 87.8439 379.959 88.2104ZM386.76 90.7672C386.287 90.7672 385.879 90.6628 385.536 90.454C385.195 90.243 384.932 89.949 384.747 89.5719C384.564 89.1926 384.472 88.7516 384.472 88.2487C384.472 87.7459 384.564 87.3027 384.747 86.9192C384.932 86.5335 385.19 86.2331 385.52 86.0179C385.853 85.8006 386.24 85.6919 386.684 85.6919C386.939 85.6919 387.192 85.7345 387.441 85.8197C387.69 85.905 387.917 86.0435 388.122 86.2352C388.326 86.4249 388.489 86.6763 388.611 86.9895C388.732 87.3027 388.793 87.6884 388.793 88.1465V88.4661H385.009V87.8141H388.026C388.026 87.5371 387.971 87.2899 387.86 87.0726C387.751 86.8553 387.596 86.6837 387.393 86.558C387.193 86.4323 386.956 86.3695 386.684 86.3695C386.383 86.3695 386.123 86.444 385.904 86.5932C385.686 86.7402 385.519 86.932 385.402 87.1685C385.285 87.405 385.226 87.6585 385.226 87.9291V88.3638C385.226 88.7345 385.29 89.0488 385.418 89.3066C385.548 89.5623 385.728 89.7572 385.958 89.8915C386.188 90.0236 386.456 90.0896 386.76 90.0896C386.958 90.0896 387.137 90.0619 387.297 90.0065C387.459 89.949 387.599 89.8638 387.716 89.7509C387.833 89.6358 387.924 89.493 387.988 89.3226L388.716 89.5271C388.64 89.7743 388.511 89.9916 388.33 90.1791C388.148 90.3645 387.925 90.5094 387.658 90.6138C387.392 90.7161 387.093 90.7672 386.76 90.7672ZM389.94 90.6649V85.7558H390.669V86.4973H390.72C390.81 86.2544 390.972 86.0573 391.206 85.906C391.44 85.7548 391.705 85.6791 391.999 85.6791C392.054 85.6791 392.123 85.6802 392.206 85.6823C392.289 85.6844 392.352 85.6876 392.395 85.6919V86.459C392.369 86.4526 392.311 86.443 392.219 86.4302C392.13 86.4153 392.035 86.4078 391.935 86.4078C391.696 86.4078 391.483 86.4579 391.295 86.558C391.11 86.656 390.963 86.7924 390.854 86.9671C390.748 87.1397 390.695 87.3368 390.695 87.5584V90.6649H389.94ZM395.134 90.7672C394.674 90.7672 394.277 90.6585 393.945 90.4412C393.613 90.2239 393.357 89.9245 393.178 89.5431C392.999 89.1617 392.909 88.726 392.909 88.2359C392.909 87.7374 393.001 87.2974 393.184 86.916C393.37 86.5325 393.627 86.2331 393.958 86.0179C394.29 85.8006 394.678 85.6919 395.121 85.6919C395.466 85.6919 395.777 85.7558 396.054 85.8837C396.331 86.0115 396.558 86.1905 396.735 86.4206C396.912 86.6507 397.022 86.9192 397.064 87.226H396.31C396.252 87.0023 396.125 86.8041 395.926 86.6315C395.73 86.4568 395.466 86.3695 395.134 86.3695C394.84 86.3695 394.582 86.4462 394.36 86.5996C394.141 86.7509 393.969 86.965 393.846 87.242C393.724 87.5168 393.664 87.8396 393.664 88.2104C393.664 88.5896 393.723 88.9199 393.843 89.2011C393.964 89.4824 394.135 89.7008 394.354 89.8563C394.576 90.0119 394.836 90.0896 395.134 90.0896C395.33 90.0896 395.508 90.0555 395.668 89.9874C395.827 89.9192 395.963 89.8212 396.074 89.6933C396.184 89.5655 396.263 89.4121 396.31 89.2331H397.064C397.022 89.5229 396.916 89.7839 396.748 90.0161C396.582 90.2462 396.361 90.4295 396.086 90.5658C395.814 90.7001 395.496 90.7672 395.134 90.7672ZM400.225 90.7672C399.752 90.7672 399.344 90.6628 399.001 90.454C398.66 90.243 398.397 89.949 398.212 89.5719C398.028 89.1926 397.937 88.7516 397.937 88.2487C397.937 87.7459 398.028 87.3027 398.212 86.9192C398.397 86.5335 398.655 86.2331 398.985 86.0179C399.317 85.8006 399.705 85.6919 400.148 85.6919C400.404 85.6919 400.657 85.7345 400.906 85.8197C401.155 85.905 401.382 86.0435 401.587 86.2352C401.791 86.4249 401.954 86.6763 402.076 86.9895C402.197 87.3027 402.258 87.6884 402.258 88.1465V88.4661H398.474V87.8141H401.491C401.491 87.5371 401.435 87.2899 401.325 87.0726C401.216 86.8553 401.06 86.6837 400.858 86.558C400.658 86.4323 400.421 86.3695 400.148 86.3695C399.848 86.3695 399.588 86.444 399.369 86.5932C399.151 86.7402 398.984 86.932 398.867 87.1685C398.75 87.405 398.691 87.6585 398.691 87.9291V88.3638C398.691 88.7345 398.755 89.0488 398.883 89.3066C399.013 89.5623 399.193 89.7572 399.423 89.8915C399.653 90.0236 399.92 90.0896 400.225 90.0896C400.423 90.0896 400.602 90.0619 400.762 90.0065C400.924 89.949 401.064 89.8638 401.181 89.7509C401.298 89.6358 401.388 89.493 401.452 89.3226L402.181 89.5271C402.104 89.7743 401.975 89.9916 401.794 90.1791C401.613 90.3645 401.39 90.5094 401.123 90.6138C400.857 90.7161 400.558 90.7672 400.225 90.7672ZM404.159 87.7118V90.6649H403.405V85.7558H404.134V86.5229H404.198C404.313 86.2736 404.488 86.0733 404.722 85.922C404.956 85.7686 405.259 85.6919 405.63 85.6919C405.962 85.6919 406.253 85.7601 406.502 85.8965C406.751 86.0307 406.945 86.2352 407.084 86.5101C407.222 86.7828 407.292 87.128 407.292 87.5456V90.6649H406.537V87.5967C406.537 87.2111 406.437 86.9107 406.237 86.6955C406.037 86.4781 405.762 86.3695 405.412 86.3695C405.172 86.3695 404.956 86.4217 404.767 86.5261C404.579 86.6305 404.431 86.7828 404.322 86.9831C404.214 87.1834 404.159 87.4263 404.159 87.7118ZM410.805 85.7558V86.395H408.261V85.7558H410.805ZM409.002 84.5797H409.756V89.2587C409.756 89.4717 409.787 89.6315 409.849 89.7381C409.913 89.8425 409.994 89.9128 410.092 89.949C410.192 89.9831 410.298 90.0001 410.408 90.0001C410.492 90.0001 410.56 89.9959 410.613 89.9874C410.666 89.9767 410.709 89.9682 410.741 89.9618L410.894 90.6393C410.843 90.6585 410.772 90.6777 410.68 90.6969C410.589 90.7182 410.472 90.7288 410.332 90.7288C410.119 90.7288 409.91 90.683 409.705 90.5914C409.503 90.4998 409.335 90.3602 409.2 90.1727C409.068 89.9852 409.002 89.7487 409.002 89.4632V84.5797ZM411.939 90.6649V85.7558H412.694V90.6649H411.939ZM412.323 84.9376C412.176 84.9376 412.049 84.8876 411.943 84.7874C411.838 84.6873 411.786 84.5669 411.786 84.4263C411.786 84.2857 411.838 84.1653 411.943 84.0651C412.049 83.965 412.176 83.9149 412.323 83.9149C412.47 83.9149 412.596 83.965 412.7 84.0651C412.807 84.1653 412.86 84.2857 412.86 84.4263C412.86 84.5669 412.807 84.6873 412.7 84.7874C412.596 84.8876 412.47 84.9376 412.323 84.9376ZM414.829 84.1195V90.6649H414.075V84.1195H414.829ZM418.269 90.7672C417.796 90.7672 417.388 90.6628 417.045 90.454C416.704 90.243 416.441 89.949 416.256 89.5719C416.072 89.1926 415.981 88.7516 415.981 88.2487C415.981 87.7459 416.072 87.3027 416.256 86.9192C416.441 86.5335 416.699 86.2331 417.029 86.0179C417.361 85.8006 417.749 85.6919 418.192 85.6919C418.448 85.6919 418.701 85.7345 418.95 85.8197C419.199 85.905 419.426 86.0435 419.631 86.2352C419.835 86.4249 419.998 86.6763 420.12 86.9895C420.241 87.3027 420.302 87.6884 420.302 88.1465V88.4661H416.518V87.8141H419.535C419.535 87.5371 419.479 87.2899 419.369 87.0726C419.26 86.8553 419.104 86.6837 418.902 86.558C418.702 86.4323 418.465 86.3695 418.192 86.3695C417.892 86.3695 417.632 86.444 417.413 86.5932C417.195 86.7402 417.028 86.932 416.911 87.1685C416.794 87.405 416.735 87.6585 416.735 87.9291V88.3638C416.735 88.7345 416.799 89.0488 416.927 89.3066C417.057 89.5623 417.237 89.7572 417.467 89.8915C417.697 90.0236 417.964 90.0896 418.269 90.0896C418.467 90.0896 418.646 90.0619 418.806 90.0065C418.968 89.949 419.108 89.8638 419.225 89.7509C419.342 89.6358 419.432 89.493 419.496 89.3226L420.225 89.5271C420.148 89.7743 420.019 89.9916 419.838 90.1791C419.657 90.3645 419.434 90.5094 419.167 90.6138C418.901 90.7161 418.601 90.7672 418.269 90.7672Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/developers/5697-profile.svg b/src/public/images/developers/5697-profile.svg
new file mode 100644
index 0000000000..4614ebf63a
--- /dev/null
+++ b/src/public/images/developers/5697-profile.svg
@@ -0,0 +1,26 @@
+<svg width="100%" viewBox="0 0 480 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M204.106 23V13.6234H210.204V15.0473H205.804V17.5929H209.888V19.0168H205.804V21.5761H210.241V23H204.106ZM213.521 18.8794V23H211.864V15.9675H213.448V17.1625H213.531C213.692 16.7688 213.95 16.4559 214.304 16.2239C214.661 15.9919 215.102 15.876 215.627 15.876C216.113 15.876 216.535 15.9797 216.896 16.1873C217.259 16.3948 217.54 16.6955 217.738 17.0892C217.94 17.483 218.039 17.9607 218.036 18.5223V23H216.378V18.7787C216.378 18.3086 216.256 17.9408 216.012 17.6753C215.771 17.4097 215.437 17.277 215.009 17.277C214.719 17.277 214.461 17.3411 214.236 17.4693C214.013 17.5944 213.837 17.776 213.709 18.0141C213.584 18.2522 213.521 18.5406 213.521 18.8794ZM222.779 25.7837C222.184 25.7837 221.672 25.7028 221.245 25.541C220.818 25.3823 220.474 25.1687 220.215 24.9C219.956 24.6314 219.775 24.3338 219.675 24.0073L221.167 23.6456C221.234 23.7829 221.332 23.9187 221.46 24.053C221.589 24.1904 221.761 24.3033 221.978 24.3918C222.197 24.4834 222.474 24.5292 222.806 24.5292C223.276 24.5292 223.666 24.4147 223.974 24.1858C224.282 23.9599 224.436 23.5876 224.436 23.0687V21.7364H224.354C224.268 21.9073 224.143 22.0828 223.978 22.2629C223.817 22.443 223.602 22.594 223.333 22.7161C223.067 22.8382 222.733 22.8993 222.33 22.8993C221.79 22.8993 221.3 22.7726 220.861 22.5193C220.424 22.2629 220.076 21.8813 219.817 21.3747C219.56 20.8649 219.432 20.227 219.432 19.4609C219.432 18.6886 219.56 18.037 219.817 17.5059C220.076 16.9717 220.426 16.5673 220.865 16.2926C221.305 16.0148 221.795 15.876 222.335 15.876C222.747 15.876 223.086 15.9462 223.351 16.0866C223.62 16.2239 223.834 16.3903 223.992 16.5856C224.151 16.7779 224.272 16.9595 224.354 17.1305H224.445V15.9675H226.08V23.1145C226.08 23.7158 225.937 24.2133 225.65 24.607C225.363 25.0008 224.97 25.2953 224.473 25.4907C223.975 25.686 223.411 25.7837 222.779 25.7837ZM222.793 21.599C223.144 21.599 223.443 21.5135 223.69 21.3426C223.937 21.1717 224.125 20.926 224.253 20.6055C224.381 20.285 224.445 19.9004 224.445 19.4517C224.445 19.0091 224.381 18.6215 224.253 18.2888C224.128 17.9561 223.942 17.6982 223.695 17.515C223.45 17.3288 223.15 17.2358 222.793 17.2358C222.423 17.2358 222.115 17.3319 221.868 17.5242C221.621 17.7165 221.434 17.9805 221.309 18.3163C221.184 18.649 221.122 19.0274 221.122 19.4517C221.122 19.8821 221.184 20.259 221.309 20.5826C221.437 20.9031 221.625 21.1534 221.872 21.3335C222.123 21.5105 222.429 21.599 222.793 21.599ZM227.779 23V15.9675H229.436V23H227.779ZM228.612 14.9694C228.349 14.9694 228.123 14.8824 227.934 14.7085C227.745 14.5314 227.65 14.3193 227.65 14.0721C227.65 13.8218 227.745 13.6096 227.934 13.4357C228.123 13.2586 228.349 13.1701 228.612 13.1701C228.877 13.1701 229.103 13.2586 229.289 13.4357C229.479 13.6096 229.573 13.8218 229.573 14.0721C229.573 14.3193 229.479 14.5314 229.289 14.7085C229.103 14.8824 228.877 14.9694 228.612 14.9694ZM232.798 18.8794V23H231.14V15.9675H232.724V17.1625H232.807C232.969 16.7688 233.227 16.4559 233.581 16.2239C233.938 15.9919 234.379 15.876 234.904 15.876C235.389 15.876 235.812 15.9797 236.172 16.1873C236.535 16.3948 236.816 16.6955 237.014 17.0892C237.216 17.483 237.315 17.9607 237.312 18.5223V23H235.655V18.7787C235.655 18.3086 235.533 17.9408 235.288 17.6753C235.047 17.4097 234.713 17.277 234.286 17.277C233.996 17.277 233.738 17.3411 233.512 17.4693C233.289 17.5944 233.114 17.776 232.985 18.0141C232.86 18.2522 232.798 18.5406 232.798 18.8794ZM242.11 23.1374C241.405 23.1374 240.796 22.9908 240.283 22.6978C239.774 22.4018 239.381 21.9836 239.107 21.4433C238.832 20.9 238.695 20.2606 238.695 19.525C238.695 18.8016 238.832 18.1667 239.107 17.6203C239.385 17.0709 239.772 16.6436 240.27 16.3384C240.767 16.0301 241.352 15.876 242.023 15.876C242.457 15.876 242.866 15.9462 243.25 16.0866C243.638 16.2239 243.98 16.4376 244.276 16.7275C244.575 17.0175 244.81 17.3868 244.981 17.8355C245.152 18.2812 245.237 18.8123 245.237 19.4288V19.937H239.473V18.8199H243.649C243.646 18.5025 243.577 18.2201 243.443 17.9729C243.308 17.7226 243.121 17.5257 242.879 17.3823C242.641 17.2388 242.364 17.1671 242.046 17.1671C241.707 17.1671 241.41 17.2495 241.153 17.4143C240.897 17.5761 240.697 17.7897 240.554 18.0553C240.413 18.3178 240.341 18.6062 240.338 18.9206V19.8958C240.338 20.3048 240.413 20.6558 240.563 20.9489C240.712 21.2388 240.921 21.4616 241.19 21.6173C241.459 21.7699 241.773 21.8462 242.133 21.8462C242.374 21.8462 242.592 21.8127 242.788 21.7455C242.983 21.6753 243.153 21.5731 243.296 21.4388C243.439 21.3045 243.548 21.1381 243.621 20.9397L245.169 21.1137C245.071 21.5227 244.885 21.8798 244.61 22.185C244.338 22.4872 243.99 22.7222 243.566 22.8901C243.142 23.0549 242.657 23.1374 242.11 23.1374ZM249.753 23.1374C249.048 23.1374 248.439 22.9908 247.926 22.6978C247.416 22.4018 247.024 21.9836 246.749 21.4433C246.475 20.9 246.337 20.2606 246.337 19.525C246.337 18.8016 246.475 18.1667 246.749 17.6203C247.027 17.0709 247.415 16.6436 247.912 16.3384C248.41 16.0301 248.994 15.876 249.666 15.876C250.099 15.876 250.508 15.9462 250.893 16.0866C251.28 16.2239 251.622 16.4376 251.918 16.7275C252.217 17.0175 252.453 17.3868 252.623 17.8355C252.794 18.2812 252.88 18.8123 252.88 19.4288V19.937H247.116V18.8199H251.291C251.288 18.5025 251.219 18.2201 251.085 17.9729C250.951 17.7226 250.763 17.5257 250.522 17.3823C250.284 17.2388 250.006 17.1671 249.689 17.1671C249.35 17.1671 249.052 17.2495 248.796 17.4143C248.539 17.5761 248.34 17.7897 248.196 18.0553C248.056 18.3178 247.984 18.6062 247.981 18.9206V19.8958C247.981 20.3048 248.056 20.6558 248.205 20.9489C248.355 21.2388 248.564 21.4616 248.833 21.6173C249.101 21.7699 249.415 21.8462 249.776 21.8462C250.017 21.8462 250.235 21.8127 250.43 21.7455C250.626 21.6753 250.795 21.5731 250.939 21.4388C251.082 21.3045 251.19 21.1381 251.264 20.9397L252.811 21.1137C252.713 21.5227 252.527 21.8798 252.253 22.185C251.981 22.4872 251.633 22.7222 251.209 22.8901C250.784 23.0549 250.299 23.1374 249.753 23.1374ZM254.282 23V15.9675H255.889V17.1396H255.962C256.09 16.7337 256.31 16.4208 256.622 16.201C256.936 15.9782 257.295 15.8668 257.697 15.8668C257.789 15.8668 257.891 15.8714 258.004 15.8805C258.12 15.8866 258.216 15.8973 258.293 15.9126V17.4372C258.222 17.4128 258.111 17.3914 257.958 17.3731C257.809 17.3517 257.664 17.3411 257.524 17.3411C257.221 17.3411 256.95 17.4067 256.709 17.5379C256.47 17.6661 256.283 17.8447 256.145 18.0736C256.008 18.3025 255.939 18.5666 255.939 18.8657V23H254.282ZM259.394 23V15.9675H261.051V23H259.394ZM260.227 14.9694C259.965 14.9694 259.739 14.8824 259.549 14.7085C259.36 14.5314 259.266 14.3193 259.266 14.0721C259.266 13.8218 259.36 13.6096 259.549 13.4357C259.739 13.2586 259.965 13.1701 260.227 13.1701C260.493 13.1701 260.718 13.2586 260.905 13.4357C261.094 13.6096 261.189 13.8218 261.189 14.0721C261.189 14.3193 261.094 14.5314 260.905 14.7085C260.718 14.8824 260.493 14.9694 260.227 14.9694ZM264.413 18.8794V23H262.756V15.9675H264.34V17.1625H264.422C264.584 16.7688 264.842 16.4559 265.196 16.2239C265.553 15.9919 265.994 15.876 266.519 15.876C267.004 15.876 267.427 15.9797 267.787 16.1873C268.15 16.3948 268.431 16.6955 268.63 17.0892C268.831 17.483 268.93 17.9607 268.927 18.5223V23H267.27V18.7787C267.27 18.3086 267.148 17.9408 266.904 17.6753C266.662 17.4097 266.328 17.277 265.901 17.277C265.611 17.277 265.353 17.3411 265.127 17.4693C264.904 17.5944 264.729 17.776 264.601 18.0141C264.475 18.2522 264.413 18.5406 264.413 18.8794ZM273.67 25.7837C273.075 25.7837 272.564 25.7028 272.137 25.541C271.709 25.3823 271.366 25.1687 271.107 24.9C270.847 24.6314 270.667 24.3338 270.566 24.0073L272.059 23.6456C272.126 23.7829 272.224 23.9187 272.352 24.053C272.48 24.1904 272.653 24.3033 272.869 24.3918C273.089 24.4834 273.365 24.5292 273.698 24.5292C274.168 24.5292 274.557 24.4147 274.865 24.1858C275.174 23.9599 275.328 23.5876 275.328 23.0687V21.7364H275.245C275.16 21.9073 275.035 22.0828 274.87 22.2629C274.708 22.443 274.493 22.594 274.224 22.7161C273.959 22.8382 273.625 22.8993 273.222 22.8993C272.682 22.8993 272.192 22.7726 271.752 22.5193C271.316 22.2629 270.968 21.8813 270.708 21.3747C270.452 20.8649 270.324 20.227 270.324 19.4609C270.324 18.6886 270.452 18.037 270.708 17.5059C270.968 16.9717 271.317 16.5673 271.757 16.2926C272.196 16.0148 272.686 15.876 273.226 15.876C273.638 15.876 273.977 15.9462 274.243 16.0866C274.511 16.2239 274.725 16.3903 274.884 16.5856C275.042 16.7779 275.163 16.9595 275.245 17.1305H275.337V15.9675H276.972V23.1145C276.972 23.7158 276.828 24.2133 276.541 24.607C276.254 25.0008 275.862 25.2953 275.365 25.4907C274.867 25.686 274.302 25.7837 273.67 25.7837ZM273.684 21.599C274.035 21.599 274.334 21.5135 274.582 21.3426C274.829 21.1717 275.017 20.926 275.145 20.6055C275.273 20.285 275.337 19.9004 275.337 19.4517C275.337 19.0091 275.273 18.6215 275.145 18.2888C275.02 17.9561 274.833 17.6982 274.586 17.515C274.342 17.3288 274.041 17.2358 273.684 17.2358C273.315 17.2358 273.007 17.3319 272.759 17.5242C272.512 17.7165 272.326 17.9805 272.201 18.3163C272.076 18.649 272.013 19.0274 272.013 19.4517C272.013 19.8821 272.076 20.259 272.201 20.5826C272.329 20.9031 272.517 21.1534 272.764 21.3335C273.014 21.5105 273.321 21.599 273.684 21.599ZM211.03 39.1374C210.325 39.1374 209.716 38.9908 209.203 38.6978C208.694 38.4018 208.301 37.9836 208.027 37.4433C207.752 36.9 207.615 36.2606 207.615 35.525C207.615 34.8016 207.752 34.1667 208.027 33.6203C208.304 33.0709 208.692 32.6436 209.19 32.3384C209.687 32.0301 210.272 31.876 210.943 31.876C211.377 31.876 211.786 31.9462 212.17 32.0866C212.558 32.2239 212.9 32.4376 213.196 32.7275C213.495 33.0175 213.73 33.3868 213.901 33.8355C214.072 34.2812 214.157 34.8123 214.157 35.4288V35.937H208.393V34.8199H212.568C212.565 34.5025 212.497 34.2201 212.362 33.9729C212.228 33.7226 212.04 33.5257 211.799 33.3823C211.561 33.2388 211.283 33.1671 210.966 33.1671C210.627 33.1671 210.33 33.2495 210.073 33.4143C209.817 33.5761 209.617 33.7897 209.473 34.0553C209.333 34.3178 209.261 34.6062 209.258 34.9206V35.8958C209.258 36.3048 209.333 36.6558 209.483 36.9489C209.632 37.2388 209.841 37.4616 210.11 37.6173C210.378 37.7699 210.693 37.8462 211.053 37.8462C211.294 37.8462 211.512 37.8127 211.708 37.7455C211.903 37.6753 212.072 37.5731 212.216 37.4388C212.359 37.3045 212.468 37.1381 212.541 36.9397L214.089 37.1137C213.991 37.5227 213.805 37.8798 213.53 38.185C213.258 38.4872 212.91 38.7222 212.486 38.8901C212.062 39.0549 211.576 39.1374 211.03 39.1374ZM216.763 31.9675L218.183 34.5635L219.625 31.9675H221.379L219.259 35.4838L221.415 39H219.671L218.183 36.4681L216.709 39H214.95L217.093 35.4838L215.005 31.9675H216.763ZM225.464 39.1374C224.762 39.1374 224.159 38.9832 223.655 38.6749C223.155 38.3667 222.768 37.9409 222.497 37.3975C222.228 36.8512 222.094 36.2224 222.094 35.5112C222.094 34.797 222.231 34.1667 222.506 33.6203C222.781 33.0709 223.168 32.6436 223.669 32.3384C224.172 32.0301 224.768 31.876 225.454 31.876C226.025 31.876 226.53 31.9813 226.97 32.1919C227.412 32.3994 227.765 32.694 228.028 33.0755C228.29 33.454 228.44 33.8966 228.476 34.4033H226.892C226.828 34.0645 226.675 33.7821 226.434 33.5562C226.196 33.3273 225.877 33.2129 225.477 33.2129C225.139 33.2129 224.841 33.3044 224.585 33.4876C224.328 33.6677 224.128 33.9271 223.985 34.2659C223.844 34.6047 223.774 35.0107 223.774 35.4838C223.774 35.963 223.844 36.375 223.985 36.7199C224.125 37.0618 224.322 37.3258 224.575 37.512C224.832 37.6951 225.132 37.7867 225.477 37.7867C225.722 37.7867 225.94 37.7409 226.132 37.6494C226.327 37.5547 226.491 37.4189 226.622 37.2419C226.753 37.0648 226.843 36.8497 226.892 36.5963H228.476C228.437 37.0938 228.29 37.5349 228.037 37.9195C227.783 38.301 227.438 38.6002 227.002 38.8169C226.565 39.0305 226.053 39.1374 225.464 39.1374ZM232.95 39.1374C232.245 39.1374 231.636 38.9908 231.124 38.6978C230.614 38.4018 230.222 37.9836 229.947 37.4433C229.672 36.9 229.535 36.2606 229.535 35.525C229.535 34.8016 229.672 34.1667 229.947 33.6203C230.225 33.0709 230.612 32.6436 231.11 32.3384C231.607 32.0301 232.192 31.876 232.864 31.876C233.297 31.876 233.706 31.9462 234.091 32.0866C234.478 32.2239 234.82 32.4376 235.116 32.7275C235.415 33.0175 235.65 33.3868 235.821 33.8355C235.992 34.2812 236.078 34.8123 236.078 35.4288V35.937H230.313V34.8199H234.489C234.486 34.5025 234.417 34.2201 234.283 33.9729C234.149 33.7226 233.961 33.5257 233.72 33.3823C233.482 33.2388 233.204 33.1671 232.886 33.1671C232.548 33.1671 232.25 33.2495 231.994 33.4143C231.737 33.5761 231.537 33.7897 231.394 34.0553C231.253 34.3178 231.182 34.6062 231.179 34.9206V35.8958C231.179 36.3048 231.253 36.6558 231.403 36.9489C231.553 37.2388 231.762 37.4616 232.03 37.6173C232.299 37.7699 232.613 37.8462 232.973 37.8462C233.215 37.8462 233.433 37.8127 233.628 37.7455C233.823 37.6753 233.993 37.5731 234.136 37.4388C234.28 37.3045 234.388 37.1381 234.461 36.9397L236.009 37.1137C235.911 37.5227 235.725 37.8798 235.45 38.185C235.179 38.4872 234.831 38.7222 234.406 38.8901C233.982 39.0549 233.497 39.1374 232.95 39.1374ZM239.137 29.6234V39H237.48V29.6234H239.137ZM242.499 29.6234V39H240.841V29.6234H242.499ZM247.316 39.1374C246.611 39.1374 246.002 38.9908 245.49 38.6978C244.98 38.4018 244.588 37.9836 244.313 37.4433C244.038 36.9 243.901 36.2606 243.901 35.525C243.901 34.8016 244.038 34.1667 244.313 33.6203C244.591 33.0709 244.978 32.6436 245.476 32.3384C245.973 32.0301 246.558 31.876 247.229 31.876C247.663 31.876 248.072 31.9462 248.456 32.0866C248.844 32.2239 249.186 32.4376 249.482 32.7275C249.781 33.0175 250.016 33.3868 250.187 33.8355C250.358 34.2812 250.444 34.8123 250.444 35.4288V35.937H244.679V34.8199H248.855C248.852 34.5025 248.783 34.2201 248.649 33.9729C248.514 33.7226 248.327 33.5257 248.086 33.3823C247.848 33.2388 247.57 33.1671 247.252 33.1671C246.914 33.1671 246.616 33.2495 246.36 33.4143C246.103 33.5761 245.903 33.7897 245.76 34.0553C245.619 34.3178 245.548 34.6062 245.545 34.9206V35.8958C245.545 36.3048 245.619 36.6558 245.769 36.9489C245.919 37.2388 246.128 37.4616 246.396 37.6173C246.665 37.7699 246.979 37.8462 247.339 37.8462C247.58 37.8462 247.799 37.8127 247.994 37.7455C248.189 37.6753 248.359 37.5731 248.502 37.4388C248.646 37.3045 248.754 37.1381 248.827 36.9397L250.375 37.1137C250.277 37.5227 250.091 37.8798 249.816 38.185C249.545 38.4872 249.197 38.7222 248.772 38.8901C248.348 39.0549 247.863 39.1374 247.316 39.1374ZM253.503 34.8794V39H251.846V31.9675H253.43V33.1625H253.512C253.674 32.7688 253.932 32.4559 254.286 32.2239C254.643 31.9919 255.084 31.876 255.609 31.876C256.094 31.876 256.517 31.9797 256.877 32.1873C257.241 32.3948 257.521 32.6955 257.72 33.0892C257.921 33.483 258.02 33.9607 258.017 34.5223V39H256.36V34.7787C256.36 34.3086 256.238 33.9408 255.994 33.6753C255.753 33.4097 255.418 33.277 254.991 33.277C254.701 33.277 254.443 33.3411 254.217 33.4693C253.994 33.5944 253.819 33.776 253.691 34.0141C253.566 34.2522 253.503 34.5406 253.503 34.8794ZM262.77 39.1374C262.068 39.1374 261.465 38.9832 260.961 38.6749C260.461 38.3667 260.075 37.9409 259.803 37.3975C259.534 36.8512 259.4 36.2224 259.4 35.5112C259.4 34.797 259.537 34.1667 259.812 33.6203C260.087 33.0709 260.475 32.6436 260.975 32.3384C261.479 32.0301 262.074 31.876 262.761 31.876C263.331 31.876 263.837 31.9813 264.276 32.1919C264.719 32.3994 265.071 32.694 265.334 33.0755C265.596 33.454 265.746 33.8966 265.782 34.4033H264.198C264.134 34.0645 263.982 33.7821 263.74 33.5562C263.502 33.3273 263.183 33.2129 262.784 33.2129C262.445 33.2129 262.147 33.3044 261.891 33.4876C261.634 33.6677 261.434 33.9271 261.291 34.2659C261.151 34.6047 261.08 35.0107 261.08 35.4838C261.08 35.963 261.151 36.375 261.291 36.7199C261.431 37.0618 261.628 37.3258 261.882 37.512C262.138 37.6951 262.439 37.7867 262.784 37.7867C263.028 37.7867 263.246 37.7409 263.438 37.6494C263.634 37.5547 263.797 37.4189 263.928 37.2419C264.059 37.0648 264.149 36.8497 264.198 36.5963H265.782C265.743 37.0938 265.596 37.5349 265.343 37.9195C265.09 38.301 264.745 38.6002 264.308 38.8169C263.872 39.0305 263.359 39.1374 262.77 39.1374ZM270.257 39.1374C269.552 39.1374 268.943 38.9908 268.43 38.6978C267.92 38.4018 267.528 37.9836 267.253 37.4433C266.979 36.9 266.841 36.2606 266.841 35.525C266.841 34.8016 266.979 34.1667 267.253 33.6203C267.531 33.0709 267.919 32.6436 268.416 32.3384C268.914 32.0301 269.498 31.876 270.17 31.876C270.603 31.876 271.012 31.9462 271.397 32.0866C271.784 32.2239 272.126 32.4376 272.422 32.7275C272.721 33.0175 272.956 33.3868 273.127 33.8355C273.298 34.2812 273.384 34.8123 273.384 35.4288V35.937H267.62V34.8199H271.795C271.792 34.5025 271.723 34.2201 271.589 33.9729C271.455 33.7226 271.267 33.5257 271.026 33.3823C270.788 33.2388 270.51 33.1671 270.193 33.1671C269.854 33.1671 269.556 33.2495 269.3 33.4143C269.043 33.5761 268.843 33.7897 268.7 34.0553C268.56 34.3178 268.488 34.6062 268.485 34.9206V35.8958C268.485 36.3048 268.56 36.6558 268.709 36.9489C268.859 37.2388 269.068 37.4616 269.336 37.6173C269.605 37.7699 269.919 37.8462 270.28 37.8462C270.521 37.8462 270.739 37.8127 270.934 37.7455C271.13 37.6753 271.299 37.5731 271.443 37.4388C271.586 37.3045 271.694 37.1381 271.768 36.9397L273.315 37.1137C273.217 37.5227 273.031 37.8798 272.757 38.185C272.485 38.4872 272.137 38.7222 271.713 38.8901C271.288 39.0549 270.803 39.1374 270.257 39.1374Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M350.306 122V112.623H353.822C354.543 112.623 355.147 112.758 355.635 113.026C356.127 113.295 356.498 113.664 356.748 114.134C357.001 114.601 357.128 115.132 357.128 115.728C357.128 116.329 357.001 116.863 356.748 117.33C356.495 117.797 356.121 118.165 355.626 118.433C355.132 118.699 354.523 118.832 353.799 118.832H351.469V117.435H353.571C353.992 117.435 354.337 117.362 354.605 117.216C354.874 117.069 355.072 116.868 355.2 116.611C355.332 116.355 355.397 116.06 355.397 115.728C355.397 115.395 355.332 115.102 355.2 114.848C355.072 114.595 354.872 114.398 354.601 114.258C354.332 114.114 353.986 114.043 353.561 114.043H352.005V122H350.306ZM358.53 122V114.968H360.137V116.14H360.21C360.339 115.734 360.558 115.421 360.87 115.201C361.184 114.978 361.543 114.867 361.946 114.867C362.037 114.867 362.139 114.871 362.252 114.881C362.368 114.887 362.465 114.897 362.541 114.913V116.437C362.471 116.413 362.359 116.391 362.207 116.373C362.057 116.352 361.912 116.341 361.772 116.341C361.469 116.341 361.198 116.407 360.957 116.538C360.719 116.666 360.531 116.845 360.394 117.074C360.256 117.303 360.188 117.567 360.188 117.866V122H358.53ZM366.42 122.137C365.733 122.137 365.138 121.986 364.634 121.684C364.131 121.382 363.74 120.959 363.462 120.416C363.188 119.873 363.05 119.238 363.05 118.511C363.05 117.785 363.188 117.148 363.462 116.602C363.74 116.056 364.131 115.631 364.634 115.329C365.138 115.027 365.733 114.876 366.42 114.876C367.107 114.876 367.702 115.027 368.205 115.329C368.709 115.631 369.098 116.056 369.373 116.602C369.651 117.148 369.79 117.785 369.79 118.511C369.79 119.238 369.651 119.873 369.373 120.416C369.098 120.959 368.709 121.382 368.205 121.684C367.702 121.986 367.107 122.137 366.42 122.137ZM366.429 120.81C366.801 120.81 367.113 120.707 367.363 120.503C367.613 120.295 367.8 120.018 367.922 119.67C368.047 119.322 368.109 118.934 368.109 118.507C368.109 118.076 368.047 117.687 367.922 117.339C367.8 116.988 367.613 116.709 367.363 116.501C367.113 116.294 366.801 116.19 366.429 116.19C366.048 116.19 365.73 116.294 365.477 116.501C365.226 116.709 365.039 116.988 364.914 117.339C364.792 117.687 364.73 118.076 364.73 118.507C364.73 118.934 364.792 119.322 364.914 119.67C365.039 120.018 365.226 120.295 365.477 120.503C365.73 120.707 366.048 120.81 366.429 120.81ZM371.196 114.968H372.854V122.403C372.854 122.91 372.758 123.328 372.565 123.657C372.373 123.987 372.095 124.233 371.732 124.395C371.369 124.556 370.928 124.637 370.409 124.637C370.348 124.637 370.291 124.636 370.239 124.633C370.188 124.633 370.131 124.631 370.07 124.628V123.277C370.116 123.28 370.157 123.282 370.194 123.282C370.23 123.285 370.268 123.287 370.308 123.287C370.626 123.287 370.853 123.209 370.99 123.053C371.128 122.9 371.196 122.676 371.196 122.38V114.968ZM372.02 113.969C371.755 113.969 371.528 113.882 371.338 113.708C371.152 113.531 371.059 113.319 371.059 113.072C371.059 112.822 371.152 112.61 371.338 112.436C371.528 112.259 371.755 112.17 372.02 112.17C372.283 112.17 372.507 112.259 372.694 112.436C372.883 112.61 372.977 112.822 372.977 113.072C372.977 113.319 372.883 113.531 372.694 113.708C372.507 113.882 372.283 113.969 372.02 113.969ZM377.671 122.137C376.966 122.137 376.357 121.991 375.845 121.698C375.335 121.402 374.943 120.984 374.668 120.443C374.393 119.9 374.256 119.261 374.256 118.525C374.256 117.802 374.393 117.167 374.668 116.62C374.946 116.071 375.333 115.644 375.831 115.338C376.328 115.03 376.913 114.876 377.584 114.876C378.018 114.876 378.427 114.946 378.811 115.087C379.199 115.224 379.541 115.438 379.837 115.728C380.136 116.018 380.371 116.387 380.542 116.836C380.713 117.281 380.798 117.812 380.798 118.429V118.937H375.034V117.82H379.21C379.207 117.502 379.138 117.22 379.004 116.973C378.869 116.723 378.682 116.526 378.441 116.382C378.203 116.239 377.925 116.167 377.607 116.167C377.269 116.167 376.971 116.249 376.715 116.414C376.458 116.576 376.258 116.79 376.115 117.055C375.974 117.318 375.903 117.606 375.9 117.921V118.896C375.9 119.305 375.974 119.656 376.124 119.949C376.273 120.239 376.483 120.462 376.751 120.617C377.02 120.77 377.334 120.846 377.694 120.846C377.935 120.846 378.154 120.813 378.349 120.746C378.544 120.675 378.714 120.573 378.857 120.439C379.001 120.304 379.109 120.138 379.182 119.94L380.73 120.114C380.632 120.523 380.446 120.88 380.171 121.185C379.9 121.487 379.552 121.722 379.127 121.89C378.703 122.055 378.218 122.137 377.671 122.137ZM385.268 122.137C384.566 122.137 383.963 121.983 383.46 121.675C382.959 121.367 382.573 120.941 382.301 120.398C382.033 119.851 381.898 119.222 381.898 118.511C381.898 117.797 382.036 117.167 382.311 116.62C382.585 116.071 382.973 115.644 383.473 115.338C383.977 115.03 384.572 114.876 385.259 114.876C385.83 114.876 386.335 114.981 386.774 115.192C387.217 115.399 387.57 115.694 387.832 116.076C388.095 116.454 388.244 116.897 388.281 117.403H386.697C386.633 117.064 386.48 116.782 386.239 116.556C386.001 116.327 385.682 116.213 385.282 116.213C384.943 116.213 384.646 116.304 384.389 116.488C384.133 116.668 383.933 116.927 383.789 117.266C383.649 117.605 383.579 118.011 383.579 118.484C383.579 118.963 383.649 119.375 383.789 119.72C383.93 120.062 384.127 120.326 384.38 120.512C384.636 120.695 384.937 120.787 385.282 120.787C385.526 120.787 385.744 120.741 385.937 120.649C386.132 120.555 386.295 120.419 386.427 120.242C386.558 120.065 386.648 119.85 386.697 119.596H388.281C388.241 120.094 388.095 120.535 387.841 120.919C387.588 121.301 387.243 121.6 386.807 121.817C386.37 122.031 385.857 122.137 385.268 122.137ZM393.153 114.968V116.249H389.111V114.968H393.153ZM390.109 113.283H391.766V119.885C391.766 120.108 391.8 120.279 391.867 120.398C391.937 120.514 392.029 120.593 392.142 120.636C392.254 120.678 392.38 120.7 392.517 120.7C392.621 120.7 392.715 120.692 392.801 120.677C392.889 120.662 392.956 120.648 393.002 120.636L393.282 121.931C393.193 121.962 393.066 121.995 392.902 122.032C392.74 122.069 392.541 122.09 392.306 122.096C391.891 122.108 391.517 122.046 391.185 121.908C390.852 121.768 390.588 121.551 390.393 121.258C390.2 120.965 390.106 120.599 390.109 120.159V113.283ZM397.738 122V114.968H399.395V122H397.738ZM398.571 113.969C398.308 113.969 398.082 113.882 397.893 113.708C397.704 113.531 397.609 113.319 397.609 113.072C397.609 112.822 397.704 112.61 397.893 112.436C398.082 112.259 398.308 112.17 398.571 112.17C398.836 112.17 399.062 112.259 399.248 112.436C399.438 112.61 399.532 112.822 399.532 113.072C399.532 113.319 399.438 113.531 399.248 113.708C399.062 113.882 398.836 113.969 398.571 113.969ZM401.099 122V114.968H402.683V116.162H402.766C402.912 115.76 403.155 115.445 403.494 115.219C403.833 114.99 404.237 114.876 404.707 114.876C405.183 114.876 405.585 114.992 405.911 115.224C406.241 115.453 406.473 115.766 406.607 116.162H406.68C406.836 115.772 407.099 115.46 407.468 115.228C407.84 114.993 408.281 114.876 408.791 114.876C409.438 114.876 409.966 115.08 410.375 115.489C410.784 115.898 410.989 116.495 410.989 117.28V122H409.327V117.536C409.327 117.1 409.211 116.781 408.979 116.579C408.747 116.375 408.463 116.272 408.127 116.272C407.727 116.272 407.414 116.398 407.189 116.648C406.966 116.895 406.854 117.217 406.854 117.614V122H405.229V117.467C405.229 117.104 405.119 116.814 404.899 116.597C404.683 116.381 404.399 116.272 404.048 116.272C403.81 116.272 403.593 116.333 403.398 116.456C403.202 116.575 403.047 116.744 402.931 116.964C402.815 117.18 402.757 117.434 402.757 117.724V122H401.099ZM412.67 124.637V114.968H414.3V116.13H414.396C414.482 115.96 414.602 115.778 414.758 115.586C414.914 115.39 415.124 115.224 415.39 115.087C415.655 114.946 415.994 114.876 416.406 114.876C416.949 114.876 417.439 115.015 417.876 115.293C418.315 115.567 418.663 115.975 418.92 116.515C419.179 117.052 419.309 117.712 419.309 118.493C419.309 119.265 419.182 119.921 418.929 120.462C418.675 121.002 418.331 121.414 417.894 121.698C417.458 121.982 416.963 122.124 416.411 122.124C416.008 122.124 415.674 122.056 415.408 121.922C415.142 121.788 414.929 121.626 414.767 121.437C414.608 121.245 414.485 121.063 414.396 120.892H414.327V124.637H412.67ZM414.295 118.484C414.295 118.939 414.36 119.337 414.488 119.679C414.619 120.021 414.807 120.288 415.051 120.48C415.298 120.669 415.597 120.764 415.948 120.764C416.315 120.764 416.621 120.666 416.869 120.471C417.116 120.272 417.302 120.002 417.427 119.66C417.555 119.316 417.619 118.923 417.619 118.484C417.619 118.047 417.557 117.66 417.432 117.321C417.307 116.982 417.12 116.716 416.873 116.524C416.626 116.332 416.318 116.236 415.948 116.236C415.594 116.236 415.294 116.329 415.046 116.515C414.799 116.701 414.611 116.962 414.483 117.298C414.358 117.634 414.295 118.029 414.295 118.484ZM422.752 122.142C422.306 122.142 421.905 122.063 421.548 121.904C421.194 121.742 420.913 121.504 420.705 121.19C420.501 120.875 420.398 120.488 420.398 120.027C420.398 119.63 420.472 119.302 420.618 119.042C420.765 118.783 420.965 118.575 421.218 118.42C421.471 118.264 421.757 118.146 422.074 118.067C422.395 117.985 422.726 117.925 423.068 117.889C423.48 117.846 423.814 117.808 424.07 117.774C424.327 117.737 424.513 117.683 424.629 117.609C424.748 117.533 424.808 117.415 424.808 117.257V117.229C424.808 116.884 424.705 116.617 424.501 116.428C424.296 116.239 424.002 116.144 423.617 116.144C423.211 116.144 422.889 116.233 422.651 116.41C422.416 116.587 422.257 116.796 422.175 117.037L420.627 116.817C420.749 116.39 420.951 116.033 421.232 115.746C421.513 115.456 421.856 115.239 422.262 115.096C422.668 114.949 423.117 114.876 423.608 114.876C423.947 114.876 424.284 114.916 424.62 114.995C424.956 115.074 425.262 115.206 425.54 115.389C425.818 115.569 426.041 115.815 426.209 116.126C426.379 116.437 426.465 116.826 426.465 117.293V122H424.872V121.034H424.817C424.716 121.229 424.574 121.412 424.391 121.583C424.211 121.751 423.983 121.887 423.709 121.991C423.437 122.092 423.118 122.142 422.752 122.142ZM423.182 120.924C423.515 120.924 423.803 120.858 424.047 120.727C424.292 120.593 424.479 120.416 424.611 120.196C424.745 119.976 424.812 119.737 424.812 119.477V118.649C424.76 118.691 424.672 118.731 424.547 118.768C424.424 118.804 424.287 118.836 424.134 118.864C423.982 118.891 423.831 118.916 423.681 118.937C423.532 118.958 423.402 118.977 423.292 118.992C423.045 119.026 422.824 119.08 422.628 119.157C422.433 119.233 422.279 119.34 422.166 119.477C422.053 119.612 421.996 119.786 421.996 119.999C421.996 120.304 422.108 120.535 422.331 120.691C422.553 120.846 422.837 120.924 423.182 120.924ZM431.199 122.137C430.497 122.137 429.894 121.983 429.391 121.675C428.89 121.367 428.504 120.941 428.232 120.398C427.964 119.851 427.829 119.222 427.829 118.511C427.829 117.797 427.967 117.167 428.241 116.62C428.516 116.071 428.904 115.644 429.404 115.338C429.908 115.03 430.503 114.876 431.19 114.876C431.761 114.876 432.266 114.981 432.705 115.192C433.148 115.399 433.5 115.694 433.763 116.076C434.025 116.454 434.175 116.897 434.212 117.403H432.627C432.563 117.064 432.411 116.782 432.17 116.556C431.932 116.327 431.613 116.213 431.213 116.213C430.874 116.213 430.576 116.304 430.32 116.488C430.064 116.668 429.864 116.927 429.72 117.266C429.58 117.605 429.51 118.011 429.51 118.484C429.51 118.963 429.58 119.375 429.72 119.72C429.861 120.062 430.057 120.326 430.311 120.512C430.567 120.695 430.868 120.787 431.213 120.787C431.457 120.787 431.675 120.741 431.867 120.649C432.063 120.555 432.226 120.419 432.357 120.242C432.489 120.065 432.579 119.85 432.627 119.596H434.212C434.172 120.094 434.025 120.535 433.772 120.919C433.519 121.301 433.174 121.6 432.737 121.817C432.301 122.031 431.788 122.137 431.199 122.137ZM439.084 114.968V116.249H435.041V114.968H439.084ZM436.04 113.283H437.697V119.885C437.697 120.108 437.731 120.279 437.798 120.398C437.868 120.514 437.959 120.593 438.072 120.636C438.185 120.678 438.31 120.7 438.448 120.7C438.552 120.7 438.646 120.692 438.732 120.677C438.82 120.662 438.887 120.648 438.933 120.636L439.212 121.931C439.124 121.962 438.997 121.995 438.832 122.032C438.671 122.069 438.472 122.09 438.237 122.096C437.822 122.108 437.448 122.046 437.115 121.908C436.783 121.768 436.519 121.551 436.323 121.258C436.131 120.965 436.036 120.599 436.04 120.159V113.283Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M308.102 247.958H304.925V238.582H308.166C309.097 238.582 309.897 238.769 310.565 239.145C311.237 239.517 311.753 240.053 312.113 240.752C312.473 241.451 312.653 242.287 312.653 243.261C312.653 244.238 312.472 245.077 312.108 245.779C311.748 246.481 311.228 247.02 310.547 247.395C309.87 247.771 309.055 247.958 308.102 247.958ZM306.623 246.489H308.02C308.673 246.489 309.218 246.37 309.654 246.131C310.091 245.89 310.419 245.532 310.639 245.056C310.858 244.576 310.968 243.978 310.968 243.261C310.968 242.543 310.858 241.948 310.639 241.475C310.419 240.999 310.094 240.643 309.664 240.408C309.236 240.17 308.705 240.051 308.07 240.051H306.623V246.489ZM314.194 247.958V240.926H315.851V247.958H314.194ZM315.027 239.928C314.765 239.928 314.539 239.841 314.35 239.667C314.16 239.49 314.066 239.278 314.066 239.03C314.066 238.78 314.16 238.568 314.35 238.394C314.539 238.217 314.765 238.128 315.027 238.128C315.293 238.128 315.519 238.217 315.705 238.394C315.894 238.568 315.989 238.78 315.989 239.03C315.989 239.278 315.894 239.49 315.705 239.667C315.519 239.841 315.293 239.928 315.027 239.928ZM317.556 247.958V240.926H319.163V242.098H319.236C319.364 241.692 319.584 241.379 319.895 241.159C320.21 240.936 320.568 240.825 320.971 240.825C321.063 240.825 321.165 240.83 321.278 240.839C321.394 240.845 321.49 240.856 321.566 240.871V242.395C321.496 242.371 321.385 242.35 321.232 242.331C321.083 242.31 320.938 242.299 320.797 242.299C320.495 242.299 320.223 242.365 319.982 242.496C319.744 242.624 319.556 242.803 319.419 243.032C319.282 243.261 319.213 243.525 319.213 243.824V247.958H317.556ZM325.491 248.096C324.786 248.096 324.177 247.949 323.664 247.656C323.155 247.36 322.762 246.942 322.488 246.402C322.213 245.858 322.076 245.219 322.076 244.483C322.076 243.76 322.213 243.125 322.488 242.579C322.765 242.029 323.153 241.602 323.651 241.297C324.148 240.988 324.733 240.834 325.404 240.834C325.838 240.834 326.247 240.904 326.631 241.045C327.019 241.182 327.361 241.396 327.657 241.686C327.956 241.976 328.191 242.345 328.362 242.794C328.533 243.239 328.618 243.771 328.618 244.387V244.895H322.854V243.778H327.03C327.026 243.461 326.958 243.178 326.823 242.931C326.689 242.681 326.501 242.484 326.26 242.341C326.022 242.197 325.744 242.125 325.427 242.125C325.088 242.125 324.791 242.208 324.534 242.373C324.278 242.534 324.078 242.748 323.934 243.014C323.794 243.276 323.722 243.564 323.719 243.879V244.854C323.719 245.263 323.794 245.614 323.944 245.907C324.093 246.197 324.302 246.42 324.571 246.576C324.839 246.728 325.154 246.804 325.514 246.804C325.755 246.804 325.973 246.771 326.169 246.704C326.364 246.634 326.534 246.531 326.677 246.397C326.82 246.263 326.929 246.096 327.002 245.898L328.55 246.072C328.452 246.481 328.266 246.838 327.991 247.143C327.719 247.445 327.371 247.68 326.947 247.848C326.523 248.013 326.038 248.096 325.491 248.096ZM333.088 248.096C332.386 248.096 331.783 247.941 331.279 247.633C330.779 247.325 330.393 246.899 330.121 246.356C329.852 245.809 329.718 245.181 329.718 244.469C329.718 243.755 329.856 243.125 330.13 242.579C330.405 242.029 330.793 241.602 331.293 241.297C331.797 240.988 332.392 240.834 333.079 240.834C333.65 240.834 334.155 240.94 334.594 241.15C335.037 241.358 335.389 241.652 335.652 242.034C335.914 242.412 336.064 242.855 336.101 243.362H334.516C334.452 243.023 334.3 242.74 334.059 242.514C333.82 242.286 333.502 242.171 333.102 242.171C332.763 242.171 332.465 242.263 332.209 242.446C331.952 242.626 331.753 242.885 331.609 243.224C331.469 243.563 331.398 243.969 331.398 244.442C331.398 244.921 331.469 245.333 331.609 245.678C331.749 246.02 331.946 246.284 332.2 246.47C332.456 246.653 332.757 246.745 333.102 246.745C333.346 246.745 333.564 246.699 333.756 246.608C333.952 246.513 334.115 246.377 334.246 246.2C334.378 246.023 334.468 245.808 334.516 245.555H336.101C336.061 246.052 335.914 246.493 335.661 246.878C335.408 247.259 335.063 247.558 334.626 247.775C334.19 247.989 333.677 248.096 333.088 248.096ZM340.973 240.926V242.208H336.93V240.926H340.973ZM337.928 239.241H339.586V245.843C339.586 246.066 339.619 246.237 339.687 246.356C339.757 246.472 339.848 246.551 339.961 246.594C340.074 246.637 340.199 246.658 340.337 246.658C340.441 246.658 340.535 246.65 340.621 246.635C340.709 246.62 340.776 246.606 340.822 246.594L341.101 247.89C341.013 247.92 340.886 247.954 340.721 247.99C340.56 248.027 340.361 248.048 340.126 248.054C339.711 248.067 339.337 248.004 339.004 247.867C338.672 247.726 338.408 247.51 338.212 247.217C338.02 246.924 337.925 246.557 337.928 246.118V239.241ZM342.359 247.958V240.926H344.017V247.958H342.359ZM343.193 239.928C342.93 239.928 342.704 239.841 342.515 239.667C342.326 239.49 342.231 239.278 342.231 239.03C342.231 238.78 342.326 238.568 342.515 238.394C342.704 238.217 342.93 238.128 343.193 238.128C343.458 238.128 343.684 238.217 343.87 238.394C344.059 238.568 344.154 238.78 344.154 239.03C344.154 239.278 344.059 239.49 343.87 239.667C343.684 239.841 343.458 239.928 343.193 239.928ZM348.789 248.096C348.102 248.096 347.507 247.945 347.003 247.642C346.499 247.34 346.109 246.917 345.831 246.374C345.556 245.831 345.419 245.196 345.419 244.469C345.419 243.743 345.556 243.107 345.831 242.56C346.109 242.014 346.499 241.59 347.003 241.287C347.507 240.985 348.102 240.834 348.789 240.834C349.475 240.834 350.07 240.985 350.574 241.287C351.078 241.59 351.467 242.014 351.742 242.56C352.019 243.107 352.158 243.743 352.158 244.469C352.158 245.196 352.019 245.831 351.742 246.374C351.467 246.917 351.078 247.34 350.574 247.642C350.07 247.945 349.475 248.096 348.789 248.096ZM348.798 246.768C349.17 246.768 349.481 246.666 349.732 246.461C349.982 246.254 350.168 245.976 350.29 245.628C350.415 245.28 350.478 244.892 350.478 244.465C350.478 244.035 350.415 243.645 350.29 243.297C350.168 242.946 349.982 242.667 349.732 242.46C349.481 242.252 349.17 242.148 348.798 242.148C348.416 242.148 348.099 242.252 347.845 242.46C347.595 242.667 347.407 242.946 347.282 243.297C347.16 243.645 347.099 244.035 347.099 244.465C347.099 244.892 347.16 245.28 347.282 245.628C347.407 245.976 347.595 246.254 347.845 246.461C348.099 246.666 348.416 246.768 348.798 246.768ZM355.222 243.838V247.958H353.565V240.926H355.149V242.121H355.232C355.393 241.727 355.651 241.414 356.005 241.182C356.362 240.95 356.803 240.834 357.328 240.834C357.814 240.834 358.236 240.938 358.597 241.146C358.96 241.353 359.241 241.654 359.439 242.047C359.641 242.441 359.74 242.919 359.737 243.481V247.958H358.079V243.737C358.079 243.267 357.957 242.899 357.713 242.634C357.472 242.368 357.138 242.235 356.71 242.235C356.42 242.235 356.162 242.299 355.937 242.428C355.714 242.553 355.538 242.734 355.41 242.972C355.285 243.21 355.222 243.499 355.222 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M113.517 241.745H111.805C111.756 241.465 111.666 241.216 111.534 240.999C111.403 240.779 111.24 240.593 111.044 240.44C110.849 240.288 110.626 240.173 110.376 240.097C110.129 240.018 109.862 239.978 109.575 239.978C109.065 239.978 108.613 240.106 108.22 240.363C107.826 240.616 107.518 240.988 107.295 241.48C107.072 241.968 106.961 242.565 106.961 243.27C106.961 243.987 107.072 244.592 107.295 245.083C107.521 245.571 107.829 245.941 108.22 246.191C108.613 246.438 109.064 246.562 109.57 246.562C109.851 246.562 110.114 246.525 110.358 246.452C110.605 246.376 110.826 246.264 111.022 246.118C111.22 245.971 111.386 245.791 111.521 245.577C111.658 245.364 111.753 245.12 111.805 244.845L113.517 244.854C113.453 245.3 113.314 245.718 113.1 246.109C112.89 246.499 112.613 246.844 112.272 247.143C111.93 247.439 111.53 247.671 111.072 247.839C110.614 248.004 110.106 248.086 109.547 248.086C108.723 248.086 107.988 247.896 107.341 247.514C106.693 247.133 106.184 246.582 105.811 245.861C105.439 245.141 105.253 244.277 105.253 243.27C105.253 242.26 105.44 241.396 105.816 240.679C106.191 239.958 106.703 239.407 107.35 239.026C107.997 238.644 108.729 238.453 109.547 238.453C110.069 238.453 110.555 238.527 111.003 238.673C111.452 238.82 111.852 239.035 112.203 239.319C112.554 239.6 112.842 239.944 113.068 240.353C113.297 240.759 113.447 241.223 113.517 241.745ZM118.067 248.096C117.38 248.096 116.785 247.945 116.281 247.642C115.777 247.34 115.387 246.917 115.109 246.374C114.834 245.831 114.697 245.196 114.697 244.469C114.697 243.743 114.834 243.107 115.109 242.56C115.387 242.014 115.777 241.59 116.281 241.287C116.785 240.985 117.38 240.834 118.067 240.834C118.753 240.834 119.349 240.985 119.852 241.287C120.356 241.59 120.745 242.014 121.02 242.56C121.297 243.107 121.436 243.743 121.436 244.469C121.436 245.196 121.297 245.831 121.02 246.374C120.745 246.917 120.356 247.34 119.852 247.642C119.349 247.945 118.753 248.096 118.067 248.096ZM118.076 246.768C118.448 246.768 118.76 246.666 119.01 246.461C119.26 246.254 119.446 245.976 119.568 245.628C119.694 245.28 119.756 244.892 119.756 244.465C119.756 244.035 119.694 243.645 119.568 243.297C119.446 242.946 119.26 242.667 119.01 242.46C118.76 242.252 118.448 242.148 118.076 242.148C117.694 242.148 117.377 242.252 117.123 242.46C116.873 242.667 116.685 242.946 116.56 243.297C116.438 243.645 116.377 244.035 116.377 244.465C116.377 244.892 116.438 245.28 116.56 245.628C116.685 245.976 116.873 246.254 117.123 246.461C117.377 246.666 117.694 246.768 118.076 246.768ZM122.843 247.958V240.926H124.427V242.121H124.51C124.656 241.718 124.899 241.403 125.238 241.178C125.576 240.949 125.981 240.834 126.451 240.834C126.927 240.834 127.328 240.95 127.655 241.182C127.985 241.411 128.217 241.724 128.351 242.121H128.424C128.58 241.73 128.842 241.419 129.212 241.187C129.584 240.952 130.025 240.834 130.535 240.834C131.182 240.834 131.71 241.039 132.119 241.448C132.528 241.857 132.733 242.453 132.733 243.238V247.958H131.071V243.494C131.071 243.058 130.955 242.739 130.723 242.537C130.491 242.333 130.207 242.231 129.871 242.231C129.471 242.231 129.158 242.356 128.932 242.606C128.71 242.853 128.598 243.175 128.598 243.572V247.958H126.973V243.426C126.973 243.062 126.863 242.772 126.643 242.556C126.426 242.339 126.143 242.231 125.792 242.231C125.554 242.231 125.337 242.292 125.141 242.414C124.946 242.533 124.79 242.702 124.674 242.922C124.558 243.139 124.5 243.392 124.5 243.682V247.958H122.843ZM134.414 247.958V240.926H135.998V242.121H136.08C136.227 241.718 136.47 241.403 136.808 241.178C137.147 240.949 137.552 240.834 138.022 240.834C138.498 240.834 138.899 240.95 139.226 241.182C139.556 241.411 139.787 241.724 139.922 242.121H139.995C140.151 241.73 140.413 241.419 140.783 241.187C141.155 240.952 141.596 240.834 142.106 240.834C142.753 240.834 143.281 241.039 143.69 241.448C144.099 241.857 144.303 242.453 144.303 243.238V247.958H142.641V243.494C142.641 243.058 142.525 242.739 142.293 242.537C142.061 242.333 141.778 242.231 141.442 242.231C141.042 242.231 140.729 242.356 140.503 242.606C140.28 242.853 140.169 243.175 140.169 243.572V247.958H138.544V243.426C138.544 243.062 138.434 242.772 138.214 242.556C137.997 242.339 137.713 242.231 137.362 242.231C137.124 242.231 136.908 242.292 136.712 242.414C136.517 242.533 136.361 242.702 136.245 242.922C136.129 243.139 136.071 243.392 136.071 243.682V247.958H134.414ZM150.467 245.001V240.926H152.124V247.958H150.517V246.708H150.444C150.285 247.102 150.024 247.424 149.661 247.674C149.301 247.925 148.857 248.05 148.329 248.05C147.868 248.05 147.461 247.948 147.107 247.743C146.755 247.536 146.481 247.235 146.282 246.841C146.084 246.444 145.985 245.965 145.985 245.403V240.926H147.642V245.147C147.642 245.593 147.764 245.947 148.008 246.209C148.253 246.472 148.573 246.603 148.97 246.603C149.214 246.603 149.451 246.544 149.68 246.424C149.909 246.305 150.096 246.128 150.243 245.893C150.392 245.655 150.467 245.358 150.467 245.001ZM155.486 243.838V247.958H153.829V240.926H155.413V242.121H155.495C155.657 241.727 155.915 241.414 156.269 241.182C156.626 240.95 157.067 240.834 157.592 240.834C158.078 240.834 158.5 240.938 158.86 241.146C159.224 241.353 159.505 241.654 159.703 242.047C159.904 242.441 160.004 242.919 160.001 243.481V247.958H158.343V243.737C158.343 243.267 158.221 242.899 157.977 242.634C157.736 242.368 157.401 242.235 156.974 242.235C156.684 242.235 156.426 242.299 156.2 242.428C155.978 242.553 155.802 242.734 155.674 242.972C155.549 243.21 155.486 243.499 155.486 243.838ZM161.685 247.958V240.926H163.343V247.958H161.685ZM162.519 239.928C162.256 239.928 162.03 239.841 161.841 239.667C161.652 239.49 161.557 239.278 161.557 239.03C161.557 238.78 161.652 238.568 161.841 238.394C162.03 238.217 162.256 238.128 162.519 238.128C162.784 238.128 163.01 238.217 163.196 238.394C163.385 238.568 163.48 238.78 163.48 239.03C163.48 239.278 163.385 239.49 163.196 239.667C163.01 239.841 162.784 239.928 162.519 239.928ZM168.115 248.096C167.413 248.096 166.81 247.941 166.306 247.633C165.806 247.325 165.419 246.899 165.148 246.356C164.879 245.809 164.745 245.181 164.745 244.469C164.745 243.755 164.882 243.125 165.157 242.579C165.432 242.029 165.819 241.602 166.32 241.297C166.824 240.988 167.419 240.834 168.105 240.834C168.676 240.834 169.181 240.94 169.621 241.15C170.064 241.358 170.416 241.652 170.679 242.034C170.941 242.412 171.091 242.855 171.127 243.362H169.543C169.479 243.023 169.326 242.74 169.085 242.514C168.847 242.286 168.528 242.171 168.128 242.171C167.79 242.171 167.492 242.263 167.236 242.446C166.979 242.626 166.779 242.885 166.636 243.224C166.495 243.563 166.425 243.969 166.425 244.442C166.425 244.921 166.495 245.333 166.636 245.678C166.776 246.02 166.973 246.284 167.226 246.47C167.483 246.653 167.783 246.745 168.128 246.745C168.373 246.745 168.591 246.699 168.783 246.608C168.978 246.513 169.142 246.377 169.273 246.2C169.404 246.023 169.494 245.808 169.543 245.555H171.127C171.088 246.052 170.941 246.493 170.688 246.878C170.434 247.259 170.089 247.558 169.653 247.775C169.217 247.989 168.704 248.096 168.115 248.096ZM174.512 248.1C174.066 248.1 173.665 248.021 173.308 247.862C172.954 247.7 172.673 247.462 172.465 247.148C172.261 246.833 172.159 246.446 172.159 245.985C172.159 245.588 172.232 245.26 172.378 245.001C172.525 244.741 172.725 244.534 172.978 244.378C173.231 244.222 173.517 244.105 173.834 244.025C174.155 243.943 174.486 243.883 174.828 243.847C175.24 243.804 175.574 243.766 175.83 243.732C176.087 243.696 176.273 243.641 176.389 243.568C176.508 243.491 176.568 243.374 176.568 243.215V243.188C176.568 242.843 176.465 242.576 176.261 242.386C176.056 242.197 175.762 242.102 175.377 242.102C174.971 242.102 174.649 242.191 174.411 242.368C174.176 242.545 174.017 242.754 173.935 242.995L172.387 242.775C172.51 242.348 172.711 241.991 172.992 241.704C173.273 241.414 173.616 241.197 174.022 241.054C174.428 240.907 174.877 240.834 175.368 240.834C175.707 240.834 176.044 240.874 176.38 240.953C176.716 241.033 177.022 241.164 177.3 241.347C177.578 241.527 177.801 241.773 177.969 242.084C178.139 242.395 178.225 242.785 178.225 243.252V247.958H176.632V246.992H176.577C176.476 247.188 176.334 247.371 176.151 247.542C175.971 247.709 175.743 247.845 175.469 247.949C175.197 248.05 174.878 248.1 174.512 248.1ZM174.942 246.882C175.275 246.882 175.563 246.817 175.808 246.685C176.052 246.551 176.239 246.374 176.371 246.154C176.505 245.935 176.572 245.695 176.572 245.436V244.607C176.52 244.65 176.432 244.689 176.307 244.726C176.185 244.763 176.047 244.795 175.895 244.822C175.742 244.849 175.591 244.874 175.441 244.895C175.292 244.917 175.162 244.935 175.052 244.95C174.805 244.984 174.584 245.039 174.388 245.115C174.193 245.191 174.039 245.298 173.926 245.436C173.813 245.57 173.756 245.744 173.756 245.957C173.756 246.263 173.868 246.493 174.091 246.649C174.313 246.804 174.597 246.882 174.942 246.882ZM183.403 240.926V242.208H179.36V240.926H183.403ZM180.359 239.241H182.016V245.843C182.016 246.066 182.049 246.237 182.117 246.356C182.187 246.472 182.278 246.551 182.391 246.594C182.504 246.637 182.629 246.658 182.767 246.658C182.871 246.658 182.965 246.65 183.051 246.635C183.139 246.62 183.206 246.606 183.252 246.594L183.531 247.89C183.443 247.92 183.316 247.954 183.151 247.99C182.99 248.027 182.791 248.048 182.556 248.054C182.141 248.067 181.767 248.004 181.434 247.867C181.102 247.726 180.838 247.51 180.642 247.217C180.45 246.924 180.355 246.557 180.359 246.118V239.241ZM184.789 247.958V240.926H186.447V247.958H184.789ZM185.623 239.928C185.36 239.928 185.134 239.841 184.945 239.667C184.756 239.49 184.661 239.278 184.661 239.03C184.661 238.78 184.756 238.568 184.945 238.394C185.134 238.217 185.36 238.128 185.623 238.128C185.888 238.128 186.114 238.217 186.3 238.394C186.489 238.568 186.584 238.78 186.584 239.03C186.584 239.278 186.489 239.49 186.3 239.667C186.114 239.841 185.888 239.928 185.623 239.928ZM191.219 248.096C190.532 248.096 189.937 247.945 189.433 247.642C188.929 247.34 188.539 246.917 188.261 246.374C187.986 245.831 187.849 245.196 187.849 244.469C187.849 243.743 187.986 243.107 188.261 242.56C188.539 242.014 188.929 241.59 189.433 241.287C189.937 240.985 190.532 240.834 191.219 240.834C191.905 240.834 192.501 240.985 193.004 241.287C193.508 241.59 193.897 242.014 194.172 242.56C194.449 243.107 194.588 243.743 194.588 244.469C194.588 245.196 194.449 245.831 194.172 246.374C193.897 246.917 193.508 247.34 193.004 247.642C192.501 247.945 191.905 248.096 191.219 248.096ZM191.228 246.768C191.6 246.768 191.911 246.666 192.162 246.461C192.412 246.254 192.598 245.976 192.72 245.628C192.845 245.28 192.908 244.892 192.908 244.465C192.908 244.035 192.845 243.645 192.72 243.297C192.598 242.946 192.412 242.667 192.162 242.46C191.911 242.252 191.6 242.148 191.228 242.148C190.846 242.148 190.529 242.252 190.275 242.46C190.025 242.667 189.837 242.946 189.712 243.297C189.59 243.645 189.529 244.035 189.529 244.465C189.529 244.892 189.59 245.28 189.712 245.628C189.837 245.976 190.025 246.254 190.275 246.461C190.529 246.666 190.846 246.768 191.228 246.768ZM197.652 243.838V247.958H195.995V240.926H197.579V242.121H197.662C197.823 241.727 198.081 241.414 198.435 241.182C198.792 240.95 199.233 240.834 199.758 240.834C200.244 240.834 200.667 240.938 201.027 241.146C201.39 241.353 201.671 241.654 201.869 242.047C202.071 242.441 202.17 242.919 202.167 243.481V247.958H200.509V243.737C200.509 243.267 200.387 242.899 200.143 242.634C199.902 242.368 199.568 242.235 199.14 242.235C198.85 242.235 198.592 242.299 198.367 242.428C198.144 242.553 197.968 242.734 197.84 242.972C197.715 243.21 197.652 243.499 197.652 243.838Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M53.9508 107.787H52.2385C52.1897 107.506 52.0996 107.257 51.9684 107.041C51.8371 106.821 51.6738 106.635 51.4785 106.482C51.2831 106.33 51.0603 106.215 50.81 106.139C50.5628 106.059 50.2957 106.02 50.0088 106.02C49.4991 106.02 49.0473 106.148 48.6536 106.404C48.2598 106.658 47.9516 107.03 47.7287 107.522C47.5059 108.01 47.3945 108.607 47.3945 109.312C47.3945 110.029 47.5059 110.633 47.7287 111.125C47.9546 111.613 48.2629 111.982 48.6536 112.233C49.0473 112.48 49.4975 112.604 50.0042 112.604C50.285 112.604 50.5475 112.567 50.7917 112.494C51.039 112.417 51.2602 112.306 51.4556 112.159C51.654 112.013 51.8203 111.833 51.9546 111.619C52.092 111.406 52.1866 111.161 52.2385 110.887L53.9508 110.896C53.8867 111.341 53.7479 111.76 53.5342 112.15C53.3236 112.541 53.0474 112.886 52.7055 113.185C52.3636 113.481 51.9638 113.713 51.506 113.881C51.0481 114.046 50.5399 114.128 49.9813 114.128C49.1572 114.128 48.4216 113.937 47.7745 113.556C47.1274 113.174 46.6177 112.623 46.2453 111.903C45.873 111.183 45.6868 110.319 45.6868 109.312C45.6868 108.301 45.8745 107.438 46.2499 106.72C46.6253 106 47.1366 105.449 47.7837 105.067C48.4308 104.686 49.1633 104.495 49.9813 104.495C50.5033 104.495 50.9886 104.568 51.4373 104.715C51.886 104.861 52.2858 105.077 52.6368 105.36C52.9878 105.641 53.2763 105.986 53.5021 106.395C53.7311 106.801 53.8806 107.265 53.9508 107.787ZM58.5007 114.137C57.8139 114.137 57.2187 113.986 56.7151 113.684C56.2114 113.382 55.8207 112.959 55.543 112.416C55.2683 111.873 55.1309 111.238 55.1309 110.511C55.1309 109.785 55.2683 109.148 55.543 108.602C55.8207 108.056 56.2114 107.631 56.7151 107.329C57.2187 107.027 57.8139 106.876 58.5007 106.876C59.1874 106.876 59.7826 107.027 60.2862 107.329C60.7899 107.631 61.179 108.056 61.4537 108.602C61.7315 109.148 61.8704 109.785 61.8704 110.511C61.8704 111.238 61.7315 111.873 61.4537 112.416C61.179 112.959 60.7899 113.382 60.2862 113.684C59.7826 113.986 59.1874 114.137 58.5007 114.137ZM58.5098 112.81C58.8822 112.81 59.1935 112.707 59.4438 112.503C59.6941 112.295 59.8803 112.018 60.0024 111.67C60.1275 111.322 60.1901 110.934 60.1901 110.507C60.1901 110.076 60.1275 109.687 60.0024 109.339C59.8803 108.988 59.6941 108.709 59.4438 108.501C59.1935 108.294 58.8822 108.19 58.5098 108.19C58.1283 108.19 57.8108 108.294 57.5575 108.501C57.3072 108.709 57.1195 108.988 56.9943 109.339C56.8723 109.687 56.8112 110.076 56.8112 110.507C56.8112 110.934 56.8723 111.322 56.9943 111.67C57.1195 112.018 57.3072 112.295 57.5575 112.503C57.8108 112.707 58.1283 112.81 58.5098 112.81ZM64.9345 104.623V114H63.2771V104.623H64.9345ZM68.2962 104.623V114H66.6388V104.623H68.2962ZM72.0242 114.142C71.5786 114.142 71.1772 114.063 70.8201 113.904C70.466 113.742 70.1852 113.504 69.9776 113.19C69.7731 112.875 69.6709 112.488 69.6709 112.027C69.6709 111.63 69.7441 111.302 69.8906 111.042C70.0372 110.783 70.2371 110.575 70.4904 110.42C70.7438 110.264 71.0291 110.146 71.3466 110.067C71.6671 109.985 71.9983 109.925 72.3401 109.889C72.7522 109.846 73.0864 109.808 73.3428 109.774C73.5992 109.737 73.7854 109.683 73.9014 109.609C74.0204 109.533 74.0799 109.415 74.0799 109.257V109.229C74.0799 108.884 73.9777 108.617 73.7732 108.428C73.5687 108.239 73.2741 108.144 72.8895 108.144C72.4836 108.144 72.1615 108.233 71.9235 108.41C71.6884 108.587 71.5297 108.796 71.4473 109.037L69.8998 108.817C70.0219 108.39 70.2233 108.033 70.5042 107.746C70.785 107.456 71.1283 107.239 71.5343 107.096C71.9403 106.949 72.3889 106.876 72.8804 106.876C73.2192 106.876 73.5564 106.916 73.8922 106.995C74.2279 107.074 74.5347 107.206 74.8125 107.389C75.0902 107.569 75.313 107.815 75.4809 108.126C75.6518 108.437 75.7373 108.826 75.7373 109.293V114H74.144V113.034H74.0891C73.9883 113.229 73.8464 113.412 73.6633 113.583C73.4832 113.751 73.2558 113.887 72.9811 113.991C72.7094 114.092 72.3905 114.142 72.0242 114.142ZM72.4546 112.924C72.7873 112.924 73.0757 112.858 73.3199 112.727C73.5641 112.593 73.7518 112.416 73.883 112.196C74.0173 111.976 74.0845 111.737 74.0845 111.477V110.649C74.0326 110.691 73.9441 110.731 73.8189 110.768C73.6968 110.804 73.5595 110.836 73.4069 110.864C73.2543 110.891 73.1032 110.916 72.9536 110.937C72.8041 110.958 72.6743 110.977 72.5644 110.992C72.3172 111.026 72.0959 111.08 71.9006 111.157C71.7052 111.233 71.5511 111.34 71.4382 111.477C71.3252 111.612 71.2688 111.786 71.2688 111.999C71.2688 112.304 71.3802 112.535 71.603 112.691C71.8258 112.846 72.1097 112.924 72.4546 112.924ZM77.4771 114V104.623H79.1345V108.13H79.2032C79.2886 107.96 79.4092 107.778 79.5649 107.586C79.7205 107.39 79.9311 107.224 80.1967 107.087C80.4622 106.946 80.801 106.876 81.2131 106.876C81.7564 106.876 82.2463 107.015 82.6828 107.293C83.1223 107.567 83.4703 107.975 83.7267 108.515C83.9861 109.052 84.1158 109.712 84.1158 110.493C84.1158 111.265 83.9892 111.921 83.7358 112.462C83.4825 113.002 83.1376 113.414 82.7011 113.698C82.2646 113.982 81.7701 114.124 81.2177 114.124C80.8148 114.124 80.4806 114.056 80.215 113.922C79.9495 113.788 79.7358 113.626 79.574 113.437C79.4153 113.245 79.2917 113.063 79.2032 112.892H79.107V114H77.4771ZM79.1024 110.484C79.1024 110.939 79.1665 111.337 79.2947 111.679C79.426 112.021 79.6137 112.288 79.8579 112.48C80.1051 112.669 80.4043 112.764 80.7553 112.764C81.1215 112.764 81.4283 112.666 81.6755 112.471C81.9228 112.272 82.109 112.002 82.2341 111.66C82.3623 111.316 82.4264 110.923 82.4264 110.484C82.4264 110.047 82.3638 109.66 82.2387 109.321C82.1135 108.982 81.9273 108.716 81.6801 108.524C81.4329 108.332 81.1246 108.236 80.7553 108.236C80.4012 108.236 80.1005 108.329 79.8533 108.515C79.6061 108.701 79.4184 108.962 79.2902 109.298C79.165 109.634 79.1024 110.029 79.1024 110.484ZM88.5924 114.137C87.9056 114.137 87.3104 113.986 86.8068 113.684C86.3032 113.382 85.9125 112.959 85.6347 112.416C85.36 111.873 85.2227 111.238 85.2227 110.511C85.2227 109.785 85.36 109.148 85.6347 108.602C85.9125 108.056 86.3032 107.631 86.8068 107.329C87.3104 107.027 87.9056 106.876 88.5924 106.876C89.2792 106.876 89.8744 107.027 90.378 107.329C90.8816 107.631 91.2708 108.056 91.5455 108.602C91.8232 109.148 91.9621 109.785 91.9621 110.511C91.9621 111.238 91.8232 111.873 91.5455 112.416C91.2708 112.959 90.8816 113.382 90.378 113.684C89.8744 113.986 89.2792 114.137 88.5924 114.137ZM88.6016 112.81C88.9739 112.81 89.2853 112.707 89.5356 112.503C89.7858 112.295 89.972 112.018 90.0941 111.67C90.2193 111.322 90.2818 110.934 90.2818 110.507C90.2818 110.076 90.2193 109.687 90.0941 109.339C89.972 108.988 89.7858 108.709 89.5356 108.501C89.2853 108.294 88.9739 108.19 88.6016 108.19C88.22 108.19 87.9026 108.294 87.6492 108.501C87.3989 108.709 87.2112 108.988 87.0861 109.339C86.964 109.687 86.903 110.076 86.903 110.507C86.903 110.934 86.964 111.322 87.0861 111.67C87.2112 112.018 87.3989 112.295 87.6492 112.503C87.9026 112.707 88.22 112.81 88.6016 112.81ZM93.3688 114V106.968H94.9759V108.14H95.0491C95.1773 107.734 95.3971 107.421 95.7084 107.201C96.0228 106.978 96.3815 106.867 96.7844 106.867C96.8759 106.867 96.9782 106.871 97.0911 106.881C97.2071 106.887 97.3032 106.897 97.3796 106.913V108.437C97.3093 108.413 97.1979 108.391 97.0453 108.373C96.8958 108.352 96.7508 108.341 96.6104 108.341C96.3082 108.341 96.0365 108.407 95.7954 108.538C95.5573 108.666 95.3696 108.845 95.2323 109.074C95.0949 109.303 95.0262 109.567 95.0262 109.866V114H93.3688ZM100.378 114.142C99.9328 114.142 99.5314 114.063 99.1743 113.904C98.8202 113.742 98.5394 113.504 98.3319 113.19C98.1274 112.875 98.0251 112.488 98.0251 112.027C98.0251 111.63 98.0984 111.302 98.2449 111.042C98.3914 110.783 98.5913 110.575 98.8446 110.42C99.098 110.264 99.3834 110.146 99.7008 110.067C100.021 109.985 100.352 109.925 100.694 109.889C101.106 109.846 101.441 109.808 101.697 109.774C101.953 109.737 102.14 109.683 102.256 109.609C102.375 109.533 102.434 109.415 102.434 109.257V109.229C102.434 108.884 102.332 108.617 102.127 108.428C101.923 108.239 101.628 108.144 101.244 108.144C100.838 108.144 100.516 108.233 100.278 108.41C100.043 108.587 99.884 108.796 99.8015 109.037L98.254 108.817C98.3761 108.39 98.5776 108.033 98.8584 107.746C99.1392 107.456 99.4826 107.239 99.8885 107.096C100.294 106.949 100.743 106.876 101.235 106.876C101.573 106.876 101.911 106.916 102.246 106.995C102.582 107.074 102.889 107.206 103.167 107.389C103.444 107.569 103.667 107.815 103.835 108.126C104.006 108.437 104.092 108.826 104.092 109.293V114H102.498V113.034H102.443C102.343 113.229 102.201 113.412 102.018 113.583C101.837 113.751 101.61 113.887 101.335 113.991C101.064 114.092 100.745 114.142 100.378 114.142ZM100.809 112.924C101.141 112.924 101.43 112.858 101.674 112.727C101.918 112.593 102.106 112.416 102.237 112.196C102.372 111.976 102.439 111.737 102.439 111.477V110.649C102.387 110.691 102.298 110.731 102.173 110.768C102.051 110.804 101.914 110.836 101.761 110.864C101.608 110.891 101.457 110.916 101.308 110.937C101.158 110.958 101.029 110.977 100.919 110.992C100.671 111.026 100.45 111.08 100.255 111.157C100.059 111.233 99.9053 111.34 99.7924 111.477C99.6794 111.612 99.623 111.786 99.623 111.999C99.623 112.304 99.7344 112.535 99.9572 112.691C100.18 112.846 100.464 112.924 100.809 112.924ZM109.27 106.968V108.249H105.227V106.968H109.27ZM106.225 105.283H107.882V111.885C107.882 112.108 107.916 112.279 107.983 112.398C108.053 112.514 108.145 112.593 108.258 112.636C108.371 112.678 108.496 112.7 108.633 112.7C108.737 112.7 108.832 112.692 108.917 112.677C109.006 112.662 109.073 112.648 109.119 112.636L109.398 113.931C109.309 113.962 109.183 113.995 109.018 114.032C108.856 114.069 108.658 114.09 108.423 114.096C108.008 114.108 107.634 114.046 107.301 113.908C106.968 113.768 106.704 113.551 106.509 113.258C106.317 112.965 106.222 112.599 106.225 112.159V105.283ZM110.656 114V106.968H112.313V114H110.656ZM111.489 105.969C111.227 105.969 111.001 105.882 110.812 105.708C110.622 105.531 110.528 105.319 110.528 105.072C110.528 104.822 110.622 104.61 110.812 104.436C111.001 104.259 111.227 104.17 111.489 104.17C111.755 104.17 111.981 104.259 112.167 104.436C112.356 104.61 112.451 104.822 112.451 105.072C112.451 105.319 112.356 105.531 112.167 105.708C111.981 105.882 111.755 105.969 111.489 105.969ZM117.085 114.137C116.398 114.137 115.803 113.986 115.3 113.684C114.796 113.382 114.405 112.959 114.127 112.416C113.853 111.873 113.715 111.238 113.715 110.511C113.715 109.785 113.853 109.148 114.127 108.602C114.405 108.056 114.796 107.631 115.3 107.329C115.803 107.027 116.398 106.876 117.085 106.876C117.772 106.876 118.367 107.027 118.871 107.329C119.374 107.631 119.764 108.056 120.038 108.602C120.316 109.148 120.455 109.785 120.455 110.511C120.455 111.238 120.316 111.873 120.038 112.416C119.764 112.959 119.374 113.382 118.871 113.684C118.367 113.986 117.772 114.137 117.085 114.137ZM117.094 112.81C117.467 112.81 117.778 112.707 118.028 112.503C118.279 112.295 118.465 112.018 118.587 111.67C118.712 111.322 118.775 110.934 118.775 110.507C118.775 110.076 118.712 109.687 118.587 109.339C118.465 108.988 118.279 108.709 118.028 108.501C117.778 108.294 117.467 108.19 117.094 108.19C116.713 108.19 116.395 108.294 116.142 108.501C115.892 108.709 115.704 108.988 115.579 109.339C115.457 109.687 115.396 110.076 115.396 110.507C115.396 110.934 115.457 111.322 115.579 111.67C115.704 112.018 115.892 112.295 116.142 112.503C116.395 112.707 116.713 112.81 117.094 112.81ZM123.519 109.879V114H121.862V106.968H123.446V108.162H123.528C123.69 107.769 123.948 107.456 124.302 107.224C124.659 106.992 125.1 106.876 125.625 106.876C126.11 106.876 126.533 106.98 126.893 107.187C127.256 107.395 127.537 107.695 127.736 108.089C127.937 108.483 128.036 108.961 128.033 109.522V114H126.376V109.779C126.376 109.309 126.254 108.941 126.01 108.675C125.768 108.41 125.434 108.277 125.007 108.277C124.717 108.277 124.459 108.341 124.233 108.469C124.01 108.594 123.835 108.776 123.707 109.014C123.582 109.252 123.519 109.541 123.519 109.879ZM51.4098 124.826L49.8989 124.991C49.8562 124.839 49.7814 124.695 49.6746 124.561C49.5708 124.427 49.4304 124.318 49.2534 124.236C49.0763 124.153 48.8596 124.112 48.6032 124.112C48.2583 124.112 47.9684 124.187 47.7333 124.336C47.5013 124.486 47.3869 124.68 47.3899 124.918C47.3869 125.122 47.4617 125.289 47.6143 125.417C47.77 125.545 48.0263 125.65 48.3835 125.733L49.583 125.989C50.2484 126.133 50.7429 126.36 51.0664 126.671C51.393 126.983 51.5578 127.39 51.5609 127.894C51.5578 128.337 51.4281 128.727 51.1717 129.066C50.9184 129.402 50.5658 129.664 50.1141 129.853C49.6624 130.043 49.1435 130.137 48.5574 130.137C47.6967 130.137 47.0038 129.957 46.4788 129.597C45.9538 129.234 45.641 128.729 45.5403 128.082L47.1564 127.926C47.2297 128.243 47.3854 128.483 47.6234 128.645C47.8615 128.807 48.1713 128.887 48.5529 128.887C48.9466 128.887 49.2625 128.807 49.5006 128.645C49.7417 128.483 49.8623 128.283 49.8623 128.045C49.8623 127.844 49.7845 127.677 49.6288 127.546C49.4762 127.415 49.2381 127.314 48.9146 127.244L47.715 126.992C47.0405 126.852 46.5414 126.615 46.2179 126.282C45.8943 125.947 45.7341 125.522 45.7371 125.01C45.7341 124.576 45.8516 124.201 46.0897 123.883C46.3308 123.563 46.665 123.315 47.0923 123.142C47.5227 122.964 48.0187 122.876 48.5803 122.876C49.4045 122.876 50.0531 123.051 50.5262 123.402C51.0023 123.753 51.2969 124.228 51.4098 124.826ZM54.4384 127.793L54.4339 125.792H54.6994L57.2267 122.968H59.1634L56.0546 126.429H55.7112L54.4384 127.793ZM52.9276 130V120.623H54.5849V130H52.9276ZM57.3412 130L55.0519 126.8L56.1691 125.632L59.3236 130H57.3412ZM60.2679 130V122.968H61.9253V130H60.2679ZM61.1012 121.969C60.8387 121.969 60.6128 121.882 60.4236 121.708C60.2344 121.531 60.1397 121.319 60.1397 121.072C60.1397 120.822 60.2344 120.61 60.4236 120.436C60.6128 120.259 60.8387 120.17 61.1012 120.17C61.3667 120.17 61.5926 120.259 61.7788 120.436C61.9681 120.61 62.0627 120.822 62.0627 121.072C62.0627 121.319 61.9681 121.531 61.7788 121.708C61.5926 121.882 61.3667 121.969 61.1012 121.969ZM65.287 120.623V130H63.6296V120.623H65.287ZM68.6487 120.623V130H66.9914V120.623H68.6487ZM75.9113 124.826L74.4004 124.991C74.3577 124.839 74.2829 124.695 74.1761 124.561C74.0723 124.427 73.9319 124.318 73.7548 124.236C73.5778 124.153 73.3611 124.112 73.1047 124.112C72.7598 124.112 72.4698 124.187 72.2348 124.336C72.0028 124.486 71.8884 124.68 71.8914 124.918C71.8884 125.122 71.9631 125.289 72.1158 125.417C72.2714 125.545 72.5278 125.65 72.8849 125.733L74.0845 125.989C74.7499 126.133 75.2444 126.36 75.5679 126.671C75.8945 126.983 76.0593 127.39 76.0624 127.894C76.0593 128.337 75.9296 128.727 75.6732 129.066C75.4199 129.402 75.0673 129.664 74.6156 129.853C74.1638 130.043 73.645 130.137 73.0589 130.137C72.1982 130.137 71.5053 129.957 70.9803 129.597C70.4553 129.234 70.1425 128.729 70.0417 128.082L71.6579 127.926C71.7312 128.243 71.8868 128.483 72.1249 128.645C72.363 128.807 72.6728 128.887 73.0543 128.887C73.4481 128.887 73.764 128.807 74.0021 128.645C74.2432 128.483 74.3638 128.283 74.3638 128.045C74.3638 127.844 74.2859 127.677 74.1303 127.546C73.9777 127.415 73.7396 127.314 73.416 127.244L72.2165 126.992C71.5419 126.852 71.0429 126.615 70.7193 126.282C70.3958 125.947 70.2356 125.522 70.2386 125.01C70.2356 124.576 70.3531 124.201 70.5911 123.883C70.8323 123.563 71.1665 123.315 71.5938 123.142C72.0242 122.964 72.5202 122.876 73.0818 122.876C73.9059 122.876 74.5545 123.051 75.0276 123.402C75.5038 123.753 75.7983 124.228 75.9113 124.826Z"
+    fill="var(--vt-c-text-1)"/>
+  <path d="M239.811 49.4209L239.811 98.4362L239.811 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M146 116.977L192.905 132.214L239.809 147.452" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M333.326 116.428L286.488 131.94L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M297.33 226.73L268.491 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M182.432 226.73L211.041 187.091L239.651 147.451" stroke="#BFBFBF" stroke-width="1.07441"/>
+  <path d="M240 70.4688L313 123L288 214L197.319 205.87L176.5 127L240 70.4688Z" fill="#42B883" fill-opacity="0.5"
+        stroke="#42B883"/>
+  <path d="M297.504 226.73H182.129L146 116.978L239.665 48.9702L333.326 116.999L297.504 226.73Z" stroke="var(--vt-c-text-1)"
+        stroke-width="1.5"/>
+</svg>
diff --git a/src/public/images/developers/5697-score.svg b/src/public/images/developers/5697-score.svg
new file mode 100644
index 0000000000..5e246889bb
--- /dev/null
+++ b/src/public/images/developers/5697-score.svg
@@ -0,0 +1,63 @@
+<svg width="100%" viewBox="0 0 455 178" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4 132.471C52.0151 132.471 80.7152 92.041 118.151 92.041C155.586 92.041 175.552 111.008 216.98 89.0462C245.24 74.0651 267.892 41.8776 305.827 41.8776C354.992 41.8776 384.94 132.222 431.894 134.717V154.081H4V132.471Z"
+    fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382C402.295 123.272 416.137 134.002 431.894 134.84V154H389V109.382Z" fill="#2F9C6B"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M325 46.6073V154H218V88.6193C226.901 83.7495 235.265 77.2164 243.756 70.5851C261.772 56.5135 280.354 42 305.827 42C312.546 42 318.906 43.6874 325 46.6073Z"
+        fill="#42B883" fill-opacity="0.5"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M389 109.382V154H325V46.6073C341.715 54.6167 356.426 71.8999 371.039 89.0695C376.999 96.0716 382.943 103.055 389 109.382Z"
+        fill="#42B883"/>
+  <path
+    d="M4.49947 175.166C3.79776 175.166 3.19549 174.989 2.69265 174.634C2.19265 174.276 1.80771 173.76 1.53782 173.087C1.27077 172.411 1.13725 171.597 1.13725 170.645C1.14009 169.693 1.27504 168.884 1.54208 168.216C1.81197 167.545 2.19691 167.034 2.69691 166.682C3.19975 166.33 3.8006 166.153 4.49947 166.153C5.19833 166.153 5.79918 166.33 6.30202 166.682C6.80487 167.034 7.18981 167.545 7.45685 168.216C7.72674 168.886 7.86168 169.696 7.86168 170.645C7.86168 171.599 7.72674 172.415 7.45685 173.091C7.18981 173.764 6.80487 174.278 6.30202 174.634C5.80202 174.989 5.20117 175.166 4.49947 175.166ZM4.49947 173.832C5.04492 173.832 5.47532 173.564 5.79066 173.027C6.10884 172.487 6.26793 171.693 6.26793 170.645C6.26793 169.952 6.19549 169.369 6.0506 168.898C5.90572 168.426 5.70117 168.071 5.43697 167.832C5.17276 167.591 4.86026 167.47 4.49947 167.47C3.95685 167.47 3.52788 167.74 3.21254 168.28C2.89719 168.817 2.7381 169.605 2.73526 170.645C2.73242 171.341 2.80202 171.926 2.94407 172.401C3.08896 172.875 3.2935 173.233 3.55771 173.474C3.82191 173.713 4.13583 173.832 4.49947 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M141.105 166.273V175H139.524V167.811H139.472L137.431 169.115V167.666L139.6 166.273H141.105ZM146.546 175.166C145.845 175.166 145.242 174.989 144.74 174.634C144.24 174.276 143.855 173.76 143.585 173.087C143.318 172.411 143.184 171.597 143.184 170.645C143.187 169.693 143.322 168.884 143.589 168.216C143.859 167.545 144.244 167.034 144.744 166.682C145.247 166.33 145.847 166.153 146.546 166.153C147.245 166.153 147.846 166.33 148.349 166.682C148.852 167.034 149.237 167.545 149.504 168.216C149.774 168.886 149.909 169.696 149.909 170.645C149.909 171.599 149.774 172.415 149.504 173.091C149.237 173.764 148.852 174.278 148.349 174.634C147.849 174.989 147.248 175.166 146.546 175.166ZM146.546 173.832C147.092 173.832 147.522 173.564 147.838 173.027C148.156 172.487 148.315 171.693 148.315 170.645C148.315 169.952 148.242 169.369 148.097 168.898C147.953 168.426 147.748 168.071 147.484 167.832C147.22 167.591 146.907 167.47 146.546 167.47C146.004 167.47 145.575 167.74 145.259 168.28C144.944 168.817 144.785 169.605 144.782 170.645C144.779 171.341 144.849 171.926 144.991 172.401C145.136 172.875 145.34 173.233 145.605 173.474C145.869 173.713 146.183 173.832 146.546 173.832ZM154.55 175.166C153.849 175.166 153.246 174.989 152.743 174.634C152.243 174.276 151.858 173.76 151.589 173.087C151.322 172.411 151.188 171.597 151.188 170.645C151.191 169.693 151.326 168.884 151.593 168.216C151.863 167.545 152.248 167.034 152.748 166.682C153.251 166.33 153.851 166.153 154.55 166.153C155.249 166.153 155.85 166.33 156.353 166.682C156.856 167.034 157.241 167.545 157.508 168.216C157.778 168.886 157.912 169.696 157.912 170.645C157.912 171.599 157.778 172.415 157.508 173.091C157.241 173.764 156.856 174.278 156.353 174.634C155.853 174.989 155.252 175.166 154.55 175.166ZM154.55 173.832C155.096 173.832 155.526 173.564 155.841 173.027C156.16 172.487 156.319 171.693 156.319 170.645C156.319 169.952 156.246 169.369 156.101 168.898C155.956 168.426 155.752 168.071 155.488 167.832C155.224 167.591 154.911 167.47 154.55 167.47C154.008 167.47 153.579 167.74 153.263 168.28C152.948 168.817 152.789 169.605 152.786 170.645C152.783 171.341 152.853 171.926 152.995 172.401C153.14 172.875 153.344 173.233 153.608 173.474C153.873 173.713 154.187 173.832 154.55 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M210.644 166.273V175H209.063V167.811H209.012L206.97 169.115V167.666L209.139 166.273H210.644ZM215.894 175.119C215.325 175.119 214.817 175.013 214.368 174.8C213.919 174.584 213.563 174.288 213.298 173.913C213.037 173.538 212.898 173.109 212.881 172.626H214.415C214.443 172.984 214.598 173.277 214.879 173.504C215.161 173.729 215.499 173.841 215.894 173.841C216.203 173.841 216.479 173.77 216.72 173.628C216.962 173.486 217.152 173.288 217.291 173.036C217.431 172.783 217.499 172.494 217.496 172.17C217.499 171.841 217.429 171.548 217.287 171.293C217.145 171.037 216.95 170.837 216.703 170.692C216.456 170.544 216.172 170.47 215.851 170.47C215.59 170.467 215.333 170.516 215.08 170.615C214.827 170.714 214.627 170.845 214.479 171.007L213.051 170.773L213.507 166.273H218.57V167.594H214.816L214.564 169.908H214.615C214.777 169.717 215.006 169.56 215.301 169.435C215.597 169.307 215.921 169.243 216.273 169.243C216.801 169.243 217.273 169.368 217.688 169.618C218.102 169.865 218.429 170.206 218.668 170.641C218.906 171.075 219.026 171.572 219.026 172.132C219.026 172.709 218.892 173.223 218.625 173.675C218.361 174.124 217.993 174.477 217.521 174.736C217.053 174.991 216.51 175.119 215.894 175.119ZM223.679 175.166C222.977 175.166 222.375 174.989 221.872 174.634C221.372 174.276 220.987 173.76 220.718 173.087C220.45 172.411 220.317 171.597 220.317 170.645C220.32 169.693 220.455 168.884 220.722 168.216C220.992 167.545 221.377 167.034 221.877 166.682C222.379 166.33 222.98 166.153 223.679 166.153C224.378 166.153 224.979 166.33 225.482 166.682C225.985 167.034 226.369 167.545 226.637 168.216C226.906 168.886 227.041 169.696 227.041 170.645C227.041 171.599 226.906 172.415 226.637 173.091C226.369 173.764 225.985 174.278 225.482 174.634C224.982 174.989 224.381 175.166 223.679 175.166ZM223.679 173.832C224.225 173.832 224.655 173.564 224.97 173.027C225.289 172.487 225.448 171.693 225.448 170.645C225.448 169.952 225.375 169.369 225.23 168.898C225.085 168.426 224.881 168.071 224.617 167.832C224.352 167.591 224.04 167.47 223.679 167.47C223.137 167.47 222.708 167.74 222.392 168.28C222.077 168.817 221.918 169.605 221.915 170.645C221.912 171.341 221.982 171.926 222.124 172.401C222.269 172.875 222.473 173.233 222.737 173.474C223.002 173.713 223.316 173.832 223.679 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M276.379 175V173.858L279.409 170.888C279.699 170.595 279.94 170.335 280.133 170.108C280.327 169.881 280.471 169.661 280.568 169.447C280.665 169.234 280.713 169.007 280.713 168.766C280.713 168.49 280.65 168.254 280.525 168.058C280.4 167.859 280.229 167.706 280.01 167.598C279.791 167.49 279.542 167.436 279.264 167.436C278.977 167.436 278.726 167.496 278.51 167.615C278.294 167.732 278.126 167.898 278.007 168.114C277.89 168.33 277.832 168.587 277.832 168.885H276.328C276.328 168.331 276.454 167.849 276.707 167.44C276.96 167.031 277.308 166.714 277.751 166.49C278.197 166.266 278.709 166.153 279.285 166.153C279.871 166.153 280.385 166.263 280.828 166.482C281.271 166.7 281.615 167 281.859 167.381C282.106 167.761 282.23 168.196 282.23 168.685C282.23 169.011 282.167 169.332 282.042 169.648C281.917 169.963 281.697 170.312 281.382 170.696C281.069 171.08 280.631 171.544 280.065 172.089L278.561 173.619V173.679H282.362V175H276.379ZM287.058 175.166C286.356 175.166 285.754 174.989 285.251 174.634C284.751 174.276 284.366 173.76 284.096 173.087C283.829 172.411 283.696 171.597 283.696 170.645C283.699 169.693 283.834 168.884 284.101 168.216C284.371 167.545 284.756 167.034 285.256 166.682C285.758 166.33 286.359 166.153 287.058 166.153C287.757 166.153 288.358 166.33 288.861 166.682C289.363 167.034 289.748 167.545 290.015 168.216C290.285 168.886 290.42 169.696 290.42 170.645C290.42 171.599 290.285 172.415 290.015 173.091C289.748 173.764 289.363 174.278 288.861 174.634C288.361 174.989 287.76 175.166 287.058 175.166ZM287.058 173.832C287.604 173.832 288.034 173.564 288.349 173.027C288.667 172.487 288.827 171.693 288.827 170.645C288.827 169.952 288.754 169.369 288.609 168.898C288.464 168.426 288.26 168.071 287.996 167.832C287.731 167.591 287.419 167.47 287.058 167.47C286.515 167.47 286.086 167.74 285.771 168.28C285.456 168.817 285.297 169.605 285.294 170.645C285.291 171.341 285.361 171.926 285.503 172.401C285.648 172.875 285.852 173.233 286.116 173.474C286.381 173.713 286.694 173.832 287.058 173.832ZM295.062 175.166C294.36 175.166 293.758 174.989 293.255 174.634C292.755 174.276 292.37 173.76 292.1 173.087C291.833 172.411 291.7 171.597 291.7 170.645C291.703 169.693 291.838 168.884 292.105 168.216C292.374 167.545 292.759 167.034 293.259 166.682C293.762 166.33 294.363 166.153 295.062 166.153C295.761 166.153 296.362 166.33 296.865 166.682C297.367 167.034 297.752 167.545 298.019 168.216C298.289 168.886 298.424 169.696 298.424 170.645C298.424 171.599 298.289 172.415 298.019 173.091C297.752 173.764 297.367 174.278 296.865 174.634C296.365 174.989 295.764 175.166 295.062 175.166ZM295.062 173.832C295.607 173.832 296.038 173.564 296.353 173.027C296.671 172.487 296.83 171.693 296.83 170.645C296.83 169.952 296.758 169.369 296.613 168.898C296.468 168.426 296.264 168.071 295.999 167.832C295.735 167.591 295.423 167.47 295.062 167.47C294.519 167.47 294.09 167.74 293.775 168.28C293.46 168.817 293.301 169.605 293.298 170.645C293.295 171.341 293.365 171.926 293.507 172.401C293.651 172.875 293.856 173.233 294.12 173.474C294.384 173.713 294.698 173.832 295.062 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M347.916 175V173.858L350.946 170.888C351.236 170.595 351.477 170.335 351.67 170.108C351.864 169.881 352.009 169.661 352.105 169.447C352.202 169.234 352.25 169.007 352.25 168.766C352.25 168.49 352.188 168.254 352.062 168.058C351.938 167.859 351.766 167.706 351.547 167.598C351.328 167.49 351.08 167.436 350.801 167.436C350.514 167.436 350.263 167.496 350.047 167.615C349.831 167.732 349.663 167.898 349.544 168.114C349.428 168.33 349.369 168.587 349.369 168.885H347.865C347.865 168.331 347.991 167.849 348.244 167.44C348.497 167.031 348.845 166.714 349.288 166.49C349.734 166.266 350.246 166.153 350.822 166.153C351.408 166.153 351.922 166.263 352.365 166.482C352.808 166.7 353.152 167 353.396 167.381C353.643 167.761 353.767 168.196 353.767 168.685C353.767 169.011 353.705 169.332 353.58 169.648C353.455 169.963 353.234 170.312 352.919 170.696C352.607 171.08 352.168 171.544 351.602 172.089L350.098 173.619V173.679H353.899V175H347.916ZM358.403 175.119C357.835 175.119 357.327 175.013 356.878 174.8C356.429 174.584 356.072 174.288 355.808 173.913C355.547 173.538 355.408 173.109 355.391 172.626H356.925C356.953 172.984 357.108 173.277 357.389 173.504C357.67 173.729 358.009 173.841 358.403 173.841C358.713 173.841 358.989 173.77 359.23 173.628C359.472 173.486 359.662 173.288 359.801 173.036C359.94 172.783 360.009 172.494 360.006 172.17C360.009 171.841 359.939 171.548 359.797 171.293C359.655 171.037 359.46 170.837 359.213 170.692C358.966 170.544 358.682 170.47 358.361 170.47C358.099 170.467 357.842 170.516 357.589 170.615C357.337 170.714 357.136 170.845 356.989 171.007L355.561 170.773L356.017 166.273H361.08V167.594H357.325L357.074 169.908H357.125C357.287 169.717 357.516 169.56 357.811 169.435C358.107 169.307 358.43 169.243 358.783 169.243C359.311 169.243 359.783 169.368 360.197 169.618C360.612 169.865 360.939 170.206 361.178 170.641C361.416 171.075 361.536 171.572 361.536 172.132C361.536 172.709 361.402 173.223 361.135 173.675C360.871 174.124 360.503 174.477 360.031 174.736C359.562 174.991 359.02 175.119 358.403 175.119ZM366.189 175.166C365.487 175.166 364.885 174.989 364.382 174.634C363.882 174.276 363.497 173.76 363.227 173.087C362.96 172.411 362.827 171.597 362.827 170.645C362.83 169.693 362.964 168.884 363.232 168.216C363.501 167.545 363.886 167.034 364.386 166.682C364.889 166.33 365.49 166.153 366.189 166.153C366.888 166.153 367.489 166.33 367.991 166.682C368.494 167.034 368.879 167.545 369.146 168.216C369.416 168.886 369.551 169.696 369.551 170.645C369.551 171.599 369.416 172.415 369.146 173.091C368.879 173.764 368.494 174.278 367.991 174.634C367.491 174.989 366.891 175.166 366.189 175.166ZM366.189 173.832C366.734 173.832 367.165 173.564 367.48 173.027C367.798 172.487 367.957 171.693 367.957 170.645C367.957 169.952 367.885 169.369 367.74 168.898C367.595 168.426 367.391 168.071 367.126 167.832C366.862 167.591 366.55 167.47 366.189 167.47C365.646 167.47 365.217 167.74 364.902 168.28C364.587 168.817 364.428 169.605 364.425 170.645C364.422 171.341 364.491 171.926 364.634 172.401C364.778 172.875 364.983 173.233 365.247 173.474C365.511 173.713 365.825 173.832 366.189 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M422.083 175.119C421.47 175.119 420.924 175.014 420.447 174.804C419.973 174.594 419.598 174.301 419.322 173.926C419.047 173.551 418.9 173.118 418.883 172.626H420.485C420.5 172.862 420.578 173.068 420.72 173.244C420.862 173.418 421.051 173.553 421.287 173.649C421.522 173.746 421.787 173.794 422.079 173.794C422.392 173.794 422.669 173.74 422.91 173.632C423.152 173.521 423.341 173.368 423.477 173.172C423.613 172.976 423.68 172.75 423.677 172.494C423.68 172.23 423.612 171.997 423.473 171.795C423.333 171.594 423.132 171.436 422.868 171.322C422.606 171.209 422.291 171.152 421.922 171.152H421.15V169.933H421.922C422.225 169.933 422.491 169.881 422.718 169.776C422.949 169.67 423.129 169.523 423.26 169.332C423.39 169.139 423.454 168.916 423.451 168.663C423.454 168.416 423.399 168.202 423.285 168.02C423.174 167.835 423.017 167.692 422.812 167.589C422.61 167.487 422.373 167.436 422.1 167.436C421.833 167.436 421.586 167.484 421.359 167.581C421.132 167.678 420.949 167.815 420.809 167.994C420.67 168.17 420.596 168.381 420.588 168.625H419.066C419.078 168.136 419.218 167.707 419.488 167.338C419.761 166.966 420.125 166.676 420.579 166.469C421.034 166.259 421.544 166.153 422.109 166.153C422.691 166.153 423.197 166.263 423.626 166.482C424.058 166.697 424.392 166.989 424.627 167.355C424.863 167.722 424.981 168.126 424.981 168.57C424.984 169.061 424.839 169.473 424.547 169.805C424.257 170.138 423.876 170.355 423.404 170.457V170.526C424.018 170.611 424.488 170.838 424.815 171.207C425.145 171.574 425.308 172.03 425.305 172.575C425.305 173.064 425.166 173.501 424.887 173.888C424.612 174.271 424.231 174.572 423.745 174.791C423.262 175.01 422.708 175.119 422.083 175.119ZM429.994 175.166C429.292 175.166 428.69 174.989 428.187 174.634C427.687 174.276 427.302 173.76 427.032 173.087C426.765 172.411 426.631 171.597 426.631 170.645C426.634 169.693 426.769 168.884 427.036 168.216C427.306 167.545 427.691 167.034 428.191 166.682C428.694 166.33 429.295 166.153 429.994 166.153C430.692 166.153 431.293 166.33 431.796 166.682C432.299 167.034 432.684 167.545 432.951 168.216C433.221 168.886 433.356 169.696 433.356 170.645C433.356 171.599 433.221 172.415 432.951 173.091C432.684 173.764 432.299 174.278 431.796 174.634C431.296 174.989 430.695 175.166 429.994 175.166ZM429.994 173.832C430.539 173.832 430.969 173.564 431.285 173.027C431.603 172.487 431.762 171.693 431.762 170.645C431.762 169.952 431.69 169.369 431.545 168.898C431.4 168.426 431.195 168.071 430.931 167.832C430.667 167.591 430.354 167.47 429.994 167.47C429.451 167.47 429.022 167.74 428.707 168.28C428.391 168.817 428.232 169.605 428.229 170.645C428.227 171.341 428.296 171.926 428.438 172.401C428.583 172.875 428.788 173.233 429.052 173.474C429.316 173.713 429.63 173.832 429.994 173.832ZM437.998 175.166C437.296 175.166 436.694 174.989 436.191 174.634C435.691 174.276 435.306 173.76 435.036 173.087C434.769 172.411 434.635 171.597 434.635 170.645C434.638 169.693 434.773 168.884 435.04 168.216C435.31 167.545 435.695 167.034 436.195 166.682C436.698 166.33 437.299 166.153 437.998 166.153C438.696 166.153 439.297 166.33 439.8 166.682C440.303 167.034 440.688 167.545 440.955 168.216C441.225 168.886 441.36 169.696 441.36 170.645C441.36 171.599 441.225 172.415 440.955 173.091C440.688 173.764 440.303 174.278 439.8 174.634C439.3 174.989 438.699 175.166 437.998 175.166ZM437.998 173.832C438.543 173.832 438.973 173.564 439.289 173.027C439.607 172.487 439.766 171.693 439.766 170.645C439.766 169.952 439.694 169.369 439.549 168.898C439.404 168.426 439.199 168.071 438.935 167.832C438.671 167.591 438.358 167.47 437.998 167.47C437.455 167.47 437.026 167.74 436.711 168.28C436.395 168.817 436.236 169.605 436.233 170.645C436.23 171.341 436.3 171.926 436.442 172.401C436.587 172.875 436.792 173.233 437.056 173.474C437.32 173.713 437.634 173.832 437.998 173.832Z"
+    fill="var(--vt-c-text-1)"/>
+  <path opacity="0.5" d="M324.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M316.206 4.21484V3H322.589V4.21484H320.117V11H318.679V4.21484H316.206ZM330.614 7C330.614 7.86198 330.452 8.60026 330.129 9.21484C329.809 9.82682 329.371 10.2956 328.817 10.6211C328.265 10.9466 327.638 11.1094 326.938 11.1094C326.237 11.1094 325.61 10.9466 325.055 10.6211C324.503 10.293 324.065 9.82292 323.742 9.21094C323.422 8.59635 323.262 7.85937 323.262 7C323.262 6.13802 323.422 5.40104 323.742 4.78906C324.065 4.17448 324.503 3.70443 325.055 3.37891C325.61 3.05339 326.237 2.89062 326.938 2.89062C327.638 2.89062 328.265 3.05339 328.817 3.37891C329.371 3.70443 329.809 4.17448 330.129 4.78906C330.452 5.40104 330.614 6.13802 330.614 7ZM329.157 7C329.157 6.39323 329.062 5.88151 328.871 5.46484C328.684 5.04557 328.423 4.72917 328.09 4.51563C327.757 4.29948 327.373 4.19141 326.938 4.19141C326.503 4.19141 326.119 4.29948 325.785 4.51563C325.452 4.72917 325.19 5.04557 325 5.46484C324.813 5.88151 324.719 6.39323 324.719 7C324.719 7.60677 324.813 8.11979 325 8.53906C325.19 8.95573 325.452 9.27214 325.785 9.48828C326.119 9.70182 326.503 9.80859 326.938 9.80859C327.373 9.80859 327.757 9.70182 328.09 9.48828C328.423 9.27214 328.684 8.95573 328.871 8.53906C329.062 8.11979 329.157 7.60677 329.157 7ZM331.984 11V3H334.984C335.598 3 336.114 3.11458 336.531 3.34375C336.95 3.57292 337.266 3.88802 337.48 4.28906C337.696 4.6875 337.804 5.14062 337.804 5.64844C337.804 6.16146 337.696 6.61719 337.48 7.01563C337.264 7.41406 336.945 7.72786 336.523 7.95703C336.101 8.18359 335.581 8.29687 334.964 8.29687H332.976V7.10547H334.769C335.128 7.10547 335.423 7.04297 335.652 6.91797C335.881 6.79297 336.05 6.62109 336.159 6.40234C336.271 6.18359 336.327 5.93229 336.327 5.64844C336.327 5.36458 336.271 5.11458 336.159 4.89844C336.05 4.68229 335.88 4.51432 335.648 4.39453C335.419 4.27214 335.123 4.21094 334.761 4.21094H333.433V11H331.984ZM316.195 24V22.9531L318.972 20.2305C319.238 19.9622 319.459 19.724 319.637 19.5156C319.814 19.3073 319.946 19.1055 320.035 18.9102C320.124 18.7148 320.168 18.5065 320.168 18.2852C320.168 18.0326 320.11 17.8164 319.996 17.6367C319.881 17.4544 319.724 17.3138 319.523 17.2148C319.323 17.1159 319.095 17.0664 318.84 17.0664C318.577 17.0664 318.346 17.1211 318.148 17.2305C317.95 17.3372 317.797 17.4896 317.687 17.6875C317.581 17.8854 317.527 18.1211 317.527 18.3945H316.148C316.148 17.8867 316.264 17.4453 316.496 17.0703C316.728 16.6953 317.047 16.4049 317.453 16.1992C317.862 15.9935 318.331 15.8906 318.859 15.8906C319.396 15.8906 319.867 15.9909 320.273 16.1914C320.68 16.3919 320.995 16.6667 321.219 17.0156C321.445 17.3646 321.558 17.763 321.558 18.2109C321.558 18.5104 321.501 18.8047 321.387 19.0937C321.272 19.3828 321.07 19.7031 320.781 20.0547C320.495 20.4062 320.092 20.832 319.574 21.332L318.195 22.7344V22.7891H321.68V24H316.195ZM325.808 24.1094C325.288 24.1094 324.821 24.0117 324.41 23.8164C323.999 23.6185 323.672 23.3477 323.43 23.0039C323.19 22.6602 323.062 22.2669 323.047 21.8242H324.453C324.479 22.1523 324.621 22.4206 324.879 22.6289C325.137 22.8346 325.446 22.9375 325.808 22.9375C326.092 22.9375 326.345 22.8724 326.566 22.7422C326.788 22.612 326.962 22.431 327.09 22.1992C327.217 21.9674 327.28 21.7031 327.277 21.4062C327.28 21.1042 327.216 20.8359 327.086 20.6016C326.956 20.3672 326.777 20.1836 326.551 20.0508C326.324 19.9154 326.064 19.8477 325.769 19.8477C325.53 19.8451 325.294 19.8893 325.062 19.9805C324.831 20.0716 324.647 20.1914 324.512 20.3398L323.203 20.125L323.621 16H328.262V17.2109H324.82L324.59 19.332H324.637C324.785 19.1576 324.995 19.013 325.265 18.8984C325.536 18.7812 325.833 18.7227 326.156 18.7227C326.64 18.7227 327.073 18.8372 327.453 19.0664C327.833 19.293 328.133 19.6055 328.351 20.0039C328.57 20.4023 328.68 20.8581 328.68 21.3711C328.68 21.8997 328.557 22.3711 328.312 22.7852C328.07 23.1966 327.733 23.5208 327.301 23.7578C326.871 23.9922 326.374 24.1094 325.808 24.1094ZM334.265 22.5V22.0781C334.265 21.7682 334.331 21.4831 334.461 21.2227C334.594 20.9622 334.786 20.7526 335.039 20.5937C335.291 20.4349 335.597 20.3555 335.957 20.3555C336.327 20.3555 336.637 20.4349 336.887 20.5937C337.137 20.75 337.325 20.9583 337.453 21.2188C337.583 21.4792 337.648 21.7656 337.648 22.0781V22.5C337.648 22.8099 337.583 23.0951 337.453 23.3555C337.323 23.6159 337.131 23.8255 336.879 23.9844C336.629 24.1432 336.321 24.2227 335.957 24.2227C335.592 24.2227 335.284 24.1432 335.031 23.9844C334.778 23.8255 334.587 23.6159 334.457 23.3555C334.329 23.0951 334.265 22.8099 334.265 22.5ZM335.285 22.0781V22.5C335.285 22.7057 335.334 22.8945 335.433 23.0664C335.532 23.2383 335.707 23.3242 335.957 23.3242C336.209 23.3242 336.383 23.2396 336.476 23.0703C336.573 22.8984 336.621 22.7083 336.621 22.5V22.0781C336.621 21.8698 336.575 21.6797 336.484 21.5078C336.393 21.3333 336.217 21.2461 335.957 21.2461C335.712 21.2461 335.539 21.3333 335.437 21.5078C335.336 21.6797 335.285 21.8698 335.285 22.0781ZM330.199 17.9219V17.5C330.199 17.1875 330.265 16.901 330.398 16.6406C330.531 16.3802 330.724 16.1719 330.976 16.0156C331.229 15.8568 331.535 15.7773 331.894 15.7773C332.262 15.7773 332.57 15.8568 332.82 16.0156C333.073 16.1719 333.263 16.3802 333.39 16.6406C333.518 16.901 333.582 17.1875 333.582 17.5V17.9219C333.582 18.2344 333.517 18.5208 333.387 18.7812C333.259 19.0391 333.069 19.2461 332.816 19.4023C332.564 19.5586 332.256 19.6367 331.894 19.6367C331.527 19.6367 331.217 19.5586 330.965 19.4023C330.715 19.2461 330.525 19.0378 330.394 18.7773C330.264 18.5169 330.199 18.2318 330.199 17.9219ZM331.226 17.5V17.9219C331.226 18.1302 331.275 18.3203 331.371 18.4922C331.47 18.6615 331.644 18.7461 331.894 18.7461C332.144 18.7461 332.316 18.6615 332.41 18.4922C332.506 18.3203 332.555 18.1302 332.555 17.9219V17.5C332.555 17.2917 332.509 17.1016 332.418 16.9297C332.327 16.7552 332.152 16.668 331.894 16.668C331.647 16.668 331.474 16.7552 331.375 16.9297C331.276 17.1042 331.226 17.2943 331.226 17.5ZM330.644 24L336.144 16H337.121L331.621 24H330.644Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M388.668 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M380.206 4.21484V3H386.589V4.21484H384.117V11H382.679V4.21484H380.206ZM394.614 7C394.614 7.86198 394.452 8.60026 394.129 9.21484C393.809 9.82682 393.371 10.2956 392.817 10.6211C392.265 10.9466 391.638 11.1094 390.938 11.1094C390.237 11.1094 389.61 10.9466 389.055 10.6211C388.503 10.293 388.065 9.82292 387.742 9.21094C387.422 8.59635 387.262 7.85937 387.262 7C387.262 6.13802 387.422 5.40104 387.742 4.78906C388.065 4.17448 388.503 3.70443 389.055 3.37891C389.61 3.05339 390.237 2.89062 390.938 2.89062C391.638 2.89062 392.265 3.05339 392.817 3.37891C393.371 3.70443 393.809 4.17448 394.129 4.78906C394.452 5.40104 394.614 6.13802 394.614 7ZM393.157 7C393.157 6.39323 393.062 5.88151 392.871 5.46484C392.684 5.04557 392.423 4.72917 392.09 4.51563C391.757 4.29948 391.373 4.19141 390.938 4.19141C390.503 4.19141 390.119 4.29948 389.785 4.51563C389.452 4.72917 389.19 5.04557 389 5.46484C388.813 5.88151 388.719 6.39323 388.719 7C388.719 7.60677 388.813 8.11979 389 8.53906C389.19 8.95573 389.452 9.27214 389.785 9.48828C390.119 9.70182 390.503 9.80859 390.938 9.80859C391.373 9.80859 391.757 9.70182 392.09 9.48828C392.423 9.27214 392.684 8.95573 392.871 8.53906C393.062 8.11979 393.157 7.60677 393.157 7ZM395.984 11V3H398.984C399.598 3 400.114 3.11458 400.531 3.34375C400.95 3.57292 401.266 3.88802 401.48 4.28906C401.696 4.6875 401.804 5.14062 401.804 5.64844C401.804 6.16146 401.696 6.61719 401.48 7.01563C401.264 7.41406 400.945 7.72786 400.523 7.95703C400.101 8.18359 399.581 8.29687 398.964 8.29687H396.976V7.10547H398.769C399.128 7.10547 399.423 7.04297 399.652 6.91797C399.881 6.79297 400.05 6.62109 400.159 6.40234C400.271 6.18359 400.327 5.93229 400.327 5.64844C400.327 5.36458 400.271 5.11458 400.159 4.89844C400.05 4.68229 399.88 4.51432 399.648 4.39453C399.419 4.27214 399.123 4.21094 398.761 4.21094H397.433V11H395.984ZM384.034 16V24H382.585V17.4102H382.538L380.667 18.6055V17.2773L382.656 16H384.034ZM389.023 24.1523C388.38 24.1523 387.827 23.9896 387.367 23.6641C386.908 23.3359 386.555 22.8633 386.308 22.2461C386.063 21.6263 385.941 20.8802 385.941 20.0078C385.943 19.1354 386.067 18.3932 386.312 17.7812C386.559 17.1667 386.912 16.6979 387.37 16.375C387.831 16.0521 388.382 15.8906 389.023 15.8906C389.663 15.8906 390.214 16.0521 390.675 16.375C391.136 16.6979 391.489 17.1667 391.734 17.7812C391.981 18.3958 392.105 19.138 392.105 20.0078C392.105 20.8828 391.981 21.6302 391.734 22.25C391.489 22.8672 391.136 23.3385 390.675 23.6641C390.217 23.9896 389.666 24.1523 389.023 24.1523ZM389.023 22.9297C389.523 22.9297 389.917 22.6836 390.206 22.1914C390.498 21.6966 390.644 20.9687 390.644 20.0078C390.644 19.3724 390.577 18.8385 390.445 18.4062C390.312 17.974 390.124 17.6484 389.882 17.4297C389.64 17.2083 389.353 17.0977 389.023 17.0977C388.525 17.0977 388.132 17.3451 387.843 17.8398C387.554 18.332 387.408 19.0547 387.406 20.0078C387.403 20.6458 387.467 21.1823 387.597 21.6172C387.73 22.0521 387.917 22.3802 388.159 22.6016C388.402 22.8203 388.689 22.9297 389.023 22.9297ZM397.68 22.5V22.0781C397.68 21.7682 397.745 21.4831 397.875 21.2227C398.008 20.9622 398.201 20.7526 398.453 20.5937C398.706 20.4349 399.012 20.3555 399.371 20.3555C399.741 20.3555 400.051 20.4349 400.301 20.5937C400.551 20.75 400.74 20.9583 400.867 21.2188C400.998 21.4792 401.063 21.7656 401.063 22.0781V22.5C401.063 22.8099 400.998 23.0951 400.867 23.3555C400.737 23.6159 400.546 23.8255 400.293 23.9844C400.043 24.1432 399.736 24.2227 399.371 24.2227C399.007 24.2227 398.698 24.1432 398.446 23.9844C398.193 23.8255 398.002 23.6159 397.871 23.3555C397.744 23.0951 397.68 22.8099 397.68 22.5ZM398.7 22.0781V22.5C398.7 22.7057 398.749 22.8945 398.848 23.0664C398.947 23.2383 399.121 23.3242 399.371 23.3242C399.624 23.3242 399.797 23.2396 399.891 23.0703C399.987 22.8984 400.035 22.7083 400.035 22.5V22.0781C400.035 21.8698 399.99 21.6797 399.899 21.5078C399.808 21.3333 399.632 21.2461 399.371 21.2461C399.127 21.2461 398.953 21.3333 398.852 21.5078C398.75 21.6797 398.7 21.8698 398.7 22.0781ZM393.614 17.9219V17.5C393.614 17.1875 393.68 16.901 393.813 16.6406C393.946 16.3802 394.138 16.1719 394.391 16.0156C394.644 15.8568 394.95 15.7773 395.309 15.7773C395.676 15.7773 395.985 15.8568 396.235 16.0156C396.487 16.1719 396.677 16.3802 396.805 16.6406C396.933 16.901 396.996 17.1875 396.996 17.5V17.9219C396.996 18.2344 396.931 18.5208 396.801 18.7812C396.673 19.0391 396.483 19.2461 396.231 19.4023C395.978 19.5586 395.671 19.6367 395.309 19.6367C394.942 19.6367 394.632 19.5586 394.379 19.4023C394.129 19.2461 393.939 19.0378 393.809 18.7773C393.679 18.5169 393.614 18.2318 393.614 17.9219ZM394.641 17.5V17.9219C394.641 18.1302 394.689 18.3203 394.785 18.4922C394.884 18.6615 395.059 18.7461 395.309 18.7461C395.559 18.7461 395.731 18.6615 395.825 18.4922C395.921 18.3203 395.969 18.1302 395.969 17.9219V17.5C395.969 17.2917 395.923 17.1016 395.832 16.9297C395.741 16.7552 395.567 16.668 395.309 16.668C395.062 16.668 394.888 16.7552 394.789 16.9297C394.69 17.1042 394.641 17.2943 394.641 17.5ZM394.059 24L399.559 16H400.535L395.035 24H394.059Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path opacity="0.5" d="M218.018 153.762V28.7619" stroke="var(--vt-c-text-1)" stroke-opacity="0.7"
+        stroke-linecap="square" stroke-dasharray="3 3"/>
+  <path
+    d="M207.927 4.21484V3H214.31V4.21484H211.837V11H210.4V4.21484H207.927ZM222.334 7C222.334 7.86198 222.173 8.60026 221.85 9.21484C221.53 9.82682 221.092 10.2956 220.538 10.6211C219.985 10.9466 219.359 11.1094 218.659 11.1094C217.958 11.1094 217.331 10.9466 216.776 10.6211C216.224 10.293 215.786 9.82292 215.463 9.21094C215.143 8.59635 214.983 7.85937 214.983 7C214.983 6.13802 215.143 5.40104 215.463 4.78906C215.786 4.17448 216.224 3.70443 216.776 3.37891C217.331 3.05339 217.958 2.89062 218.659 2.89062C219.359 2.89062 219.985 3.05339 220.538 3.37891C221.092 3.70443 221.53 4.17448 221.85 4.78906C222.173 5.40104 222.334 6.13802 222.334 7ZM220.877 7C220.877 6.39323 220.782 5.88151 220.592 5.46484C220.405 5.04557 220.144 4.72917 219.811 4.51563C219.478 4.29948 219.094 4.19141 218.659 4.19141C218.224 4.19141 217.84 4.29948 217.506 4.51563C217.173 4.72917 216.911 5.04557 216.721 5.46484C216.534 5.88151 216.44 6.39323 216.44 7C216.44 7.60677 216.534 8.11979 216.721 8.53906C216.911 8.95573 217.173 9.27214 217.506 9.48828C217.84 9.70182 218.224 9.80859 218.659 9.80859C219.094 9.80859 219.478 9.70182 219.811 9.48828C220.144 9.27214 220.405 8.95573 220.592 8.53906C220.782 8.11979 220.877 7.60677 220.877 7ZM223.705 11V3H226.705C227.319 3 227.835 3.11458 228.251 3.34375C228.671 3.57292 228.987 3.88802 229.201 4.28906C229.417 4.6875 229.525 5.14062 229.525 5.64844C229.525 6.16146 229.417 6.61719 229.201 7.01563C228.984 7.41406 228.665 7.72786 228.244 7.95703C227.822 8.18359 227.302 8.29687 226.685 8.29687H224.697V7.10547H226.49C226.849 7.10547 227.143 7.04297 227.373 6.91797C227.602 6.79297 227.771 6.62109 227.88 6.40234C227.992 6.18359 228.048 5.93229 228.048 5.64844C228.048 5.36458 227.992 5.11458 227.88 4.89844C227.771 4.68229 227.6 4.51432 227.369 4.39453C227.139 4.27214 226.844 4.21094 226.482 4.21094H225.154V11H223.705ZM210.445 24.1094C209.924 24.1094 209.458 24.0117 209.046 23.8164C208.635 23.6185 208.308 23.3477 208.066 23.0039C207.826 22.6602 207.699 22.2669 207.683 21.8242H209.089C209.115 22.1523 209.257 22.4206 209.515 22.6289C209.773 22.8346 210.083 22.9375 210.445 22.9375C210.729 22.9375 210.981 22.8724 211.203 22.7422C211.424 22.612 211.598 22.431 211.726 22.1992C211.854 21.9674 211.916 21.7031 211.914 21.4062C211.916 21.1042 211.852 20.8359 211.722 20.6016C211.592 20.3672 211.414 20.1836 211.187 20.0508C210.96 19.9154 210.7 19.8477 210.406 19.8477C210.166 19.8451 209.93 19.8893 209.699 19.9805C209.467 20.0716 209.283 20.1914 209.148 20.3398L207.839 20.125L208.257 16H212.898V17.2109H209.457L209.226 19.332H209.273C209.421 19.1576 209.631 19.013 209.902 18.8984C210.173 18.7812 210.47 18.7227 210.792 18.7227C211.277 18.7227 211.709 18.8372 212.089 19.0664C212.47 19.293 212.769 19.6055 212.988 20.0039C213.207 20.4023 213.316 20.8581 213.316 21.3711C213.316 21.8997 213.193 22.3711 212.949 22.7852C212.707 23.1966 212.369 23.5208 211.937 23.7578C211.507 23.9922 211.01 24.1094 210.445 24.1094ZM217.582 24.1523C216.938 24.1523 216.386 23.9896 215.925 23.6641C215.467 23.3359 215.114 22.8633 214.867 22.2461C214.622 21.6263 214.499 20.8802 214.499 20.0078C214.502 19.1354 214.626 18.3932 214.871 17.7812C215.118 17.1667 215.471 16.6979 215.929 16.375C216.39 16.0521 216.941 15.8906 217.582 15.8906C218.222 15.8906 218.773 16.0521 219.234 16.375C219.695 16.6979 220.048 17.1667 220.292 17.7812C220.54 18.3958 220.664 19.138 220.664 20.0078C220.664 20.8828 220.54 21.6302 220.292 22.25C220.048 22.8672 219.695 23.3385 219.234 23.6641C218.776 23.9896 218.225 24.1523 217.582 24.1523ZM217.582 22.9297C218.082 22.9297 218.476 22.6836 218.765 22.1914C219.057 21.6966 219.203 20.9687 219.203 20.0078C219.203 19.3724 219.136 18.8385 219.003 18.4062C218.871 17.974 218.683 17.6484 218.441 17.4297C218.199 17.2083 217.912 17.0977 217.582 17.0977C217.084 17.0977 216.691 17.3451 216.402 17.8398C216.113 18.332 215.967 19.0547 215.964 20.0078C215.962 20.6458 216.026 21.1823 216.156 21.6172C216.289 22.0521 216.476 22.3802 216.718 22.6016C216.96 22.8203 217.248 22.9297 217.582 22.9297ZM226.239 22.5V22.0781C226.239 21.7682 226.304 21.4831 226.434 21.2227C226.567 20.9622 226.76 20.7526 227.012 20.5937C227.265 20.4349 227.571 20.3555 227.93 20.3555C228.3 20.3555 228.61 20.4349 228.86 20.5937C229.11 20.75 229.299 20.9583 229.426 21.2188C229.556 21.4792 229.622 21.7656 229.622 22.0781V22.5C229.622 22.8099 229.556 23.0951 229.426 23.3555C229.296 23.6159 229.105 23.8255 228.852 23.9844C228.602 24.1432 228.295 24.2227 227.93 24.2227C227.566 24.2227 227.257 24.1432 227.004 23.9844C226.752 23.8255 226.56 23.6159 226.43 23.3555C226.303 23.0951 226.239 22.8099 226.239 22.5ZM227.258 22.0781V22.5C227.258 22.7057 227.308 22.8945 227.407 23.0664C227.506 23.2383 227.68 23.3242 227.93 23.3242C228.183 23.3242 228.356 23.2396 228.45 23.0703C228.546 22.8984 228.594 22.7083 228.594 22.5V22.0781C228.594 21.8698 228.549 21.6797 228.457 21.5078C228.366 21.3333 228.191 21.2461 227.93 21.2461C227.685 21.2461 227.512 21.3333 227.411 21.5078C227.309 21.6797 227.258 21.8698 227.258 22.0781ZM222.172 17.9219V17.5C222.172 17.1875 222.239 16.901 222.372 16.6406C222.504 16.3802 222.697 16.1719 222.95 16.0156C223.202 15.8568 223.508 15.7773 223.868 15.7773C224.235 15.7773 224.543 15.8568 224.793 16.0156C225.046 16.1719 225.236 16.3802 225.364 16.6406C225.491 16.901 225.555 17.1875 225.555 17.5V17.9219C225.555 18.2344 225.49 18.5208 225.36 18.7812C225.232 19.0391 225.042 19.2461 224.79 19.4023C224.537 19.5586 224.23 19.6367 223.868 19.6367C223.5 19.6367 223.191 19.5586 222.938 19.4023C222.688 19.2461 222.498 19.0378 222.368 18.7773C222.237 18.5169 222.172 18.2318 222.172 17.9219ZM223.2 17.5V17.9219C223.2 18.1302 223.248 18.3203 223.344 18.4922C223.443 18.6615 223.618 18.7461 223.868 18.7461C224.118 18.7461 224.29 18.6615 224.383 18.4922C224.48 18.3203 224.528 18.1302 224.528 17.9219V17.5C224.528 17.2917 224.482 17.1016 224.391 16.9297C224.3 16.7552 224.125 16.668 223.868 16.668C223.62 16.668 223.447 16.7552 223.348 16.9297C223.249 17.1042 223.2 17.2943 223.2 17.5ZM222.618 24L228.118 16H229.094L223.594 24H222.618Z"
+    fill="var(--vt-c-text-1)" fill-opacity="0.7"/>
+  <path d="M4.20332 154.193L431.895 154.193" stroke="var(--vt-c-text-1)" stroke-width="1.5"/>
+  <path d="M4 154.196L4 76.6958" stroke="var(--vt-c-text-1)" stroke-width="1.5" stroke-linecap="square"/>
+  <path d="M431.895 154.193L431.895 87.7258" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M438.395 134.507C438.395 138.097 435.484 141.007 431.895 141.007C428.305 141.007 425.395 138.097 425.395 134.507C425.395 130.917 428.305 128.007 431.895 128.007C435.484 128.007 438.395 130.917 438.395 134.507Z"
+    fill="var(--vt-c-text-1)" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M435.895 134.47C435.895 136.679 434.104 138.47 431.895 138.47C429.685 138.47 427.895 136.679 427.895 134.47C427.895 132.26 429.685 130.47 431.895 130.47C434.104 130.47 435.895 132.26 435.895 134.47Z"
+    fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" fill="var(--vt-c-bg)"/>
+  <rect x="371.027" y="42.1649" width="83.473" height="56" rx="5.5" stroke="var(--vt-c-text-1)"/>
+  <path
+    d="M383.772 62.824C382.923 62.824 382.167 62.6782 381.505 62.3865C380.846 62.0911 380.325 61.6858 379.942 61.1706C379.563 60.6517 379.368 60.0532 379.357 59.3751H381.834C381.849 59.6592 381.942 59.9092 382.113 60.1251C382.287 60.3373 382.518 60.502 382.806 60.6195C383.094 60.7369 383.417 60.7956 383.777 60.7956C384.152 60.7956 384.484 60.7293 384.772 60.5967C385.06 60.4642 385.285 60.2804 385.448 60.0456C385.611 59.8108 385.692 59.5399 385.692 59.2331C385.692 58.9225 385.605 58.6479 385.431 58.4092C385.26 58.1668 385.014 57.9774 384.692 57.8411C384.374 57.7047 383.995 57.6365 383.556 57.6365H382.471V55.8297H383.556C383.927 55.8297 384.255 55.7653 384.539 55.6365C384.827 55.5077 385.05 55.3297 385.209 55.1024C385.368 54.8714 385.448 54.6024 385.448 54.2956C385.448 54.0039 385.378 53.7483 385.238 53.5286C385.101 53.3051 384.908 53.1308 384.658 53.0058C384.412 52.8808 384.124 52.8183 383.794 52.8183C383.461 52.8183 383.156 52.8789 382.88 53.0001C382.603 53.1176 382.382 53.2861 382.215 53.5058C382.048 53.7255 381.959 53.9831 381.948 54.2786H379.59C379.601 53.6081 379.792 53.0172 380.164 52.5058C380.535 51.9945 381.035 51.5948 381.664 51.307C382.296 51.0153 383.01 50.8695 383.806 50.8695C384.609 50.8695 385.311 51.0153 385.914 51.307C386.516 51.5986 386.984 51.9926 387.317 52.4888C387.654 52.9812 387.821 53.5342 387.817 54.1479C387.821 54.7994 387.618 55.3429 387.209 55.7786C386.804 56.2142 386.275 56.4907 385.624 56.6081V56.699C386.48 56.8089 387.132 57.1062 387.578 57.5911C388.029 58.0721 388.253 58.6744 388.249 59.3979C388.253 60.0608 388.061 60.6498 387.675 61.1649C387.292 61.6801 386.764 62.0854 386.09 62.3808C385.416 62.6763 384.643 62.824 383.772 62.824ZM394.58 62.9206C393.603 62.9168 392.762 62.6763 392.057 62.199C391.356 61.7217 390.817 61.0304 390.438 60.1251C390.063 59.2198 389.877 58.1308 389.881 56.8581C389.881 55.5892 390.069 54.5077 390.444 53.6138C390.822 52.7198 391.362 52.0399 392.063 51.574C392.767 51.1043 393.606 50.8695 394.58 50.8695C395.553 50.8695 396.391 51.1043 397.091 51.574C397.796 52.0437 398.337 52.7255 398.716 53.6195C399.095 54.5096 399.283 55.5892 399.279 56.8581C399.279 58.1346 399.089 59.2255 398.711 60.1308C398.336 61.0361 397.798 61.7274 397.097 62.2047C396.396 62.682 395.557 62.9206 394.58 62.9206ZM394.58 60.8808C395.247 60.8808 395.779 60.5456 396.176 59.8751C396.574 59.2047 396.771 58.199 396.767 56.8581C396.767 55.9755 396.676 55.2407 396.495 54.6536C396.317 54.0664 396.063 53.6251 395.733 53.3297C395.408 53.0342 395.023 52.8865 394.58 52.8865C393.917 52.8865 393.387 53.2179 392.989 53.8808C392.591 54.5437 392.391 55.5361 392.387 56.8581C392.387 57.752 392.476 58.4983 392.654 59.0967C392.836 59.6914 393.091 60.1384 393.421 60.4376C393.75 60.7331 394.137 60.8808 394.58 60.8808ZM405.596 62.9206C404.618 62.9168 403.777 62.6763 403.073 62.199C402.372 61.7217 401.832 61.0304 401.453 60.1251C401.078 59.2198 400.893 58.1308 400.897 56.8581C400.897 55.5892 401.084 54.5077 401.459 53.6138C401.838 52.7198 402.378 52.0399 403.078 51.574C403.783 51.1043 404.622 50.8695 405.596 50.8695C406.569 50.8695 407.406 51.1043 408.107 51.574C408.811 52.0437 409.353 52.7255 409.732 53.6195C410.111 54.5096 410.298 55.5892 410.294 56.8581C410.294 58.1346 410.105 59.2255 409.726 60.1308C409.351 61.0361 408.813 61.7274 408.113 62.2047C407.412 62.682 406.573 62.9206 405.596 62.9206ZM405.596 60.8808C406.262 60.8808 406.794 60.5456 407.192 59.8751C407.59 59.2047 407.787 58.199 407.783 56.8581C407.783 55.9755 407.692 55.2407 407.51 54.6536C407.332 54.0664 407.078 53.6251 406.749 53.3297C406.423 53.0342 406.039 52.8865 405.596 52.8865C404.933 52.8865 404.402 53.2179 404.005 53.8808C403.607 54.5437 403.406 55.5361 403.402 56.8581C403.402 57.752 403.491 58.4983 403.669 59.0967C403.851 59.6914 404.107 60.1384 404.436 60.4376C404.766 60.7331 405.152 60.8808 405.596 60.8808Z"
+    fill="var(--vt-c-text-1)"/>
+  <path
+    d="M381.506 73.1195V79.6649H380.713V73.9504H380.675L379.077 75.0115V74.2061L380.713 73.1195H381.506ZM385.523 79.7544C385.042 79.7544 384.632 79.6234 384.293 79.3613C383.954 79.0971 383.695 78.7146 383.516 78.2139C383.337 77.7111 383.248 77.1038 383.248 76.3922C383.248 75.6848 383.337 75.0808 383.516 74.58C383.697 74.0772 383.957 73.6937 384.296 73.4295C384.637 73.1631 385.046 73.03 385.523 73.03C386.001 73.03 386.409 73.1631 386.748 73.4295C387.088 73.6937 387.348 74.0772 387.527 74.58C387.708 75.0808 387.799 75.6848 387.799 76.3922C387.799 77.1038 387.71 77.7111 387.531 78.2139C387.352 78.7146 387.093 79.0971 386.754 79.3613C386.415 79.6234 386.005 79.7544 385.523 79.7544ZM385.523 79.0513C386.001 79.0513 386.371 78.8212 386.636 78.3609C386.9 77.9007 387.032 77.2445 387.032 76.3922C387.032 75.8254 386.971 75.3428 386.85 74.9444C386.73 74.546 386.558 74.2423 386.332 74.0335C386.108 73.8247 385.839 73.7203 385.523 73.7203C385.05 73.7203 384.681 73.9536 384.414 74.4202C384.148 74.8847 384.015 75.542 384.015 76.3922C384.015 76.959 384.075 77.4405 384.194 77.8368C384.313 78.2331 384.485 78.5346 384.708 78.7413C384.934 78.9479 385.206 79.0513 385.523 79.0513ZM391.148 79.7544C390.667 79.7544 390.257 79.6234 389.918 79.3613C389.579 79.0971 389.32 78.7146 389.141 78.2139C388.962 77.7111 388.873 77.1038 388.873 76.3922C388.873 75.6848 388.962 75.0808 389.141 74.58C389.322 74.0772 389.582 73.6937 389.921 73.4295C390.262 73.1631 390.671 73.03 391.148 73.03C391.626 73.03 392.034 73.1631 392.373 73.4295C392.713 73.6937 392.973 74.0772 393.152 74.58C393.333 75.0808 393.424 75.6848 393.424 76.3922C393.424 77.1038 393.335 77.7111 393.156 78.2139C392.977 78.7146 392.718 79.0971 392.379 79.3613C392.04 79.6234 391.63 79.7544 391.148 79.7544ZM391.148 79.0513C391.626 79.0513 391.996 78.8212 392.261 78.3609C392.525 77.9007 392.657 77.2445 392.657 76.3922C392.657 75.8254 392.596 75.3428 392.475 74.9444C392.355 74.546 392.183 74.2423 391.957 74.0335C391.733 73.8247 391.464 73.7203 391.148 73.7203C390.675 73.7203 390.306 73.9536 390.039 74.4202C389.773 74.8847 389.64 75.542 389.64 76.3922C389.64 76.959 389.7 77.4405 389.819 77.8368C389.938 78.2331 390.11 78.5346 390.333 78.7413C390.559 78.9479 390.831 79.0513 391.148 79.0513ZM396.786 74.7558V75.395H394.242V74.7558H396.786ZM394.984 73.5797H395.738V78.2587C395.738 78.4717 395.769 78.6315 395.831 78.7381C395.895 78.8425 395.975 78.9128 396.074 78.949C396.174 78.9831 396.279 79.0001 396.39 79.0001C396.473 79.0001 396.541 78.9959 396.594 78.9874C396.648 78.9767 396.69 78.9682 396.722 78.9618L396.876 79.6393C396.825 79.6585 396.753 79.6777 396.662 79.6969C396.57 79.7182 396.454 79.7288 396.313 79.7288C396.1 79.7288 395.891 79.683 395.687 79.5914C395.484 79.4998 395.316 79.3602 395.182 79.1727C395.05 78.9852 394.984 78.7487 394.984 78.4632V73.5797ZM398.781 76.7118V79.6649H398.026V73.1195H398.781V75.5229H398.844C398.96 75.2693 399.132 75.068 399.362 74.9188C399.594 74.7675 399.903 74.6919 400.289 74.6919C400.624 74.6919 400.917 74.759 401.168 74.8933C401.419 75.0254 401.614 75.2288 401.753 75.5037C401.893 75.7764 401.964 76.1237 401.964 76.5456V79.6649H401.21V76.5967C401.21 76.2068 401.108 75.9053 400.906 75.6923C400.706 75.4771 400.428 75.3695 400.072 75.3695C399.825 75.3695 399.603 75.4217 399.407 75.5261C399.213 75.6305 399.06 75.7828 398.947 75.9831C398.836 76.1834 398.781 76.4263 398.781 76.7118ZM379.218 92.5058V85.7558H379.946V86.5357H380.036C380.091 86.4504 380.168 86.3418 380.266 86.2097C380.366 86.0754 380.509 85.9561 380.694 85.8517C380.882 85.7452 381.135 85.6919 381.455 85.6919C381.868 85.6919 382.233 85.7952 382.548 86.0019C382.863 86.2086 383.109 86.5016 383.286 86.8808C383.463 87.2601 383.551 87.7075 383.551 88.2232C383.551 88.743 383.463 89.1937 383.286 89.5751C383.109 89.9543 382.864 90.2484 382.551 90.4572C382.238 90.6639 381.877 90.7672 381.468 90.7672C381.152 90.7672 380.9 90.715 380.71 90.6106C380.521 90.5041 380.375 90.3837 380.272 90.2494C380.17 90.1131 380.091 90.0001 380.036 89.9107H379.972V92.5058H379.218ZM379.959 88.2104C379.959 88.5811 380.013 88.9082 380.122 89.1916C380.231 89.4728 380.39 89.6933 380.598 89.8531C380.807 90.0108 381.063 90.0896 381.365 90.0896C381.681 90.0896 381.944 90.0065 382.155 89.8403C382.368 89.672 382.528 89.4462 382.634 89.1628C382.743 88.8773 382.797 88.5598 382.797 88.2104C382.797 87.8652 382.744 87.5541 382.637 87.2771C382.533 86.998 382.374 86.7775 382.161 86.6156C381.95 86.4515 381.685 86.3695 381.365 86.3695C381.059 86.3695 380.801 86.4472 380.592 86.6028C380.383 86.7562 380.225 86.9714 380.119 87.2484C380.012 87.5232 379.959 87.8439 379.959 88.2104ZM386.76 90.7672C386.287 90.7672 385.879 90.6628 385.536 90.454C385.195 90.243 384.932 89.949 384.747 89.5719C384.564 89.1926 384.472 88.7516 384.472 88.2487C384.472 87.7459 384.564 87.3027 384.747 86.9192C384.932 86.5335 385.19 86.2331 385.52 86.0179C385.853 85.8006 386.24 85.6919 386.684 85.6919C386.939 85.6919 387.192 85.7345 387.441 85.8197C387.69 85.905 387.917 86.0435 388.122 86.2352C388.326 86.4249 388.489 86.6763 388.611 86.9895C388.732 87.3027 388.793 87.6884 388.793 88.1465V88.4661H385.009V87.8141H388.026C388.026 87.5371 387.971 87.2899 387.86 87.0726C387.751 86.8553 387.596 86.6837 387.393 86.558C387.193 86.4323 386.956 86.3695 386.684 86.3695C386.383 86.3695 386.123 86.444 385.904 86.5932C385.686 86.7402 385.519 86.932 385.402 87.1685C385.285 87.405 385.226 87.6585 385.226 87.9291V88.3638C385.226 88.7345 385.29 89.0488 385.418 89.3066C385.548 89.5623 385.728 89.7572 385.958 89.8915C386.188 90.0236 386.456 90.0896 386.76 90.0896C386.958 90.0896 387.137 90.0619 387.297 90.0065C387.459 89.949 387.599 89.8638 387.716 89.7509C387.833 89.6358 387.924 89.493 387.988 89.3226L388.716 89.5271C388.64 89.7743 388.511 89.9916 388.33 90.1791C388.148 90.3645 387.925 90.5094 387.658 90.6138C387.392 90.7161 387.093 90.7672 386.76 90.7672ZM389.94 90.6649V85.7558H390.669V86.4973H390.72C390.81 86.2544 390.972 86.0573 391.206 85.906C391.44 85.7548 391.705 85.6791 391.999 85.6791C392.054 85.6791 392.123 85.6802 392.206 85.6823C392.289 85.6844 392.352 85.6876 392.395 85.6919V86.459C392.369 86.4526 392.311 86.443 392.219 86.4302C392.13 86.4153 392.035 86.4078 391.935 86.4078C391.696 86.4078 391.483 86.4579 391.295 86.558C391.11 86.656 390.963 86.7924 390.854 86.9671C390.748 87.1397 390.695 87.3368 390.695 87.5584V90.6649H389.94ZM395.134 90.7672C394.674 90.7672 394.277 90.6585 393.945 90.4412C393.613 90.2239 393.357 89.9245 393.178 89.5431C392.999 89.1617 392.909 88.726 392.909 88.2359C392.909 87.7374 393.001 87.2974 393.184 86.916C393.37 86.5325 393.627 86.2331 393.958 86.0179C394.29 85.8006 394.678 85.6919 395.121 85.6919C395.466 85.6919 395.777 85.7558 396.054 85.8837C396.331 86.0115 396.558 86.1905 396.735 86.4206C396.912 86.6507 397.022 86.9192 397.064 87.226H396.31C396.252 87.0023 396.125 86.8041 395.926 86.6315C395.73 86.4568 395.466 86.3695 395.134 86.3695C394.84 86.3695 394.582 86.4462 394.36 86.5996C394.141 86.7509 393.969 86.965 393.846 87.242C393.724 87.5168 393.664 87.8396 393.664 88.2104C393.664 88.5896 393.723 88.9199 393.843 89.2011C393.964 89.4824 394.135 89.7008 394.354 89.8563C394.576 90.0119 394.836 90.0896 395.134 90.0896C395.33 90.0896 395.508 90.0555 395.668 89.9874C395.827 89.9192 395.963 89.8212 396.074 89.6933C396.184 89.5655 396.263 89.4121 396.31 89.2331H397.064C397.022 89.5229 396.916 89.7839 396.748 90.0161C396.582 90.2462 396.361 90.4295 396.086 90.5658C395.814 90.7001 395.496 90.7672 395.134 90.7672ZM400.225 90.7672C399.752 90.7672 399.344 90.6628 399.001 90.454C398.66 90.243 398.397 89.949 398.212 89.5719C398.028 89.1926 397.937 88.7516 397.937 88.2487C397.937 87.7459 398.028 87.3027 398.212 86.9192C398.397 86.5335 398.655 86.2331 398.985 86.0179C399.317 85.8006 399.705 85.6919 400.148 85.6919C400.404 85.6919 400.657 85.7345 400.906 85.8197C401.155 85.905 401.382 86.0435 401.587 86.2352C401.791 86.4249 401.954 86.6763 402.076 86.9895C402.197 87.3027 402.258 87.6884 402.258 88.1465V88.4661H398.474V87.8141H401.491C401.491 87.5371 401.435 87.2899 401.325 87.0726C401.216 86.8553 401.06 86.6837 400.858 86.558C400.658 86.4323 400.421 86.3695 400.148 86.3695C399.848 86.3695 399.588 86.444 399.369 86.5932C399.151 86.7402 398.984 86.932 398.867 87.1685C398.75 87.405 398.691 87.6585 398.691 87.9291V88.3638C398.691 88.7345 398.755 89.0488 398.883 89.3066C399.013 89.5623 399.193 89.7572 399.423 89.8915C399.653 90.0236 399.92 90.0896 400.225 90.0896C400.423 90.0896 400.602 90.0619 400.762 90.0065C400.924 89.949 401.064 89.8638 401.181 89.7509C401.298 89.6358 401.388 89.493 401.452 89.3226L402.181 89.5271C402.104 89.7743 401.975 89.9916 401.794 90.1791C401.613 90.3645 401.39 90.5094 401.123 90.6138C400.857 90.7161 400.558 90.7672 400.225 90.7672ZM404.159 87.7118V90.6649H403.405V85.7558H404.134V86.5229H404.198C404.313 86.2736 404.488 86.0733 404.722 85.922C404.956 85.7686 405.259 85.6919 405.63 85.6919C405.962 85.6919 406.253 85.7601 406.502 85.8965C406.751 86.0307 406.945 86.2352 407.084 86.5101C407.222 86.7828 407.292 87.128 407.292 87.5456V90.6649H406.537V87.5967C406.537 87.2111 406.437 86.9107 406.237 86.6955C406.037 86.4781 405.762 86.3695 405.412 86.3695C405.172 86.3695 404.956 86.4217 404.767 86.5261C404.579 86.6305 404.431 86.7828 404.322 86.9831C404.214 87.1834 404.159 87.4263 404.159 87.7118ZM410.805 85.7558V86.395H408.261V85.7558H410.805ZM409.002 84.5797H409.756V89.2587C409.756 89.4717 409.787 89.6315 409.849 89.7381C409.913 89.8425 409.994 89.9128 410.092 89.949C410.192 89.9831 410.298 90.0001 410.408 90.0001C410.492 90.0001 410.56 89.9959 410.613 89.9874C410.666 89.9767 410.709 89.9682 410.741 89.9618L410.894 90.6393C410.843 90.6585 410.772 90.6777 410.68 90.6969C410.589 90.7182 410.472 90.7288 410.332 90.7288C410.119 90.7288 409.91 90.683 409.705 90.5914C409.503 90.4998 409.335 90.3602 409.2 90.1727C409.068 89.9852 409.002 89.7487 409.002 89.4632V84.5797ZM411.939 90.6649V85.7558H412.694V90.6649H411.939ZM412.323 84.9376C412.176 84.9376 412.049 84.8876 411.943 84.7874C411.838 84.6873 411.786 84.5669 411.786 84.4263C411.786 84.2857 411.838 84.1653 411.943 84.0651C412.049 83.965 412.176 83.9149 412.323 83.9149C412.47 83.9149 412.596 83.965 412.7 84.0651C412.807 84.1653 412.86 84.2857 412.86 84.4263C412.86 84.5669 412.807 84.6873 412.7 84.7874C412.596 84.8876 412.47 84.9376 412.323 84.9376ZM414.829 84.1195V90.6649H414.075V84.1195H414.829ZM418.269 90.7672C417.796 90.7672 417.388 90.6628 417.045 90.454C416.704 90.243 416.441 89.949 416.256 89.5719C416.072 89.1926 415.981 88.7516 415.981 88.2487C415.981 87.7459 416.072 87.3027 416.256 86.9192C416.441 86.5335 416.699 86.2331 417.029 86.0179C417.361 85.8006 417.749 85.6919 418.192 85.6919C418.448 85.6919 418.701 85.7345 418.95 85.8197C419.199 85.905 419.426 86.0435 419.631 86.2352C419.835 86.4249 419.998 86.6763 420.12 86.9895C420.241 87.3027 420.302 87.6884 420.302 88.1465V88.4661H416.518V87.8141H419.535C419.535 87.5371 419.479 87.2899 419.369 87.0726C419.26 86.8553 419.104 86.6837 418.902 86.558C418.702 86.4323 418.465 86.3695 418.192 86.3695C417.892 86.3695 417.632 86.444 417.413 86.5932C417.195 86.7402 417.028 86.932 416.911 87.1685C416.794 87.405 416.735 87.6585 416.735 87.9291V88.3638C416.735 88.7345 416.799 89.0488 416.927 89.3066C417.057 89.5623 417.237 89.7572 417.467 89.8915C417.697 90.0236 417.964 90.0896 418.269 90.0896C418.467 90.0896 418.646 90.0619 418.806 90.0065C418.968 89.949 419.108 89.8638 419.225 89.7509C419.342 89.6358 419.432 89.493 419.496 89.3226L420.225 89.5271C420.148 89.7743 420.019 89.9916 419.838 90.1791C419.657 90.3645 419.434 90.5094 419.167 90.6138C418.901 90.7161 418.601 90.7672 418.269 90.7672Z"
+    fill="var(--vt-c-text-1)"/>
+</svg>
diff --git a/src/public/images/lambdatest.svg b/src/public/images/lambdatest.svg
new file mode 100644
index 0000000000..f4875ee1ec
--- /dev/null
+++ b/src/public/images/lambdatest.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="147px" height="26px" viewBox="0 0 147 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
+    <title>LOGO</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Final" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Montserrat--Homepage" transform="translate(-63.000000, -54.000000)" fill="#000000">
+            <g id="LOGO" transform="translate(63.000000, 54.000000)">
+                <path d="M7.97253692,20.8803944 L7.97253692,23.1549577 C7.97253692,23.6368015 7.44627862,23.9338926 7.02726912,23.6809326 L5.96940413,23.0016028 L5.71634586,22.8588178 C5.69827904,22.8485621 4.23556867,22.0027346 1.0572632,20.1646656 L0.804822949,20.0198627 C0.555933464,19.8761673 0.351753011,19.6705857 0.210649325,19.4224492 C0.071102304,19.1761869 -0.00151814745,18.8967489 0.00121224698,18.619095 L0,12.9545209 L0,7.28085571 C0,6.97966504 0.0850448898,6.68557728 0.24337411,6.43278952 C0.399991518,6.17917134 0.62677787,5.97076831 0.862492677,5.85681293 L5.45797725,3.20049127 L5.70890365,3.05357714 C5.79237642,3.00574072 5.79237642,3.00574072 5.96210676,2.90904092 L10.3637218,0.367388102 L10.6205083,0.215237752 C10.8884403,0.0608670642 11.1915172,-0.0125612404 11.4987483,0.00175573573 C11.7970629,0.0162383768 12.0911595,0.114035792 12.2973243,0.260807994 L16.8775142,2.90809015 L17.1312974,3.0513117 C17.1496521,3.06194552 18.6772404,3.94533871 21.7872165,5.74378266 L22.0411281,5.88905013 C22.2899225,6.03307267 22.493597,6.23838454 22.6346351,6.48650442 C22.7738542,6.73209437 22.8464617,7.01149793 22.8441221,7.28997715 L22.8450919,12.4481088 C22.8451616,12.9248219 22.3289729,13.2226915 21.9162675,12.984092 L19.9400856,11.8415918 C19.7487422,11.7309695 19.630898,11.5267186 19.630898,11.3056992 L19.630898,8.2064139 L15.6073057,5.87934974 C15.5725366,5.86211432 15.4941757,5.81739325 15.2765674,5.69128602 L11.4223569,3.46014138 L7.41237232,5.77653063 C7.37393285,5.80182982 7.37393285,5.80182982 7.3509228,5.81644975 C7.34164666,5.82216273 7.2470332,5.87723192 7.0670824,5.98165731 L3.2144363,8.20664464 L3.2144363,17.7023684 L7.23994357,20.0302812 C7.26568798,20.0431681 7.32105603,20.0748567 7.5777243,20.2230444 L7.6606677,20.2966866 L7.72939249,20.3885569 C7.88174319,20.5049492 7.97253692,20.6864443 7.97253692,20.8803944 Z M19.630898,15.0342381 C19.630898,14.5579961 20.1462122,14.2601433 20.5588826,14.4978608 L22.5350645,15.6362347 C22.7268811,15.7467301 22.8450919,15.9512462 22.8450919,16.172612 L22.8450919,18.0573 C22.8450919,18.2187973 22.7819764,18.3738999 22.6689246,18.4898067 L21.7373075,19.4396839 C21.387925,19.8863189 20.8749792,20.0640292 20.4172889,19.8003613 L13.0740777,15.5429338 L13.0722392,23.5759746 C13.0980451,23.8773885 12.9735874,24.1722746 12.7369842,24.3629468 C12.5053887,24.5501957 12.5053887,24.5501957 11.3827507,25.4571205 C11.2145044,25.6130241 10.994191,25.7 10.7636974,25.7 C10.2612508,25.7 9.85399801,25.2924398 9.85399802,24.7899029 L9.85517248,13.6815735 L8.61771876,12.9662506 L7.99211285,13.3259999 C7.96228299,13.3469047 7.97285803,13.3407606 7.34138854,13.7053167 C6.89632974,13.9656951 6.33593063,13.827933 6.07992082,13.3863518 C6.01907332,13.2812168 6.01907332,13.2812168 5.73128927,12.7839231 L5.38575624,12.187956 C5.12689388,11.7413217 5.26509648,11.1819359 5.70694292,10.9264065 C5.81499149,10.8643386 5.81499149,10.8643386 6.3146095,10.5774834 L7.82141598,9.71005777 L8.09306927,9.5566721 C8.38253241,9.35068342 8.76620263,9.33191323 9.07707916,9.51136279 L9.42023369,9.71130364 L19.630898,15.6124832 L19.630898,15.0342381 Z" id="Fills" fill-rule="nonzero"></path>
+                <g id="LOGO-New" transform="translate(29.000000, 6.000000)">
+                    <path d="M0.434610239,12.1173267 C0.318813572,12.1173267 0.217429365,12.0740099 0.130457619,11.9876238 C0.0437343637,11.9009901 0,11.8 0,11.6846535 L0,0.432673267 C0,0.305940594 0.0437343637,0.201980198 0.130457619,0.121287129 C0.217429365,0.0403465347 0.318813572,0 0.434610239,0 L2.86758271,0 C2.99505844,0 3.09917604,0.0403465347 3.1804325,0.121287129 C3.26144047,0.201980198 3.30194446,0.305940594 3.30194446,0.432673267 L3.30194446,9.39975248 L8.51552789,9.39975248 C8.64275513,9.39975248 8.75010312,9.44282178 8.83682637,9.52945545 C8.92379812,9.61608911 8.96728399,9.72277228 8.96728399,9.84975248 L8.96728399,11.6846535 C8.96728399,11.8116337 8.92379812,11.9155941 8.83682637,11.9962871 C8.75010312,12.0769802 8.64275513,12.1173267 8.51552789,12.1173267 L0.434610239,12.1173267 Z M9.74928423,12.1173267 C9.6565972,12.1173267 9.57235885,12.0799505 9.49731466,12.004703 C9.42177348,11.929703 9.38425139,11.8460396 9.38425139,11.7537129 C9.38425139,11.6846535 9.39021517,11.6326733 9.40164574,11.5980198 L13.4508017,0.501980198 C13.5665984,0.167326733 13.7981917,0 14.1458302,0 L16.8568638,0 C17.2042538,0 17.4360956,0.167326733 17.5518923,0.501980198 L21.6010483,11.5980198 C21.6127274,11.6326733 21.6184426,11.6846535 21.6184426,11.7537129 C21.6184426,11.8460396 21.5806721,11.929703 21.5053794,12.004703 C21.4300867,12.0799505 21.3460968,12.1173267 21.2534098,12.1173267 L18.9941323,12.1173267 C18.7163197,12.1173267 18.5192666,11.9903465 18.4034699,11.7363861 L17.7777703,10.0574257 L13.2249237,10.0574257 L12.5992241,11.7363861 C12.4834274,11.9903465 12.2863743,12.1173267 12.0083132,12.1173267 L9.74928423,12.1173267 Z M13.9547409,7.46089109 L17.0479532,7.46089109 L15.501347,3.04653465 L13.9547409,7.46089109 Z M23.3909268,12.1173267 C23.2634511,12.1173267 23.1563516,12.0769802 23.0693799,11.9962871 C22.9826566,11.9155941 22.9391707,11.8116337 22.9391707,11.6846535 L22.9391707,0.45 C22.9391707,0.323267327 22.9826566,0.216336634 23.0693799,0.129950495 C23.1563516,0.0433168317 23.2634511,0 23.3909268,0 L25.3547489,0 C25.6442405,0 25.8529727,0.126980198 25.9802,0.380693069 L28.9692946,5.71237624 L31.9757836,0.380693069 C32.1030109,0.126980198 32.3117431,0 32.6012347,0 L34.5650567,0 C34.6925325,0 34.799632,0.0433168317 34.8866037,0.129950495 C34.973327,0.216336634 35.0168128,0.323267327 35.0168128,0.45 L35.0168128,11.6846535 C35.0168128,11.8116337 34.973327,11.9155941 34.8866037,11.9962871 C34.799632,12.0769802 34.6925325,12.1173267 34.5650567,12.1173267 L32.3579623,12.1173267 C32.2421657,12.1173267 32.1407815,12.0740099 32.0538097,11.9876238 C31.9670865,11.9009901 31.9236006,11.8 31.9236006,11.6846535 L31.9236006,5.38341584 L30.0467503,8.81113861 C29.8961649,9.07648515 29.6933965,9.20915842 29.4384451,9.20915842 L28.5001442,9.20915842 C28.2683023,9.20915842 28.0655339,9.07648515 27.8918389,8.81113861 L26.032383,5.38341584 L26.032383,11.6846535 C26.032383,11.8116337 25.9888971,11.9155941 25.9021739,11.9962871 C25.8152021,12.0769802 25.7081026,12.1173267 25.5806269,12.1173267 L23.3909268,12.1173267 Z M37.8145697,12.1173267 C37.698773,12.1173267 37.5973888,12.0740099 37.5106655,11.9876238 C37.4236938,11.9009901 37.3802079,11.8 37.3802079,11.6846535 L37.3802079,0.45 C37.3802079,0.323267327 37.4207119,0.216336634 37.5017199,0.129950495 C37.5829763,0.0433168317 37.6873424,0 37.8145697,0 L43.1844538,0 C44.6557672,0 45.7506172,0.3 46.4690039,0.900247525 C47.187142,1.50024752 47.5464596,2.35420792 47.5464596,3.46212871 C47.5464596,4.01608911 47.3986076,4.4950495 47.1034006,4.89876238 C46.8079452,5.30272277 46.4804344,5.5970297 46.1213654,5.78168317 C46.5964796,5.98935644 46.9960526,6.33267327 47.3205815,6.81163366 C47.6448619,7.29059406 47.8071263,7.83019802 47.8071263,8.43019802 C47.8071263,9.59554455 47.4217172,10.5017327 46.651396,11.1480198 C45.8810749,11.7940594 44.7775277,12.1173267 43.3407544,12.1173267 L37.8145697,12.1173267 Z M42.8194209,4.7950495 C43.2480674,4.7950495 43.5783115,4.67970297 43.8101533,4.44876238 C44.0417467,4.21782178 44.1577918,3.91806931 44.1577918,3.54876238 C44.1577918,3.19084158 44.0447286,2.89950495 43.8188505,2.67450495 C43.5929725,2.44925743 43.2597464,2.33688119 42.8194209,2.33688119 L40.6473637,2.33688119 L40.6473637,4.7950495 L42.8194209,4.7950495 Z M42.9759701,9.78044554 C43.4277262,9.78044554 43.7783465,9.65049505 44.0273342,9.39084158 C44.2763219,9.13143564 44.4010642,8.81113861 44.4010642,8.43019802 C44.4010642,8.03787129 44.2735885,7.71188119 44.018637,7.4519802 C43.7636856,7.19257426 43.4162956,7.06262376 42.9759701,7.06262376 L40.6473637,7.06262376 L40.6473637,9.78044554 L42.9759701,9.78044554 Z M50.100944,12.1173267 C49.9848988,12.1173267 49.8837631,12.0740099 49.7967914,11.9876238 C49.7098196,11.9009901 49.6663337,11.8 49.6663337,11.6846535 L49.6663337,0.45 C49.6663337,0.323267327 49.7070862,0.216336634 49.7880942,0.129950495 C49.8691021,0.0433168317 49.9734682,0 50.100944,0 L54.6714335,0 C56.3860193,0 57.718178,0.406683168 58.6684064,1.22054455 C59.6181379,2.03391089 60.1166102,3.20247525 60.162581,4.72574257 C60.1742601,5.06039604 60.1802239,5.50470297 60.1802239,6.05866337 C60.1802239,6.61262376 60.1742601,7.0509901 60.162581,7.37425743 C60.0467844,10.5361386 58.2452268,12.1173267 54.7581567,12.1173267 L50.100944,12.1173267 Z M54.6714335,9.52079208 C55.4010022,9.52079208 55.93973,9.34777228 56.287617,9.00148515 C56.635007,8.65544554 56.8203811,8.10123762 56.8434907,7.33960396 C56.8668488,7.0049505 56.8782794,6.57227723 56.8782794,6.04133663 C56.8782794,5.51039604 56.8668488,5.08341584 56.8434907,4.76039604 C56.8203811,4.02178218 56.6203461,3.47648515 56.2441311,3.12450495 C55.8674192,2.77252475 55.3145274,2.59653465 54.5844617,2.59653465 L52.9334895,2.59653465 L52.9334895,9.52079208 L54.6714335,9.52079208 Z M61.4835576,12.1173267 C61.3908706,12.1173267 61.3068807,12.0799505 61.231588,12.004703 C61.1560468,11.929703 61.1185248,11.8460396 61.1185248,11.7537129 C61.1185248,11.6846535 61.12424,11.6326733 61.1359191,11.5980198 L65.1848266,0.501980198 C65.3008718,0.167326733 65.5327136,0 65.8801036,0 L68.5911372,0 C68.9387757,0 69.170369,0.167326733 69.2861657,0.501980198 L73.3353217,11.5980198 C73.3470007,11.6326733 73.3524675,11.6846535 73.3524675,11.7537129 C73.3524675,11.8460396 73.3149454,11.929703 73.2396527,12.004703 C73.1646085,12.0799505 73.0806187,12.1173267 72.9876832,12.1173267 L70.7286542,12.1173267 C70.4505931,12.1173267 70.25354,11.9903465 70.1377433,11.7363861 L69.5120437,10.0574257 L64.9589486,10.0574257 L64.333249,11.7363861 C64.2177008,11.9903465 64.0208962,12.1173267 63.7428351,12.1173267 L61.4835576,12.1173267 Z M65.6890142,7.46089109 L68.7822265,7.46089109 L67.2356204,3.04653465 L65.6890142,7.46089109 Z" id="Lambda"></path>
+                    <path d="M76.9621843,12.2903465 C76.8347085,12.2903465 76.7278575,12.25 76.6406373,12.1693069 C76.5536655,12.0886139 76.5104282,11.9846535 76.5104282,11.8576733 L76.5104282,2.99455446 L73.4520046,2.99455446 C73.3245289,2.99455446 73.2174294,2.95420792 73.1304576,2.87351485 C73.0434859,2.79257426 73,2.68886139 73,2.56188119 L73,0.623019802 C73,0.496287129 73.0434859,0.389356436 73.1304576,0.302970297 C73.2174294,0.216336634 73.3245289,0.173019802 73.4520046,0.173019802 L82.8881905,0.173019802 C83.0154178,0.173019802 83.1227658,0.216336634 83.2097375,0.302970297 C83.2964608,0.389356436 83.3399466,0.496287129 83.3399466,0.623019802 L83.3399466,2.56188119 C83.3399466,2.68886139 83.2964608,2.79257426 83.2097375,2.87351485 C83.1227658,2.95420792 83.0154178,2.99455446 82.8881905,2.99455446 L79.8295185,2.99455446 L79.8295185,11.8576733 C79.8295185,11.9846535 79.7860326,12.0886139 79.6993093,12.1693069 C79.6123376,12.25 79.5052381,12.2903465 79.3780109,12.2903465 L76.9621843,12.2903465 Z M85.3035202,12.2903465 C85.187972,12.2903465 85.0863393,12.2470297 84.999616,12.1606436 C84.9126443,12.0740099 84.8691584,11.9730198 84.8691584,11.8576733 L84.8691584,0.623019802 C84.8691584,0.496287129 84.9096624,0.389356436 84.9909189,0.302970297 C85.0721753,0.216336634 85.1762929,0.173019802 85.3035202,0.173019802 L93.5059498,0.173019802 C93.6334255,0.173019802 93.740525,0.216336634 93.8274967,0.302970297 C93.9144685,0.389356436 93.9579544,0.496287129 93.9579544,0.623019802 L93.9579544,2.33688119 C93.9579544,2.46386139 93.9144685,2.56757426 93.8274967,2.64826733 C93.740525,2.72920792 93.6334255,2.76955446 93.5059498,2.76955446 L88.0148022,2.76955446 L88.0148022,4.96806931 L93.1237711,4.96806931 C93.2512468,4.96806931 93.3580978,5.01138614 93.445318,5.09777228 C93.5322898,5.18440594 93.5755272,5.29108911 93.5755272,5.41806931 L93.5755272,6.99331683 C93.5755272,7.12029703 93.5322898,7.2269802 93.445318,7.31361386 C93.3580978,7.4 93.2512468,7.44356436 93.1237711,7.44356436 L88.0148022,7.44356436 L88.0148022,9.69381188 L93.6451046,9.69381188 C93.7723318,9.69381188 93.8796798,9.73712871 93.9666515,9.82351485 C94.0533748,9.91014851 94.0968607,10.0168317 94.0968607,10.1438119 L94.0968607,11.8576733 C94.0968607,11.9846535 94.0533748,12.0886139 93.9666515,12.1693069 C93.8796798,12.25 93.7723318,12.2903465 93.6451046,12.2903465 L85.3035202,12.2903465 Z M100.630924,12.4633663 C99.5074972,12.4633663 98.5515535,12.3019802 97.7635895,11.9787129 C96.9758739,11.6556931 96.3792478,11.2287129 95.9737109,10.6975248 C95.5681741,10.1670792 95.3539751,9.58985149 95.3308655,8.96658416 C95.3308655,8.86287129 95.3683876,8.77623762 95.4436803,8.70693069 C95.518973,8.63787129 95.6086781,8.60321782 95.7130442,8.60321782 L98.0242562,8.60321782 C98.1631625,8.60321782 98.2762258,8.62623762 98.3631975,8.67252475 C98.4501693,8.71856436 98.5455897,8.79925743 98.6499558,8.91460396 C98.8005412,9.19158416 99.0351164,9.41955446 99.3536815,9.59851485 C99.672495,9.77747525 100.097911,9.86683168 100.630924,9.86683168 C101.256872,9.86683168 101.737453,9.77153465 102.073412,9.58143564 C102.409372,9.39084158 102.577351,9.12846535 102.577351,8.79356436 C102.577351,8.55148515 102.49038,8.35222772 102.316685,8.19653465 C102.14299,8.04059406 101.864929,7.9019802 101.48275,7.78094059 C101.100323,7.65990099 100.549916,7.52425743 99.8315291,7.37425743 C98.4300415,7.09727723 97.3814108,6.6759901 96.6861338,6.11039604 C95.9911053,5.5450495 95.6437153,4.73712871 95.6437153,3.68712871 C95.6437153,2.97153465 95.8432533,2.33391089 96.2430749,1.77425743 C96.6426479,1.21435644 97.2104492,0.778960396 97.9459816,0.467326733 C98.6817626,0.155693069 99.5363221,0 100.509412,0 C101.528721,0 102.412354,0.175990099 103.159565,0.527722772 C103.906777,0.879950495 104.480293,1.31831683 104.880115,1.84331683 C105.279688,2.36856436 105.491153,2.88490099 105.514263,3.39282178 C105.514263,3.49653465 105.479474,3.58613861 105.409897,3.66113861 C105.340319,3.73613861 105.253596,3.77351485 105.149479,3.77351485 L102.716506,3.77351485 C102.461555,3.77351485 102.264502,3.66980198 102.125595,3.46188119 C102.055769,3.21955446 101.876608,3.01485149 101.586867,2.84752475 C101.297376,2.68019802 100.938058,2.59653465 100.509412,2.59653465 C100.022867,2.59653465 99.646155,2.68316832 99.379773,2.85618812 C99.113391,3.02920792 98.9799515,3.28316832 98.9799515,3.61782178 C98.9799515,3.95247525 99.1541434,4.21509901 99.5015334,4.40544554 C99.8491719,4.5960396 100.497981,4.78910891 101.447713,4.98539604 C102.536847,5.18143564 103.402837,5.42673267 104.045683,5.7210396 C104.688777,6.01509901 105.163643,6.39628713 105.470777,6.86336634 C105.777912,7.33094059 105.93123,7.92252475 105.93123,8.63787129 C105.93123,9.42252475 105.705352,10.1034653 105.253596,10.6804455 C104.80184,11.2574257 104.176141,11.6987624 103.376746,12.004703 C102.577351,12.3106436 101.661912,12.4633663 100.630924,12.4633663 Z M110.727598,12.2903465 C110.600122,12.2903465 110.492774,12.25 110.406051,12.1693069 C110.319079,12.0886139 110.275593,11.9846535 110.275593,11.8576733 L110.275593,2.99455446 L107.217418,2.99455446 C107.089694,2.99455446 106.982843,2.95420792 106.895871,2.87351485 C106.8089,2.79257426 106.765662,2.68886139 106.765662,2.56188119 L106.765662,0.623019802 C106.765662,0.496287129 106.8089,0.389356436 106.895871,0.302970297 C106.982843,0.216336634 107.089694,0.173019802 107.217418,0.173019802 L116.653356,0.173019802 C116.780831,0.173019802 116.888179,0.216336634 116.974903,0.302970297 C117.061874,0.389356436 117.10536,0.496287129 117.10536,0.623019802 L117.10536,2.56188119 C117.10536,2.68886139 117.061874,2.79257426 116.974903,2.87351485 C116.888179,2.95420792 116.780831,2.99455446 116.653356,2.99455446 L113.594932,2.99455446 L113.594932,11.8576733 C113.594932,11.9846535 113.551446,12.0886139 113.464475,12.1693069 C113.377751,12.25 113.270652,12.2903465 113.143425,12.2903465 L110.727598,12.2903465 Z" id="Test"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/public/images/partners/64robots-hero.jpg b/src/public/images/partners/64robots-hero.jpg
new file mode 100644
index 0000000000..b532e433f2
Binary files /dev/null and b/src/public/images/partners/64robots-hero.jpg differ
diff --git a/src/public/images/partners/64robots.svg b/src/public/images/partners/64robots.svg
new file mode 100644
index 0000000000..022e7c1f89
--- /dev/null
+++ b/src/public/images/partners/64robots.svg
@@ -0,0 +1 @@
+<svg width="185" height="25" viewBox="0 0 185 25" xmlns="http://www.w3.org/2000/svg"><title>64 Robots</title><g fill-rule="nonzero" fill="#F33"><path d="M47.06 16.085c0-1.278-.775-2.556-2.41-2.556-1.606 0-2.38 1.218-2.438 2.556 0 1.307.832 2.585 2.438 2.585 1.578 0 2.41-1.278 2.41-2.585zM48.322 5.09c.074.117.097.26.064.396a.502.502 0 0 1-.236.318c-1.549.98-2.983 2.436-4.016 3.684.316-.06.602-.088 1.033-.088 5.048.297 6.167 4.16 6.167 6.803 0 2.08-1.233 6.655-6.684 6.655-5.479 0-6.712-4.814-6.712-6.894 0-6.832 4.245-11.259 8.061-13.547a.57.57 0 0 1 .746.179l1.577 2.494zm10.873 9.627h2.066V11.42l-2.066 3.299v-.001zm6.511 7.427c0 .298-.23.535-.515.535h-3.414a.507.507 0 0 1-.366-.156.54.54 0 0 1-.15-.379v-3.238h-6.828a.507.507 0 0 1-.366-.157.54.54 0 0 1-.15-.378v-1.575c0-.356.085-.683.287-.98l7.773-12.864a.983.983 0 0 1 .804-.445h2.41c.286 0 .515.237.515.535v11.675H67.6c.288 0 .517.238.517.535v3.119c0 .298-.23.535-.517.535h-1.893v3.238zm16.2-13.087c0-.842-.449-2.41-2.468-2.41h-3.197v4.85h3.31c1.906-.058 2.355-1.685 2.355-2.44zm.87 6.013L86 22.216c.112.203-.056.464-.28.464H81.82a.805.805 0 0 1-.728-.464l-2.86-6.36H76.24v6.301c0 .29-.224.523-.505.523h-3.45a.495.495 0 0 1-.357-.153.529.529 0 0 1-.147-.37V2.872c0-.29.225-.523.505-.523h7.011c5.44 0 7.094 3.95 7.094 6.709 0 2.876-1.513 4.938-3.617 6.013zm21.902-2.585c0-1.512-.645-6.1-5.16-6.1-4.543 0-5.188 4.59-5.188 6.1 0 1.51.645 6.156 5.189 6.156 4.514 0 5.159-4.646 5.159-6.156zm4.572 0c0 4.357-2.3 10.514-9.731 10.514-7.46 0-9.76-6.157-9.76-10.514C89.76 8.245 92.06 2 99.52 2c7.431 0 9.73 6.245 9.73 10.486zm14.554 4.008c0-.61-.28-1.888-2.215-1.946h-3.393v3.805h3.337c1.964 0 2.271-1.395 2.271-1.86zm0-7.93c0-.464-.307-1.917-2.27-1.917h-3.338v4.038h3.393c1.935-.058 2.215-1.569 2.215-2.12zm4.544 7.93c0 2.758-1.655 6.186-7.096 6.186h-7.01a.495.495 0 0 1-.358-.153.529.529 0 0 1-.147-.37V2.872c0-.29.225-.523.505-.523h7.01c5.442 0 7.096 3.456 7.096 6.216 0 1.394-1.038 3.282-2.524 3.92 1.458.581 2.524 2.179 2.524 4.009zm18.286-4.008c0-1.512-.645-6.1-5.16-6.1-4.544 0-5.189 4.59-5.189 6.1 0 1.51.645 6.156 5.189 6.156 4.515 0 5.16-4.646 5.16-6.156zm4.571 0c0 4.357-2.3 10.514-9.731 10.514-7.46 0-9.76-6.157-9.76-10.514 0-4.241 2.3-10.486 9.76-10.486 7.431 0 9.731 6.245 9.731 10.486zm6.675-5.81h-4.626a.495.495 0 0 1-.358-.152.529.529 0 0 1-.147-.37V2.872c0-.29.224-.523.505-.523h13.825c.28 0 .505.231.505.523v3.282c0 .29-.224.523-.505.523h-4.682v15.48c0 .29-.225.523-.505.523h-3.505a.495.495 0 0 1-.359-.153.529.529 0 0 1-.147-.37V6.677zM185 16.61c0 3.544-2.973 6.303-7.264 6.303-2.72 0-4.935-.697-7.32-1.975-.251-.117-.336-.436-.224-.697l1.543-2.963c.112-.261.42-.348.673-.232 1.795.841 3.534 1.51 5.16 1.51 1.459 0 2.692-.726 2.692-1.743 0-1.278-1.514-1.83-3.365-2.44-2.832-.958-6.394-2.091-6.394-6.273 0-3.805 2.72-6.071 6.478-6.071 1.234 0 3.813.174 7.095 1.743a.577.577 0 0 1 .253.726l-1.263 2.992c-.112.261-.393.377-.673.261-1.233-.464-3.561-1.336-5.131-1.336-1.178 0-2.272.378-2.244 1.481.113 1.249 2.075 1.802 4.263 2.615 2.72.987 5.721 2.38 5.721 6.099zM16.44 18.664c2.452 0 4.439-2.037 4.439-4.549H12c0 2.512 1.987 4.55 4.44 4.55z"/><path d="M28.283 15.709h1.325V9.29h-1.324v6.419zm-2.39 6.847H6.22V2.443h19.674v20.113zM2.39 15.71h1.438V9.29H2.39v6.42zM32 6.846h-3.717V0H3.828v6.846H0v11.307h3.828V25h24.456v-6.847H32V6.846H32z"/><path d="M23 10.5c0 .829-.855 1.5-1.91 1.5-1.05.003-1.903-.668-1.908-1.5 0-.829.855-1.5 1.908-1.5 1.055 0 1.91.671 1.91 1.5m-9.182 0c0 .829-.855 1.5-1.908 1.5-1.05.003-1.905-.668-1.91-1.5 0-.829.855-1.5 1.91-1.5 1.053 0 1.908.671 1.908 1.5"/></g></svg>
diff --git a/src/public/images/partners/curotec-hero.jpg b/src/public/images/partners/curotec-hero.jpg
new file mode 100644
index 0000000000..06d5644dc2
Binary files /dev/null and b/src/public/images/partners/curotec-hero.jpg differ
diff --git a/src/public/images/partners/curotec.png b/src/public/images/partners/curotec.png
new file mode 100644
index 0000000000..3e1e112fbc
Binary files /dev/null and b/src/public/images/partners/curotec.png differ
diff --git a/src/public/images/partners/epicmax.png b/src/public/images/partners/epicmax.png
new file mode 100644
index 0000000000..f427678e7c
Binary files /dev/null and b/src/public/images/partners/epicmax.png differ
diff --git a/src/public/images/partners/epicmax.svg b/src/public/images/partners/epicmax.svg
new file mode 100644
index 0000000000..a724925cb8
--- /dev/null
+++ b/src/public/images/partners/epicmax.svg
@@ -0,0 +1,9 @@
+<svg width="120" height="24" viewBox="0 0 120 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M57.5849 0C59.4474 0 60.9245 0.509861 62.0163 1.5296C63.1081 2.54935 63.654 3.95012 63.654 5.73199C63.654 5.9252 63.6326 6.27942 63.5898 6.79467L63.5577 6.95567C63.5363 7.10595 63.4774 7.22939 63.3811 7.326C63.2847 7.42261 63.1723 7.47091 63.0439 7.47091L58.0987 7.63192C57.7776 7.63192 57.6384 7.48164 57.6813 7.18109L57.7776 6.37603C57.8204 6.01108 57.7669 5.72125 57.6171 5.50657C57.4672 5.2919 57.2531 5.18455 56.9748 5.18455C56.6751 5.18455 56.4236 5.2919 56.2202 5.50657C56.0168 5.72125 55.8937 6.01108 55.8509 6.37603L54.5986 16.7129C54.5557 17.0564 54.6039 17.3355 54.7431 17.5502C54.8822 17.7649 55.1016 17.8722 55.4013 17.8722C55.7011 17.8722 55.9526 17.7702 56.156 17.5663C56.3594 17.3623 56.4824 17.0779 56.5253 16.7129L56.6216 15.8435C56.643 15.6932 56.7019 15.5805 56.7982 15.5054C56.8945 15.4302 57.0069 15.3926 57.1354 15.3926L62.0484 15.5537C62.1983 15.5537 62.3107 15.5805 62.3856 15.6342C62.4605 15.6878 62.4873 15.7683 62.4659 15.8757L62.4338 16.1977C62.1769 18.2801 61.3474 19.9439 59.9451 21.189C58.5429 22.4342 56.8143 23.0568 54.7591 23.0568C52.8966 23.0568 51.4249 22.5415 50.3438 21.5111C49.2627 20.4806 48.7222 19.0744 48.7222 17.2926C48.7222 17.0779 48.7436 16.7129 48.7864 16.1977L49.9424 6.79467C50.1993 4.71224 51.0235 3.05921 52.415 1.83553C53.8065 0.611843 55.5298 0 57.5849 0ZM31.2589 0.161236C32.9715 0.161236 34.3255 0.710858 35.321 1.8101C36.3164 2.90936 36.8142 4.36611 36.8142 6.18041C36.8142 6.69269 36.7928 7.08756 36.75 7.36504C36.5787 8.7311 36.1773 9.93705 35.5458 10.9829C34.9142 12.0288 34.1007 12.8346 33.1053 13.4002C32.1098 13.9659 31.0127 14.2487 29.8139 14.2487H28.0798C27.9728 14.2487 27.8979 14.3127 27.8551 14.4408L26.9238 22.0928C26.9024 22.2422 26.8435 22.3596 26.7472 22.445C26.6509 22.5304 26.5385 22.5731 26.41 22.5731H21.4649C21.3364 22.5731 21.2347 22.5304 21.1598 22.445C21.0849 22.3596 21.0581 22.2422 21.0795 22.0928L23.7127 0.641494C23.7341 0.492077 23.7929 0.374681 23.8893 0.289306C23.9856 0.203931 24.098 0.161236 24.2265 0.161236H31.2589ZM46.3805 0.161236C46.5089 0.161236 46.6106 0.203931 46.6855 0.289306C46.7605 0.374681 46.7872 0.492077 46.7658 0.641494L44.1327 22.0928C44.1113 22.2422 44.0524 22.3596 43.9561 22.445C43.8597 22.5304 43.7473 22.5731 43.6189 22.5731H38.6737C38.5453 22.5731 38.4436 22.5304 38.3687 22.445C38.2937 22.3596 38.267 22.2422 38.2884 22.0928L40.9215 0.641494C40.9429 0.492077 41.0018 0.374681 41.0981 0.289306C41.1945 0.203931 41.3069 0.161236 41.4353 0.161236H46.3805ZM73.4134 0.161236C73.6703 0.161236 73.8416 0.278632 73.9272 0.513424L75.5649 4.57957C75.6077 4.6436 75.6559 4.67562 75.7094 4.67562C75.7629 4.67562 75.8004 4.6436 75.8218 4.57957L78.4871 0.513424C78.6155 0.278632 78.8082 0.161236 79.0651 0.161236H83.946C84.0745 0.161236 84.1762 0.203931 84.2511 0.289306C84.326 0.374681 84.3528 0.492077 84.3314 0.641494L81.6982 22.0928C81.6768 22.2422 81.6179 22.3596 81.5216 22.445C81.4253 22.5304 81.3129 22.5731 81.1844 22.5731H76.2393C76.1108 22.5731 76.0091 22.5304 75.9342 22.445C75.8593 22.3596 75.8325 22.2422 75.8539 22.0928L77.4595 9.06193C77.4595 8.95521 77.4381 8.89651 77.3953 8.88584C77.3524 8.87517 77.2989 8.91252 77.2347 8.9979L75.0832 12.0715L74.6979 12.6478H74.6658L73.0602 8.93386C73.0388 8.84848 73.0013 8.81113 72.9478 8.82181C72.8943 8.83248 72.8568 8.89118 72.8354 8.9979L71.2299 22.0928C71.2085 22.2422 71.1549 22.3596 71.0693 22.445C70.9837 22.5304 70.8659 22.5731 70.7161 22.5731H65.803C65.6532 22.5731 65.5408 22.5304 65.4658 22.445C65.3909 22.3596 65.3642 22.2422 65.3856 22.0928L68.0187 0.641494C68.0401 0.492077 68.099 0.374681 68.1953 0.289306C68.2917 0.203931 68.404 0.161236 68.5325 0.161236H73.4134ZM98.3291 0.161236C98.6288 0.161236 98.7893 0.29998 98.8107 0.577451L100.577 22.0608C100.577 22.4237 100.416 22.5731 100.095 22.5731H95.0537C94.754 22.5731 94.6148 22.4236 94.6363 22.1248V19.7236C94.6576 19.6595 94.6416 19.6115 94.5881 19.5795C94.5346 19.5475 94.4864 19.5315 94.4436 19.5315H91.7141C91.607 19.5315 91.5214 19.5848 91.4572 19.6915L90.7829 22.1248C90.7186 22.4236 90.5367 22.5731 90.237 22.5731H85.356C85.0349 22.5731 84.9172 22.4023 85.0028 22.0608L92.0673 0.577451C92.153 0.29998 92.3456 0.161236 92.6453 0.161236H98.3291ZM7.63949 0.161236C7.64661 0.161236 7.65378 0.161236 7.661 0.161236H19.1997C19.3497 0.161236 19.4622 0.203931 19.5372 0.289306C19.6122 0.374681 19.6389 0.492077 19.6175 0.641494L19.1033 4.8357C19.0818 4.98511 19.0229 5.10251 18.9265 5.18789C18.8301 5.27326 18.7069 5.31596 18.5569 5.31596H12.6107C12.4822 5.31596 12.4179 5.37998 12.4179 5.50805L12.0322 8.58168C12.0108 8.70975 12.0643 8.77378 12.1929 8.77378H15.2785C15.4285 8.77378 15.5409 8.81647 15.6159 8.90185C15.6909 8.98723 15.7177 9.10462 15.6963 9.25403L15.182 13.4482C15.1178 13.7684 14.9356 13.9285 14.6356 13.9285H11.5501C11.4215 13.9285 11.3572 13.9925 11.3572 14.1206L10.9715 17.2262C10.9501 17.3543 11.0037 17.4183 11.1322 17.4183H17.0784C17.2284 17.4183 17.3409 17.461 17.4158 17.5464C17.4909 17.6318 17.5176 17.7492 17.4962 17.8986L16.9819 22.0928C16.9605 22.2422 16.9016 22.3596 16.8052 22.445C16.7087 22.5304 16.5855 22.5731 16.4355 22.5731H4.89686C4.76829 22.5731 4.66651 22.5304 4.59152 22.445C4.51652 22.3596 4.48974 22.2422 4.51116 22.0928L6.21242 8.24605L0.0722502 0.687317C-0.0399369 0.549219 -0.0191885 0.346093 0.118593 0.233647C0.17598 0.186808 0.247722 0.161236 0.321726 0.161236H7.63949ZM110.88 0.161236C111.009 0.161236 111.116 0.198595 111.201 0.273295C111.287 0.347996 111.341 0.449381 111.362 0.577451L112.068 4.96377C112.09 5.04914 112.127 5.09184 112.181 5.09184C112.234 5.09184 112.272 5.04914 112.293 4.96377L114.091 0.577451C114.199 0.29998 114.391 0.161236 114.669 0.161236H119.615C119.872 0.161236 120 0.257284 120 0.449381L119.936 0.705521L114.541 11.2391C114.52 11.2818 114.509 11.3671 114.509 11.4952L117.303 22.0288C117.324 22.0715 117.335 22.1248 117.335 22.1889C117.335 22.445 117.174 22.5731 116.853 22.5731H111.94C111.812 22.5731 111.705 22.5357 111.619 22.461C111.533 22.3863 111.48 22.2849 111.458 22.1568L110.72 17.8025C110.698 17.7172 110.661 17.6745 110.607 17.6745C110.554 17.6745 110.506 17.7172 110.463 17.8025L108.665 22.1568C108.558 22.4343 108.365 22.5731 108.087 22.5731H103.141C102.885 22.5731 102.756 22.477 102.756 22.2849L102.82 22.0288L108.215 11.4952C108.236 11.4525 108.247 11.3671 108.247 11.2391L105.453 0.705521C105.432 0.662842 105.421 0.609473 105.421 0.545446C105.421 0.289306 105.582 0.161236 105.903 0.161236H110.88ZM94.3309 9.27423C94.2774 9.27423 94.24 9.3279 94.2186 9.43524L92.7093 14.9096C92.6451 15.0384 92.6986 15.1028 92.8699 15.1028H94.2507C94.3577 15.1028 94.4219 15.0384 94.4434 14.9096L94.4112 9.43524C94.4112 9.3279 94.3845 9.27423 94.3309 9.27423ZM29.5891 5.44217H29.1716C29.0432 5.44217 28.979 5.50657 28.979 5.63538L28.4973 9.56405C28.4759 9.69286 28.5294 9.75726 28.6578 9.75726H29.0432C29.5141 9.75726 29.9155 9.58015 30.2474 9.22593C30.5792 8.8717 30.7879 8.34037 30.8735 7.63192C30.8949 7.50311 30.9056 7.32063 30.9056 7.08448C30.9056 6.54778 30.7879 6.13989 30.5524 5.8608C30.3169 5.5817 29.9958 5.44217 29.5891 5.44217Z" fill="url(#paint0_linear_370_9295)"/>
+<defs>
+<linearGradient id="paint0_linear_370_9295" x1="1.69397e-07" y1="11.5284" x2="29.4491" y2="63.1679" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E9439D"/>
+<stop offset="1" stop-color="#9E23B2"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/public/images/partners/herodevs-dark.png b/src/public/images/partners/herodevs-dark.png
new file mode 100644
index 0000000000..c007439855
Binary files /dev/null and b/src/public/images/partners/herodevs-dark.png differ
diff --git a/src/public/images/partners/herodevs-hero.png b/src/public/images/partners/herodevs-hero.png
new file mode 100644
index 0000000000..84e0a6f2d3
Binary files /dev/null and b/src/public/images/partners/herodevs-hero.png differ
diff --git a/src/public/images/partners/herodevs.png b/src/public/images/partners/herodevs.png
new file mode 100644
index 0000000000..e0daedf18b
Binary files /dev/null and b/src/public/images/partners/herodevs.png differ
diff --git a/src/public/images/partners/jump24-dark.svg b/src/public/images/partners/jump24-dark.svg
new file mode 100644
index 0000000000..8ce1236634
--- /dev/null
+++ b/src/public/images/partners/jump24-dark.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2744 952">
+  <rect width="2744" height="952" fill="none"/>
+  <path d="M1050,238H938V584c0,32-24,32-42,32H882v98h54a113.9,113.9,0,0,0,114-114V574h0Z" fill="#EEEEEE"/>
+  <path d="M1918,238a154,154,0,0,0-126,65.4A154,154,0,0,0,1512,392V714h112V392h0a56,56,0,0,1,56-56h0a56,56,0,0,1,56,56h0V714h112V392h0a56,56,0,0,1,56-56h0a56,56,0,0,1,56,56h0V714h112V392A153.9,153.9,0,0,0,1918,238Z" fill="#EEEEEE"/>
+  <path d="M2310,238c-108.2,0-196,87.8-196,196V714h112V611.1a195.2,195.2,0,0,0,84,18.9c108.2,0,196-87.8,196-196S2418.2,238,2310,238Zm0,280a84,84,0,1,1,84-84A84,84,0,0,1,2310,518Z" fill="#EEEEEE"/>
+  <path d="M1344,476v68a69.9,69.9,0,0,1-70,70h0a69.9,69.9,0,0,1-70-70V476H1092v58c0,124,80.6,180,180,180h4c99.4,0,180-56,180-180V476Z" fill="#ffb715"/>
+  <path d="M1249,394.3h-63.8l35.9-35c18.8-18.5,30.3-33.7,30.3-58.1,0-36.4-23.9-63.2-62.1-63.2s-62,25.3-62,64.7v2.6h44.1v-4.1c0-13.2,5.6-22,17.6-22s17.7,9.1,17.7,21.7c0,10.9-7.7,21.8-18.8,32.8L1127,395.8V434h122Z" fill="#EEEEEE"/>
+  <path d="M1360.5,434h44.1V392.5H1421V352.9h-16.4V238h-44.1l-79.3,116.3v38.2h79.3Zm-33.8-81.1L1362,298v54.9Z" fill="#EEEEEE"/>
+  <circle cx="392" cy="560" r="84" fill="#ffb715"/>
+  <path d="M476,308a168,168,0,1,1-118.8,49.2A166.9,166.9,0,0,1,476,308m0-70c-131.4,0-238,106.6-238,238S344.6,714,476,714,714,607.4,714,476,607.4,238,476,238Z" fill="#EEEEEE"/>
+  <circle cx="683" cy="269" r="31" fill="#ffb715"/>
+</svg>
diff --git a/src/public/images/partners/jump24-hero.jpg b/src/public/images/partners/jump24-hero.jpg
new file mode 100644
index 0000000000..735e039c10
Binary files /dev/null and b/src/public/images/partners/jump24-hero.jpg differ
diff --git a/src/public/images/partners/jump24.svg b/src/public/images/partners/jump24.svg
new file mode 100644
index 0000000000..1764f478b5
--- /dev/null
+++ b/src/public/images/partners/jump24.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2744 952">
+  <rect width="2744" height="952" fill="none"/>
+  <path d="M1050,238H938V584c0,32-24,32-42,32H882v98h54a113.9,113.9,0,0,0,114-114V574h0Z" fill="#242423"/>
+  <path d="M1918,238a154,154,0,0,0-126,65.4A154,154,0,0,0,1512,392V714h112V392h0a56,56,0,0,1,56-56h0a56,56,0,0,1,56,56h0V714h112V392h0a56,56,0,0,1,56-56h0a56,56,0,0,1,56,56h0V714h112V392A153.9,153.9,0,0,0,1918,238Z" fill="#242423"/>
+  <path d="M2310,238c-108.2,0-196,87.8-196,196V714h112V611.1a195.2,195.2,0,0,0,84,18.9c108.2,0,196-87.8,196-196S2418.2,238,2310,238Zm0,280a84,84,0,1,1,84-84A84,84,0,0,1,2310,518Z" fill="#242423"/>
+  <path d="M1344,476v68a69.9,69.9,0,0,1-70,70h0a69.9,69.9,0,0,1-70-70V476H1092v58c0,124,80.6,180,180,180h4c99.4,0,180-56,180-180V476Z" fill="#ffb715"/>
+  <path d="M1249,394.3h-63.8l35.9-35c18.8-18.5,30.3-33.7,30.3-58.1,0-36.4-23.9-63.2-62.1-63.2s-62,25.3-62,64.7v2.6h44.1v-4.1c0-13.2,5.6-22,17.6-22s17.7,9.1,17.7,21.7c0,10.9-7.7,21.8-18.8,32.8L1127,395.8V434h122Z" fill="#242423"/>
+  <path d="M1360.5,434h44.1V392.5H1421V352.9h-16.4V238h-44.1l-79.3,116.3v38.2h79.3Zm-33.8-81.1L1362,298v54.9Z" fill="#242423"/>
+  <circle cx="392" cy="560" r="84" fill="#ffb715"/>
+  <path d="M476,308a168,168,0,1,1-118.8,49.2A166.9,166.9,0,0,1,476,308m0-70c-131.4,0-238,106.6-238,238S344.6,714,476,714,714,607.4,714,476,607.4,238,476,238Z" fill="#242423"/>
+  <circle cx="683" cy="269" r="31" fill="#ffb715"/>
+</svg>
diff --git a/src/public/images/partners/modus.png b/src/public/images/partners/modus.png
deleted file mode 100644
index 202e977d7f..0000000000
Binary files a/src/public/images/partners/modus.png and /dev/null differ
diff --git a/src/public/images/partners/monterail-dark.png b/src/public/images/partners/monterail-dark.png
new file mode 100644
index 0000000000..a063dbb90c
Binary files /dev/null and b/src/public/images/partners/monterail-dark.png differ
diff --git a/src/public/images/partners/monterail-hero.png b/src/public/images/partners/monterail-hero.png
new file mode 100644
index 0000000000..7f869a555b
Binary files /dev/null and b/src/public/images/partners/monterail-hero.png differ
diff --git a/src/public/images/partners/monterail.png b/src/public/images/partners/monterail.png
index 8a18d421a6..0609a902c3 100644
Binary files a/src/public/images/partners/monterail.png and b/src/public/images/partners/monterail.png differ
diff --git a/src/public/images/partners/passionatepeople-dark.png b/src/public/images/partners/passionatepeople-dark.png
new file mode 100644
index 0000000000..80496ac74d
Binary files /dev/null and b/src/public/images/partners/passionatepeople-dark.png differ
diff --git a/src/public/images/partners/passionatepeople-hero.jpg b/src/public/images/partners/passionatepeople-hero.jpg
new file mode 100644
index 0000000000..33346682cc
Binary files /dev/null and b/src/public/images/partners/passionatepeople-hero.jpg differ
diff --git a/src/public/images/partners/passionatepeople.png b/src/public/images/partners/passionatepeople.png
new file mode 100644
index 0000000000..78bd5b66fc
Binary files /dev/null and b/src/public/images/partners/passionatepeople.png differ
diff --git a/src/public/images/partners/proxify-dark.svg b/src/public/images/partners/proxify-dark.svg
new file mode 100644
index 0000000000..7675783288
--- /dev/null
+++ b/src/public/images/partners/proxify-dark.svg
@@ -0,0 +1,17 @@
+<svg width="1113" height="244" viewBox="0 0 1113 244" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M60.4558 121.054C93.8469 121.054 120.912 93.9491 120.912 60.5271C120.912 27.1051 93.8469 0 60.4558 0C27.0646 0 0 27.1051 0 60.5271C0 93.9491 27.0646 121.054 60.4558 121.054Z"
+    fill="white"/>
+  <path
+    d="M126.974 15.1282C131.508 69.1962 174.572 112.337 228.602 116.876C233.801 117.313 238.045 113.037 238.045 107.814V15.1318C238.045 9.90863 233.815 5.67442 228.598 5.67442H136.026C130.809 5.67442 126.538 9.92332 126.974 15.1282Z"
+    fill="white"/>
+  <path
+    d="M243.712 183.463C243.712 216.899 216.648 244 183.257 244C149.865 244 122.801 216.88 122.801 183.463C122.801 150.047 149.865 122.946 183.257 122.946C216.648 122.946 243.712 150.027 243.712 183.463Z"
+    fill="white"/>
+  <path
+    d="M16.0586 135.24C10.8416 135.24 6.61235 139.475 6.61235 144.698V227.922C6.61235 233.146 10.8416 237.38 16.0586 237.38H99.1853C104.402 237.38 108.632 233.146 108.632 227.922V144.698C108.632 139.475 104.402 135.24 99.1853 135.24H16.0586Z"
+    fill="white"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M635.263 53.375C598.067 53.375 568.412 82.6992 568.412 120.496C568.412 158.119 598.05 187.618 635.263 187.618C672.476 187.618 702.305 158.294 702.305 120.496C702.305 82.6992 672.458 53.375 635.263 53.375ZM635.28 78.0792C658.667 78.0792 676.899 95.6005 676.899 120.496C676.899 145.201 658.667 162.722 635.28 162.722C611.894 162.722 593.662 145.392 593.662 120.496C593.662 95.6005 611.894 78.0792 635.28 78.0792ZM427.188 99.2983C427.188 123.462 408.033 142.64 383.166 142.64H360.511V178.641C360.511 182.18 357.655 185.039 354.12 185.039H341.495C337.96 185.039 335.105 182.18 335.105 178.641V62.3553C335.105 58.8162 337.96 55.957 341.495 55.957H383.166C408.033 55.957 427.188 75.1346 427.188 99.2983ZM401.955 99.2983C401.955 88.0533 394.032 79.7546 383.166 79.7546H360.511V118.842H383.166C394.032 118.842 401.955 110.352 401.955 99.2983ZM497 140.234H477.671V178.641C477.671 182.18 474.815 185.039 471.28 185.039H458.655C455.12 185.039 452.264 182.18 452.264 178.641V62.3553C452.264 58.8162 455.12 55.957 458.655 55.957H503.826C527.578 55.957 546.733 75.1346 546.733 98.7404C546.733 114.972 536.598 129.529 521.866 136.363L545.462 176.601C547.656 180.332 544.957 185.039 540.638 185.039H526.655C524.374 185.039 522.267 183.819 521.117 181.849L497 140.234ZM477.671 117.918H503.826C513.403 117.918 521.326 109.428 521.326 98.7404C521.326 88.0533 513.403 79.7546 503.826 79.7546H477.671V117.918ZM789.443 181.919L766.248 143.006L743.053 181.919C741.904 183.854 739.814 185.039 737.568 185.039H722.313C717.977 185.039 715.278 180.297 717.507 176.566L751.882 118.842L719.527 64.43C717.298 60.6991 719.997 55.957 724.333 55.957H739.588C741.834 55.957 743.924 57.1425 745.091 59.0777L766.248 94.6783L787.406 59.0777C788.555 57.1425 790.644 55.957 792.908 55.957H808.145C812.481 55.957 815.18 60.6991 812.951 64.43L780.614 118.65L815.163 176.566C817.392 180.297 814.71 185.039 810.357 185.039H794.928C792.682 185.039 790.592 183.854 789.443 181.919ZM874.543 178.641V62.3553C874.543 58.8162 871.688 55.957 868.153 55.957H855.528C851.993 55.957 849.137 58.8162 849.137 62.3553V178.641C849.137 182.18 851.993 185.039 855.528 185.039H868.153C871.688 185.039 874.543 182.18 874.543 178.641ZM941.43 80.2951V110.909H985.138C988.673 110.909 991.529 113.769 991.529 117.308V128.849C991.529 132.388 988.673 135.248 985.138 135.248H941.43V178.641C941.43 182.18 938.574 185.039 935.039 185.039H922.414C918.879 185.039 916.023 182.18 916.023 178.641V62.3553C916.023 58.8162 918.879 55.957 922.414 55.957H986.618C990.153 55.957 993.009 58.8162 993.009 62.3553V73.8967C993.009 77.4359 990.153 80.2951 986.618 80.2951H941.447H941.43ZM1066.2 98.5486L1087.34 59.3218C1088.45 57.2471 1090.61 55.957 1092.96 55.957H1107.4C1111.63 55.957 1114.33 60.4899 1112.33 64.2208L1049.03 181.675C1047.91 183.749 1045.75 185.039 1043.4 185.039H1028.97C1024.74 185.039 1022.04 180.507 1024.04 176.776L1052.39 124.177L1020.07 64.2208C1018.07 60.4899 1020.76 55.957 1025 55.957H1039.43C1041.78 55.957 1043.94 57.2471 1045.06 59.3218L1066.2 98.5486Z"
+        fill="white"/>
+</svg>
diff --git a/src/public/images/partners/proxify-hero.jpg b/src/public/images/partners/proxify-hero.jpg
new file mode 100644
index 0000000000..f08a9e9941
Binary files /dev/null and b/src/public/images/partners/proxify-hero.jpg differ
diff --git a/src/public/images/partners/proxify.svg b/src/public/images/partners/proxify.svg
new file mode 100644
index 0000000000..79f62e805e
--- /dev/null
+++ b/src/public/images/partners/proxify.svg
@@ -0,0 +1,17 @@
+<svg width="1113" height="244" viewBox="0 0 1113 244" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M60.4558 121.054C93.8469 121.054 120.912 93.9491 120.912 60.5271C120.912 27.1051 93.8469 0 60.4558 0C27.0646 0 0 27.1051 0 60.5271C0 93.9491 27.0646 121.054 60.4558 121.054Z"
+    fill="#15172F"/>
+  <path
+    d="M126.974 15.1282C131.508 69.1962 174.572 112.337 228.602 116.876C233.801 117.313 238.045 113.037 238.045 107.814V15.1318C238.045 9.90863 233.815 5.67442 228.598 5.67442H136.026C130.809 5.67442 126.538 9.92332 126.974 15.1282Z"
+    fill="#15172F"/>
+  <path
+    d="M243.712 183.463C243.712 216.899 216.648 244 183.257 244C149.865 244 122.801 216.88 122.801 183.463C122.801 150.047 149.865 122.946 183.257 122.946C216.648 122.946 243.712 150.027 243.712 183.463Z"
+    fill="#15172F"/>
+  <path
+    d="M16.0586 135.24C10.8416 135.24 6.61235 139.475 6.61235 144.698V227.922C6.61235 233.146 10.8416 237.38 16.0586 237.38H99.1853C104.402 237.38 108.632 233.146 108.632 227.922V144.698C108.632 139.475 104.402 135.24 99.1853 135.24H16.0586Z"
+    fill="#15172F"/>
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M635.263 53.375C598.067 53.375 568.412 82.6992 568.412 120.496C568.412 158.119 598.05 187.618 635.263 187.618C672.476 187.618 702.305 158.294 702.305 120.496C702.305 82.6992 672.458 53.375 635.263 53.375ZM635.28 78.0792C658.667 78.0792 676.899 95.6005 676.899 120.496C676.899 145.201 658.667 162.722 635.28 162.722C611.894 162.722 593.662 145.392 593.662 120.496C593.662 95.6005 611.894 78.0792 635.28 78.0792ZM427.188 99.2983C427.188 123.462 408.033 142.64 383.166 142.64H360.511V178.641C360.511 182.18 357.655 185.039 354.12 185.039H341.495C337.96 185.039 335.105 182.18 335.105 178.641V62.3553C335.105 58.8162 337.96 55.957 341.495 55.957H383.166C408.033 55.957 427.188 75.1346 427.188 99.2983ZM401.955 99.2983C401.955 88.0533 394.032 79.7546 383.166 79.7546H360.511V118.842H383.166C394.032 118.842 401.955 110.352 401.955 99.2983ZM497 140.234H477.671V178.641C477.671 182.18 474.815 185.039 471.28 185.039H458.655C455.12 185.039 452.264 182.18 452.264 178.641V62.3553C452.264 58.8162 455.12 55.957 458.655 55.957H503.826C527.578 55.957 546.733 75.1346 546.733 98.7404C546.733 114.972 536.598 129.529 521.866 136.363L545.462 176.601C547.656 180.332 544.957 185.039 540.638 185.039H526.655C524.374 185.039 522.267 183.819 521.117 181.849L497 140.234ZM477.671 117.918H503.826C513.403 117.918 521.326 109.428 521.326 98.7404C521.326 88.0533 513.403 79.7546 503.826 79.7546H477.671V117.918ZM789.443 181.919L766.248 143.006L743.053 181.919C741.904 183.854 739.814 185.039 737.568 185.039H722.313C717.977 185.039 715.278 180.297 717.507 176.566L751.882 118.842L719.527 64.43C717.298 60.6991 719.997 55.957 724.333 55.957H739.588C741.834 55.957 743.924 57.1425 745.091 59.0777L766.248 94.6783L787.406 59.0777C788.555 57.1425 790.644 55.957 792.908 55.957H808.145C812.481 55.957 815.18 60.6991 812.951 64.43L780.614 118.65L815.163 176.566C817.392 180.297 814.71 185.039 810.357 185.039H794.928C792.682 185.039 790.592 183.854 789.443 181.919ZM874.543 178.641V62.3553C874.543 58.8162 871.688 55.957 868.153 55.957H855.528C851.993 55.957 849.137 58.8162 849.137 62.3553V178.641C849.137 182.18 851.993 185.039 855.528 185.039H868.153C871.688 185.039 874.543 182.18 874.543 178.641ZM941.43 80.2951V110.909H985.138C988.673 110.909 991.529 113.769 991.529 117.308V128.849C991.529 132.388 988.673 135.248 985.138 135.248H941.43V178.641C941.43 182.18 938.574 185.039 935.039 185.039H922.414C918.879 185.039 916.023 182.18 916.023 178.641V62.3553C916.023 58.8162 918.879 55.957 922.414 55.957H986.618C990.153 55.957 993.009 58.8162 993.009 62.3553V73.8967C993.009 77.4359 990.153 80.2951 986.618 80.2951H941.447H941.43ZM1066.2 98.5486L1087.34 59.3218C1088.45 57.2471 1090.61 55.957 1092.96 55.957H1107.4C1111.63 55.957 1114.33 60.4899 1112.33 64.2208L1049.03 181.675C1047.91 183.749 1045.75 185.039 1043.4 185.039H1028.97C1024.74 185.039 1022.04 180.507 1024.04 176.776L1052.39 124.177L1020.07 64.2208C1018.07 60.4899 1020.76 55.957 1025 55.957H1039.43C1041.78 55.957 1043.94 57.2471 1045.06 59.3218L1066.2 98.5486Z"
+        fill="#15172F"/>
+</svg>
diff --git a/src/public/images/partners/rangle.png b/src/public/images/partners/rangle.png
deleted file mode 100644
index 6994d7cd7e..0000000000
Binary files a/src/public/images/partners/rangle.png and /dev/null differ
diff --git a/src/public/images/partners/redberry-hero.jpg b/src/public/images/partners/redberry-hero.jpg
new file mode 100644
index 0000000000..d045814447
Binary files /dev/null and b/src/public/images/partners/redberry-hero.jpg differ
diff --git a/src/public/images/partners/redberry.png b/src/public/images/partners/redberry.png
new file mode 100644
index 0000000000..1e2ff563cd
Binary files /dev/null and b/src/public/images/partners/redberry.png differ
diff --git a/src/public/images/partners/tighten-dark.svg b/src/public/images/partners/tighten-dark.svg
new file mode 100644
index 0000000000..570f99ac77
--- /dev/null
+++ b/src/public/images/partners/tighten-dark.svg
@@ -0,0 +1,15 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 864 188.9234">
+  <g>
+    <g id="type" fill="#ffffff">
+      <path id="type_CompoundPathItem_" data-name="type &lt;CompoundPathItem&gt;" d="M193.71,67.6651v83.4585H174.2486V67.6651l-5.6137-5.6145H134.2037V44.4615h99.5511V62.0506H199.3237Z"/>
+      <path id="type_CompoundPathItem_2" data-name="type &lt;CompoundPathItem&gt;" d="M306.8128,135.4044h25.8237v15.7192H248.8038V135.4044h31.4374l4.8652-4.8643V92.3659L280.2412,87.5H248.8038V71.7825h53.1438V130.54Z"/>
+      <path id="type_CompoundPathItem_3" data-name="type &lt;CompoundPathItem&gt;" d="M412.6319,143.8263c-4.6788,5.0515-14.2219,9.9174-25.6366,9.9174-23.9522,0-40.9806-18.7136-40.9806-42.2915s17.0284-42.29,40.9806-42.29c11.4147,0,20.9578,4.8644,25.6366,9.9175h4.4909V71.97H436.21v74.4752c0,26.0109-21.7072,42.4786-47.9044,42.4786-18.7128,0-33.4962-5.9888-42.8521-16.0934l11.4146-13.4733c7.4853,8.0475,20.0228,13.2861,31.4375,13.2861,18.1513,0,28.8174-9.73,28.8174-25.2623v-3.5542ZM417.4971,119.5V103.4063C410.76,93.8632,401.9651,86.19,389.6147,86.19c-14.7826,0-23.9523,11.04-23.9523,25.2623s9.17,25.2623,23.9523,25.2623C401.9651,136.7145,410.76,129.0429,417.4971,119.5Z"/>
+      <path id="type_CompoundPathItem_4" data-name="type &lt;CompoundPathItem&gt;" d="M482.3348,151.1236H463.2477V36.4156h19.0871V80.7641h4.4908a34.1458,34.1458,0,0,1,25.6366-11.6018c18.7128,0,32.1853,11.4147,32.1853,32.56v49.4017H525.5612V105.8393c0-11.04-3.5559-19.2751-15.9063-19.2751-11.2275,0-20.022,10.1062-27.32,21.3337Z"/>
+      <path id="type_CompoundPathItem_5" data-name="type &lt;CompoundPathItem&gt;" d="M577.4013,87.8743H558.6886V71.7825h23.3907V44.4615h19.2742v27.321H640.65V87.8743H605.8444l-4.678,4.6788V114.26c0,13.66,5.0523,22.2678,18.1505,22.2678,11.6026,0,18.3385-6.1744,26.3852-16.84l11.4146,13.099c-9.1688,12.91-23.0164,20.9578-37.9861,20.9578-21.7072,0-37.0513-11.2275-37.0513-36.8641V92.5531Z"/>
+      <path id="type_CompoundPathItem_6" data-name="type &lt;CompoundPathItem&gt;" d="M717.193,153.7437c-28.2559,0-47.53-18.3393-47.53-42.2915s19.2742-42.29,45.2843-42.29c31.6246,0,46.0337,24.888,46.0337,48.84h-67.74l-3.7423,2.62c3.5551,8.6074,12.35,15.9047,27.6945,15.9047,11.4146,0,21.3321-3.7414,31.8118-11.6018l9.356,12.7248C744.5131,148.6906,730.8535,153.7437,717.193,153.7437Zm19.4614-50.5246,1.6835-3.93C734.4085,91.9916,725.8,86.19,714.9472,86.19c-10.6661,0-20.7707,5.0531-25.0752,14.5963l3.3688,2.4329Z"/>
+      <path id="type_CompoundPathItem_7" data-name="type &lt;CompoundPathItem&gt;" d="M801.6873,151.1236H782.6V71.7825h19.0871v8.9816h4.4908a34.1458,34.1458,0,0,1,25.6366-11.6018c18.7128,0,32.1853,11.4147,32.1853,32.56v49.4017H844.9137V105.8393c0-11.04-3.5558-19.2751-15.9063-19.2751-11.2275,0-20.022,10.1062-27.32,21.3337Z"/>
+      <rect id="type_PathItem_" data-name="type &lt;PathItem&gt;" x="281.0028" y="36.4156" width="21.1679" height="21.1679"/>
+    </g>
+    <polygon id="logoMark" points="71.986 44.467 60.893 33.762 60.893 0 43.774 0 43.774 33.681 32.585 44.467 0 44.467 0 62.028 32.663 62.028 43.774 72.726 43.774 106.38 60.893 106.38 60.893 72.725 71.986 62.028 104.877 62.028 104.877 44.467 71.986 44.467" style="fill: #ffbc00"/>
+  </g>
+</svg>
diff --git a/src/public/images/partners/tighten-hero.jpg b/src/public/images/partners/tighten-hero.jpg
new file mode 100644
index 0000000000..f09378b186
Binary files /dev/null and b/src/public/images/partners/tighten-hero.jpg differ
diff --git a/src/public/images/partners/tighten.svg b/src/public/images/partners/tighten.svg
new file mode 100644
index 0000000000..d1edb27b09
--- /dev/null
+++ b/src/public/images/partners/tighten.svg
@@ -0,0 +1,15 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 864 188.9234">
+  <g>
+    <g id="type">
+      <path id="type_CompoundPathItem_" data-name="type &lt;CompoundPathItem&gt;" d="M193.71,67.6651v83.4585H174.2486V67.6651l-5.6137-5.6145H134.2037V44.4615h99.5511V62.0506H199.3237Z"/>
+      <path id="type_CompoundPathItem_2" data-name="type &lt;CompoundPathItem&gt;" d="M306.8128,135.4044h25.8237v15.7192H248.8038V135.4044h31.4374l4.8652-4.8643V92.3659L280.2412,87.5H248.8038V71.7825h53.1438V130.54Z"/>
+      <path id="type_CompoundPathItem_3" data-name="type &lt;CompoundPathItem&gt;" d="M412.6319,143.8263c-4.6788,5.0515-14.2219,9.9174-25.6366,9.9174-23.9522,0-40.9806-18.7136-40.9806-42.2915s17.0284-42.29,40.9806-42.29c11.4147,0,20.9578,4.8644,25.6366,9.9175h4.4909V71.97H436.21v74.4752c0,26.0109-21.7072,42.4786-47.9044,42.4786-18.7128,0-33.4962-5.9888-42.8521-16.0934l11.4146-13.4733c7.4853,8.0475,20.0228,13.2861,31.4375,13.2861,18.1513,0,28.8174-9.73,28.8174-25.2623v-3.5542ZM417.4971,119.5V103.4063C410.76,93.8632,401.9651,86.19,389.6147,86.19c-14.7826,0-23.9523,11.04-23.9523,25.2623s9.17,25.2623,23.9523,25.2623C401.9651,136.7145,410.76,129.0429,417.4971,119.5Z"/>
+      <path id="type_CompoundPathItem_4" data-name="type &lt;CompoundPathItem&gt;" d="M482.3348,151.1236H463.2477V36.4156h19.0871V80.7641h4.4908a34.1458,34.1458,0,0,1,25.6366-11.6018c18.7128,0,32.1853,11.4147,32.1853,32.56v49.4017H525.5612V105.8393c0-11.04-3.5559-19.2751-15.9063-19.2751-11.2275,0-20.022,10.1062-27.32,21.3337Z"/>
+      <path id="type_CompoundPathItem_5" data-name="type &lt;CompoundPathItem&gt;" d="M577.4013,87.8743H558.6886V71.7825h23.3907V44.4615h19.2742v27.321H640.65V87.8743H605.8444l-4.678,4.6788V114.26c0,13.66,5.0523,22.2678,18.1505,22.2678,11.6026,0,18.3385-6.1744,26.3852-16.84l11.4146,13.099c-9.1688,12.91-23.0164,20.9578-37.9861,20.9578-21.7072,0-37.0513-11.2275-37.0513-36.8641V92.5531Z"/>
+      <path id="type_CompoundPathItem_6" data-name="type &lt;CompoundPathItem&gt;" d="M717.193,153.7437c-28.2559,0-47.53-18.3393-47.53-42.2915s19.2742-42.29,45.2843-42.29c31.6246,0,46.0337,24.888,46.0337,48.84h-67.74l-3.7423,2.62c3.5551,8.6074,12.35,15.9047,27.6945,15.9047,11.4146,0,21.3321-3.7414,31.8118-11.6018l9.356,12.7248C744.5131,148.6906,730.8535,153.7437,717.193,153.7437Zm19.4614-50.5246,1.6835-3.93C734.4085,91.9916,725.8,86.19,714.9472,86.19c-10.6661,0-20.7707,5.0531-25.0752,14.5963l3.3688,2.4329Z"/>
+      <path id="type_CompoundPathItem_7" data-name="type &lt;CompoundPathItem&gt;" d="M801.6873,151.1236H782.6V71.7825h19.0871v8.9816h4.4908a34.1458,34.1458,0,0,1,25.6366-11.6018c18.7128,0,32.1853,11.4147,32.1853,32.56v49.4017H844.9137V105.8393c0-11.04-3.5558-19.2751-15.9063-19.2751-11.2275,0-20.022,10.1062-27.32,21.3337Z"/>
+      <rect id="type_PathItem_" data-name="type &lt;PathItem&gt;" x="281.0028" y="36.4156" width="21.1679" height="21.1679"/>
+    </g>
+    <polygon id="logoMark" points="71.986 44.467 60.893 33.762 60.893 0 43.774 0 43.774 33.681 32.585 44.467 0 44.467 0 62.028 32.663 62.028 43.774 72.726 43.774 106.38 60.893 106.38 60.893 72.725 71.986 62.028 104.877 62.028 104.877 44.467 71.986 44.467" style="fill: #ffbc00"/>
+  </g>
+</svg>
diff --git a/src/public/images/partners/vehikl-dark.svg b/src/public/images/partners/vehikl-dark.svg
new file mode 100644
index 0000000000..3636970c36
--- /dev/null
+++ b/src/public/images/partners/vehikl-dark.svg
@@ -0,0 +1,11 @@
+<svg width="160" height="40" viewBox="0 0 160 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_0_3)">
+<path d="M143.911 32.667V7.015H150.933V26.719H159.667V32.719H135.185L127.304 21.185V32.72H120.348V7.022H127.304V18.696L135.452 7.022H143.637L134.111 19.556L143.911 32.666V32.667ZM51.756 32.719L40.948 7.022H48.415L53.57 21.392C53.867 22.533 54.156 23.682 54.43 24.83L54.963 22.711C55.126 22.081 55.244 21.644 55.333 21.393L60.444 7.023H67.911L57.111 32.719H51.756ZM67.948 32.719V7.022H83.733V12.652H74.793V17.112H83.741V22.622H74.793V26.956H83.733V32.719H67.948ZM85.726 32.719V7.022H92.741V17.007H102.111V7.022H109.148V32.72H102.111V22.26H92.741V32.72H85.719H85.726V32.719ZM111.193 32.719V7.022H118.289V32.72H111.193V32.719Z" fill="white"/>
+<path d="M7.46701 40C3.68901 40 0.740008 36.963 0.740008 33.104V6.889C0.719044 5.92831 0.903745 4.97424 1.28172 4.09078C1.6597 3.20732 2.22222 2.4149 2.93154 1.76665C3.64087 1.11841 4.48061 0.629334 5.39445 0.332225C6.30828 0.0351157 7.27508 -0.0631563 8.23001 0.0439997L29.704 2.37C32.8 2.704 35.23 5.726 35.23 9.237V30.748C35.23 34.259 32.8 37.281 29.704 37.615L8.22201 39.955C7.96901 39.985 7.71401 40 7.45901 40H7.46701V40ZM7.46701 3.274C5.50401 3.274 4.02201 4.83 4.02201 6.904V33.104C4.02201 35.17 5.50401 36.734 7.46701 36.734C7.60001 36.734 7.74101 36.719 7.87401 36.704L29.341 34.37C30.748 34.222 31.941 32.563 31.941 30.756V9.244C31.941 7.437 30.756 5.785 29.341 5.63L7.87401 3.296C7.73883 3.28139 7.60297 3.27405 7.46701 3.274V3.274ZM27.11 11.92C27.332 13.194 26.888 14.497 25.947 15.179C25.777 15.305 25.784 15.46 25.777 15.645C25.7634 16.8367 25.527 18.0153 25.08 19.12C24.4789 20.5509 23.4109 21.7359 22.05 22.482C20.977 23.097 19.806 23.505 18.643 23.964C18.118 24.186 17.606 24.431 17.088 24.69C16.332 25.068 15.962 25.734 15.925 26.638C15.903 27.031 15.962 27.305 16.295 27.564C17.303 28.364 17.673 29.512 17.406 30.868C17.3063 31.4977 17.0353 32.0879 16.6225 32.5738C16.2098 33.0597 15.6713 33.4227 15.066 33.623C14.3413 33.8808 13.5448 33.8473 12.8442 33.5297C12.1437 33.2121 11.5937 32.635 11.31 31.92C11.0101 31.1645 10.965 30.3317 11.1816 29.5481C11.3982 28.7646 11.8646 28.0732 12.51 27.579C12.658 27.46 12.703 27.357 12.703 27.164V12.824C12.708 12.7456 12.6922 12.6673 12.657 12.597C12.6219 12.5267 12.5688 12.467 12.503 12.424C11.9848 12.0396 11.5789 11.5236 11.3275 10.9294C11.076 10.3352 10.9881 9.68459 11.073 9.045C11.1044 8.41626 11.3353 7.81386 11.7321 7.32516C12.1289 6.83645 12.6711 6.48684 13.28 6.327C14.806 5.867 16.48 6.771 17.177 8.364C17.843 9.897 17.399 11.712 16.11 12.601C15.992 12.675 15.918 12.749 15.918 12.92V21.334L15.932 21.527C16.14 21.431 16.325 21.334 16.525 21.26C17.488 20.89 18.451 20.542 19.399 20.164C19.9163 19.9572 20.4209 19.7197 20.91 19.453C22.118 18.786 22.755 17.675 22.91 16.208L22.955 15.475C22.9665 15.3983 22.9559 15.3199 22.9244 15.249C22.8928 15.1782 22.8417 15.1178 22.777 15.075C22.1786 14.5722 21.7596 13.8887 21.5832 13.1273C21.4069 12.3658 21.4826 11.5677 21.799 10.853C22.0335 10.2972 22.4505 9.83796 22.9812 9.55107C23.5119 9.26419 24.1245 9.16681 24.718 9.275C25.955 9.527 26.888 10.697 27.11 11.92V11.92ZM24.37 14.075C25.147 14.112 25.784 13.408 25.777 12.52C25.777 11.645 25.155 10.89 24.384 10.845C23.599 10.801 22.962 11.49 22.962 12.379C22.962 13.275 23.592 14.031 24.369 14.075H24.37ZM14.34 11.386C15.214 11.431 15.918 10.697 15.918 9.756C15.918 8.831 15.206 8.008 14.332 7.949C13.436 7.882 12.702 8.601 12.702 9.557C12.702 10.52 13.443 11.334 14.34 11.387V11.386ZM14.34 32.038C15.214 31.964 15.918 31.149 15.918 30.208C15.918 29.275 15.199 28.549 14.325 28.601C13.8778 28.6472 13.464 28.859 13.1651 29.1949C12.8662 29.5308 12.7039 29.9664 12.71 30.416C12.71 31.379 13.45 32.12 14.34 32.046V32.038V32.038Z" fill="#E16701"/>
+</g>
+<defs>
+<clipPath id="clip0_0_3">
+<rect width="160" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/public/images/partners/vehikl-hero.jpg b/src/public/images/partners/vehikl-hero.jpg
new file mode 100644
index 0000000000..b8b5953119
Binary files /dev/null and b/src/public/images/partners/vehikl-hero.jpg differ
diff --git a/src/public/images/partners/vehikl.png b/src/public/images/partners/vehikl.png
deleted file mode 100644
index 65dcf5195f..0000000000
Binary files a/src/public/images/partners/vehikl.png and /dev/null differ
diff --git a/src/public/images/partners/vehikl.svg b/src/public/images/partners/vehikl.svg
new file mode 100644
index 0000000000..2746f8d667
--- /dev/null
+++ b/src/public/images/partners/vehikl.svg
@@ -0,0 +1 @@
+<svg width="160" height="40" viewBox="0 0 160 40" xmlns="http://www.w3.org/2000/svg"><title>vehikl</title><g fill-rule="nonzero" fill="none"><path d="M143.911 32.667V7.015h7.022v19.704h8.734v6h-24.482l-7.881-11.534V32.72h-6.956V7.022h6.956v11.674l8.148-11.674h8.185l-9.526 12.534 9.8 13.11zm-92.155.052L40.948 7.022h7.467l5.155 14.37c.297 1.141.586 2.29.86 3.438l.533-2.119c.163-.63.281-1.067.37-1.318l5.111-14.37h7.467l-10.8 25.696h-5.355zm16.192 0V7.022h15.785v5.63h-8.94v4.46h8.948v5.51h-8.948v4.334h8.94v5.763H67.948zm17.778 0V7.022h7.015v9.985h9.37V7.022h7.037V32.72h-7.037v-10.46h-9.37v10.46h-7.022.007zm25.467 0V7.022h7.096V32.72h-7.096z" fill="#000"/><path d="M7.467 40C3.689 40 .74 36.963.74 33.104V6.889A6.74 6.74 0 0 1 8.23.044L29.704 2.37c3.096.334 5.526 3.356 5.526 6.867v21.511c0 3.511-2.43 6.533-5.526 6.867l-21.482 2.34c-.253.03-.508.045-.763.045h.008zm0-36.726c-1.963 0-3.445 1.556-3.445 3.63v26.2c0 2.066 1.482 3.63 3.445 3.63.133 0 .274-.015.407-.03l21.467-2.334c1.407-.148 2.6-1.807 2.6-3.614V9.244c0-1.807-1.185-3.459-2.6-3.614L7.874 3.296a3.8 3.8 0 0 0-.407-.022zM27.11 11.92c.222 1.274-.222 2.577-1.163 3.259-.17.126-.163.281-.17.466a9.556 9.556 0 0 1-.697 3.475 6.867 6.867 0 0 1-3.03 3.362c-1.073.615-2.244 1.023-3.407 1.482-.525.222-1.037.467-1.555.726-.756.378-1.126 1.044-1.163 1.948-.022.393.037.667.37.926 1.008.8 1.378 1.948 1.111 3.304a3.474 3.474 0 0 1-2.34 2.755 2.97 2.97 0 0 1-3.756-1.703 3.733 3.733 0 0 1 1.2-4.341c.148-.119.193-.222.193-.415v-14.34a.444.444 0 0 0-.2-.4 3.615 3.615 0 0 1-1.43-3.379 2.963 2.963 0 0 1 2.207-2.718c1.526-.46 3.2.444 3.897 2.037.666 1.533.222 3.348-1.067 4.237-.118.074-.192.148-.192.319v8.414l.014.193c.208-.096.393-.193.593-.267.963-.37 1.926-.718 2.874-1.096a14.049 14.049 0 0 0 1.511-.711c1.208-.667 1.845-1.778 2-3.245l.045-.733a.407.407 0 0 0-.178-.4 3.607 3.607 0 0 1-.978-4.222 2.652 2.652 0 0 1 2.919-1.578c1.237.252 2.17 1.422 2.392 2.645zm-2.74 2.155c.777.037 1.414-.667 1.407-1.555 0-.875-.622-1.63-1.393-1.675-.785-.044-1.422.645-1.422 1.534 0 .896.63 1.652 1.407 1.696zm-10.03-2.689c.874.045 1.578-.689 1.578-1.63 0-.925-.712-1.748-1.586-1.807-.896-.067-1.63.652-1.63 1.608 0 .963.741 1.777 1.638 1.83zm0 20.652c.874-.074 1.578-.889 1.578-1.83 0-.933-.719-1.659-1.593-1.607a1.8 1.8 0 0 0-1.615 1.815c0 .963.74 1.704 1.63 1.63v-.008z" fill="#E16701"/></g></svg>
\ No newline at end of file
diff --git a/src/public/images/partners/webreinvent-hero.jpg b/src/public/images/partners/webreinvent-hero.jpg
new file mode 100644
index 0000000000..5595b2c693
Binary files /dev/null and b/src/public/images/partners/webreinvent-hero.jpg differ
diff --git a/src/public/images/partners/webreinvent.png b/src/public/images/partners/webreinvent.png
new file mode 100644
index 0000000000..0bdd02c8bb
Binary files /dev/null and b/src/public/images/partners/webreinvent.png differ
diff --git a/src/public/images/sponsors/.gitkeep b/src/public/images/sponsors/.gitkeep
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/src/public/images/sponsors/hbuilder.avif b/src/public/images/sponsors/hbuilder.avif
deleted file mode 100644
index 91ccd515dc..0000000000
Binary files a/src/public/images/sponsors/hbuilder.avif and /dev/null differ
diff --git a/src/public/images/sponsors/hbuilder.png b/src/public/images/sponsors/hbuilder.png
deleted file mode 100644
index d39aadeb9a..0000000000
Binary files a/src/public/images/sponsors/hbuilder.png and /dev/null differ
diff --git a/src/public/logo-uwu.png b/src/public/logo-uwu.png
new file mode 100644
index 0000000000..2dc0f8c280
Binary files /dev/null and b/src/public/logo-uwu.png differ
diff --git a/src/public/rom3.min.js b/src/public/rom3.min.js
new file mode 100644
index 0000000000..fa8b81b14a
--- /dev/null
+++ b/src/public/rom3.min.js
@@ -0,0 +1 @@
+"use strict";function _slicedToArray(n,e){return _arrayWithHoles(n)||_iterableToArrayLimit(n,e)||_unsupportedIterableToArray(n,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(n,e){if(n){if("string"==typeof n)return _arrayLikeToArray(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(n,e):void 0}}function _arrayLikeToArray(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function _iterableToArrayLimit(n,e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(n)){var t=[],r=!0,o=!1,c=void 0;try{for(var i,s=n[Symbol.iterator]();!(r=(i=s.next()).done)&&(t.push(i.value),!e||t.length!==e);r=!0);}catch(n){o=!0,c=n}finally{try{r||null==s.return||s.return()}finally{if(o)throw c}}return t}}function _arrayWithHoles(n){if(Array.isArray(n))return n}!function(l){var n,i="https://devnull.perfops.net/",t="https://rum-cdn.perfops.net/providers",r=3e5,c=3,s="test.resolver.perfops.net",a=3e5,o=2e4,p=6e4,d=3,u=15,f=6e4,h=3,m="desktop",b=Date.now(),g=A(16),e=-1!==function(){}.toString().indexOf("minified")?{logInfo:console.log,logError:console.error}:{logInfo:function(){},logError:function(){}},v=e.logInfo,w=e.logError,y=window.rum?window.rum.key:void 0;function j(n,e,t){m=t,h=Math.min(Math.max(function(n,e){return void 0!==window.rum&&void 0!==window.rum.config&&window.rum.config[e].repeats||n}(n,t),d),u),f=Math.min(Math.max(function(n,e){return void 0!==window.rum&&void 0!==window.rum.config&&window.rum.config[e].interval||n}(e,t),o),p)}function U(n){return Math.max(0,Number(n.toFixed(2)))}function S(t,n){var e=1<arguments.length&&void 0!==n?n:{},r=e.cb,c=void 0===r?function(){}:r,i=e.data,o=e.method,s=void 0===o?"GET":o,a=e.timeout,p=void 0===a?3e3:a,d=e.headers,u=void 0===d?{}:d;return new l(function(n,e){var o=new XMLHttpRequest;o.onload=function(){return n(o)},o.ontimeout=function(){e("timeout")},o.onerror=function(){var n="Unknown error happen when fetching ".concat(t);0!==o.status&&(n="Error happen when fetching ".concat(t,". Status ").concat(o.status,". Response: ").concat(o.statusText)),e(new Error(n))},o.open(s,t),u&&Object.entries(u).forEach(function(n){var e=_slicedToArray(n,2),t=e[0],r=e[1];o.setRequestHeader(t,r)}),o.timeout=p,c(o),o.send(i)})}function A(n){for(var e="abcdefghijklmnopqrstuvwxyz0123456789",t="",r=0;r<n;r++){var o=Math.floor(Math.random()*e.length);t+=e.charAt(o)}return t}function E(n){var e=n.interval?1e3*parseInt(n.interval):f;j(n.repeats?parseInt(n.repeats):h,e,n.mobile?"mobile":"desktop")}function T(){var e=0;setTimeout(function n(){(function(){var r="perfops-rum-clientdns",n=JSON.parse(window.localStorage.getItem(r));if(n&&n.expiry>Date.now())return l.resolve(n.data);for(var o=[],e=0;e<c;e++){var t="https://"+A(16)+"."+s;o.push(S(t))}return new l(function(e,t){l.all(o).then(function(n){var t=[];n.forEach(function(n){var e=JSON.parse(n.response);t.includes(e.resolver)||null===e.resolver||t.push(e.resolver)}),window.localStorage.setItem(r,JSON.stringify({data:t,expiry:Date.now()+a})),e(t)}).catch(function(n){t(n)})})})().then(function(c){(function(){var e="perfops-rum-resources",n=JSON.parse(window.localStorage.getItem(e));return n&&n.expiry>Date.now()?(n.config&&E(n.config),l.resolve(n.data)):S(t,{headers:{"X-Partner-Id":y||"perfops","X-Partner-Hostname":window.location.hostname||"unknown"}}).then(function(n){return JSON.parse(n.response)}).then(function(n){if(!n||!n.data)throw new Error("Empty response.data");return window.localStorage.setItem(e,JSON.stringify({data:n.data,config:n.config,expiry:Date.now()+r})),n.config&&E(n.config),n.data}).catch(function(){return[{id:17,cdnUrl:"https://edgecast-perfops.azureedge.net/500b-bench.jpg",p:0},{id:18,cdnUrl:"https://azure-perfops.azureedge.net/500b-bench.jpg",p:0},{id:89,cdnUrl:"https://25748s.ha.azioncdn.net/500b-az-bench.jpg",p:0},{id:93,cdnUrl:"https://staticperfops.cdn.hoy.sh/500b-bench.jpg",p:0},{id:96,cdnUrl:"https://cdn23602612.ahacdn.me/500b-bench.jpg",p:0},{id:100,cdnUrl:"https://pfps17ssl.cdnvideo.ru/500b-bench.jpg",p:0},{id:55,cdnUrl:"https://perfops.s.llnwi.net/500b-bench.jpg",p:1},{id:66,cdnUrl:"https://vodstreaming01.video.globo.com/500b-bench.jpg",p:0},{id:99,cdnUrl:"https://test-perfops.ecn.zenlayer.net/500b-bench.jpg",p:0},{id:85,cdnUrl:"https://proxy.canary.scrubbingcenter.com/test_image.png",p:0},{id:84,cdnUrl:"https://ultrawaf.canary.scrubbingcenter.com/test_image.png",p:0},{id:74,cdnUrl:"https://test-perfops.haproxy.com/500b-bench.jpg",p:0},{id:58,cdnUrl:"https://perfops-cds.s.llnwi.net/500b-bench.jpg",p:0},{id:72,cdnUrl:"https://rum.perfops.mdb.cdn.orange.com/500b-bench.jpg",p:0},{id:87,cdnUrl:"https://test-perfops.ldgslb.com/500b-bench.jpg",p:1},{id:20,cdnUrl:"https://cdnperf.cachefly.net/500b-bench.jpg",p:1},{id:9,cdnUrl:"https://1596384882.rsc.cdn77.org/500b-bench.jpg",p:1},{id:3,cdnUrl:"https://perfops.cloudflareperf.com/500b-cf-bench.jpg",p:1},{id:7,cdnUrl:"https://cpt96125.shopvoxpopulus.com/pics/500b-bench.jpg",p:1},{id:65,cdnUrl:"https://perfops.glbcdn.net/500b-bench.jpg",p:0},{id:40,cdnUrl:"https://perfops.swiftycdn.net/500b-sw-bench.jpg",p:0},{id:11,cdnUrl:"https://perfops1.b-cdn.net/500b-bunny-bench.jpg",p:1},{id:75,cdnUrl:"https://cdnperf-rum.quantil.com/500b-bench.jpg",p:0},{id:67,cdnUrl:"https://media-edge.1e100cdn.net/pics/500b-bench.jpg",p:0},{id:92,cdnUrl:"https://perfops.byte-test.com/500b-bench.jpg",p:1},{id:98,cdnUrl:"https://perfops2.byte-test.com/500b-bench.jpg",p:0},{id:77,cdnUrl:"https://cdnperf.qwilt.com/500b-bench.jpg",p:0},{id:97,cdnUrl:"https://medianova-cdnvperf.mncdn.com/500b-bench.jpg",p:0},{id:5,cdnUrl:"https://d3888oxgux3fey.cloudfront.net/500b-bench.jpg",p:1},{id:10,cdnUrl:"https://akamai-cdn.perfops.io/500b-bench.jpg",p:1},{id:12,cdnUrl:"https://cdn.jsdelivr.net/gh/jimaek/js-test@1.1/500b-bench.jpg",p:1},{id:83,cdnUrl:"https://medianova-cdnperf.mncdn.com/500b-bench.jpg",p:1},{id:2,cdnUrl:"https://ovh-cdn.perfops.io/500b-bench.jpg",p:1},{id:4,cdnUrl:"https://perfops-static.freetls.fastly.net/500b-bench.jpg",p:1},{id:8,cdnUrl:"https://perfops.gcorelabs.com/500b-bench.jpg",p:1},{id:76,cdnUrl:"https://img.perfops.net/500b-bench.jpg",p:0},{id:94,cdnUrl:"https://rum.perfops.cdb.cdn.orange.com/500b-bench.jpg",p:0},{id:35,cdnUrl:"https://cdn81795137.blazingcdn.net/500b-blz-bench.jpg",p:1},{id:15,cdnUrl:"https://cdnperf-rum.cdnetworks.net/500b-bench.jpg",p:1},{id:14,cdnUrl:"https://perfops.r.worldssl.net/500b-bench.jpg",p:1}]})})().then(function(n){var e={ua:navigator.userAgent,hostname:window.location.hostname,client:y,clientdns:c,platform:m,timeElapsed:0,sessionId:"",version:4},t=[];performance.clearResourceTimings();function r(){var n=t.splice(0,t.length);return function(n){var e=0,t=0;return n.forEach(function(n){n.up?2e3<n.time&&e++:t++}),t+e<n.length}(n)?function(n,e){return n.timeElapsed=Math.round((Date.now()-b)/1e3),n.sessionId=g,S("".concat(i,"/rum/v1"),{data:JSON.stringify({metadata:n,data:e}),method:"POST"}).catch(w)}(e,n):n}function o(n){return!(n.time<3||3e3<n.time)&&(2<=t.push(n)?r():void 0)}return function(n,r){return n.reduce(function(n,t){return n.then(function(e){return r(t).then(function(n){return e.push(n),e})})},l.resolve([]))}(n,function(n){return function(n){var c="".concat(n.cdnUrl,"?t=").concat(Date.now()),e=new URL(c).hostname,i={id:n.id,domain:e,online:navigator&&void 0!==navigator.onLine?Number(navigator.onLine):-1};return S(c).then(function(n){var e=performance.getEntriesByName(c)[0],t=U(e.domainLookupEnd-e.domainLookupStart),r=U(e.connectEnd-e.connectStart),o=0<r?U(e.connectEnd-e.secureConnectionStart):0;return 200<=n.status&&n.status<300&&(i=Object.assign({},i,{up:1,status:n.status,time:Number((e.responseEnd-e.requestStart).toFixed(2)),dnsLookupTime:t,tcpTime:r,sslTime:o,headers:n.getAllResponseHeaders()})),300<=n.status&&n.status<=500&&(i=Object.assign({},i,{up:0,status:n.status,dnsLookupTime:t,tcpTime:r,sslTime:o,headers:n.getAllResponseHeaders()})),i}).catch(function(){return Object.assign({},i,{up:0,status:0})})}(n).then(o)}).then(r)}).then(v,w).then(function(){(e+=1)<h&&setTimeout(n,f)})})},3e3)}j(f,h,"desktop"),n=function(){var n=["bot","headless","google","baidu","bing","msn","duckduckbot","teoma","slurp","yandex","phantomjs","pingdom","ahrefsbot"].join("|");if(new RegExp(n,"i").test(window.navigator.userAgent))console.warn("PerfOps RUM not launching due to suspicious userAgent:",window.navigator.userAgent);else if(void 0!==window.performance){if(performance.onresourcetimingbufferfull=function(){v("clear performance resource buffer"),performance.clearResourceTimings()},"function"==typeof l)return T();!function(n,e){var t=document.createElement("script"),r=!1;t.onreadystatechange=t.onload=function(){r||e(),r=!0},t.setAttribute("src",n),document.body.appendChild(t)}("https://cdn.perfops.net/npm/es6-promise-4.2.4/dist/es6-promise.min.js",function(){l=window.ES6Promise,T()})}},"complete"===document.readyState?n():window.addEventListener("load",n)}(window.Promise);
diff --git a/src/sponsor/index.md b/src/sponsor/index.md
index 15ba0e585f..3b21ef5b0c 100644
--- a/src/sponsor/index.md
+++ b/src/sponsor/index.md
@@ -3,41 +3,47 @@ sidebar: false
 ads: false
 editLink: false
 sponsors: false
-vuejobs: false
 ---
 
 <script setup>
-import SponsorsGroup from '/@theme/components/SponsorsGroup.vue'
+import SponsorsGroup from '@theme/components/SponsorsGroup.vue'
+import { load, data } from '@theme/components/sponsors'
+import { onMounted } from 'vue'
+
+onMounted(load)
 </script>
 
-# Become a Vue.js Sponsor
+# Become a Vue.js Sponsor {#become-a-vue-js-sponsor}
 
 Vue.js is an MIT licensed open source project and completely free to use.
 The tremendous amount of effort needed to maintain such a large ecosystem and develop new features for the project is only made sustainable thanks to the generous financial backing of our sponsors.
 
-## How to Sponsor
+## How to Sponsor {#how-to-sponsor}
 
 Sponsorships can be done via [GitHub Sponsors](https://github.com/sponsors/yyx990803) or [OpenCollective](https://opencollective.com/vuejs). Invoices can be obtained via GitHub's payment system. Both monthly-recurring sponsorships and one-time donations are accepted. Recurring sponsorships are entitled to logo placements as specified in [Sponsorship Tiers](#tier-benefits).
 
-## Sponsoring Vue as a Business
+If you have questions regarding tiers, payment logistics, or sponsor exposure data, please reach out to [sponsor@vuejs.org](mailto:sponsor@vuejs.org?subject=Vue.js%20sponsorship%20inquiry).
+
+## Sponsoring Vue as a Business {#sponsoring-vue-as-a-business}
 
-Sponsoring Vue gives you great exposure to over **1.7 million** Vue developers around the world through our website and GitHub project READMEs. In addition, supporting OSS improves the reputation of your brand, which is an important asset for any company that interacts with developers.
+Sponsoring Vue gives you great exposure to over **2 million** Vue developers around the world through our website and GitHub project READMEs. This not only directly generates leads, but also improves your brand recognition as a business that cares about Open Source. This is an intangible but extremely important asset for companies building products for developers, as it improves your conversion rate.
 
 If you are using Vue to build a revenue-generating product, it makes business sense to sponsor Vue's development: **it ensures the project that your product relies on stays healthy and actively maintained.** The exposure and positive brand image in the Vue community also makes it easier to attract and recruit Vue developers.
 
 If you are building a product where your target customers are developers, you will gain high quality traffic through the sponsorship exposure, since all our visitors are developers. The sponsorship also builds brand recognition and improves conversion.
 
-## Sponsoring Vue as an Individual
+## Sponsoring Vue as an Individual {#sponsoring-vue-as-an-individual}
 
 If you are an individual user and have enjoyed the productivity of using Vue, consider donating as a sign of appreciation - like buying us coffee once in a while. Many of our team members accept sponsorships and donations via GitHub Sponsors. Look for the "Sponsor" button on each team member's profile on our [team page](/about/team).
 
 You can also try to convince your employer to sponsor Vue as a business. This may not be easy, but business sponsorships typically make a much larger impact on the sustainability of OSS projects than individual donations, so you will help us much more if you succeed.
 
-## Tier Benefits
+## Tier Benefits {#tier-benefits}
 
-- **Global Special**:
-  - Limited to one sponsor globally (currently filled).
-  - Exclusive above the fold logo placement on the front page of [vuejs.org](/).
+- **Global Special Sponsor**:
+  - Limited to **one** sponsor globally. <span v-if="!data?.special">Currently vacant. [Get in touch](mailto:sponsor@vuejs.org?subject=Vue.js%20special%20sponsor%20inquiry)!</span><span v-else>(Currently filled)</span>
+  - (Exclusive) **Above the fold** logo placement on the front page of [vuejs.org](/).
+  - (Exclusive) Special shoutout and regular retweets of major product launches via [Vue's official X account](https://twitter.com/vuejs) (320k followers).
   - Most prominent logo placement in all locations from tiers below.
 - **Platinum (USD$2,000/mo)**:
   - Prominent logo placement on the front page of [vuejs.org](/).
@@ -45,34 +51,34 @@ You can also try to convince your employer to sponsor Vue as a business. This ma
   - Prominent logo placement in the README of [`vuejs/core`](https://github.com/vuejs/core) and [`vuejs/vue`](https://github.com/vuejs/core).
 - **Gold (USD$500/mo)**:
   - Large logo placement on the front page of [vuejs.org](/).
-  - Large Logo placement in the README of `vuejs/core` and `vuejs/vue`.
-- **Silver (USD$500/mo)**:
+  - Large logo placement in the README of `vuejs/core` and `vuejs/vue`.
+- **Silver (USD$250/mo)**:
   - Medium logo placement in the `BACKERS.md` file of `vuejs/core` and `vuejs/vue`.
-- **Bronze (USD$500/mo)**:
+- **Bronze (USD$100/mo)**:
   - Small logo placement in the `BACKERS.md` file of `vuejs/core` and `vuejs/vue`.
 - **Generous Backer (USD$50/mo)**:
   - Name listed in the `BACKERS.md` file of `vuejs/core` and `vuejs/vue`, above other individual backers.
 - **Individual Backer (USD$5/mo)**:
   - Name listed in the `BACKERS.md` file of `vuejs/core` and `vuejs/vue`.
 
-## Current Sponsors
+## Current Sponsors {#current-sponsors}
 
-### Special Global Sponsor
+### Special Global Sponsor {#special-global-sponsor}
 
 <SponsorsGroup tier="special" placement="page" />
 
-### Platinum
+### Platinum {#platinum}
 
 <SponsorsGroup tier="platinum" placement="page" />
 
-### Platinum (China)
+### Platinum (China) {#platinum-china}
 
 <SponsorsGroup tier="platinum_china" placement="page" />
 
-### Gold
+### Gold {#gold}
 
 <SponsorsGroup tier="gold" placement="page" />
 
-### Silver
+### Silver {#silver}
 
 <SponsorsGroup tier="silver" placement="page" />
diff --git a/src/style-guide/index.md b/src/style-guide/index.md
index d0595fba0e..8f7b747f60 100644
--- a/src/style-guide/index.md
+++ b/src/style-guide/index.md
@@ -2,10 +2,10 @@
 outline: deep
 ---
 
-# Style Guide
+# Style Guide {#style-guide}
 
-:::warning Status Notice
-The style guide is currently a bit outdated. Most examples are in Options API only, and there are no rules regarding `<script setup>` and Composition API. We are planning to improve it in the future.
+::: warning Note
+This Vue.js Style Guide is outdated and needs to be reviewed. If you have any questions or suggestions, please [open an issue](https://github.com/vuejs/docs/issues/new).
 :::
 
 This is the official style guide for Vue-specific code. If you use Vue in a project, it's a great reference to avoid errors, bikeshedding, and anti-patterns. However, we don't believe that any style guide is ideal for all teams or projects, so mindful deviations are encouraged based on past experience, the surrounding tech stack, and personal values.
@@ -14,21 +14,21 @@ For the most part, we also avoid suggestions about JavaScript or HTML in general
 
 Finally, we've split rules into four categories:
 
-## Rule Categories
+## Rule Categories {#rule-categories}
 
-### Priority A: Essential (Error Prevention)
+### Priority A: Essential (Error Prevention) {#priority-a-essential-error-prevention}
 
 These rules help prevent errors, so learn and abide by them at all costs. Exceptions may exist, but should be very rare and only be made by those with expert knowledge of both JavaScript and Vue.
 
 - [See all priority A rules](./rules-essential)
 
-### Priority B: Strongly Recommended
+### Priority B: Strongly Recommended {#priority-b-strongly-recommended}
 
 These rules have been found to improve readability and/or developer experience in most projects. Your code will still run if you violate them, but violations should be rare and well-justified.
 
 - [See all priority B rules](./rules-strongly-recommended)
 
-### Priority C: Recommended
+### Priority C: Recommended {#priority-c-recommended}
 
 Where multiple, equally good options exist, an arbitrary choice can be made to ensure consistency. In these rules, we describe each acceptable option and suggest a default choice. That means you can feel free to make a different choice in your own codebase, as long as you're consistent and have a good reason. Please do have a good reason though! By adapting to the community standard, you will:
 
@@ -38,7 +38,7 @@ Where multiple, equally good options exist, an arbitrary choice can be made to e
 
 - [See all priority C rules](./rules-recommended)
 
-### Priority D: Use with Caution
+### Priority D: Use with Caution {#priority-d-use-with-caution}
 
 Some features of Vue exist to accommodate rare edge cases or smoother migrations from a legacy code base. When overused however, they can make your code more difficult to maintain or even become a source of bugs. These rules shine a light on potentially risky features, describing when and why they should be avoided.
 
diff --git a/src/style-guide/rules-essential.md b/src/style-guide/rules-essential.md
index d4968bd59b..0872dc499e 100644
--- a/src/style-guide/rules-essential.md
+++ b/src/style-guide/rules-essential.md
@@ -1,8 +1,12 @@
-# Priority A Rules: Essential
+# Priority A Rules: Essential {#priority-a-rules-essential}
+
+::: warning Note
+This Vue.js Style Guide is outdated and needs to be reviewed. If you have any questions or suggestions, please [open an issue](https://github.com/vuejs/docs/issues/new).
+:::
 
 These rules help prevent errors, so learn and abide by them at all costs. Exceptions may exist, but should be very rare and only be made by those with expert knowledge of both JavaScript and Vue.
 
-## Use multi-word component names
+## Use multi-word component names {#use-multi-word-component-names}
 
 User component names should always be multi-word, except for root `App` components. This [prevents conflicts](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name) with existing and future HTML elements, since all HTML elements are a single word.
 
@@ -32,17 +36,19 @@ User component names should always be multi-word, except for root `App` componen
 
 </div>
 
-## Use detailed prop definitions
+## Use detailed prop definitions {#use-detailed-prop-definitions}
 
 In committed code, prop definitions should always be as detailed as possible, specifying at least type(s).
 
 ::: details Detailed Explanation
-Detailed [prop definitions](/guide/components/props.html#prop-validation) have two advantages:
+Detailed [prop definitions](/guide/components/props#prop-validation) have two advantages:
 
 - They document the API of the component, so that it's easy to see how the component is meant to be used.
 - In development, Vue will warn you if a component is ever provided incorrectly formatted props, helping you catch potential sources of error.
   :::
 
+<div class="options-api">
+
 <div class="style-example style-example-bad">
 <h3>Bad</h3>
 
@@ -83,13 +89,59 @@ props: {
 
 </div>
 
-## Use keyed `v-for`
+</div>
+
+<div class="composition-api">
+
+<div class="style-example style-example-bad">
+<h3>Bad</h3>
+
+```js
+// This is only OK when prototyping
+const props = defineProps(['status'])
+```
+
+</div>
+
+<div class="style-example style-example-good">
+<h3>Good</h3>
+
+```js
+const props = defineProps({
+  status: String
+})
+```
+
+```js
+// Even better!
+
+const props = defineProps({
+  status: {
+    type: String,
+    required: true,
+
+    validator: (value) => {
+      return ['syncing', 'synced', 'version-conflict', 'error'].includes(
+        value
+      )
+    }
+  }
+})
+```
+
+</div>
+
+</div>
+
+## Use keyed `v-for` {#use-keyed-v-for}
 
 `key` with `v-for` is _always_ required on components, in order to maintain internal component state down the subtree. Even for elements though, it's a good practice to maintain predictable behavior, such as [object constancy](https://bost.ocks.org/mike/constancy/) in animations.
 
 ::: details Detailed Explanation
 Let's say you have a list of todos:
 
+<div class="options-api">
+
 ```js
 data() {
   return {
@@ -107,6 +159,25 @@ data() {
 }
 ```
 
+</div>
+
+<div class="composition-api">
+
+```js
+const todos = ref([
+  {
+    id: 1,
+    text: 'Learn to use v-for'
+  },
+  {
+    id: 2,
+    text: 'Learn to use key'
+  }
+])
+```
+
+</div>
+
 Then you sort them alphabetically. When updating the DOM, Vue will optimize rendering to perform the cheapest DOM mutations possible. That might mean deleting the first todo element, then adding it again at the end of the list.
 
 The problem is, there are cases where it's important not to delete elements that will remain in the DOM. For example, you may want to use `<transition-group>` to animate list sorting, or maintain focus if the rendered element is an `<input>`. In these cases, adding a unique key for each item (e.g. `:key="todo.id"`) will tell Vue how to behave more predictably.
@@ -143,7 +214,7 @@ In our experience, it's better to _always_ add a unique key, so that you and you
 
 </div>
 
-## Avoid `v-if` with `v-for`
+## Avoid `v-if` with `v-for` {#avoid-v-if-with-v-for}
 
 **Never use `v-if` on the same element as `v-for`.**
 
@@ -172,6 +243,8 @@ Will throw an error, because the `v-if` directive will be evaluated first and th
 
 This could be fixed by iterating over a computed property instead, like this:
 
+<div class="options-api">
+
 ```js
 computed: {
   activeUsers() {
@@ -180,6 +253,18 @@ computed: {
 }
 ```
 
+</div>
+
+<div class="composition-api">
+
+```js
+const activeUsers = computed(() => {
+  return users.filter((user) => user.isActive)
+})
+```
+
+</div>
+
 ```vue-html
 <ul>
   <li
@@ -248,11 +333,11 @@ Alternatively, we can use a `<template>` tag with `v-for` to wrap the `<li>` ele
 
 </div>
 
-## Use component-scoped styling
+## Use component-scoped styling {#use-component-scoped-styling}
 
 For applications, styles in a top-level `App` component and in layout components may be global, but all other components should always be scoped.
 
-This is only relevant for [Single-File Components](/guide/scaling-up/sfc.html). It does _not_ require that the [`scoped` attribute](https://vue-loader.vuejs.org/en/features/scoped-css.html) be used. Scoping could be through [CSS modules](https://vue-loader.vuejs.org/en/features/css-modules.html), a class-based strategy such as [BEM](http://getbem.com/), or another library/convention.
+This is only relevant for [Single-File Components](/guide/scaling-up/sfc). It does _not_ require that the [`scoped` attribute](https://vue-loader.vuejs.org/guide/scoped-css.html) be used. Scoping could be through [CSS modules](https://vue-loader.vuejs.org/guide/css-modules.html), a class-based strategy such as [BEM](http://getbem.com/), or another library/convention.
 
 **Component libraries, however, should prefer a class-based strategy instead of using the `scoped` attribute.**
 
@@ -339,99 +424,3 @@ Beyond the `scoped` attribute, using unique class names can help ensure that 3rd
 ```
 
 </div>
-
-## Avoid exposing private functions in mixins
-
-Always use the `$_` prefix for custom private properties in a plugin, mixin, etc that should not be considered public API. Then to avoid conflicts with code by other authors, also include a named scope (e.g. `$_yourPluginName_`).
-
-::: details Detailed Explanation
-Vue uses the `_` prefix to define its own private properties, so using the same prefix (e.g. `_update`) risks overwriting an instance property. Even if you check and Vue is not currently using a particular property name, there is no guarantee a conflict won't arise in a later version.
-
-As for the `$` prefix, its purpose within the Vue ecosystem is special instance properties that are exposed to the user, so using it for _private_ properties would not be appropriate.
-
-Instead, we recommend combining the two prefixes into `$_`, as a convention for user-defined private properties that guarantee no conflicts with Vue.
-:::
-
-<div class="style-example style-example-bad">
-<h3>Bad</h3>
-
-```js
-const myGreatMixin = {
-  // ...
-  methods: {
-    update() {
-      // ...
-    }
-  }
-}
-```
-
-```js
-const myGreatMixin = {
-  // ...
-  methods: {
-    _update() {
-      // ...
-    }
-  }
-}
-```
-
-```js
-const myGreatMixin = {
-  // ...
-  methods: {
-    $update() {
-      // ...
-    }
-  }
-}
-```
-
-```js
-const myGreatMixin = {
-  // ...
-  methods: {
-    $_update() {
-      // ...
-    }
-  }
-}
-```
-
-</div>
-
-<div class="style-example style-example-good">
-<h3>Good</h3>
-
-```js
-const myGreatMixin = {
-  // ...
-  methods: {
-    $_myGreatMixin_update() {
-      // ...
-    }
-  }
-}
-```
-
-```js
-// Even better!
-const myGreatMixin = {
-  // ...
-  methods: {
-    publicMethod() {
-      // ...
-      myPrivateFunction()
-    }
-  }
-}
-
-function myPrivateFunction() {
-  // ...
-}
-
-export default myGreatMixin
-```
-
-</div>
diff --git a/src/style-guide/rules-recommended.md b/src/style-guide/rules-recommended.md
index c0005be524..26291169ce 100644
--- a/src/style-guide/rules-recommended.md
+++ b/src/style-guide/rules-recommended.md
@@ -1,4 +1,8 @@
-# Priority C Rules: Recommended
+# Priority C Rules: Recommended {#priority-c-rules-recommended}
+
+::: warning Note
+This Vue.js Style Guide is outdated and needs to be reviewed. If you have any questions or suggestions, please [open an issue](https://github.com/vuejs/docs/issues/new).
+:::
 
 Where multiple, equally good options exist, an arbitrary choice can be made to ensure consistency. In these rules, we describe each acceptable option and suggest a default choice. That means you can feel free to make a different choice in your own codebase, as long as you're consistent and have a good reason. Please do have a good reason though! By adapting to the community standard, you will:
 
@@ -6,7 +10,7 @@ Where multiple, equally good options exist, an arbitrary choice can be made to e
 2. Be able to copy and paste most community code examples without modification
 3. Often find new hires are already accustomed to your preferred coding style, at least in regards to Vue
 
-## Component/instance options order
+## Component/instance options order {#component-instance-options-order}
 
 **Component/instance options should be ordered consistently.**
 
@@ -71,7 +75,7 @@ This is the default order we recommend for component options. They're split into
 10. **Rendering** (the declarative description of the component output)
     - `template`/`render`
 
-## Element attribute order
+## Element attribute order {#element-attribute-order}
 
 **The attributes of elements (including components) should be ordered consistently.**
 
@@ -121,14 +125,16 @@ This is the default order we recommend for component options. They're split into
     - `v-html`
     - `v-text`
 
-## Empty lines in component/instance options
+## Empty lines in component/instance options {#empty-lines-in-component-instance-options}
 
 **You may want to add one empty line between multi-line properties, particularly if the options can no longer fit on your screen without scrolling.**
 
 When components begin to feel cramped or difficult to read, adding spaces between multi-line properties can make them easier to skim again. In some editors, such as Vim, formatting options like this can also make them easier to navigate with the keyboard.
 
-<div class="style-example style-example-good">
-<h3>Good</h3>
+<div class="options-api">
+
+<div class="style-example style-example-bad">
+<h3>Bad</h3>
 
 ```js
 props: {
@@ -157,6 +163,11 @@ computed: {
 }
 ```
 
+</div>
+
+<div class="style-example style-example-good">
+<h3>Good</h3>
+
 ```js
 // No spaces are also fine, as long as the component
 // is still easy to read and navigate.
@@ -184,9 +195,71 @@ computed: {
 
 </div>
 
-## Single-file component top-level element order
+</div>
+
+<div class="composition-api">
+
+<div class="style-example style-example-bad">
+<h3>Bad</h3>
+
+```js
+defineProps({
+  value: {
+    type: String,
+    required: true
+  },
+  focused: {
+    type: Boolean,
+    default: false
+  },
+  label: String,
+  icon: String
+})
+const formattedValue = computed(() => {
+  // ...
+})
+const inputClasses = computed(() => {
+  // ...
+})
+```
+
+</div>
+
+<div class="style-example style-example-good">
+<h3>Good</h3>
+
+```js
+defineProps({
+  value: {
+    type: String,
+    required: true
+  },
+
+  focused: {
+    type: Boolean,
+    default: false
+  },
+
+  label: String,
+  icon: String
+})
+
+const formattedValue = computed(() => {
+  // ...
+})
+
+const inputClasses = computed(() => {
+  // ...
+})
+```
+
+</div>
+
+</div>
+
+## Single-file component top-level element order {#single-file-component-top-level-element-order}
 
-**[Single-File Components](/guide/scaling-up/sfc.html) should always order `<script>`, `<template>`, and `<style>` tags consistently, with `<style>` last, because at least one of the other two is always necessary.**
+**[Single-File Components](/guide/scaling-up/sfc) should always order `<script>`, `<template>`, and `<style>` tags consistently, with `<style>` last, because at least one of the other two is always necessary.**
 
 <div class="style-example style-example-bad">
 <h3>Bad</h3>
diff --git a/src/style-guide/rules-strongly-recommended.md b/src/style-guide/rules-strongly-recommended.md
index e4985ae86b..8b5c910d97 100644
--- a/src/style-guide/rules-strongly-recommended.md
+++ b/src/style-guide/rules-strongly-recommended.md
@@ -1,8 +1,12 @@
-# Priority B Rules: Strongly Recommended
+# Priority B Rules: Strongly Recommended {#priority-b-rules-strongly-recommended}
+
+::: warning Note
+This Vue.js Style Guide is outdated and needs to be reviewed. If you have any questions or suggestions, please [open an issue](https://github.com/vuejs/docs/issues/new).
+:::
 
 These rules have been found to improve readability and/or developer experience in most projects. Your code will still run if you violate them, but violations should be rare and well-justified.
 
-## Component files
+## Component files {#component-files}
 
 **Whenever a build system is available to concatenate files, each component should be in its own file.**
 
@@ -40,9 +44,9 @@ components/
 
 </div>
 
-## Single-file component filename casing
+## Single-file component filename casing {#single-file-component-filename-casing}
 
-**Filenames of [Single-File Components](/guide/scaling-up/sfc.html) should either be always PascalCase or always kebab-case.**
+**Filenames of [Single-File Components](/guide/scaling-up/sfc) should either be always PascalCase or always kebab-case.**
 
 PascalCase works best with autocompletion in code editors, as it's consistent with how we reference components in JS(X) and templates, wherever possible. However, mixed case filenames can sometimes create issues on case-insensitive file systems, which is why kebab-case is also perfectly acceptable.
 
@@ -76,7 +80,7 @@ components/
 
 </div>
 
-## Base component names
+## Base component names {#base-component-names}
 
 **Base components (a.k.a. presentational, dumb, or pure components) that apply app-specific styling and conventions should all begin with a specific prefix, such as `Base`, `App`, or `V`.**
 
@@ -156,35 +160,7 @@ components/
 
 </div>
 
-## Single-instance component names
-
-**Components that should only ever have a single active instance should begin with the `The` prefix, to denote that there can be only one.**
-
-This does not mean the component is only used in a single page, but it will only be used once _per page_. These components never accept any props, since they are specific to your app, not their context within your app. If you find the need to add props, it's a good indication that this is actually a reusable component that is only used once per page _for now_.
-
-<div class="style-example style-example-bad">
-<h3>Bad</h3>
-
-```
-components/
-|- Heading.vue
-|- MySidebar.vue
-```
-
-</div>
-
-<div class="style-example style-example-good">
-<h3>Good</h3>
-
-```
-components/
-|- TheHeading.vue
-|- TheSidebar.vue
-```
-
-</div>
-
-## Tightly coupled component names
+## Tightly coupled component names {#tightly-coupled-component-names}
 
 **Child components that are tightly coupled with their parent should include the parent component name as a prefix.**
 
@@ -255,7 +231,7 @@ components/
 
 </div>
 
-## Order of words in component names
+## Order of words in component names {#order-of-words-in-component-names}
 
 **Component names should start with the highest-level (often most general) words and end with descriptive modifying words.**
 
@@ -335,9 +311,9 @@ components/
 
 </div>
 
-## Self-closing components
+## Self-closing components {#self-closing-components}
 
-**Components with no content should be self-closing in [Single-File Components](/guide/scaling-up/sfc.html), string templates, and [JSX](/guide/extras/render-function.html#jsx-tsx) - but never in DOM templates.**
+**Components with no content should be self-closing in [Single-File Components](/guide/scaling-up/sfc), string templates, and [JSX](/guide/extras/render-function#jsx-tsx) - but never in in-DOM templates.**
 
 Components that self-close communicate that they not only have no content, but are **meant** to have no content. It's the difference between a blank page in a book and one labeled "This page intentionally left blank." Your code is also cleaner without the unnecessary closing tag.
 
@@ -352,7 +328,7 @@ Unfortunately, HTML doesn't allow custom elements to be self-closing - only [off
 ```
 
 ```vue-html
-<!-- In DOM templates -->
+<!-- In in-DOM templates -->
 <my-component/>
 ```
 
@@ -367,15 +343,15 @@ Unfortunately, HTML doesn't allow custom elements to be self-closing - only [off
 ```
 
 ```vue-html
-<!-- In DOM templates -->
+<!-- In in-DOM templates -->
 <my-component></my-component>
 ```
 
 </div>
 
-## Component name casing in templates
+## Component name casing in templates {#component-name-casing-in-templates}
 
-**In most projects, component names should always be PascalCase in [Single-File Components](/guide/scaling-up/sfc.html) and string templates - but kebab-case in DOM templates.**
+**In most projects, component names should always be PascalCase in [Single-File Components](/guide/scaling-up/sfc) and string templates - but kebab-case in in-DOM templates.**
 
 PascalCase has a few advantages over kebab-case:
 
@@ -383,7 +359,7 @@ PascalCase has a few advantages over kebab-case:
 - `<MyComponent>` is more visually distinct from a single-word HTML element than `<my-component>`, because there are two character differences (the two capitals), rather than just one (a hyphen).
 - If you use any non-Vue custom elements in your templates, such as a web component, PascalCase ensures that your Vue components remain distinctly visible.
 
-Unfortunately, due to HTML's case insensitivity, DOM templates must still use kebab-case.
+Unfortunately, due to HTML's case insensitivity, in-DOM templates must still use kebab-case.
 
 Also note that if you've already invested heavily in kebab-case, consistency with HTML conventions and being able to use the same casing across all your projects may be more important than the advantages listed above. In those cases, **using kebab-case everywhere is also acceptable.**
 
@@ -401,7 +377,7 @@ Also note that if you've already invested heavily in kebab-case, consistency wit
 ```
 
 ```vue-html
-<!-- In DOM templates -->
+<!-- In in-DOM templates -->
 <MyComponent></MyComponent>
 ```
 
@@ -416,7 +392,7 @@ Also note that if you've already invested heavily in kebab-case, consistency wit
 ```
 
 ```vue-html
-<!-- In DOM templates -->
+<!-- In in-DOM templates -->
 <my-component></my-component>
 ```
 
@@ -429,9 +405,9 @@ OR
 
 </div>
 
-## Component name casing in JS/JSX
+## Component name casing in JS/JSX {#component-name-casing-in-js-jsx}
 
-**Component names in JS/[JSX](/guide/extras/render-function.html#jsx-tsx) should always be PascalCase, though they may be kebab-case inside strings for simpler applications that only use global component registration through `app.component`.**
+**Component names in JS/[JSX](/guide/extras/render-function#jsx-tsx) should always be PascalCase, though they may be kebab-case inside strings for simpler applications that only use global component registration through `app.component`.**
 
 ::: details Detailed Explanation
 In JavaScript, PascalCase is the convention for classes and prototype constructors - essentially, anything that can have distinct instances. Vue components also have instances, so it makes sense to also use PascalCase. As an added benefit, using PascalCase within JSX (and templates) allows readers of the code to more easily distinguish between components and HTML elements.
@@ -499,7 +475,7 @@ export default {
 
 </div>
 
-## Full-word component names
+## Full-word component names {#full-word-component-names}
 
 **Component names should prefer full words over abbreviations.**
 
@@ -527,23 +503,36 @@ components/
 
 </div>
 
-## Prop name casing
-
-**Prop names should always use camelCase during declaration, but kebab-case in templates and [JSX](/guide/extras/render-function.html#jsx-tsx).**
+## Prop name casing {#prop-name-casing}
 
-We're simply following the conventions of each language. Within JavaScript, camelCase is more natural. Within HTML, kebab-case is.
+**Prop names should always use camelCase during declaration. When used inside in-DOM templates, props should be kebab-cased. Single-File Components templates and [JSX](/guide/extras/render-function#jsx-tsx) can use either kebab-case or camelCase props. Casing should be consistent - if you choose to use camelCased props, make sure you don't use kebab-cased ones in your application**
 
 <div class="style-example style-example-bad">
 <h3>Bad</h3>
 
+<div class="options-api">
+
 ```js
 props: {
   'greeting-text': String
 }
 ```
 
+</div>
+
+<div class="composition-api">
+
+```js
+const props = defineProps({
+  'greeting-text': String
+})
+```
+
+</div>
+
 ```vue-html
-<WelcomeMessage greetingText="hi"/>
+// for in-DOM templates
+<welcome-message greetingText="hi"></welcome-message>
 ```
 
 </div>
@@ -551,23 +540,46 @@ props: {
 <div class="style-example style-example-good">
 <h3>Good</h3>
 
+<div class="options-api">
+
 ```js
 props: {
   greetingText: String
 }
 ```
 
+</div>
+
+<div class="composition-api">
+
+```js
+const props = defineProps({
+  greetingText: String
+})
+```
+
+</div>
+
 ```vue-html
+// for SFC - please make sure your casing is consistent throughout the project
+// you can use either convention but we don't recommend mixing two different casing styles
 <WelcomeMessage greeting-text="hi"/>
+// or
+<WelcomeMessage greetingText="hi"/>
+```
+
+```vue-html
+// for in-DOM templates
+<welcome-message greeting-text="hi"></welcome-message>
 ```
 
 </div>
 
-## Multi-attribute elements
+## Multi-attribute elements {#multi-attribute-elements}
 
 **Elements with multiple attributes should span multiple lines, with one attribute per line.**
 
-In JavaScript, splitting objects with multiple properties over multiple lines is widely considered a good convention, because it's much easier to read. Our templates and [JSX](/guide/extras/render-function.html#jsx-tsx) deserve the same consideration.
+In JavaScript, splitting objects with multiple properties over multiple lines is widely considered a good convention, because it's much easier to read. Our templates and [JSX](/guide/extras/render-function#jsx-tsx) deserve the same consideration.
 
 <div class="style-example style-example-bad">
 <h3>Bad</h3>
@@ -602,7 +614,7 @@ In JavaScript, splitting objects with multiple properties over multiple lines is
 
 </div>
 
-## Simple expressions in templates
+## Simple expressions in templates {#simple-expressions-in-templates}
 
 **Component templates should only include simple expressions, with more complex expressions refactored into computed properties or methods.**
 
@@ -629,6 +641,8 @@ Complex expressions in your templates make them less declarative. We should stri
 {{ normalizedFullName }}
 ```
 
+<div class="options-api">
+
 ```js
 // The complex expression has been moved to a computed property
 computed: {
@@ -642,7 +656,23 @@ computed: {
 
 </div>
 
-## Simple computed properties
+<div class="composition-api">
+
+```js
+// The complex expression has been moved to a computed property
+const normalizedFullName = computed(() =>
+  fullName.value
+    .split(' ')
+    .map((word) => word[0].toUpperCase() + word.slice(1))
+    .join(' ')
+)
+```
+
+</div>
+
+</div>
+
+## Simple computed properties {#simple-computed-properties}
 
 **Complex computed properties should be split into as many simpler properties as possible.**
 
@@ -667,6 +697,8 @@ Simpler, well-named computed properties are:
 <div class="style-example style-example-bad">
 <h3>Bad</h3>
 
+<div class="options-api">
+
 ```js
 computed: {
   price() {
@@ -681,9 +713,24 @@ computed: {
 
 </div>
 
+<div class="composition-api">
+
+```js
+const price = computed(() => {
+  const basePrice = manufactureCost.value / (1 - profitMargin.value)
+  return basePrice - basePrice * (discountPercent.value || 0)
+})
+```
+
+</div>
+
+</div>
+
 <div class="style-example style-example-good">
 <h3>Good</h3>
 
+<div class="options-api">
+
 ```js
 computed: {
   basePrice() {
@@ -702,7 +749,25 @@ computed: {
 
 </div>
 
-## Quoted attribute values
+<div class="composition-api">
+
+```js
+const basePrice = computed(
+  () => manufactureCost.value / (1 - profitMargin.value)
+)
+
+const discount = computed(
+  () => basePrice.value * (discountPercent.value || 0)
+)
+
+const finalPrice = computed(() => basePrice.value - discount.value)
+```
+
+</div>
+
+</div>
+
+## Quoted attribute values {#quoted-attribute-values}
 
 **Non-empty HTML attribute values should always be inside quotes (single or double, whichever is not used in JS).**
 
@@ -734,7 +799,7 @@ While attribute values without any spaces are not required to have quotes in HTM
 
 </div>
 
-## Directive shorthands
+## Directive shorthands {#directive-shorthands}
 
 **Directive shorthands (`:` for `v-bind:`, `@` for `v-on:` and `#` for `v-slot`) should be used always or never.**
 
diff --git a/src/style-guide/rules-use-with-caution.md b/src/style-guide/rules-use-with-caution.md
index 297ad57d3e..d8afbc0604 100644
--- a/src/style-guide/rules-use-with-caution.md
+++ b/src/style-guide/rules-use-with-caution.md
@@ -1,8 +1,12 @@
-# Priority D Rules: Use with Caution
+# Priority D Rules: Use with Caution {#priority-d-rules-use-with-caution}
+
+::: warning Note
+This Vue.js Style Guide is outdated and needs to be reviewed. If you have any questions or suggestions, please [open an issue](https://github.com/vuejs/docs/issues/new).
+:::
 
 Some features of Vue exist to accommodate rare edge cases or smoother migrations from a legacy code base. When overused however, they can make your code more difficult to maintain or even become a source of bugs. These rules shine a light on potentially risky features, describing when and why they should be avoided.
 
-## Element selectors with `scoped`
+## Element selectors with `scoped` {#element-selectors-with-scoped}
 
 **Element selectors should be avoided with `scoped`.**
 
@@ -48,7 +52,7 @@ button {
 
 </div>
 
-## Implicit parent-child communication
+## Implicit parent-child communication {#implicit-parent-child-communication}
 
 **Props and events should be preferred for parent-child component communication, instead of `this.$parent` or mutating props.**
 
@@ -56,6 +60,8 @@ An ideal Vue application is props down, events up. Sticking to this convention m
 
 The problem is, there are also many _simple_ cases where these patterns may offer convenience. Beware: do not be seduced into trading simplicity (being able to understand the flow of your state) for short-term convenience (writing less code).
 
+<div class="options-api">
+
 <div class="style-example style-example-bad">
 <h3>Bad</h3>
 
@@ -148,3 +154,102 @@ app.component('TodoItem', {
 ```
 
 </div>
+
+</div>
+
+<div class="composition-api">
+
+<div class="style-example style-example-bad">
+<h3>Bad</h3>
+
+```vue
+<script setup>
+defineProps({
+  todo: {
+    type: Object,
+    required: true
+  }
+})
+</script>
+
+<template>
+  <input v-model="todo.text" />
+</template>
+```
+
+```vue
+<script setup>
+import { getCurrentInstance } from 'vue'
+
+const props = defineProps({
+  todo: {
+    type: Object,
+    required: true
+  }
+})
+
+const instance = getCurrentInstance()
+
+function removeTodo() {
+  const parent = instance.parent
+  if (!parent) return
+
+  parent.props.todos = parent.props.todos.filter((todo) => {
+    return todo.id !== props.todo.id
+  })
+}
+</script>
+
+<template>
+  <span>
+    {{ todo.text }}
+    <button @click="removeTodo">×</button>
+  </span>
+</template>
+```
+
+</div>
+
+<div class="style-example style-example-good">
+<h3>Good</h3>
+
+```vue
+<script setup>
+defineProps({
+  todo: {
+    type: Object,
+    required: true
+  }
+})
+
+const emit = defineEmits(['input'])
+</script>
+
+<template>
+  <input :value="todo.text" @input="emit('input', $event.target.value)" />
+</template>
+```
+
+```vue
+<script setup>
+defineProps({
+  todo: {
+    type: Object,
+    required: true
+  }
+})
+
+const emit = defineEmits(['delete'])
+</script>
+
+<template>
+  <span>
+    {{ todo.text }}
+    <button @click="emit('delete')">×</button>
+  </span>
+</template>
+```
+
+</div>
+
+</div>
diff --git a/src/translations/index.md b/src/translations/index.md
index bf743e2263..e5a84c5298 100644
--- a/src/translations/index.md
+++ b/src/translations/index.md
@@ -2,17 +2,33 @@
 aside: false
 ---
 
-# Translations <sup class="vt-badge wip" />
+# Translations {#translations}
 
-The Vue documentation has recently undergone a major revision, so there are no completed translations in other languages yet.
+## Available Languages {#available-languages}
 
-Translation efforts are managed in the [vuejs-translations](https://github.com/vuejs-translations/) GitHub organization. There are currently the following translations underway. If you want to contribute, you can open an issue to express your interest.
+- [English](https://vuejs.org/) [[source](https://github.com/vuejs/docs)]
+- [简体中文 / Simplified Chinese](https://cn.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-zh-cn)]
+- [日本語 / Japanese](https://ja.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-ja)]
+- [Українська / Ukrainian](https://ua.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-uk)]
+- [Français / French](https://fr.vuejs.org) [[source](https://github.com/vuejs-translations/docs-fr)]
+- [한국어 / Korean](https://ko.vuejs.org) [[source](https://github.com/vuejs-translations/docs-ko)]
+- [Português / Portuguese](https://pt.vuejs.org) [[source](https://github.com/vuejs-translations/docs-pt)]
+- [বাংলা / Bengali](https://bn.vuejs.org) [[source](https://github.com/vuejs-translations/docs-bn)]
+- [Italiano / Italian](https://it.vuejs.org) [[source](https://github.com/vuejs-translations/docs-it)]
+- [فارسی / Persian](https://fa.vuejs.org) [[source](https://github.com/vuejs-translations/docs-fa)]
+- [Русский / Russian](https://ru.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-ru)]
+- [Čeština / Czech](https://cs.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-cs)]
+- [繁體中文 / Traditional Chinese](https://zh-hk.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-zh-hk)]
+- [Polski / Polish](https://pl.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-pl)]
 
-- [Simplified Chinese](https://github.com/vuejs-translations/docs-zh-cn)
-- [Japanese](https://github.com/vuejs-translations/docs-ja)
+## Work in Progress Languages {#work-in-progress-languages}
 
-## Starting a new Translation
+- [العربية / Arabic](https://ar.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-ar)]
+- [Español / Spanish](https://vue3-spanish-docs.netlify.app/) [[source](https://github.com/icarusgk/vuejs-spanish-docs)]
+- [Deutsch / German](https://de.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-de)]
 
-We are hoping to establish a standard workflow for community translations so that we can more easily coordinate community efforts. Please keep an eye on the [Translation Guidelines repo](https://github.com/vuejs-translations/guidelines/blob/main/README.md) for updates.
+## Starting a new Translation {#starting-a-new-translation}
 
-In the meanwhile, if you are interested in starting translation for a new language, please open a thread in the [Discussions](https://github.com/vuejs-translations/guidelines/discussions) (and check if there is already one created for your language). This can help you find fellow collaborators and avoid duplicated efforts.
+The Vue documentation has recently undergone a major revision, so translations in other languages are still missing or work-in-progress.
+
+We welcome community efforts to provide more translations. Translation efforts are managed in the [vuejs-translations](https://github.com/vuejs-translations/) GitHub organization. If you are interested in contributing, please check out the [Translation Guidelines](https://github.com/vuejs-translations/guidelines/blob/main/README.md) to get started.
diff --git a/src/tutorial/TutorialRepl.vue b/src/tutorial/TutorialRepl.vue
index 9d23ea0f0c..a8ccac7394 100644
--- a/src/tutorial/TutorialRepl.vue
+++ b/src/tutorial/TutorialRepl.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { Repl, ReplStore } from '@vue/repl'
-import { inject, watch, version, Ref, ref, computed, nextTick } from 'vue'
+import { Repl, useStore, useVueImportMap } from '@vue/repl'
+import CodeMirror from '@vue/repl/codemirror-editor'
+import { inject, watch, Ref, ref, computed, nextTick } from 'vue'
 import { data } from './tutorial.data'
 import {
   resolveSFCExample,
   resolveNoBuildExample,
   onHashChange
 } from '../examples/utils'
-import '@vue/repl/style.css'
-import PreferenceSwitch from '/@theme/components/PreferenceSwitch.vue'
+import PreferenceSwitch from '@theme/components/PreferenceSwitch.vue'
 import {
   VTFlyout,
   VTIconChevronLeft,
@@ -16,8 +16,14 @@ import {
   VTLink
 } from '@vue/theme'
 
-const store = new ReplStore({
-  defaultVueRuntimeURL: `https://unpkg.com/vue@${version}/dist/vue.esm-browser.js`
+const { vueVersion, defaultVersion, importMap } = useVueImportMap({
+  runtimeDev: () =>
+    `https://unpkg.com/vue@${
+      vueVersion.value || defaultVersion
+    }/dist/vue.esm-browser.js`
+})
+const store = useStore({
+  builtinImportMap: importMap
 })
 
 const instruction = ref<HTMLElement>()
@@ -70,7 +76,7 @@ function updateExample(scroll = false) {
   let hash = location.hash.slice(1)
   if (!data.hasOwnProperty(hash)) {
     hash = 'step-1'
-    location.hash = `#${hash}`
+    location.replace(`/tutorial/#${hash}`)
   }
   currentStep.value = hash
 
@@ -136,6 +142,7 @@ updateExample()
     </article>
     <Repl
       layout="vertical"
+      :editor="CodeMirror"
       :store="store"
       :showCompileOutput="false"
       :clearConsole="false"
diff --git a/src/tutorial/index.md b/src/tutorial/index.md
index e705f2cdb0..3d25daf7e3 100644
--- a/src/tutorial/index.md
+++ b/src/tutorial/index.md
@@ -9,7 +9,7 @@ returnToTop: false
 
 <script>
 import { defineAsyncComponent } from 'vue'
-import ReplLoading from '/@theme/components/ReplLoading.vue'
+import ReplLoading from '@theme/components/ReplLoading.vue'
 
 export default {
   components: {
diff --git a/src/tutorial/src/step-1/description.md b/src/tutorial/src/step-1/description.md
index c5347517ff..38d14f6ba2 100644
--- a/src/tutorial/src/step-1/description.md
+++ b/src/tutorial/src/step-1/description.md
@@ -1,14 +1,14 @@
-# Getting Started
+# Getting Started {#getting-started}
 
 Welcome to the Vue tutorial!
 
-The goal of this tutorial is to quickly give you an experience of what it feels like to work with Vue, right in the browser. It does not aim to be comprehensive, and you don't need to understand everything before moving on. However, after you complete it, make sure to also read the <a target="_blank" href="http://github.com/guide/introduction.html">Guide</a> which covers each topic in more details.
+The goal of this tutorial is to quickly give you an experience of what it feels like to work with Vue, right in the browser. It does not aim to be comprehensive, and you don't need to understand everything before moving on. However, after you complete it, make sure to also read the <a target="_blank" href="http://github.com/guide/introduction.html">Guide</a> which covers each topic in more detail.
 
-## Prerequisites
+## Prerequisites {#prerequisites}
 
 The tutorial assumes basic familiarity with HTML, CSS and JavaScript. If you are totally new to front-end development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back! Prior experience with other frameworks helps, but is not required.
 
-## How to Use This Tutorial
+## How to Use This Tutorial {#how-to-use-this-tutorial}
 
 You can edit the code <span class="wide">on the right</span><span class="narrow">below</span> and see the result update instantly. Each step will introduce a core feature of Vue, and you will be expected to complete the code to get the demo working. If you get stuck, you will have a "Show me!" button that reveals the working code for you. Try not to rely on it too much - you'll learn faster by figuring things out on your own.
 
@@ -21,6 +21,33 @@ If you are an experienced developer coming from Vue 2 or other frameworks, there
 
 - You can also switch between SFC-mode or HTML-mode. The former will show code examples in <a target="_blank" href="http://github.com/guide/introduction.html#single-file-components">Single-File Component</a> (SFC) format, which is what most developers use when they use Vue with a build step. HTML-mode shows usage without a build step.
 
+<div class="html">
+
+:::tip
+If you're about to use HTML-mode without a build step in your own applications, make sure you either change imports to:
+
+```js
+import { ... } from 'vue/dist/vue.esm-bundler.js'
+```
+
+inside your scripts or configure your build tool to resolve `vue` accordingly. Sample config for [Vite](https://vitejs.dev/):
+
+```js
+// vite.config.js
+export default {
+  resolve: {
+    alias: {
+      vue: 'vue/dist/vue.esm-bundler.js'
+    }
+  }
+}
+```
+
+See the respective [section in Tooling guide](/guide/scaling-up/tooling.html#note-on-in-browser-template-compilation) for more information.
+:::
+
+</div>
+
 </details>
 
 Ready? Click "Next" to get started.
diff --git a/src/tutorial/src/step-10/App/template.html b/src/tutorial/src/step-10/App/template.html
index fb7e0429a1..1b26679f8d 100644
--- a/src/tutorial/src/step-10/App/template.html
+++ b/src/tutorial/src/step-10/App/template.html
@@ -1,4 +1,4 @@
 <p>Todo id: {{ todoId }}</p>
-<button @click="todoId++">Fetch next todo</button>
+<button @click="todoId++" :disabled="!todoData">Fetch next todo</button>
 <p v-if="!todoData">Loading...</p>
 <pre v-else>{{ todoData }}</pre>
diff --git a/src/tutorial/src/step-10/description.md b/src/tutorial/src/step-10/description.md
index 1208e47bc8..341464f4f5 100644
--- a/src/tutorial/src/step-10/description.md
+++ b/src/tutorial/src/step-10/description.md
@@ -1,4 +1,4 @@
-# Watchers
+# Watchers {#watchers}
 
 Sometimes we may need to perform "side effects" reactively - for example, logging a number to the console when it changes. We can achieve this with watchers:
 
diff --git a/src/tutorial/src/step-11/App/composition.js b/src/tutorial/src/step-11/App/composition.js
index 464d263d73..e059be9c51 100644
--- a/src/tutorial/src/step-11/App/composition.js
+++ b/src/tutorial/src/step-11/App/composition.js
@@ -1,3 +1,3 @@
 export default {
-  // register component
+  // register child component
 }
diff --git a/src/tutorial/src/step-11/description.md b/src/tutorial/src/step-11/description.md
index 6696a9e8be..ba2383c087 100644
--- a/src/tutorial/src/step-11/description.md
+++ b/src/tutorial/src/step-11/description.md
@@ -1,4 +1,4 @@
-# Components
+# Components {#components}
 
 So far, we've only been working with a single component. Real Vue applications are typically created with nested components.
 
@@ -45,7 +45,7 @@ Then, we can use the component in the template as:
 <div class="html">
 
 ```js
-import ChildComp from './ChildComp.vue'
+import ChildComp from './ChildComp.js'
 
 createApp({
   components: {
diff --git a/src/tutorial/src/step-12/description.md b/src/tutorial/src/step-12/description.md
index a064146332..79d5f4cd14 100644
--- a/src/tutorial/src/step-12/description.md
+++ b/src/tutorial/src/step-12/description.md
@@ -1,4 +1,4 @@
-# Props
+# Props {#props}
 
 A child component can accept input from the parent via **props**. First, it needs to declare the props it accepts:
 
diff --git a/src/tutorial/src/step-13/description.md b/src/tutorial/src/step-13/description.md
index afddf00cb5..564a319cfb 100644
--- a/src/tutorial/src/step-13/description.md
+++ b/src/tutorial/src/step-13/description.md
@@ -1,4 +1,4 @@
-# Emits
+# Emits {#emits}
 
 In addition to receiving props, a child component can also emit events to the parent:
 
diff --git a/src/tutorial/src/step-14/description.md b/src/tutorial/src/step-14/description.md
index b610ad45bf..6e5fb4fc36 100644
--- a/src/tutorial/src/step-14/description.md
+++ b/src/tutorial/src/step-14/description.md
@@ -1,4 +1,4 @@
-# Slots
+# Slots {#slots}
 
 In addition to passing data via props, the parent component can also pass down template fragments to the child via **slots**:
 
diff --git a/src/tutorial/src/step-15/description.md b/src/tutorial/src/step-15/description.md
index 4b619db6bb..e9c0606a75 100644
--- a/src/tutorial/src/step-15/description.md
+++ b/src/tutorial/src/step-15/description.md
@@ -1,12 +1,12 @@
-# You Did It!
+# You Did It! {#you-did-it}
 
 You have finished the tutorial!
 
 At this point, you should have a good idea of what it's like to work with Vue. However, we covered a lot of things really fast and glossed over the details, so definitely keep learning! As a next step, you can:
 
-- Set up a real Vue project on your machine by following the [Quick Start](/guide/quick-start.html).
+- Set up a real Vue project on your machine by following the [Quick Start](/guide/quick-start).
 
-- Go through the [Main Guide](/guide/essentials/application.html), which covers all the topics we learned so far in greater details, and much more.
+- Go through the [Main Guide](/guide/essentials/application), which covers all the topics we learned so far in greater details, and much more.
 
 - Check out some more practical [Examples](/examples/).
 
diff --git a/src/tutorial/src/step-2/App/composition.js b/src/tutorial/src/step-2/App/composition.js
index 0ecd1c7ece..58ac681a74 100644
--- a/src/tutorial/src/step-2/App/composition.js
+++ b/src/tutorial/src/step-2/App/composition.js
@@ -3,6 +3,7 @@ import { ref } from 'vue'
 export default {
   setup() {
     // component logic
+    // declare some reactive state here.
 
     return {
       // exposed to template
diff --git a/src/tutorial/src/step-2/App/options.js b/src/tutorial/src/step-2/App/options.js
index 9b6cbd1c5b..384402c437 100644
--- a/src/tutorial/src/step-2/App/options.js
+++ b/src/tutorial/src/step-2/App/options.js
@@ -1,3 +1,4 @@
 export default {
   // component options
+  // declare some reactive state here.
 }
diff --git a/src/tutorial/src/step-2/App/template.html b/src/tutorial/src/step-2/App/template.html
index de8b69b6e8..0e1e0773a3 100644
--- a/src/tutorial/src/step-2/App/template.html
+++ b/src/tutorial/src/step-2/App/template.html
@@ -1 +1 @@
-<h1>Hello World!</h1>
+<h1>Make me dynamic!</h1>
diff --git a/src/tutorial/src/step-2/description.md b/src/tutorial/src/step-2/description.md
index 82b78fa2f3..b23730e1fe 100644
--- a/src/tutorial/src/step-2/description.md
+++ b/src/tutorial/src/step-2/description.md
@@ -1,22 +1,22 @@
-# Declarative Rendering
+# Declarative Rendering {#declarative-rendering}
 
 <div class="sfc">
 
-What you see in the editor is a Vue Single File Component (SFC). An SFC is a reusable self-contained block of code that encapsulates HTML, CSS and JavaScript that belong together, written inside a `.vue` file.
+What you see in the editor is a Vue Single-File Component (SFC). An SFC is a reusable self-contained block of code that encapsulates HTML, CSS and JavaScript that belong together, written inside a `.vue` file.
 
 </div>
 
-The core feature of Vue is **declarative rendering**: using a template syntax that extends HTML, we can describe how the HTML should look like based on JavaScript state. When the state changes, the HTML updates automatically.
+The core feature of Vue is **declarative rendering**: using a template syntax that extends HTML, we can describe how the HTML should look based on JavaScript state. When the state changes, the HTML updates automatically.
 
 <div class="composition-api">
 
-State that can trigger updates when changed are considered **reactive**. We can declare reactive state using Vue's `reactive()` API. Objects created from `reactive()` are JavaScript [Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) that work just like normal objects:
+State that can trigger updates when changed is considered **reactive**. We can declare reactive state using Vue's `reactive()` API. Objects created from `reactive()` are JavaScript [Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) that work just like normal objects:
 
 ```js
 import { reactive } from 'vue'
 
 const counter = reactive({
-  count: 1
+  count: 0
 })
 
 console.log(counter.count) // 0
@@ -38,7 +38,7 @@ Details on `reactive()` and `ref()` are discussed in <a target="_blank" href="/g
 
 <div class="sfc">
 
-Reactive state declared in the component's `<script setup>` block can be used directly in the template. This is how we can render dynamic text based on the value of the `state` object and `message` ref, using mustaches syntax:
+Reactive state declared in the component's `<script setup>` block can be used directly in the template. This is how we can render dynamic text based on the value of the `counter` object and `message` ref, using mustaches syntax:
 
 </div>
 
@@ -48,10 +48,10 @@ The object being passed to `createApp()` is a Vue component. A component's state
 
 ```js{2,5}
 setup() {
-  const state = reactive({ count: 0 })
+  const counter = reactive({ count: 0 })
   const message = ref('Hello World!')
   return {
-    state,
+    counter,
     message
   }
 }
@@ -63,7 +63,7 @@ Properties in the returned object will be made available in the template. This i
 
 ```vue-html
 <h1>{{ message }}</h1>
-<p>count is: {{ counter.count }}</p>
+<p>Count is: {{ counter.count }}</p>
 ```
 
 Notice how we did not need to use `.value` when accessing the `message` ref in templates: it is automatically unwrapped for more succinct usage.
@@ -72,7 +72,7 @@ Notice how we did not need to use `.value` when accessing the `message` ref in t
 
 <div class="options-api">
 
-State that can trigger updates when changed are considered **reactive**. In Vue, reactive state is held in components. In the example code, the object being passed to `createApp()` is a component.
+State that can trigger updates when changed are considered **reactive**. In Vue, reactive state is held in components. <span class="html">In the example code, the object being passed to `createApp()` is a component.</span>
 
 We can declare reactive state using the `data` component option, which should be a function that returns an object:
 
diff --git a/src/tutorial/src/step-3/description.md b/src/tutorial/src/step-3/description.md
index b611b56f38..e4ff620bb6 100644
--- a/src/tutorial/src/step-3/description.md
+++ b/src/tutorial/src/step-3/description.md
@@ -1,6 +1,6 @@
-# Attribute Bindings
+# Attribute Bindings {#attribute-bindings}
 
-in Vue, mustaches are only used for text interpolation. To bind an attribute to a dynamic value, we use the `v-bind` directive:
+In Vue, mustaches are only used for text interpolation. To bind an attribute to a dynamic value, we use the `v-bind` directive:
 
 ```vue-html
 <div v-bind:id="dynamicId"></div>
diff --git a/src/tutorial/src/step-4/App/template.html b/src/tutorial/src/step-4/App/template.html
index 226879cad1..6e1e32adb6 100644
--- a/src/tutorial/src/step-4/App/template.html
+++ b/src/tutorial/src/step-4/App/template.html
@@ -1,2 +1,2 @@
 <!-- make this button work -->
-<button>count is: {{ count }}</button>
+<button>Count is: {{ count }}</button>
diff --git a/src/tutorial/src/step-4/_hint/App/template.html b/src/tutorial/src/step-4/_hint/App/template.html
index c5e27442ee..f98cca4599 100644
--- a/src/tutorial/src/step-4/_hint/App/template.html
+++ b/src/tutorial/src/step-4/_hint/App/template.html
@@ -1 +1 @@
-<button @click="increment">count is: {{ count }}</button>
+<button @click="increment">Count is: {{ count }}</button>
diff --git a/src/tutorial/src/step-4/description.md b/src/tutorial/src/step-4/description.md
index b3a5c7dedb..5cab506e75 100644
--- a/src/tutorial/src/step-4/description.md
+++ b/src/tutorial/src/step-4/description.md
@@ -1,4 +1,4 @@
-# Event Listeners
+# Event Listeners {#event-listeners}
 
 We can listen to DOM events using the `v-on` directive:
 
diff --git a/src/tutorial/src/step-5/description.md b/src/tutorial/src/step-5/description.md
index 80bb19994f..f237fc58d5 100644
--- a/src/tutorial/src/step-5/description.md
+++ b/src/tutorial/src/step-5/description.md
@@ -1,4 +1,4 @@
-# Form Bindings
+# Form Bindings {#form-bindings}
 
 Using `v-bind` and `v-on` together, we can create two-way bindings on form input elements:
 
@@ -13,7 +13,7 @@ methods: {
   onInput(e) {
     // a v-on handler receives the native DOM event
     // as the argument.
-    text.value = e.target.value
+    this.text = e.target.value
   }
 }
 ```
@@ -34,14 +34,14 @@ function onInput(e) {
 
 Try typing in the input box - you should see the text in `<p>` updating as you type.
 
-To simplify two-way bindings, Vue provides a directive, `v-model`, which is essentially a syntax sugar for the above:
+To simplify two-way bindings, Vue provides a directive, `v-model`, which is essentially syntactic sugar for the above:
 
 ```vue-html
 <input v-model="text">
 ```
 
-`v-model` automatically syncs the `<input>`'s value with the bound state, so we no longer need to use a event handler for that.
+`v-model` automatically syncs the `<input>`'s value with the bound state, so we no longer need to use an event handler for that.
 
-`v-model` works not only on text inputs, but also other input types such as checkboxes, radio buttons, and select dropdowns. We cover more details in <a target="_blank" href="http://github.com/guide/essentials/forms.html">Guide - Form Bindings</a>.
+`v-model` works not only on text inputs, but also on other input types such as checkboxes, radio buttons, and select dropdowns. We cover more details in <a target="_blank" href="http://github.com/guide/essentials/forms.html">Guide - Form Bindings</a>.
 
 Now, try to refactor the code to use `v-model` instead.
diff --git a/src/tutorial/src/step-6/App/template.html b/src/tutorial/src/step-6/App/template.html
index fe169f664d..e2d8b5b08d 100644
--- a/src/tutorial/src/step-6/App/template.html
+++ b/src/tutorial/src/step-6/App/template.html
@@ -1,3 +1,3 @@
-<button @click="toggle">toggle</button>
+<button @click="toggle">Toggle</button>
 <h1>Vue is awesome!</h1>
 <h1>Oh no 😢</h1>
diff --git a/src/tutorial/src/step-6/_hint/App/template.html b/src/tutorial/src/step-6/_hint/App/template.html
index 6a1daffe45..15a031d137 100644
--- a/src/tutorial/src/step-6/_hint/App/template.html
+++ b/src/tutorial/src/step-6/_hint/App/template.html
@@ -1,3 +1,3 @@
-<button @click="toggle">toggle</button>
+<button @click="toggle">Toggle</button>
 <h1 v-if="awesome">Vue is awesome!</h1>
 <h1 v-else>Oh no 😢</h1>
diff --git a/src/tutorial/src/step-6/description.md b/src/tutorial/src/step-6/description.md
index be1491403c..06964097d4 100644
--- a/src/tutorial/src/step-6/description.md
+++ b/src/tutorial/src/step-6/description.md
@@ -1,4 +1,4 @@
-# Conditional Rendering
+# Conditional Rendering {#conditional-rendering}
 
 We can use the `v-if` directive to conditionally render an element:
 
diff --git a/src/tutorial/src/step-7/App/template.html b/src/tutorial/src/step-7/App/template.html
index 70982e37d5..7cffdbaf75 100644
--- a/src/tutorial/src/step-7/App/template.html
+++ b/src/tutorial/src/step-7/App/template.html
@@ -1,5 +1,7 @@
-<input v-model="newTodo" @keyup.enter="addTodo">
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo" required placeholder="new todo">
+  <button>Add Todo</button>
+</form>
 <ul>
   <li v-for="todo in todos" :key="todo.id">
     {{ todo.text }}
diff --git a/src/tutorial/src/step-7/description.md b/src/tutorial/src/step-7/description.md
index db7ae78b3d..730e7696ad 100644
--- a/src/tutorial/src/step-7/description.md
+++ b/src/tutorial/src/step-7/description.md
@@ -1,4 +1,4 @@
-# List Rendering
+# List Rendering {#list-rendering}
 
 We can use the `v-for` directive to render a list of elements based on a source array:
 
@@ -10,7 +10,7 @@ We can use the `v-for` directive to render a list of elements based on a source
 </ul>
 ```
 
-Here `todo` is a local variable representing the array element currently being iterated on. It's only accessible on or inside the `v-for` element.
+Here `todo` is a local variable representing the array element currently being iterated on. It's only accessible on or inside the `v-for` element, similar to a function scope.
 
 Notice how we are also giving each todo object a unique `id`, and binding it as the <a target="_blank" href="http://github.com/api/built-in-special-attributes.html#key">special `key` attribute</a> for each `<li>`. The `key` allows Vue to accurately move each `<li>` to match the position of its corresponding object in the array.
 
diff --git a/src/tutorial/src/step-8/App/template.html b/src/tutorial/src/step-8/App/template.html
index 14177d0882..1168591414 100644
--- a/src/tutorial/src/step-8/App/template.html
+++ b/src/tutorial/src/step-8/App/template.html
@@ -1,5 +1,7 @@
-<input v-model="newTodo" @keyup.enter="addTodo" />
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo" required placeholder="new todo">
+  <button>Add Todo</button>
+</form>
 <ul>
   <li v-for="todo in todos" :key="todo.id">
     <input type="checkbox" v-model="todo.done">
diff --git a/src/tutorial/src/step-8/_hint/App/template.html b/src/tutorial/src/step-8/_hint/App/template.html
index 5040212d4f..2e68f63c0e 100644
--- a/src/tutorial/src/step-8/_hint/App/template.html
+++ b/src/tutorial/src/step-8/_hint/App/template.html
@@ -1,8 +1,10 @@
-<input v-model="newTodo" @keyup.enter="addTodo" />
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo" required placeholder="new todo">
+  <button>Add Todo</button>
+</form>
 <ul>
   <li v-for="todo in filteredTodos" :key="todo.id">
-    <input type="checkbox" v-model="todo.done" />
+    <input type="checkbox" v-model="todo.done">
     <span :class="{ done: todo.done }">{{ todo.text }}</span>
     <button @click="removeTodo(todo)">X</button>
   </li>
diff --git a/src/tutorial/src/step-8/description.md b/src/tutorial/src/step-8/description.md
index d4265ad0c3..f54cf9790c 100644
--- a/src/tutorial/src/step-8/description.md
+++ b/src/tutorial/src/step-8/description.md
@@ -1,10 +1,10 @@
-# Computed Property
+# Computed Property {#computed-property}
 
 Let's keep building on top of the todo list from the last step. Here, we've already added a toggle functionality to each todo. This is done by adding a `done` property to each todo object, and using `v-model` to bind it to a checkbox:
 
 ```vue-html{2}
 <li v-for="todo in todos">
-  <input type="checkbox" v-model="todo.done" />
+  <input type="checkbox" v-model="todo.done">
   ...
 </li>
 ```
diff --git a/src/tutorial/src/step-9/App/composition.js b/src/tutorial/src/step-9/App/composition.js
index 165535d368..6947f50743 100644
--- a/src/tutorial/src/step-9/App/composition.js
+++ b/src/tutorial/src/step-9/App/composition.js
@@ -2,10 +2,10 @@ import { ref } from 'vue'
 
 export default {
   setup() {
-    const p = ref(null)
+    const pElementRef = ref(null)
 
     return {
-      p
+      pElementRef
     }
   }
 }
diff --git a/src/tutorial/src/step-9/App/template.html b/src/tutorial/src/step-9/App/template.html
index 7a71811bff..0c876e44a6 100644
--- a/src/tutorial/src/step-9/App/template.html
+++ b/src/tutorial/src/step-9/App/template.html
@@ -1 +1 @@
-<p ref="p">hello</p>
+<p ref="pElementRef">Hello</p>
diff --git a/src/tutorial/src/step-9/_hint/App/composition.js b/src/tutorial/src/step-9/_hint/App/composition.js
index ba3385acc0..f6d3952575 100644
--- a/src/tutorial/src/step-9/_hint/App/composition.js
+++ b/src/tutorial/src/step-9/_hint/App/composition.js
@@ -2,14 +2,14 @@ import { ref, onMounted } from 'vue'
 
 export default {
   setup() {
-    const p = ref(null)
+    const pElementRef = ref(null)
 
     onMounted(() => {
-      p.value.textContent = 'mounted!'
+      pElementRef.value.textContent = 'mounted!'
     })
 
     return {
-      p
+      pElementRef
     }
   }
 }
diff --git a/src/tutorial/src/step-9/_hint/App/options.js b/src/tutorial/src/step-9/_hint/App/options.js
index b9ce1c10d5..5b8ab092f9 100644
--- a/src/tutorial/src/step-9/_hint/App/options.js
+++ b/src/tutorial/src/step-9/_hint/App/options.js
@@ -1,5 +1,5 @@
 export default {
   mounted() {
-    this.$refs.p.textContent = 'mounted!'
+    this.$refs.pElementRef.textContent = 'mounted!'
   }
 }
diff --git a/src/tutorial/src/step-9/description.md b/src/tutorial/src/step-9/description.md
index 3338fe8bf5..8d5833b07e 100644
--- a/src/tutorial/src/step-9/description.md
+++ b/src/tutorial/src/step-9/description.md
@@ -1,11 +1,11 @@
-# Lifecycle and Template Refs
+# Lifecycle and Template Refs {#lifecycle-and-template-refs}
 
 So far, Vue has been handling all the DOM updates for us, thanks to reactivity and declarative rendering. However, inevitably there will be cases where we need to manually work with the DOM.
 
 We can request a **template ref** - i.e. a reference to an element in the template - using the <a target="_blank" href="http://github.com/api/built-in-special-attributes.html#ref">special `ref` attribute</a>:
 
 ```vue-html
-<p ref="p">hello</p>
+<p ref="pElementRef">hello</p>
 ```
 
 <div class="composition-api">
@@ -15,7 +15,7 @@ To access the ref, we need to declare<span class="html"> and expose</span> a ref
 <div class="sfc">
 
 ```js
-const p = ref(null)
+const pElementRef = ref(null)
 ```
 
 </div>
@@ -23,10 +23,10 @@ const p = ref(null)
 
 ```js
 setup() {
-  const p = ref(null)
+  const pElementRef = ref(null)
 
   return {
-    p
+    pElementRef
   }
 }
 ```
@@ -67,7 +67,7 @@ createApp({
 
 <div class="options-api">
 
-The element will be exposed on `this.$refs` as `this.$refs.p`. However, you can only access it after the component is **mounted**.
+The element will be exposed on `this.$refs` as `this.$refs.pElementRef`. However, you can only access it after the component is **mounted**.
 
 To run code after mount, we can use the `mounted` option:
 
@@ -97,4 +97,4 @@ createApp({
 
 This is called a **lifecycle hook** - it allows us to register a callback to be called at certain times of the component's lifecycle. There are other hooks such as <span class="options-api">`created` and `updated`</span><span class="composition-api">`onUpdated` and `onUnmounted`</span>. Check out the <a target="_blank" href="http://github.com/guide/essentials/lifecycle.html#lifecycle-diagram">Lifecycle Diagram</a> for more details.
 
-Now, try to add an <span class="options-api">`mounted`</span><span class="composition-api">`onMounted`</span> hook, access the `<p>` via <span class="options-api">`this.$refs.p`</span><span class="composition-api">`p.value`</span>, and perform some direct DOM operations on it (e.g. changing its `textContent`).
+Now, try to add <span class="options-api">a `mounted`</span><span class="composition-api">an `onMounted`</span> hook, access the `<p>` via <span class="options-api">`this.$refs.pElementRef`</span><span class="composition-api">`pElementRef.value`</span>, and perform some direct DOM operations on it (e.g. changing its `textContent`).
diff --git a/src/tutorial/tutorial.data.ts b/src/tutorial/tutorial.data.ts
index e260554b27..31da2c95e9 100644
--- a/src/tutorial/tutorial.data.ts
+++ b/src/tutorial/tutorial.data.ts
@@ -1,17 +1,15 @@
 import path from 'path'
 import { createMarkdownRenderer } from 'vitepress'
 import { readExamples, ExampleData } from '../examples/examples.data'
-import createHighlighter from '@vue/theme/highlight'
 
 export declare const data: Record<string, ExampleData>
 
 export default {
   watch: './src/**',
   async load() {
-    const md = createMarkdownRenderer(process.cwd(), {
-      // @ts-ignore
-      highlight: await createHighlighter()
-    })
+    const md = await createMarkdownRenderer(process.cwd(), {
+        theme: 'github-dark',
+    }, '/')
     const files = readExamples(path.resolve(__dirname, './src'))
     for (const step in files) {
       const stepFiles = files[step]
diff --git a/tsconfig.json b/tsconfig.json
index fc6e76ab9a..882ae0e8b4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,14 +2,18 @@
   "compilerOptions": {
     "outDir": "dist",
     "target": "esnext",
-    "moduleResolution": "node",
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "allowJs": true,
     "strict": true,
+    "noUnusedLocals": true,
+    "skipLibCheck": true,
+    "jsx": "preserve",
     "baseUrl": ".",
     "paths": {
-      "/@theme/*": [".vitepress/theme/*"]
+      "@theme/*": [".vitepress/theme/*"]
     }
   },
   "include": ["env.d.ts", "src/**/*", ".vitepress/**/*"]
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000000..57c4c29d85
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,29 @@
+{
+  "$schema": "https://openapi.vercel.sh/vercel.json",
+  "headers": [
+    {
+      "source": "/assets/(.*)",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "max-age=31536000, immutable"
+        }
+      ]
+    },
+    {
+      "source": "/(.*).png",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "max-age=604800, immutable"
+        }
+      ]
+    }
+  ],
+  "rewrites": [
+    {
+      "source": "/:path*",
+      "destination": "/:path*.html"
+    }
+  ]
+}