Merge pull request #10053 from supabase/master

Prod deploy Dashboard

.github/workflows/publish_image.yml

@@ -2,6 +2,8 @@ name: Publish to Image Registry
 
 on:
   push:
+    branches:
+      - 'studio'
     tags:
       - '*'
   workflow_dispatch:
@@ -25,6 +27,7 @@ jobs:
             latest=false
           tags: |
             type=ref,event=tag
+            type=sha,prefix={{date 'YYYYMMDD'}},enable=${{ github.ref_type == 'branch' }}
             type=raw,value=${{ inputs.version }},enable=${{ github.event_name != 'push' }}
 
       - uses: docker/setup-qemu-action@v2

apps/reference/docs/guides/auth/auth-helpers/nextjs.mdx

@@ -70,6 +70,7 @@ NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY
 ## Basic Setup
 
 <Tabs
+  groupId="language"
   defaultValue="js"
   values={[
     {label: 'JavaScript', value: 'js'},

apps/reference/docs/guides/auth/auth-mfa.mdx

@@ -619,7 +619,7 @@ Currently recognized methods are:
 - `otp` - any one-time password based sign in (email code, SMS code, magic
   link).
 - `oauth` - any OAuth based sign in (social login).
-- `mfa/totp` - a TOTP additional factor.
+- `totp` - a TOTP additional factor.
 
 This list will expand in the future.
 

apps/reference/docs/guides/database/extensions/pgnet.mdx

@@ -152,102 +152,6 @@ request_id
 
 After triggering `http_post`, use [`http_get_result`](#http_get_result) to get the result of the request.
 
-## `http_collect_response` {#http_collect_response}
-
-Given a `request_id` reference, retrieves the response.
-
-When `async:=false` is set it is recommended that [statement_timeout](https://www.postgresql.org/docs/13/runtime-config-client.html) is set for the maximum amount of time the caller is willing to wait in case the response is slow to populate.
-
-### Signature
-
-:::caution
-
-This is a Postgres SECURITY DEFINER function
-
-:::
-
-```sql
-net.http_collect_response(
-    -- request_id reference
-    request_id bigint,
-    -- when `true`, return immediately. when `false` wait for the request to complete before returning
-    async bool default true
-)
-    -- http response composite wrapped in a result type
-    returns net.http_response_result
-
-    strict
-    volatile
-    parallel safe
-```
-
-### Usage
-
-:::caution
-
-`net.http_collect_response` must be in a separate transaction from the calls to `net.http_<method>`
-
-:::
-
-```sql
-select
-    net.http_post(
-        url:='https://httpbin.org/post',
-        body:='{"hello": "world"}'::jsonb
-    ) as request_id;
-request_id
-----------
-         1
-(1 row)
-
-select * from net.http_collect_response(1, async:=false);
-status  | message | response
---------+---------+----------
-SUCCESS        ok   (
-                      status_code := 200,
-                      headers     := '{"date": ...}',
-                      body        := '{"args": ...}'
-                    )::net.http_response_result
-
-
-select
-    (response).body::json
-from
-    net.http_collect_response(request_id:=1);
-                               body
--------------------------------------------------------------------
- {
-   "args": {},
-   "data": "{\"hello\": \"world\"}",
-   "files": {},
-   "form": {},
-   "headers": {
-     "Accept": "*/*",
-     "Content-Length": "18",
-     "Content-Type": "application/json",
-     "Host": "httpbin.org",
-     "User-Agent": "pg_net/0.2",
-     "X-Amzn-Trace-Id": "Root=1-61031a5c-7e1afeae69bffa8614d8e48e"
-   },
-   "json": {
-     "hello": "world"
-   },
-   "origin": "135.63.38.488",
-   "url": "https://httpbin.org/post"
- }
-(1 row)
-```
-
-Where `response` is a composite:
-
-```sql
-status_code integer
-headers jsonb
-body text
-```
-
-Possible values for `net.http_response_result.status` are `('PENDING', 'SUCCESS', 'ERROR')`
-
 ## Resources
 
 - Source code: [github.com/supabase/pg_net](https://github.com/supabase/pg_net/)

apps/reference/docs/guides/database/testing.mdx

@@ -7,7 +7,7 @@ description: Test your database schema, tables, functions, and policies.
 import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 
-You can use the Supabase CLI to test your database. To get started:
+You can use the Supabase CLI to test your database. The minimum required version of the CLI is [v1.11.4](https://github.com/supabase/cli/releases). To get started:
 
 - [Install the Supabase CLI](/docs/guides/cli) on your local machine
 

apps/reference/docs/guides/realtime/quickstart.mdx

@@ -28,7 +28,7 @@ npm install @supabase/supabase-js
 
 In [multiplayer.dev](https://multiplayer.dev), client's cursor positions are sent to other clients in the room. However, cursor positions will be randomly generated for this example.
 
-You need to get the public `anon` access token from your project's [API settings](https://app.supabase.com/project/_/settings/api). Then you can set up the Suapbase client and start sending a client's cursor positions to other clients in channel `room1`:
+You need to get the public `anon` access token from your project's [API settings](https://app.supabase.com/project/_/settings/api). Then you can set up the Supabase client and start sending a client's cursor positions to other clients in channel `room1`:
 
 ```js
 const { createClient } = require('@supabase/supabase-js')

apps/reference/docs/guides/with-sveltekit.mdx

@@ -27,7 +27,7 @@ Let's start building the Svelte app from scratch.
 ### Initialize a Svelte app
 
 We can use the [SvelteKit Skeleton Project](https://kit.svelte.dev/docs) to initialize
-an app called `supabase-sveltekit` (for this tutorial you do not need TypeScript, ESLint, Prettier, or Playwright):
+an app called `supabase-sveltekit` (for this tutorial enable TypeScript, but you do not need ESLint, Prettier, or Playwright):
 
 ```bash
 npm init svelte@next supabase-sveltekit
@@ -59,8 +59,8 @@ import { env } from '$env/dynamic/public'
 export const supabaseClient = createClient(env.PUBLIC_SUPABASE_URL, env.PUBLIC_SUPABASE_ANON_KEY)
 ```
 
-And one optional step is to update the CSS file `public/global.css` to make the app look nice.
-You can find the full contents of this file [here](https://raw.githubusercontent.com/supabase/supabase/master/examples/user-management/svelte-user-management/src/app.css).
+And one optional step is to add the CSS file at `src/routes/styles.css` to make the app look nice.
+You can find the full contents of this file [here](https://raw.githubusercontent.com/supabase/supabase/master/examples/user-management/sveltekit-user-management/src/routes/styles.css).
 
 ### Supabase Auth Helpers
 
@@ -435,19 +435,17 @@ Let's create an avatar for the user so that they can upload a profile photo. We
 
 ### Add the new widget
 
-And then we can add the widget to the Account page:
+And then we can add the widget to the Account component:
 
 ```html title="src/routes/Account.svelte"
 <script>
   // Import the new component
   import Avatar from './Avatar.svelte'
+
+  // rest of script
 </script>
 
-<form
-  use:getProfile
-  class="form-widget"
-  on:submit|preventDefault="{updateProfile}"
->
+<form class="form-widget" on:submit|preventDefault="{updateProfile}">
   <!-- Add to body -->
   <Avatar bind:url={avatarUrl} size={10} on:upload={updateProfile} />
 

apps/reference/nav/supabase_dart_sidebars.js

@@ -43,18 +43,6 @@ const sidebars = {
         'generated/upsert',
         'generated/delete',
         'generated/rpc',
-        {
-          type: 'category',
-          label: 'Modifiers',
-          items: [
-            'generated/using-modifiers',
-            'generated/limit',
-            'generated/order',
-            'generated/range',
-            'generated/single',
-          ],
-          collapsed: true,
-        },
         {
           type: 'category',
           label: 'Filters',
@@ -86,6 +74,18 @@ const sidebars = {
           ],
           collapsed: true,
         },
+        {
+          type: 'category',
+          label: 'Modifiers',
+          items: [
+            'generated/using-modifiers',
+            'generated/limit',
+            'generated/order',
+            'generated/range',
+            'generated/single',
+          ],
+          collapsed: true,
+        },
       ],
       collapsed: true,
     },

apps/temp-docs/components/CustomHTMLElements/CustomHTMLElements.utils.ts

@@ -2,8 +2,10 @@ export const getAnchor = (text: any): string | undefined => {
   if (typeof text !== 'string') {
     return undefined
   } else {
-    const [anchor] = text.match(/{#[a-z-]*}/g) || []
-    return anchor !== undefined ? anchor.slice(2, anchor.length - 1) : undefined
+    return text
+      .toLowerCase()
+      .replace(/[^a-z0-9 ]/g, '')
+      .replace(/[ ]/g, '-')
   }
 }
 
@@ -15,3 +17,19 @@ export const removeAnchor = (text: any) => {
     else return text
   }
 }
+
+export const highlightSelectedTocItem = (id: string) => {
+  const tocMenuItems = document.querySelectorAll('.toc-menu a')
+
+  // find any currently active items and remove them
+  const currentActiveItem = document.querySelector('.toc-menu .toc__menu-item--active')
+  currentActiveItem?.classList.remove('toc__menu-item--active')
+
+  // Add active class to the current item
+  tocMenuItems.forEach((item) => {
+    // @ts-ignore
+    if (item.href.split('#')[1] === id) {
+      item.classList.add('toc__menu-item--active')
+    }
+  })
+}

apps/temp-docs/components/CustomHTMLElements/H3.tsx

@@ -1,17 +0,0 @@
-import { getAnchor, removeAnchor } from './CustomHTMLElements.utils'
-
-const H3 = ({ children }) => {
-  const anchor = getAnchor(children)
-  const link = `#${anchor}`
-  return (
-    <h3 id={anchor} className="group flex gap-1 items-center">
-      {removeAnchor(children)}
-      {anchor && (
-        <a href={link} className="opacity-0 group-hover:opacity-100 transition">
-          #
-        </a>
-      )}
-    </h3>
-  )
-}
-export default H3

apps/temp-docs/components/CustomHTMLElements/H4.tsx

@@ -1,17 +0,0 @@
-import { getAnchor, removeAnchor } from './CustomHTMLElements.utils'
-
-const H4 = ({ children }) => {
-  const anchor = getAnchor(children)
-  const link = `#${anchor}`
-  return (
-    <h4 id={anchor} className="group flex gap-1 items-center">
-      {removeAnchor(children)}
-      {anchor && (
-        <a href={link} className="opacity-0 group-hover:opacity-100 transition">
-          #
-        </a>
-      )}
-    </h4>
-  )
-}
-export default H4

apps/temp-docs/components/CustomHTMLElements/Heading.tsx

@@ -0,0 +1,29 @@
+import { getAnchor, removeAnchor, highlightSelectedTocItem } from './CustomHTMLElements.utils'
+import { useInView } from 'react-intersection-observer'
+
+const Heading = ({ tag, children }) => {
+  const HeadingTag = `${tag}` as any
+
+  const anchor = getAnchor(children)
+  const link = `#${anchor}`
+
+  // check if current heading is in view, update TOC active item accordingly
+  const { ref, inView, entry } = useInView({
+    threshold: 1,
+    onChange: (inView, entry) => {
+      if (inView) highlightSelectedTocItem(entry.target.id)
+    },
+  })
+
+  return (
+    <HeadingTag id={anchor} ref={ref} className="group flex gap-1 items-center scroll-mt-24">
+      {removeAnchor(children)}
+      {anchor && (
+        <a href={link} className="opacity-0 group-hover:opacity-100 transition">
+          #
+        </a>
+      )}
+    </HeadingTag>
+  )
+}
+export default Heading

apps/temp-docs/components/CustomHTMLElements/index.tsx

@@ -1,4 +1,3 @@
-import H3 from './H3'
-import H4 from './H4'
+import Heading from './Heading'
 
-export { H3, H4 }
+export { Heading }

apps/temp-docs/components/index.tsx

@@ -5,8 +5,8 @@ import ButtonCard from './ButtonCard'
 import CodeBlock from './CodeBlock/CodeBlock'
 import Frameworks from './Frameworks'
 import AuthProviders from './AuthProviders'
-import { H3, H4 } from './CustomHTMLElements'
 
+import { Heading } from './CustomHTMLElements'
 import QuickstartIntro from './MDX/quickstart_intro.mdx'
 import ProjectSetup from './MDX/project_setup.mdx'
 
@@ -20,12 +20,29 @@ const components = {
   QuickstartIntro,
   ProjectSetup,
 
-  Alert,
+  Alert: (props: any) => (
+    <Alert {...props} className="not-prose">
+      {props.children}
+    </Alert>
+  ),
   Tabs,
   TabPanel: (props: any) => <Tabs.Panel {...props}>{props.children}</Tabs.Panel>,
 
-  h3: H3,
-  h4: H4,
+  h2: (props: any) => (
+    <Heading tag="h2" {...props}>
+      {props.children}
+    </Heading>
+  ),
+  h3: (props: any) => (
+    <Heading tag="h3" {...props}>
+      {props.children}
+    </Heading>
+  ),
+  h4: (props: any) => (
+    <Heading tag="h4" {...props}>
+      {props.children}
+    </Heading>
+  ),
   code: (props: any) => <CodeBlock {...props} />,
   mono: (props: any) => <code className="text-sm">{props.children}</code>,
 }

apps/temp-docs/docs/guides/cli/local-development.mdx

@@ -228,3 +228,7 @@ The local development environment is not as feature-complete as the Supabase Pla
 - The Functions interface is coming soon.
 - Logs are not supported through the interface (however you can access them through the Docker containers).
 - You cannot update your project settings in the Dashboard—this must be done using the CLI.
+
+```
+
+```

apps/temp-docs/docs/guides/database/testing.mdx

@@ -7,7 +7,7 @@ description: Test your database schema, tables, functions, and policies.
 import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 
-You can use the Supabase CLI to test your database. To get started:
+You can use the Supabase CLI to test your database. The minimum required version of the CLI is [v1.11.4](https://github.com/supabase/cli/releases). To get started:
 
 - [Install the Supabase CLI](/docs/guides/cli) on your local machine
 

apps/temp-docs/layouts/Default.tsx

@@ -57,13 +57,17 @@ const Layout: FC<Props> = ({ meta, children, toc, menuItems, currentPage }) => {
               </article>
             </div>
             {toc && !meta?.hide_table_of_contents && (
-              <div className="prose border-scale-400 dark:bg-scale-200 thin-scrollbar table-of-contents-height col-span-3 border-l px-4">
-                <h5>On this page</h5>
-                <ul className="list-none pl-2 text-[0.8rem]">
+              <div className="border-scale-400 dark:bg-scale-200 thin-scrollbar table-of-contents-height col-span-3 border-l px-4">
+                <ul className="toc-menu list-none pl-4 text-[0.8rem] grid gap-1 mt-1">
                   {toc.json.map((item: any, i: number) => {
                     return (
-                      <li key={i}>
-                        <a href={`#${item.slug}`}>{item.content}</a>
+                      <li key={i} className={`${item.lvl === 3 ? 'ml-4' : ''}`}>
+                        <a
+                          className="text-scale-1000 hover:text-brand-900 transition-colors"
+                          href={`#${item.slug}`}
+                        >
+                          {item.content}
+                        </a>
                       </li>
                     )
                   })}

apps/temp-docs/package.json

@@ -57,6 +57,7 @@
     "react": "17.0.2",
     "react-copy-to-clipboard": "^5.0.2",
     "react-dom": "17.0.2",
+    "react-intersection-observer": "^9.4.0",
     "react-markdown": "^8.0.3",
     "react-syntax-highlighter": "^15.3.1",
     "remark": "^14.0.2",

apps/temp-docs/styles/main.scss

@@ -158,6 +158,11 @@ pre[class*='language-'] {
   }
 }
 
+// ToC styles
+.toc__menu-item--active {
+  color: var(--colors-brand9) !important;
+}
+
 .video-container {
   position: relative;
   width: 100%;
@@ -175,4 +180,4 @@ pre[class*='language-'] {
 
 .admonition-content > p {
   @apply m-0;
-}
+}

apps/www/_blog/2022-11-02-supabase-beta-update-october-2022.mdx

@@ -0,0 +1,122 @@
+---
+title: Supabase Beta October 2022
+description: New SDKs, quickstarts, Functions tricks, and more. But, more importantly, Launch Week 6️ has a date!
+author: ant_wilson
+image: 2022-october/monthly-update-october-2022.jpg  
+thumb: 2022-october/monthly-update-october-2022.jpg
+tags:
+  - release-notes
+date: '2022-11-02'
+toc_depth: 3
+---
+
+During October, we shipped something for everybody: new SDKs, quickstarts, Functions tricks, and more. All are listed here just for you. But, more importantly, Launch Week 6️⃣ has a date!
+
+## supabase-js v2 and supabase-flutter v1 released
+
+![supabase-js v2 and supabase-flutter v1 released](/images/blog/2022-october/supabase-js-v2-supabase-flutter-v1-header.jpg)
+
+The new versions of our two most popular SDKs have been fully released. It couldn’t have happened without our amazing community, thanks to everyone involved. Now, it’s time to build 🛠
+
+[Try supabase-js V2](https://supabase.com/docs/reference/javascript/)<br/>
+[Try flutter-supabase V1](https://supabase.com/docs/reference/dart)
+
+## New Next.js quickstart & Next.js 13 example
+
+![New Next.js quickstart & Next.js 13 example](/images/blog/2022-october/next-header.jpg)
+
+Next.js is all the rage right now 🔥 
+
+Next.js Conf raised the bar for dev conferences. We had the honor of being a Gold Sponsor, so we revamped our [Next.js Quickstart guide](https://supabase.com/docs/guides/with-nextjs) to include our pre-built Auth UI and [Auth Helpers.](https://supabase.com/docs/guides/auth/auth-helpers/nextjs)
+
+And Next.js 13 was announced! Making it extremely easy to fetch and cache data from our [Serverless API](https://supabase.com/docs/guides/api). So we put together an [example to try it out](https://github.com/supabase/supabase/tree/master/examples/caching/with-nextjs-13).
+
+## Supabase Auth and Server-Side Rendering
+
+![Supabase Auth and Server-Side Rendering](/images/blog/2022-october/authentication-server-side-docs.jpg)
+
+The Auth team published an in-depth doc explaining how Supabase Auth supports server-side rendering. Includes an explanation of the authentication flow and answers to some of the more common questions.
+
+[Read the docs](https://supabase.com/docs/guides/auth/server-side-rendering).
+
+## Database Testing with pgTAP
+
+![Database Testing with pgTAP](/images/blog/2022-october/database-testing-postgres-pgtap.jpg)
+
+Do you have 100% code coverage? Probably not, because that’s usually the last thing you think of, but *definitely* not if you don’t have database tests. We just shipped a framework for Database Tests which makes it incredibly easy to test your database using pgTAP an pg_prove.
+
+[Read the docs](https://supabase.com/docs/guides/database/testing).
+
+## Edge Functions Update
+
+![Edge Functions Update](/images/blog/2022-october/functions-new-methods.jpg)
+
+Functions now support GET requests! Other HTTP verbs such as PUT, PATCH, and DELETE are supported too. 
+
+[Check this example](https://github.com/supabase/supabase/blob/master/examples/edge-functions/supabase/functions/restful-tasks/index.ts)
+
+## Quick Product Updates
+
+- supabase-py 🐍 now has functions support! [PR](https://github.com/supabase-community/supabase-py/pull/179)
+- You can now detect users’ location from Edge Functions easily by using `X-Forwarded-For header`. [Example](https://github.com/supabase/supabase/tree/master/examples/edge-functions/supabase/functions/location)
+- Return `provider_refresh_token` along with `provider_access_token`. [PR](https://github.com/supabase/gotrue/pull/641)
+- Added a `refreshSession` method to allow users to forcefully refresh a session instead of waiting for it to autorefresh upon expiry. Thanks to [@j4w8n](https://github.com/j4w8n) for the [PR](https://github.com/supabase/gotrue-js/pull/505) 🙇🏻‍♂️
+- Logging: realtime, storage, postgrest, and pgbouncer released.
+- Trigger a file download by adding the download query parameter to your storage objects. storage-api. [PR](https://github.com/supabase/storage-api/issues/122)
+
+## Made with Supabase
+
+![Made with Supabase](/images/blog/2022-october/twitter-card-header.jpg)
+
+There were so many amazing apps Made with Supabase this month that we couldn’t choose just one… so here are three:
+
+🚰 [Remote Water Feeder](https://twitter.com/SomangshuG/status/1581888060643774465) by Somangshu Goswami <br/>
+📊 [Decile App](https://github.com/decileapp/decile) by [Krishna](https://twitter.com/ntkris) <br/>
+📑 [Explainpaper](https://www.explainpaper.com/) by [Aman Jha](https://twitter.com/amanjha__) and [Jade](https://twitter.com/functionofjade)
+
+If you want to see +100 other apps, check [the replies](https://twitter.com/supabase/status/1585226233742229504).
+
+## Extended Community Highlights
+
+![Community](/images/blog/2022-june/community.jpg)
+
+- Mark Buggraf sat down to chat about postgres-wasm with LogRocket. [Podcast](https://podrocket.logrocket.com/opensourcing-postgres-wasm)
+- A collection of awesome Supabase resources. [awesome-supabase](https://github.com/lyqht/awesome-supabase)
+- All the Happy Hour Hacktoberfest episodes. [Episode 1](https://www.youtube.com/watch?v=qRSYenBLHHQ) | [Episode 2](https://www.youtube.com/watch?v=-RlivqzNIso) | [Episode 3](https://www.youtube.com/watch?v=LzDIptBGtUw)
+- Hacking the PostgREST Headers: Oh, the Things You Can Do! [Article](https://dev.to/burggraf/hacking-the-postgrest-headers-oh-the-things-you-can-do-ck2)
+- Why we’re moving away from Firebase. [Blog post](https://koptional.com/article/why-we%E2%80%99re-moving-away-from-firebase)
+- Basejump SaaS starter for Supabase. [Repo](https://github.com/usebasejump/basejump)
+- SvelteKit + Supabase CRUD with RLS: Row-Level Security! [Video](https://www.youtube.com/watch?v=iKzjfHARXpc)
+- Building a startup (build log 2#): Authenticating students with Supabase. [Blog Post](https://dev.to/paul_emechebe/building-a-startup-build-log-2-authenticating-users-with-supabase-1p1b)
+- CRUD with Supabase in Flutter. [Tutorial](https://sadabwasim.medium.com/crud-with-supabase-in-flutter-dbe97fa0c15)
+- Phone Auth with self-hosted Supabase. [Video](https://www.youtube.com/watch?v=z3sE-ix2uok)
+- My Future with Elixir: set-theoretic types. [Blog Post](https://elixir-lang.org/blog/2022/10/05/my-future-with-elixir-set-theoretic-types/)
+- Upload media to Supabase from remote URL with nodejs. [Blog Post](https://www.antoinemesnil.com/posts/upload-media-supabase)
+- Say goodbye to backend development. [Video](https://www.youtube.com/watch?v=9CuTxeioKF4)
+
+## Launch Week 6 date announced
+
+We are ending 2022 on a high note ✊. Mark your calendars: Launch Week 6 is happenning on **December 12-16**.
+
+In the meantime, [revisit LW5](https://supabase.com/launch-week).
+
+## We’re hiring
+
+Come join one of the fastest-growing open source projects ever 🤗
+
+- [Sales Engineer](https://boards.greenhouse.io/supabase/jobs/4711141004)
+- [Lead Billing and API Engineer](https://boards.greenhouse.io/supabase/jobs/4652333004)
+- [View all our openings](https://boards.greenhouse.io/supabase)
+
+## Meme Zone
+
+If you made it this far in the blog post you deserve a treat. [Follow us on Twitter](https://twitter.com/supabase) for more.
+
+![Supabase meme October 2022](/images/blog/2022-october/beta-update-october-meme.jpeg)
+
+## Get started
+
+- Start using Supabase today: **[app.supabase.com](https://app.supabase.com/)**
+- Make sure to **[star us on GitHub](https://github.com/supabase/supabase)**
+- Follow us **[on Twitter](https://twitter.com/supabase)**
+- Subscribe to our **[YouTube channel](https://www.youtube.com/c/supabase)**

apps/www/components/CTABanner/index.tsx

@@ -5,7 +5,7 @@ const CTABanner = (props: any) => {
   return (
     <div
       className={`
-        bg-dark-800 grid grid-cols-12 items-center gap-4 border-t py-32 text-center dark:border-gray-600
+        bg-scale-200 grid grid-cols-12 items-center gap-4 border-t py-32 text-center
         ${darkerBg ? 'dark:bg-dark-900' : ''} px-16
       `}
     >

apps/www/components/Features/index.tsx

@@ -9,6 +9,7 @@ import TextLink from '../TextLink'
 const Features = () => {
   const IconSections = Object.values(Solutions).map((solution: any) => {
     const { name, description, icon, label, url } = solution
+    if (solution.name === 'Realtime') return null
     return (
       <div key={name} className="mb-10 space-y-4 md:mb-0">
         <div className="flex items-center">

apps/www/components/PricingAddOnTable.tsx

@@ -41,7 +41,7 @@ const PricingAddOnTable = ({ icon, pricing }: PricingAddOnTableProps) => {
             type="button"
           >
             <div className="flex w-full flex-1 flex-col items-start lg:w-auto lg:flex-row lg:items-center">
-              <div className="dark:bg-scale-300 relative flex w-full items-center space-x-3 self-stretch bg-white py-8 pl-4 lg:w-72 lg:py-0">
+              <div className="dark:bg-scale-300 relative flex w-full items-center space-x-3 self-stretch bg-white py-8 pl-4 lg:w-[420px] lg:py-0">
                 <span className="bg-scale-1200 text-scale-100 rounded-md p-2 shadow-sm transition-transform duration-500 group-hover:scale-105 group-hover:shadow">
                   {icon}
                 </span>

apps/www/data/Pricing.json

@@ -20,14 +20,6 @@
           "enterprise": true
         }
       },
-      {
-        "title": "Realtime functionality",
-        "tiers": {
-          "free": true,
-          "pro": true,
-          "enterprise": true
-        }
-      },
       {
         "title": "Database space",
         "tiers": {
@@ -41,8 +33,8 @@
         "tooltip": "Backups are entire copies of your database that can be restored in the future.",
         "tiers": {
           "free": false,
-          "pro": "7 days of backup",
-          "enterprise": "30 days Point in Time backup"
+          "pro": "7 days of backup* (* if > 1TB, contact enterprise)",
+          "enterprise": "Custom"
         }
       },
       {
@@ -92,7 +84,7 @@
         "tiers": {
           "free": "Up to 50,000 MAUs",
           "pro": "100,000 included, then $0.00325 per MAU",
-          "enterprise": "1,000,000 included, then $0.00325 per MAU"
+          "enterprise": "Unlimited"
         }
       },
       {
@@ -151,6 +143,14 @@
           "pro": "100 / hour",
           "enterprise": "Contact Us"
         }
+      },
+      {
+        "title": "Advanced security features",
+        "tiers": {
+          "free": false,
+          "pro": false,
+          "enterprise": "Contact Us"
+        }
       }
     ]
   },
@@ -198,19 +198,11 @@
     "title": "Edge Functions",
     "icon": "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4",
     "features": [
-      {
-        "title": "Runtime hours",
-        "tiers": {
-          "free": "100 hours per month",
-          "pro": "1,000 hours per month",
-          "enterprise": "Unlimited"
-        }
-      },
       {
         "title": "Invocations",
         "tiers": {
           "free": "500K per month",
-          "pro": "2 Million per month",
+          "pro": "2 Million per month, then $2 per 1 million invocations",
           "enterprise": "Unlimited"
         }
       },
@@ -226,12 +218,50 @@
         "title": "Number of functions",
         "tiers": {
           "free": "10",
-          "pro": "100",
+          "pro": "100, then $10 per additional 100 functions",
           "enterprise": "Unlimited"
         }
       }
     ]
   },
+  "realtime": {
+    "title": "Realtime",
+    "icon": "M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59",
+    "features": [
+      {
+        "title": "Change Data Capture (CDC)",
+        "tiers": {
+          "free": true,
+          "pro": true,
+          "enterprise": true
+        }
+      },
+      {
+        "title": "Concurrent Peak Connections",
+        "tiers": {
+          "free": "Up to 200",
+          "pro": "Up to 500, then $10 per 1000",
+          "enterprise": "Unlimited concurrent connections and volume discount"
+        }
+      },
+      {
+        "title": "Max Messages Per Month",
+        "tiers": {
+          "free": "2 Million (including database)",
+          "pro": "5 Million",
+          "enterprise": "Volume discounts on messages"
+        }
+      },
+      {
+        "title": "Max Message Size",
+        "tiers": {
+          "free": "250 Kb",
+          "pro": "3 Mb",
+          "enterprise": "Custom"
+        }
+      }
+    ]
+  },
   "dashboard": {
     "title": "Dashboard",
     "icon": "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4",
@@ -262,42 +292,10 @@
       }
     ]
   },
-  "support": {
-    "title": "Support and Compliance",
-    "icon": "M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z",
+  "security": {
+    "title": "Platform Security and Compliance",
+    "icon": "M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z",
     "features": [
-      {
-        "title": "Community support",
-        "tiers": {
-          "free": true,
-          "pro": true,
-          "enterprise": true
-        }
-      },
-      {
-        "title": "Email support",
-        "tiers": {
-          "free": false,
-          "pro": true,
-          "enterprise": true
-        }
-      },
-      {
-        "title": "Email support SLA",
-        "tiers": {
-          "free": false,
-          "pro": false,
-          "enterprise": true
-        }
-      },
-      {
-        "title": "Designated support",
-        "tiers": {
-          "free": false,
-          "pro": false,
-          "enterprise": true
-        }
-      },
       {
         "title": "On Premises / BYO cloud",
         "tiers": {
@@ -335,7 +333,7 @@
         "tiers": {
           "free": false,
           "pro": false,
-          "enterprise": "Coming soon"
+          "enterprise": true
         }
       },
       {
@@ -354,6 +352,69 @@
           "enterprise": true
         }
       },
+      {
+        "title": "Access Roles",
+        "tiers": {
+          "free": "Owner, Developer",
+          "pro": "Owner, Developer",
+          "enterprise": "Additional owner(s), admin, read-only, billing admin, custom"
+        }
+      },
+      {
+        "title": "Vanity URLs",
+        "tiers": {
+          "free": false,
+          "pro": true,
+          "enterprise": true
+        }
+      },
+      {
+        "title": "Custom Domains",
+        "tooltip": "Contact us to access this feature",
+        "tiers": {
+          "free": false,
+          "pro": "$10 per domain per month per project add on",
+          "enterprise": "1 included, additional custom domains $10 per custom domain per month. Volume discounts available."
+        }
+      }
+    ]
+  },
+  "support": {
+    "title": "Support",
+    "icon": "M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z",
+    "features": [
+      {
+        "title": "Community support",
+        "tiers": {
+          "free": true,
+          "pro": true,
+          "enterprise": true
+        }
+      },
+      {
+        "title": "Email support",
+        "tiers": {
+          "free": false,
+          "pro": true,
+          "enterprise": true
+        }
+      },
+      {
+        "title": "Email support SLA",
+        "tiers": {
+          "free": false,
+          "pro": false,
+          "enterprise": true
+        }
+      },
+      {
+        "title": "Designated support",
+        "tiers": {
+          "free": false,
+          "pro": false,
+          "enterprise": true
+        }
+      },
       {
         "title": "On Boarding Support",
         "tiers": {

apps/www/data/PricingAddOn.json

@@ -1,11 +1,11 @@
 {
   "database": {
-    "title": "Database",
+    "title": "Optimized Compute",
     "features": [
-      "Fully Managed PostgreSQL",
-      "Dedicated Postgres Database",
-      "Optimized Database Instances",
-      "Realtime Functionality"
+      "For projects that need dedicated compute",
+      "For scaling number of connections",
+      "Additional CPU & RAM options",
+      "Additional Disk IO Bandwidth"
     ],
     "rows": [
       {

apps/www/data/Solutions.json

@@ -23,6 +23,14 @@
     "label": "",
     "url": "/storage"
   },
+  "realtime": {
+    "name": "Realtime",
+    "icon": "M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59",
+    "description": "Store, organize, and serve large files. Any media, including videos and images.",
+    "description_short": "",
+    "label": "",
+    "url": "/storage"
+  },
   "edge-functions": {
     "name": "Edge Functions",
     "icon": "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4",
@@ -30,5 +38,13 @@
     "description_short": "",
     "label": "",
     "url": "/edge-functions"
+  },
+  "realtime": {
+    "name": "Realtime",
+    "icon": "M13 10V3L4 14h7v7l9-11h-7z",
+    "description": "Create multiplayer experiences by sharing, broadcasting, and listenning to changes from other clients or the Database.",
+    "description_short": "",
+    "label": "",
+    "url": "/realtime"
   }
 }

apps/www/data/products/realtime/api-examples.js

@@ -0,0 +1,87 @@
+export default [
+  {
+    lang: 'js',
+    title: 'Database changes',
+    description: '',
+    code: `
+  import { createClient } from '@supabase/supabase-js'
+
+  const supabaseClient = createClient('URL', 'ANON')
+  const channel = supabaseClient
+    .channel('postgresChangesChannel')
+    .on('postgres_changes', {
+      event: 'INSERT',
+      schema: 'public',
+      table: 'messages'
+    }, payload => console.log(payload))
+    .subscribe()
+
+
+
+
+
+
+
+
+
+
+      `,
+  },
+  {
+    lang: 'js',
+    title: 'Presence',
+    description: '',
+    code: `
+  import { createClient } from '@supabase/supabase-js'
+
+  const supabaseClient = createClient('URL', 'ANON')
+  const channel = supabaseClient.channel('presenceChannel', { configs: { presence: 'id123' } })
+
+  channel
+    .on('presence', { event: 'sync' }, () => console.log(channel.presenceState()))
+    .on('presence', { event: 'join' }, ({ key, currentPresences, newPresences }) => console.log(key, currentPresences, newPresences))
+    .on('presence', { event: 'leave' }, ({ key, currentPresences, leftPresences }) => console.log(key, currentPresences, leftPresences))
+    .subscribe((status) => {
+      if (status === 'SUBSCRIBED') {
+        channel.track({ user_name: 'user123' })
+        channel.track({ user_name: 'user345' })
+      }
+    })
+
+
+
+
+
+      `,
+  },
+  {
+    lang: 'js',
+    title: 'Broadcast',
+    description: '',
+    code: `
+  import { createClient } from '@supabase/supabase-js'
+
+  const supabaseClient = createClient('URL', 'ANON')
+  const channel = supabaseClient.channel('broadcastChannel', { configs: { broadcast: { self: true, ack: true } } })
+
+  channel
+    .on('broadcast', { event: 'pos' }, payload => console.log(payload))
+    .subscribe((status) => {
+      if (status === 'SUBSCRIBED') {
+        channel
+        .send({ type: 'broadcast', event: 'pos', payload: { x: 0, y: 0 }})
+        .then(status => {
+          if (status === 'ok') console.log('ok')
+    
+          // if ack is false then channel.send will always return 'ok'
+          if (status === 'timed out') console.log('timed out')
+        })
+      }
+    })
+
+    
+
+
+      `,
+  },
+]

apps/www/data/products/realtime/app-examples.js

@@ -0,0 +1,62 @@
+export default [
+  {
+    img: 'toast-messages.svg',
+    title: 'Toast messages',
+    description: 'Listen to changes in the database and show users a toast message.',
+  },
+  {
+    img: 'live-avatars.svg',
+    title: 'Live avatars',
+    description: 'Share the status of users across multiple clients.',
+  },
+  {
+    img: 'live-cursors.svg',
+    title: 'Live cursors',
+    description: 'Share the position and status of multiple cursors across multiple clients.',
+  },
+  {
+    img: 'leaderboard.svg',
+    title: 'Leaderboards',
+    description:
+      'Listen to changes in your database regarding the scores of your users and display them live.',
+  },
+  {
+    img: 'stock-market.svg',
+    title: 'Live charts',
+    description:
+      'Keep charts updated in Realtime by listening to changes in the database rather than polling at intervals.',
+  },
+  {
+    img: 'in-app-chat.svg',
+    title: 'In app chat',
+    description: 'Listen to changes in the database to display up-to-date text messages.',
+  },
+  {
+    img: 'code-editor.svg',
+    title: 'Shared text editor',
+    description: 'Users can collaborate with text documents or even code editors.',
+  },
+
+  {
+    img: 'whiteboard.svg',
+    title: 'Shared whiteboard',
+    description:
+      'Allow users to collaorate on a shared whiteboard, sharing positions and states of any kind of object in Realtime.',
+  },
+  {
+    img: 'location.svg',
+    title: 'Location',
+    description: 'Listen to changes in the database regarding the position of a moving coordinate.',
+  },
+  {
+    img: 'multiplayer-game.svg',
+    title: 'Multiplayer games',
+    description:
+      "Keep track of how long a player has been playing, who's turn it is and even share to other clients what the pllayer is doing.",
+  },
+  {
+    img: 'form-presence.svg',
+    title: 'Form presence',
+    description: 'Display the active selection of different users throughout an interactive form.',
+  },
+]

apps/www/internals/generate-sitemap.mjs

@@ -41,6 +41,9 @@ async function generate() {
               .replace('/auth/Auth', '/auth')
               .replace('/database/Database', '/database')
               .replace('/storage/Storage', '/storage')
+              .replace('/realtime/Realtime', '/realtime')
+              .replace('/edge-functions/edge-functions', '/edge-functions')
+              .replace('/nextjs/Nextjs', '/nextjs')
 
             let route = path === '/index' ? '' : path
 

apps/www/pages/pricing/CHANGELOG.txt

@@ -1,5 +1,34 @@
 Pricing Changelog
 
+### 02 Nov 2022
+----
+
+Database
+- guidance on backups > 1TB in size
+- Removed "Realtime functionality" as it is redundant with new realtime section
+Auth
+- added “advanced security features”
+- MAUs changed to unlimited for Enterprise
+Realtime
+— Added new realtime section
+- Concurrent Peak Connections
+- Max Messages Per Month
+- Max Message Size
+Edge Functions
+- Runtime hours removed
+- Number of functions, usage pricing added after limit on Pro
+- Invocations, usage pricing added after limit on Pro
+Support
+- Security features moved to own section
+Platform Security and Compliance
+- New section made
+- added Access roles
+- added Custom Domains
+- added Vanity URLs added
+Database Compute Add ons
+- New label “Optimized Compute”
+
+
 ### 16 June 2022
 ----
 

apps/www/pages/pricing/index.tsx

@@ -343,6 +343,11 @@ export default function IndexPage() {
                 tier={'free'}
                 icon={Solutions['storage'].icon}
               />
+              <PricingTableRowMobile
+                category={pricing.realtime}
+                tier={'free'}
+                icon={Solutions['realtime'].icon}
+              />
               <PricingTableRowMobile
                 category={pricing['edge-functions']}
                 tier={'free'}
@@ -353,6 +358,11 @@ export default function IndexPage() {
                 tier={'free'}
                 icon={pricing.dashboard.icon}
               />
+              <PricingTableRowMobile
+                category={pricing.security}
+                tier={'free'}
+                icon={pricing.security.icon}
+              />
               <PricingTableRowMobile
                 category={pricing.support}
                 tier={'free'}
@@ -382,6 +392,11 @@ export default function IndexPage() {
                 tier={'pro'}
                 icon={Solutions['storage'].icon}
               />
+              <PricingTableRowMobile
+                category={pricing.realtime}
+                tier={'pro'}
+                icon={Solutions['realtime'].icon}
+              />
               <PricingTableRowMobile
                 category={pricing['edge-functions']}
                 tier={'pro'}
@@ -392,6 +407,11 @@ export default function IndexPage() {
                 tier={'pro'}
                 icon={pricing.dashboard.icon}
               />
+              <PricingTableRowMobile
+                category={pricing.security}
+                tier={'pro'}
+                icon={pricing.security.icon}
+              />
               <PricingTableRowMobile
                 category={pricing.support}
                 tier={'pro'}
@@ -422,6 +442,11 @@ export default function IndexPage() {
                 tier={'enterprise'}
                 icon={Solutions['storage'].icon}
               />
+              <PricingTableRowMobile
+                category={pricing.realtime}
+                tier={'enterprise'}
+                icon={Solutions['realtime'].icon}
+              />
               <PricingTableRowMobile
                 category={pricing['edge-functions']}
                 tier={'enterprise'}
@@ -432,6 +457,11 @@ export default function IndexPage() {
                 tier={'enterprise'}
                 icon={pricing.dashboard.icon}
               />
+              <PricingTableRowMobile
+                category={pricing.security}
+                tier={'enterprise'}
+                icon={pricing.security.icon}
+              />
               <PricingTableRowMobile
                 category={pricing.support}
                 tier={'enterprise'}
@@ -568,6 +598,10 @@ export default function IndexPage() {
                     category={pricing.storage}
                     icon={Solutions['storage'].icon}
                   />
+                  <PricingTableRowDesktop
+                    category={pricing.realtime}
+                    icon={Solutions['realtime'].icon}
+                  />
                   <PricingTableRowDesktop
                     category={pricing['edge-functions']}
                     icon={Solutions['edge-functions'].icon}
@@ -576,6 +610,10 @@ export default function IndexPage() {
                     category={pricing.dashboard}
                     icon={pricing.dashboard.icon}
                   />
+                  <PricingTableRowDesktop
+                    category={pricing.security}
+                    icon={pricing.security.icon}
+                  />
                   <PricingTableRowDesktop category={pricing.support} icon={pricing.support.icon} />
                 </tbody>
                 <tfoot>

apps/www/pages/realtime/Realtime.module.css

@@ -0,0 +1,250 @@
+.shape {
+  transform-origin: top left;
+  animation: shape 20s infinite;
+}
+
+@keyframes shape {
+  0%,
+  5% {
+    opacity: 1;
+    transform: scale(0, 0);
+    border-radius: 0;
+    border-color: hsla(153, 60%, 28%, 1);
+    box-shadow: none;
+    border-width: 3px;
+  }
+  10%,
+  37.3% {
+    opacity: 1;
+    transform: scale(1, 1);
+    border-radius: 0;
+    border-color: hsla(153, 60%, 28%, 1);
+    box-shadow: none;
+    border-width: 3px;
+  }
+  38%,
+  42% {
+    opacity: 1;
+    transform: scale(1, 1);
+    border-radius: 0px;
+    border-color: #ffffff;
+    box-shadow: none;
+    border-width: 3px;
+  }
+  45%,
+  48.2% {
+    opacity: 1;
+    transform: scale(1, 1);
+    border-radius: 10px;
+    border-color: #ffffff;
+    box-shadow: none;
+    border-width: 3px;
+  }
+  49%,
+  71.2% {
+    opacity: 1;
+    transform: scale(1, 1);
+    border-radius: 10px;
+    border-color: hsla(153, 60%, 28%, 1);
+    box-shadow: none;
+    border-width: 3px;
+  }
+  72%,
+  74% {
+    opacity: 1;
+    transform: scale(1, 1);
+    border-radius: 10px;
+    border-color: #ffffff;
+    box-shadow: none;
+    border-width: 3px;
+  }
+  76%,
+  92% {
+    opacity: 1;
+    transform: scale(1, 1);
+    border-radius: 10px;
+    border-color: #ffffff;
+    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.2);
+    border-width: 1.5px;
+  }
+  94%,
+  100% {
+    opacity: 1;
+    transform: scale(1, 1);
+    border-radius: 10px;
+    border-color: hsla(153, 60%, 28%, 1);
+    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.2);
+    border-width: 1.5px;
+  }
+}
+
+.button-text {
+  animation: button-text 20s infinite;
+}
+
+@keyframes button-text {
+  0%,
+  78.5% {
+    opacity: 0;
+    font-family: 'Arial';
+    background-color: transparent;
+  }
+  79%,
+  84% {
+    opacity: 1;
+    font-family: 'Arial';
+    background-color: transparent;
+  }
+  84.5%,
+  88% {
+    opacity: 1;
+    font-family: 'Arial';
+    background-color: rgba(0, 0, 0, 0.4);
+  }
+  88.1%,
+  100% {
+    opacity: 1;
+    font-family: 'custom-font';
+    background-color: transparent;
+  }
+}
+
+.cursor-one {
+  animation: cursor-one 20s infinite;
+}
+
+@keyframes cursor-one {
+  0% {
+    transform: translate(0px, 0px);
+  }
+  2%,
+  5% {
+    transform: translate(-202px, -63px);
+  }
+  10%,
+  11% {
+    transform: translate(-16px, -15px);
+  }
+  13%,
+  100% {
+    transform: translate(0, 0);
+  }
+}
+
+.cursor-two {
+  animation: cursor-two 20s infinite;
+}
+
+@keyframes cursor-two {
+  0%,
+  17% {
+    transform: scale(1) translate(-200px, 300px);
+  }
+  20%,
+  32% {
+    transform: scale(1) translate(-85px, 89px);
+  }
+  34%,
+  37.1% {
+    transform: scale(1) translate(0px, 0px);
+  }
+  37.4%,
+  37.7% {
+    transform: scale(0.95) translate(0px, 0px);
+  }
+  38%,
+  46% {
+    transform: scale(1) translate(0px, 0px);
+  }
+  49%,
+  100% {
+    transform: scale(1) translate(-50px, 100px);
+  }
+}
+
+.cursor-two-comment {
+  animation: cursor-two-comment 20s infinite;
+}
+
+@keyframes cursor-two-comment {
+  0%,
+  22% {
+    opacity: 0;
+    transform: scale(0.95) translate(0px, 5px);
+  }
+  24%,
+  30% {
+    opacity: 1;
+    transform: scale(1) translate(0px, 0px);
+  }
+  32%,
+  100% {
+    opacity: 0;
+    transform: scale(0.95) translate(0px, 5px);
+  }
+}
+
+.cursor-three {
+  animation: cursor-three 20s infinite;
+}
+
+@keyframes cursor-three {
+  0%,
+  50% {
+    transform: scale(1) translate(50px, -250px);
+  }
+  53%,
+  66% {
+    transform: scale(1) translate(-40px, -120px);
+  }
+  68%,
+  71% {
+    transform: scale(1) translate(0px, 0px);
+  }
+  71.3%,
+  71.6% {
+    transform: scale(0.95) translate(0px, 0px);
+  }
+  71.9%,
+  80% {
+    transform: scale(1) translate(0px, 0px);
+  }
+  82%,
+  84% {
+    transform: scale(1) translate(-20px, 10px);
+  }
+  84.5%,
+  85% {
+    transform: scale(0.95) translate(-20px, 10px);
+  }
+  85.5%,
+  91% {
+    transform: scale(1) translate(-20px, 10px);
+  }
+  93%,
+  100% {
+    transform: scale(1) translate(0px, -80px);
+  }
+}
+
+.cursor-three-comment {
+  animation: cursor-three-comment 20s infinite;
+}
+
+@keyframes cursor-three-comment {
+  0%,
+  56% {
+    opacity: 0;
+    transform: scale(0.95) translate(0px, 5px);
+  }
+  58%,
+  64% {
+    opacity: 1;
+    transform: scale(1) translate(0px, 0px);
+  }
+  66%,
+  100% {
+    opacity: 0;
+    transform: scale(0.95) translate(0px, 5px);
+  }
+}

apps/www/pages/realtime/Realtime.tsx

@@ -0,0 +1,251 @@
+import { Button, IconGrid, IconLayers, IconMenu } from '@supabase/ui'
+import ApiExamples from 'data/products/realtime/api-examples'
+import AppExamples from 'data/products/realtime/app-examples'
+import Solutions from 'data/Solutions.json'
+import { NextSeo } from 'next-seo'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import CTABanner from '~/components/CTABanner'
+import DefaultLayout from '~/components/Layouts/Default'
+import SectionContainer from '~/components/Layouts/SectionContainer'
+import APISection from '~/components/Sections/APISection'
+import ProductHeader from '~/components/Sections/ProductHeader'
+import RealtimeStyles from './Realtime.module.css'
+
+import 'swiper/swiper.min.css'
+
+const Cursor = ({ className = '', color = 'none' }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill={color}
+      viewBox="0 0 24 24"
+      aria-hidden="true"
+      className={`h-10 w-10 stroke-black dark:stroke-white ${className}`}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+        d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"
+      />
+    </svg>
+  )
+}
+
+function RealtimePage() {
+  // base path for images
+  const { basePath } = useRouter()
+  const meta_title = 'Realtime | Sync your data in real time'
+  const meta_description =
+    'Listens to changes in a PostgreSQL Database and broadcasts them over WebSockets'
+
+  return (
+    <>
+      <NextSeo
+        title={meta_title}
+        description={meta_description}
+        openGraph={{
+          title: meta_title,
+          description: meta_description,
+          url: `https://supabase.com/realtime`,
+          images: [
+            {
+              url: `https://supabase.com${basePath}/images/realtime/og.jpg`,
+            },
+          ],
+        }}
+      />
+      <DefaultLayout>
+        <ProductHeader
+          icon={Solutions['realtime']?.icon}
+          title={Solutions['realtime']?.name}
+          h1={[<span key={'authentication-h1'}>Build modern web and mobile applications</span>]}
+          subheader={['Sync client state globally over WebSockets in Realtime']}
+          image={[
+            <div className="bg-scale-300 border-scale-500 relative flex h-[372px] w-[560px] items-center justify-center overflow-hidden rounded border drop-shadow-md">
+              <div
+                className={[
+                  'border-brand-800 relative h-12 w-48 bg-[#34B27B]',
+                  `flex items-center justify-center ${RealtimeStyles['shape']}`,
+                ].join(' ')}
+              >
+                <p
+                  className={`text-scale-1200 text-[18px] font-medium ${RealtimeStyles['button-text']}`}
+                >
+                  Start a project
+                </p>
+              </div>
+              <Cursor
+                color="var(--colors-yellow9)"
+                className={`${RealtimeStyles['cursor-one']} absolute top-[220px] right-[130px]`}
+              />
+              <Cursor
+                color="var(--colors-indigo9)"
+                className={`${RealtimeStyles['cursor-two']} absolute top-[180px] right-[280px]`}
+              />
+              <div
+                className={[
+                  'border-scale-1200 absolute bottom-[40px] left-[175px] flex h-10 w-20',
+                  'items-center justify-center space-x-2 rounded-full border-[3px] bg-indigo-900',
+                  `${RealtimeStyles['cursor-two-comment']}`,
+                ].join(' ')}
+              >
+                <p className="text-lg">🤔</p>
+              </div>
+              <Cursor
+                color="var(--colors-tomato9)"
+                className={`${RealtimeStyles['cursor-three']} absolute top-[170px] right-[180px]`}
+              />
+              <div
+                className={[
+                  'border-scale-1200 absolute top-[72px] left-[320px] flex h-10 w-20',
+                  'items-center justify-center space-x-2 rounded-full border-[3px] bg-tomato-900',
+                  `${RealtimeStyles['cursor-three-comment']}`,
+                ].join(' ')}
+              >
+                <p className="text-lg">😄</p>
+              </div>
+              {/* <div className="bg-scale-100 border-scale-500 absolute left-0 h-full w-24 border-r py-9 shadow">
+                <div className="border-scale-500 h-7 border-b" />
+              </div> */}
+              {/* <div className="bg-scale-100 border-scale-500 absolute right-0 h-full w-20 border-l py-9 shadow">
+                <div className="border-scale-500 h-7 border-b" />
+              </div> */}
+              <div className="bg-scale-200 border-scale-500 absolute top-0 flex h-9 w-full items-center justify-between border-b">
+                <div className="flex items-center">
+                  <IconMenu className="text-scale-1200 mx-3" strokeWidth={1} size={16} />
+                  <IconGrid className="text-scale-1200 mx-3" strokeWidth={1} size={15} />
+                  <IconLayers className="text-scale-1200 mx-3" strokeWidth={1} size={15} />
+                </div>
+                <div className="mx-3 flex items-center">
+                  <div className="border-scale-300 dark:border-scale-1200 bg-tomato-900 dark:bg-tomato-900 relative -right-4 h-5 w-5 rounded-full border" />
+                  <div className="border-scale-300 dark:border-scale-1200 bg-yellow-900 dark:bg-yellow-900 relative -right-2 z-[2] h-5 w-5 rounded-full border" />
+                  <div className="border-scale-300 dark:border-scale-1200 bg-indigo-900 dark:bg-indigo-900 z-[3] h-5 w-5 rounded-full border" />
+                </div>
+              </div>
+            </div>,
+          ]}
+          documentation_url={'/docs/guides/realtime/broadcast'}
+        />
+
+        <SectionContainer>
+          <div className="grid grid-cols-12">
+            <div className="prose col-span-12 mb-10 lg:col-span-3 lg:mb-0">
+              <div className="p mb-4">
+                <img
+                  src="/images/realtime/icons/database-changes.svg"
+                  alt="realtime broadcast"
+                  className="-mb-4 w-9"
+                />
+              </div>
+              <h3>Database changes</h3>
+              <p>
+                Listen to changes in the Database inserts, updates, and deletes and other changes.
+              </p>
+              <div className="not-prose mt-3">
+                <Link passHref href="/docs/guides/realtime/postgres-cdc">
+                  <Button as="a" type="default">
+                    View docs
+                  </Button>
+                </Link>
+              </div>
+            </div>
+            <div className="prose col-span-12 mb-10 lg:col-span-3 lg:col-start-5 lg:mb-0">
+              <div className="p mb-4">
+                <img
+                  src="/images/realtime/icons/presence.svg"
+                  alt="realtime broadcast"
+                  className="-mb-4 w-9"
+                />
+              </div>
+              <h3>Presence</h3>
+              <p>Store and synchronize online user state consistently across clients.</p>
+              <div className="not-prose mt-3">
+                <Link passHref href="/docs/guides/realtime/presence">
+                  <Button as="a" type="default">
+                    View docs
+                  </Button>
+                </Link>
+              </div>
+            </div>
+            <div className="prose col-span-12 lg:col-span-3 lg:col-start-9">
+              <div className="p mb-4">
+                <img
+                  src="/images/realtime/icons/broadcast.svg"
+                  alt="realtime broadcast"
+                  className="-mb-4 w-9"
+                />
+              </div>
+              <h3>Broadcast</h3>
+              <p>Send any data to any client subscribed to the same Channel.</p>
+              <div className="not-prose mt-3">
+                <Link passHref href="/docs/guides/realtime/broadcast">
+                  <Button as="a" type="default">
+                    View docs
+                  </Button>
+                </Link>
+              </div>
+            </div>
+          </div>
+        </SectionContainer>
+
+        <SectionContainer className="flex flex-col gap-8">
+          <div className="flex flex-col items-center justify-center">
+            <h2 className="h3">What you can build with Realtime</h2>
+            <p className="p mx-auto text-center lg:w-1/2">
+              Build any kind of Realtime application with ease, including any of these scenarios.
+            </p>
+          </div>
+          <div className="grid gap-10 grid-cols-2 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4">
+            {AppExamples.map((example) => {
+              return (
+                <>
+                  <div className="flex flex-col gap-3">
+                    <img
+                      className="bg-scale-300 hidden rounded-lg dark:block"
+                      src={`/images/realtime/example-apps/dark/${example.img}?type=1`}
+                      alt={example.title}
+                    />
+                    <img
+                      className="bg-scale-300 block rounded-lg dark:hidden"
+                      src={`/images/realtime/example-apps/light/${example.img}`}
+                      alt={example.title}
+                    />
+                    <div className="prose">
+                      <h4 className="">{example.title}</h4>
+                      <p className="text-sm">{example.description}</p>
+                    </div>
+                  </div>
+                </>
+              )
+            })}
+          </div>
+        </SectionContainer>
+
+        <SectionContainer>
+          <APISection
+            title="Simple and convenient APIs"
+            // @ts-ignore
+            content={ApiExamples}
+            size="large"
+            text={[
+              <p key={0}>
+                <p className="text-base lg:text-lg">
+                  APIs that you can understand. With powerful libraries that work on client and
+                  server-side applications.
+                </p>
+              </p>,
+            ]}
+            // [TODO] Point to the correct docs URL
+            documentation_link={'/docs/guides//docs/guides/realtime/broadcast'}
+          />
+        </SectionContainer>
+
+        <CTABanner />
+      </DefaultLayout>
+    </>
+  )
+}
+
+export default RealtimePage

apps/www/pages/realtime/index.tsx

@@ -0,0 +1,3 @@
+import Realtime from './Realtime'
+
+export default Realtime

apps/www/public/images/realtime/example-apps/dark/code-editor.svg

@@ -0,0 +1,83 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1119_17619)">
+<path d="M403.692 312.024H404.192V311.524V24C404.192 21.5147 402.177 19.5 399.692 19.5H31.4873C29.002 19.5 26.9873 21.5147 26.9873 24V311.524V312.024H27.4873H403.692Z" fill="#343434" stroke="#3E3E3E"/>
+<path d="M27.4873 24C27.4873 21.7909 29.2782 20 31.4873 20H399.692C401.901 20 403.692 21.7909 403.692 24V42.2113H27.4873V24Z" fill="#282828"/>
+<path d="M48.3297 115.164H39.7996V113.59L44.0647 109.746C44.6871 109.184 45.1996 108.611 45.6023 108.025C46.005 107.427 46.2064 106.799 46.2064 106.14V105.92C46.2064 105.151 46.005 104.559 45.6023 104.145C45.1996 103.717 44.6016 103.504 43.8084 103.504C43.0274 103.504 42.4233 103.705 41.9962 104.108C41.5813 104.498 41.2701 105.023 41.0627 105.682L39.6898 105.17C39.8119 104.791 39.9766 104.425 40.184 104.071C40.4037 103.705 40.6783 103.382 41.0078 103.101C41.3373 102.82 41.7339 102.595 42.1976 102.424C42.6735 102.253 43.2227 102.168 43.845 102.168C44.4796 102.168 45.0409 102.259 45.5291 102.442C46.0294 102.625 46.4443 102.881 46.7738 103.211C47.1155 103.54 47.3718 103.931 47.5426 104.382C47.7257 104.834 47.8172 105.328 47.8172 105.865C47.8172 106.353 47.744 106.811 47.5975 107.238C47.4633 107.665 47.268 108.074 47.0118 108.464C46.7677 108.855 46.4687 109.239 46.1148 109.618C45.7731 109.984 45.3887 110.35 44.9616 110.716L41.3922 113.828H48.3297V115.164ZM51.0317 115.164V113.828H54.6927V103.522H54.5645L51.3429 106.524L50.4459 105.554L53.8323 102.387H56.2303V113.828H59.5984V115.164H51.0317ZM48.3297 139.164H39.7996V137.59L44.0647 133.746C44.6871 133.184 45.1996 132.611 45.6023 132.025C46.005 131.427 46.2064 130.799 46.2064 130.14V129.92C46.2064 129.151 46.005 128.559 45.6023 128.145C45.1996 127.717 44.6016 127.504 43.8084 127.504C43.0274 127.504 42.4233 127.705 41.9962 128.108C41.5813 128.498 41.2701 129.023 41.0627 129.682L39.6898 129.17C39.8119 128.791 39.9766 128.425 40.184 128.071C40.4037 127.705 40.6783 127.382 41.0078 127.101C41.3373 126.82 41.7339 126.595 42.1976 126.424C42.6735 126.253 43.2227 126.168 43.845 126.168C44.4796 126.168 45.0409 126.259 45.5291 126.442C46.0294 126.625 46.4443 126.881 46.7738 127.211C47.1155 127.54 47.3718 127.931 47.5426 128.382C47.7257 128.834 47.8172 129.328 47.8172 129.865C47.8172 130.353 47.744 130.811 47.5975 131.238C47.4633 131.665 47.268 132.074 47.0118 132.464C46.7677 132.855 46.4687 133.239 46.1148 133.618C45.7731 133.984 45.3887 134.35 44.9616 134.716L41.3922 137.828H48.3297V139.164ZM59.3055 139.164H50.7754V137.59L55.0405 133.746C55.6628 133.184 56.1754 132.611 56.5781 132.025C56.9808 131.427 57.1821 130.799 57.1821 130.14V129.92C57.1821 129.151 56.9808 128.559 56.5781 128.145C56.1754 127.717 55.5774 127.504 54.7842 127.504C54.0032 127.504 53.3991 127.705 52.972 128.108C52.5571 128.498 52.2459 129.023 52.0385 129.682L50.6656 129.17C50.7876 128.791 50.9524 128.425 51.1598 128.071C51.3795 127.705 51.6541 127.382 51.9836 127.101C52.313 126.82 52.7096 126.595 53.1734 126.424C53.6493 126.253 54.1984 126.168 54.8208 126.168C55.4554 126.168 56.0167 126.259 56.5049 126.442C57.0052 126.625 57.4201 126.881 57.7496 127.211C58.0913 127.54 58.3475 127.931 58.5184 128.382C58.7014 128.834 58.793 129.328 58.793 129.865C58.793 130.353 58.7197 130.811 58.5733 131.238C58.4391 131.665 58.2438 132.074 57.9876 132.464C57.7435 132.855 57.4445 133.239 57.0906 133.618C56.7489 133.984 56.3645 134.35 55.9374 134.716L52.368 137.828H59.3055V139.164ZM48.3297 163.164H39.7996V161.59L44.0647 157.746C44.6871 157.184 45.1996 156.611 45.6023 156.025C46.005 155.427 46.2064 154.799 46.2064 154.14V153.92C46.2064 153.151 46.005 152.559 45.6023 152.145C45.1996 151.717 44.6016 151.504 43.8084 151.504C43.0274 151.504 42.4233 151.705 41.9962 152.108C41.5813 152.498 41.2701 153.023 41.0627 153.682L39.6898 153.17C39.8119 152.791 39.9766 152.425 40.184 152.071C40.4037 151.705 40.6783 151.382 41.0078 151.101C41.3373 150.82 41.7339 150.595 42.1976 150.424C42.6735 150.253 43.2227 150.168 43.845 150.168C44.4796 150.168 45.0409 150.259 45.5291 150.442C46.0294 150.625 46.4443 150.881 46.7738 151.211C47.1155 151.54 47.3718 151.931 47.5426 152.382C47.7257 152.834 47.8172 153.328 47.8172 153.865C47.8172 154.353 47.744 154.811 47.5975 155.238C47.4633 155.665 47.268 156.074 47.0118 156.464C46.7677 156.855 46.4687 157.239 46.1148 157.618C45.7731 157.984 45.3887 158.35 44.9616 158.716L41.3922 161.828H48.3297V163.164ZM54.4181 155.805C55.3089 155.805 55.974 155.61 56.4133 155.22C56.8649 154.817 57.0906 154.304 57.0906 153.682V153.554C57.0906 152.871 56.871 152.358 56.4316 152.016C56.0045 151.675 55.4432 151.504 54.7476 151.504C54.0642 151.504 53.509 151.656 53.0818 151.961C52.6669 152.254 52.3252 152.645 52.0568 153.133L50.9036 152.254C51.0622 151.998 51.2575 151.748 51.4893 151.504C51.7212 151.248 51.9897 151.022 52.2947 150.827C52.612 150.631 52.972 150.473 53.3747 150.351C53.7896 150.229 54.2595 150.168 54.7842 150.168C55.3333 150.168 55.8459 150.241 56.3218 150.387C56.7977 150.521 57.2126 150.729 57.5665 151.01C57.9204 151.278 58.195 151.614 58.3903 152.016C58.5977 152.419 58.7014 152.877 58.7014 153.389C58.7014 153.804 58.6343 154.176 58.5001 154.506C58.3781 154.835 58.2011 155.122 57.9692 155.366C57.7496 155.61 57.4872 155.818 57.1821 155.989C56.8771 156.159 56.5537 156.288 56.212 156.373V156.446C56.5659 156.519 56.9076 156.641 57.2371 156.812C57.5665 156.971 57.8594 157.184 58.1157 157.453C58.372 157.709 58.5733 158.026 Line truncated
+<path d="M43.4904 35.3126C46.1947 35.3126 48.387 33.1277 48.387 30.4326C48.387 27.7375 46.1947 25.5527 43.4904 25.5527C40.7861 25.5527 38.5938 27.7375 38.5938 30.4326C38.5938 33.1277 40.7861 35.3126 43.4904 35.3126Z" fill="#3E3E3E"/>
+<path d="M57.1652 35.3126C59.8695 35.3126 62.0619 33.1277 62.0619 30.4326C62.0619 27.7375 59.8695 25.5527 57.1652 25.5527C54.4609 25.5527 52.2686 27.7375 52.2686 30.4326C52.2686 33.1277 54.4609 35.3126 57.1652 35.3126Z" fill="#3E3E3E"/>
+<path d="M70.8312 35.3126C73.5356 35.3126 75.7279 33.1277 75.7279 30.4326C75.7279 27.7375 73.5356 25.5527 70.8312 25.5527C68.1269 25.5527 65.9346 27.7375 65.9346 30.4326C65.9346 33.1277 68.1269 35.3126 70.8312 35.3126Z" fill="#3E3E3E"/>
+<path d="M228.23 133.471C228.23 132.58 228.328 131.726 228.523 130.909C228.731 130.079 229.005 129.31 229.347 128.602C229.701 127.894 230.11 127.26 230.573 126.698C231.037 126.125 231.525 125.643 232.038 125.252H233.521C232.984 125.655 232.477 126.125 232.001 126.662C231.537 127.187 231.123 127.766 230.756 128.401C230.403 129.023 230.122 129.7 229.914 130.433C229.707 131.153 229.603 131.903 229.603 132.684V134.258C229.603 135.039 229.707 135.796 229.914 136.528C230.122 137.248 230.403 137.925 230.756 138.56C231.123 139.182 231.537 139.756 232.001 140.281C232.477 140.818 232.984 141.287 233.521 141.69H232.038C231.525 141.312 231.037 140.836 230.573 140.262C230.11 139.689 229.701 139.048 229.347 138.34C229.005 137.633 228.731 136.87 228.523 136.052C228.328 135.222 228.23 134.362 228.23 133.471Z" fill="#A0A0A0"/>
+<path d="M241.275 139.384C240.591 139.384 239.981 139.268 239.444 139.036C238.919 138.792 238.474 138.456 238.108 138.029C237.742 137.602 237.461 137.083 237.266 136.473C237.083 135.863 236.991 135.186 236.991 134.441C236.991 133.697 237.089 133.02 237.284 132.41C237.479 131.799 237.76 131.281 238.126 130.854C238.492 130.414 238.938 130.079 239.462 129.847C239.987 129.615 240.585 129.499 241.256 129.499C242.172 129.499 242.916 129.7 243.49 130.103C244.063 130.506 244.484 131.031 244.753 131.677L243.581 132.3C243.41 131.812 243.123 131.433 242.721 131.165C242.33 130.896 241.842 130.762 241.256 130.762C240.829 130.762 240.445 130.835 240.103 130.982C239.774 131.116 239.493 131.311 239.261 131.568C239.029 131.824 238.852 132.129 238.73 132.483C238.62 132.837 238.565 133.221 238.565 133.636V135.247C238.565 135.662 238.62 136.046 238.73 136.4C238.852 136.754 239.029 137.059 239.261 137.315C239.493 137.572 239.78 137.773 240.121 137.919C240.463 138.054 240.854 138.121 241.293 138.121C241.927 138.121 242.452 137.974 242.867 137.681C243.282 137.388 243.612 136.986 243.856 136.473L244.899 137.187C244.618 137.822 244.179 138.346 243.581 138.761C242.995 139.176 242.226 139.384 241.275 139.384Z" fill="#A0A0A0"/>
+<path d="M247.418 139.164V129.719H248.772V130.817H248.846C248.992 130.451 249.2 130.14 249.468 129.883C249.737 129.627 250.133 129.499 250.658 129.499C251.207 129.499 251.616 129.639 251.884 129.92C252.153 130.189 252.318 130.542 252.379 130.982H252.433C252.604 130.555 252.848 130.201 253.166 129.92C253.483 129.639 253.922 129.499 254.484 129.499C255.252 129.499 255.765 129.768 256.021 130.304C256.29 130.841 256.424 131.61 256.424 132.611V139.164H255.069V132.849C255.069 132.043 254.984 131.488 254.813 131.183C254.654 130.866 254.355 130.707 253.916 130.707C253.526 130.707 253.208 130.835 252.964 131.092C252.72 131.336 252.598 131.714 252.598 132.226V139.164H251.244V132.849C251.244 132.043 251.158 131.488 250.987 131.183C250.829 130.866 250.536 130.707 250.109 130.707C249.718 130.707 249.395 130.835 249.139 131.092C248.895 131.336 248.772 131.714 248.772 132.226V139.164H247.418Z" fill="#A0A0A0"/>
+<path d="M262.11 136.675H264.471L262.366 141.745H261.139L262.11 136.675Z" fill="#A0A0A0"/>
+<path d="M283.915 139.164L280.528 129.719H282.011L283.366 133.673L284.83 137.938H284.903L286.368 133.673L287.722 129.719H289.168L285.782 139.164H283.915Z" fill="#A0A0A0"/>
+<path d="M296.41 127.632C295.983 127.632 295.684 127.547 295.513 127.376C295.342 127.193 295.257 126.967 295.257 126.698V126.406C295.257 126.137 295.342 125.917 295.513 125.747C295.684 125.564 295.983 125.472 296.41 125.472C296.837 125.472 297.136 125.564 297.307 125.747C297.478 125.917 297.563 126.137 297.563 126.406V126.698C297.563 126.967 297.478 127.193 297.307 127.376C297.136 127.547 296.837 127.632 296.41 127.632ZM292.273 137.919H295.678V130.963H292.273V129.719H297.142V137.919H300.327V139.164H292.273V137.919Z" fill="#A0A0A0"/>
+<path d="M306.965 139.384C306.281 139.384 305.665 139.268 305.116 139.036C304.579 138.804 304.115 138.475 303.725 138.047C303.346 137.608 303.053 137.089 302.846 136.492C302.639 135.881 302.535 135.204 302.535 134.46C302.535 133.703 302.639 133.02 302.846 132.41C303.066 131.799 303.365 131.281 303.743 130.854C304.121 130.414 304.573 130.079 305.097 129.847C305.634 129.615 306.226 129.499 306.873 129.499C307.508 129.499 308.081 129.615 308.594 129.847C309.118 130.079 309.564 130.402 309.93 130.817C310.296 131.22 310.577 131.702 310.772 132.263C310.967 132.824 311.065 133.441 311.065 134.112V134.807H304.072V135.247C304.072 135.662 304.14 136.046 304.274 136.4C304.408 136.754 304.597 137.059 304.841 137.315C305.097 137.572 305.403 137.773 305.756 137.919C306.123 138.054 306.525 138.121 306.965 138.121C307.599 138.121 308.148 137.974 308.612 137.681C309.076 137.388 309.43 136.986 309.674 136.473L310.754 137.205C310.473 137.84 310.003 138.365 309.344 138.78C308.697 139.182 307.904 139.384 306.965 139.384ZM306.873 130.707C306.47 130.707 306.098 130.78 305.756 130.927C305.415 131.073 305.116 131.275 304.859 131.531C304.615 131.787 304.42 132.092 304.274 132.446C304.14 132.788 304.072 133.166 304.072 133.581V133.709H309.491V133.508C309.491 133.093 309.424 132.715 309.289 132.373C309.167 132.031 308.99 131.738 308.758 131.494C308.539 131.238 308.264 131.043 307.935 130.909C307.617 130.774 307.264 130.707 306.873 130.707Z" fill="#A0A0A0"/>
+<path d="M312.833 129.719H314.133L315.213 137.883H315.378L316.988 129.719H318.599L320.21 137.883H320.375L321.455 129.719H322.718L321.272 139.164H319.368L317.867 131.256H317.721L316.183 139.164H314.279L312.833 129.719Z" fill="#A0A0A0"/>
+<path d="M324.999 129.719H326.463V131.256H326.536C327.147 130.085 328.117 129.499 329.447 129.499C330.606 129.499 331.509 129.932 332.156 130.799C332.815 131.665 333.145 132.879 333.145 134.441C333.145 136.003 332.815 137.218 332.156 138.084C331.509 138.95 330.606 139.384 329.447 139.384C328.117 139.384 327.147 138.798 326.536 137.626H326.463V142.825H324.999V129.719ZM328.88 138.084C329.734 138.084 330.393 137.828 330.856 137.315C331.332 136.791 331.57 136.101 331.57 135.247V133.636C331.57 132.782 331.332 132.098 330.856 131.586C330.393 131.061 329.734 130.799 328.88 130.799C328.55 130.799 328.239 130.841 327.946 130.927C327.653 131.012 327.397 131.14 327.177 131.311C326.958 131.47 326.781 131.671 326.646 131.915C326.524 132.147 326.463 132.422 326.463 132.739V136.144C326.463 136.461 326.524 136.742 326.646 136.986C326.781 137.218 326.958 137.419 327.177 137.59C327.397 137.748 327.653 137.87 327.946 137.956C328.239 138.041 328.55 138.084 328.88 138.084Z" fill="#A0A0A0"/>
+<path d="M339.727 139.384C339.068 139.384 338.47 139.268 337.933 139.036C337.409 138.804 336.957 138.475 336.579 138.047C336.213 137.608 335.932 137.089 335.737 136.492C335.541 135.881 335.444 135.198 335.444 134.441C335.444 133.697 335.541 133.02 335.737 132.41C335.932 131.799 336.213 131.281 336.579 130.854C336.957 130.414 337.409 130.079 337.933 129.847C338.47 129.615 339.068 129.499 339.727 129.499C340.386 129.499 340.978 129.615 341.503 129.847C342.04 130.079 342.491 130.414 342.857 130.854C343.236 131.281 343.522 131.799 343.718 132.41C343.913 133.02 344.01 133.697 344.01 134.441C344.01 135.198 343.913 135.881 343.718 136.492C343.522 137.089 343.236 137.608 342.857 138.047C342.491 138.475 342.04 138.804 341.503 139.036C340.978 139.268 340.386 139.384 339.727 139.384ZM339.727 138.121C340.545 138.121 341.204 137.877 341.704 137.388C342.204 136.9 342.455 136.144 342.455 135.119V133.764C342.455 132.739 342.204 131.982 341.704 131.494C341.204 131.006 340.545 130.762 339.727 130.762C338.91 130.762 338.251 131.006 337.75 131.494C337.25 131.982 337 132.739 337 133.764V135.119C337 136.144 337.25 136.9 337.75 137.388C338.251 137.877 338.91 138.121 339.727 138.121Z" fill="#A0A0A0"/>
+<path d="M346.621 137.919H349.385V130.963H346.621V129.719H350.849V132.098H350.941C351.136 131.354 351.502 130.774 352.039 130.359C352.588 129.932 353.284 129.719 354.126 129.719H355.444V131.183H353.668C352.826 131.183 352.143 131.427 351.618 131.915C351.106 132.403 350.849 133.044 350.849 133.837V137.919H354.51V139.164H346.621V137.919Z" fill="#A0A0A0"/>
+<path d="M362.136 139.164C361.416 139.164 360.886 138.963 360.544 138.56C360.214 138.157 360.05 137.639 360.05 137.004V130.963H356.901V129.719H359.244C359.561 129.719 359.781 129.658 359.903 129.536C360.037 129.401 360.104 129.176 360.104 128.858V126.387H361.514V129.719H365.816V130.963H361.514V137.919H365.816V139.164H362.136Z" fill="#A0A0A0"/>
+<path d="M371.867 136.675H374.229L372.124 141.745H370.897L371.867 136.675Z" fill="#A0A0A0"/>
+<path d="M390.634 137.919H393.819V130.963H390.451V129.719H393.819V127.778C393.819 127.144 393.984 126.625 394.313 126.222C394.655 125.82 395.186 125.618 395.906 125.618H399.072V126.863H395.283V129.719H399.072V130.963H395.283V137.919H398.651V139.164H390.634V137.919Z" fill="#A0A0A0"/>
+<path d="M405.582 139.384C404.923 139.384 404.325 139.268 403.788 139.036C403.263 138.804 402.812 138.475 402.433 138.047C402.067 137.608 401.787 137.089 401.591 136.492C401.396 135.881 401.299 135.198 401.299 134.441C401.299 133.697 401.396 133.02 401.591 132.41C401.787 131.799 402.067 131.281 402.433 130.854C402.812 130.414 403.263 130.079 403.788 129.847C404.325 129.615 404.923 129.499 405.582 129.499C406.241 129.499 406.833 129.615 407.357 129.847C407.894 130.079 408.346 130.414 408.712 130.854C409.09 131.281 409.377 131.799 409.572 132.41C409.768 133.02 409.865 133.697 409.865 134.441C409.865 135.198 409.768 135.881 409.572 136.492C409.377 137.089 409.09 137.608 408.712 138.047C408.346 138.475 407.894 138.804 407.357 139.036C406.833 139.268 406.241 139.384 405.582 139.384ZM405.582 138.121C406.399 138.121 407.058 137.877 407.559 137.388C408.059 136.9 408.309 136.144 408.309 135.119V133.764C408.309 132.739 408.059 131.982 407.559 131.494C407.058 131.006 406.399 130.762 405.582 130.762C404.764 130.762 404.105 131.006 403.605 131.494C403.105 131.982 402.854 132.739 402.854 133.764V135.119C402.854 136.144 403.105 136.9 403.605 137.388C404.105 137.877 404.764 138.121 405.582 138.121Z" fill="#A0A0A0"/>
+<path d="M412.476 137.919H415.24V130.963H412.476V129.719H416.704V132.098H416.796C416.991 131.354 417.357 130.774 417.894 130.359C418.443 129.932 419.139 129.719 419.981 129.719H421.299V131.183H419.523C418.681 131.183 417.998 131.427 417.473 131.915C416.96 132.403 416.704 133.044 416.704 133.837V137.919H420.365V139.164H412.476V137.919Z" fill="#A0A0A0"/>
+<path d="M427.863 139.384C427.18 139.384 426.569 139.268 426.032 139.036C425.508 138.792 425.062 138.456 424.696 138.029C424.33 137.602 424.049 137.083 423.854 136.473C423.671 135.863 423.58 135.186 423.58 134.441C423.58 133.697 423.677 133.02 423.872 132.41C424.068 131.799 424.348 131.281 424.714 130.854C425.081 130.414 425.526 130.079 426.051 129.847C426.575 129.615 427.173 129.499 427.845 129.499C428.76 129.499 429.504 129.7 430.078 130.103C430.651 130.506 431.072 131.031 431.341 131.677L430.169 132.3C429.999 131.812 429.712 131.433 429.309 131.165C428.918 130.896 428.43 130.762 427.845 130.762C427.417 130.762 427.033 130.835 426.691 130.982C426.362 131.116 426.081 131.311 425.849 131.568C425.618 131.824 425.441 132.129 425.319 132.483C425.209 132.837 425.154 133.221 425.154 133.636V135.247C425.154 135.662 425.209 136.046 425.319 136.4C425.441 136.754 425.618 137.059 425.849 137.315C426.081 137.572 426.368 137.773 426.71 137.919C427.051 138.054 427.442 138.121 427.881 138.121C428.516 138.121 429.041 137.974 429.455 137.681C429.87 137.388 430.2 136.986 430.444 136.473L431.487 137.187C431.207 137.822 430.767 138.346 430.169 138.761C429.584 139.176 428.815 139.384 427.863 139.384Z" fill="#A0A0A0"/>
+<path d="M438.674 139.384C437.991 139.384 437.374 139.268 436.825 139.036C436.288 138.804 435.824 138.475 435.434 138.047C435.056 137.608 434.763 137.089 434.555 136.492C434.348 135.881 434.244 135.204 434.244 134.46C434.244 133.703 434.348 133.02 434.555 132.41C434.775 131.799 435.074 131.281 435.452 130.854C435.831 130.414 436.282 130.079 436.807 129.847C437.344 129.615 437.936 129.499 438.582 129.499C439.217 129.499 439.791 129.615 440.303 129.847C440.828 130.079 441.273 130.402 441.639 130.817C442.005 131.22 442.286 131.702 442.481 132.263C442.677 132.824 442.774 133.441 442.774 134.112V134.807H435.782V135.247C435.782 135.662 435.849 136.046 435.983 136.4C436.117 136.754 436.306 137.059 436.551 137.315C436.807 137.572 437.112 137.773 437.466 137.919C437.832 138.054 438.235 138.121 438.674 138.121C439.309 138.121 439.858 137.974 440.321 137.681C440.785 137.388 441.139 136.986 441.383 136.473L442.463 137.205C442.182 137.84 441.713 138.365 441.054 138.78C440.407 139.182 439.614 139.384 438.674 139.384ZM438.582 130.707C438.18 130.707 437.808 130.78 437.466 130.927C437.124 131.073 436.825 131.275 436.569 131.531C436.325 131.787 436.13 132.092 435.983 132.446C435.849 132.788 435.782 133.166 435.782 133.581V133.709H441.2V133.508C441.2 133.093 441.133 132.715 440.999 132.373C440.877 132.031 440.7 131.738 440.468 131.494C440.248 131.238 439.974 131.043 439.644 130.909C439.327 130.774 438.973 130.707 438.582 130.707Z" fill="#A0A0A0"/>
+<path d="M451.224 133.471C451.224 134.362 451.12 135.222 450.913 136.052C450.717 136.87 450.443 137.633 450.089 138.34C449.747 139.048 449.345 139.689 448.881 140.262C448.417 140.836 447.929 141.312 447.417 141.69H445.934C446.459 141.287 446.959 140.818 447.435 140.281C447.911 139.756 448.326 139.182 448.68 138.56C449.046 137.925 449.332 137.248 449.54 136.528C449.747 135.796 449.851 135.039 449.851 134.258V132.684C449.851 131.903 449.747 131.153 449.54 130.433C449.332 129.7 449.046 129.023 448.68 128.401C448.326 127.766 447.911 127.187 447.435 126.662C446.959 126.125 446.459 125.655 445.934 125.252H447.417C447.929 125.643 448.417 126.125 448.881 126.698C449.345 127.26 449.747 127.894 450.089 128.602C450.443 129.31 450.717 130.079 450.913 130.909C451.12 131.726 451.224 132.58 451.224 133.471Z" fill="#A0A0A0"/>
+<path d="M471.784 141.69C471.272 141.69 470.887 141.544 470.631 141.251C470.375 140.97 470.247 140.616 470.247 140.189V139.036C470.247 138.706 470.277 138.42 470.338 138.176C470.411 137.932 470.497 137.712 470.595 137.517C470.692 137.321 470.802 137.15 470.924 137.004C471.046 136.845 471.162 136.699 471.272 136.565C471.479 136.321 471.62 136.113 471.693 135.942C471.778 135.759 471.821 135.57 471.821 135.375C471.821 134.911 471.607 134.576 471.18 134.368C470.753 134.148 470.125 134.039 469.295 134.039H467.867V132.904H469.295C470.125 132.904 470.753 132.8 471.18 132.593C471.607 132.373 471.821 132.031 471.821 131.568C471.821 131.372 471.778 131.189 471.693 131.018C471.62 130.835 471.479 130.622 471.272 130.378C471.162 130.243 471.046 130.103 470.924 129.957C470.802 129.798 470.692 129.627 470.595 129.444C470.497 129.249 470.411 129.029 470.338 128.785C470.277 128.529 470.247 128.236 470.247 127.907V126.753C470.247 126.326 470.375 125.972 470.631 125.692C470.887 125.399 471.272 125.252 471.784 125.252H475.006V126.387H471.51V127.797C471.51 128.297 471.583 128.681 471.729 128.95C471.876 129.218 472.047 129.481 472.242 129.737C472.449 130.005 472.645 130.286 472.828 130.579C473.011 130.86 473.102 131.195 473.102 131.586C473.102 132.098 472.919 132.513 472.553 132.831C472.199 133.148 471.711 133.349 471.089 133.435V133.508C471.711 133.593 472.199 133.795 472.553 134.112C472.919 134.429 473.102 134.844 473.102 135.357C473.102 135.747 473.011 136.089 472.828 136.382C472.645 136.662 472.449 136.937 472.242 137.205C472.047 137.462 471.876 137.724 471.729 137.993C471.583 138.261 471.51 138.645 471.51 139.146V140.555H475.006V141.69H471.784Z" fill="#A0A0A0"/>
+<path d="M177.379 161.626H177.305C176.695 162.798 175.725 163.384 174.395 163.384C173.236 163.384 172.326 162.95 171.667 162.084C171.021 161.218 170.697 160.003 170.697 158.441C170.697 156.879 171.021 155.665 171.667 154.799C172.326 153.932 173.236 153.499 174.395 153.499C175.725 153.499 176.695 154.085 177.305 155.256H177.379V149.618H178.843V163.164H177.379V161.626ZM174.962 162.084C175.292 162.084 175.603 162.041 175.896 161.956C176.189 161.87 176.445 161.748 176.665 161.59C176.884 161.419 177.055 161.218 177.177 160.986C177.311 160.742 177.379 160.461 177.379 160.144V156.739C177.379 156.422 177.311 156.147 177.177 155.915C177.055 155.671 176.884 155.47 176.665 155.311C176.445 155.14 176.189 155.012 175.896 154.927C175.603 154.841 175.292 154.799 174.962 154.799C174.108 154.799 173.443 155.061 172.967 155.586C172.503 156.098 172.271 156.782 172.271 157.636V159.247C172.271 160.101 172.503 160.791 172.967 161.315C173.443 161.828 174.108 162.084 174.962 162.084Z" fill="#A0A0A0"/>
+<path d="M186.652 151.632C186.225 151.632 185.926 151.547 185.755 151.376C185.584 151.193 185.499 150.967 185.499 150.698V150.406C185.499 150.137 185.584 149.917 185.755 149.747C185.926 149.564 186.225 149.472 186.652 149.472C187.079 149.472 187.378 149.564 187.549 149.747C187.72 149.917 187.805 150.137 187.805 150.406V150.698C187.805 150.967 187.72 151.193 187.549 151.376C187.378 151.547 187.079 151.632 186.652 151.632ZM182.515 161.919H185.92V154.963H182.515V153.719H187.384V161.919H190.569V163.164H182.515V161.919Z" fill="#A0A0A0"/>
+<path d="M197.152 163.384C196.163 163.384 195.309 163.219 194.589 162.889C193.881 162.548 193.277 162.096 192.777 161.535L193.765 160.675C194.217 161.15 194.711 161.517 195.248 161.773C195.785 162.029 196.432 162.157 197.188 162.157C197.921 162.157 198.519 162.029 198.982 161.773C199.458 161.504 199.696 161.089 199.696 160.528C199.696 160.284 199.647 160.083 199.55 159.924C199.464 159.753 199.342 159.619 199.184 159.521C199.025 159.424 198.848 159.351 198.653 159.302C198.458 159.241 198.25 159.192 198.03 159.155L196.548 158.936C196.218 158.887 195.858 158.82 195.468 158.734C195.089 158.649 194.742 158.515 194.424 158.332C194.107 158.136 193.839 157.88 193.619 157.563C193.412 157.245 193.308 156.831 193.308 156.318C193.308 155.842 193.399 155.433 193.582 155.092C193.778 154.738 194.046 154.445 194.388 154.213C194.729 153.969 195.132 153.792 195.596 153.682C196.06 153.56 196.566 153.499 197.115 153.499C197.969 153.499 198.708 153.633 199.33 153.902C199.965 154.17 200.508 154.542 200.959 155.018L200.007 155.915C199.898 155.781 199.757 155.647 199.586 155.513C199.428 155.366 199.226 155.238 198.982 155.128C198.75 155.006 198.476 154.909 198.159 154.835C197.841 154.762 197.475 154.725 197.06 154.725C196.316 154.725 195.742 154.854 195.34 155.11C194.949 155.366 194.754 155.738 194.754 156.226C194.754 156.471 194.797 156.678 194.882 156.849C194.98 157.007 195.108 157.136 195.266 157.233C195.425 157.331 195.602 157.41 195.797 157.471C196.005 157.52 196.212 157.563 196.42 157.599L197.902 157.819C198.244 157.868 198.604 157.935 198.982 158.02C199.361 158.106 199.708 158.246 200.026 158.441C200.343 158.624 200.605 158.875 200.813 159.192C201.032 159.509 201.142 159.924 201.142 160.437C201.142 161.376 200.776 162.102 200.044 162.615C199.324 163.127 198.36 163.384 197.152 163.384Z" fill="#A0A0A0"/>
+<path d="M204.265 153.719H205.73V155.256H205.803C206.413 154.085 207.383 153.499 208.713 153.499C209.873 153.499 210.776 153.932 211.423 154.799C212.081 155.665 212.411 156.879 212.411 158.441C212.411 160.003 212.081 161.218 211.423 162.084C210.776 162.95 209.873 163.384 208.713 163.384C207.383 163.384 206.413 162.798 205.803 161.626H205.73V166.825H204.265V153.719ZM208.146 162.084C209 162.084 209.659 161.828 210.123 161.315C210.599 160.791 210.837 160.101 210.837 159.247V157.636C210.837 156.782 210.599 156.098 210.123 155.586C209.659 155.061 209 154.799 208.146 154.799C207.816 154.799 207.505 154.841 207.212 154.927C206.919 155.012 206.663 155.14 206.444 155.311C206.224 155.47 206.047 155.671 205.913 155.915C205.791 156.147 205.73 156.422 205.73 156.739V160.144C205.73 160.461 205.791 160.742 205.913 160.986C206.047 161.218 206.224 161.419 206.444 161.59C206.663 161.748 206.919 161.87 207.212 161.956C207.505 162.041 207.816 162.084 208.146 162.084Z" fill="#A0A0A0"/>
+<path d="M214.966 161.919H218.261V150.863H214.966V149.618H219.726V161.919H223.021V163.164H214.966V161.919Z" fill="#A0A0A0"/>
+<path d="M233.539 163.164C232.965 163.164 232.556 163.018 232.312 162.725C232.068 162.432 231.916 162.066 231.855 161.626H231.763C231.556 162.176 231.22 162.609 230.756 162.926C230.305 163.231 229.695 163.384 228.926 163.384C227.938 163.384 227.15 163.127 226.565 162.615C225.979 162.102 225.686 161.401 225.686 160.51C225.686 159.631 226.003 158.954 226.638 158.478C227.285 158.002 228.322 157.764 229.75 157.764H231.763V156.831C231.763 156.135 231.568 155.616 231.177 155.275C230.787 154.921 230.232 154.744 229.512 154.744C228.877 154.744 228.359 154.872 227.956 155.128C227.553 155.372 227.23 155.708 226.986 156.135L225.997 155.403C226.119 155.159 226.284 154.921 226.491 154.689C226.699 154.457 226.955 154.256 227.26 154.085C227.565 153.902 227.913 153.761 228.304 153.664C228.694 153.554 229.127 153.499 229.603 153.499C230.714 153.499 231.592 153.78 232.239 154.341C232.898 154.902 233.228 155.683 233.228 156.684V161.883H234.546V163.164H233.539ZM229.182 162.157C229.561 162.157 229.902 162.115 230.207 162.029C230.525 161.932 230.799 161.809 231.031 161.663C231.263 161.504 231.44 161.321 231.562 161.114C231.696 160.894 231.763 160.662 231.763 160.418V158.862H229.75C228.871 158.862 228.23 158.984 227.828 159.228C227.425 159.473 227.224 159.826 227.224 160.29V160.675C227.224 161.163 227.394 161.535 227.736 161.791C228.09 162.035 228.572 162.157 229.182 162.157Z" fill="#A0A0A0"/>
+<path d="M244.002 153.719H245.466L240.78 165.232C240.671 165.501 240.549 165.733 240.414 165.928C240.28 166.136 240.121 166.3 239.938 166.422C239.755 166.557 239.536 166.654 239.279 166.715C239.023 166.788 238.718 166.825 238.364 166.825H236.973V165.58H239.17L240.231 162.981L236.424 153.719H237.925L239.517 157.673L240.927 161.26H241L242.41 157.673L244.002 153.719Z" fill="#A0A0A0"/>
+<path d="M258.54 156.355V155.11H267.253V156.355H258.54ZM258.54 160.016V158.771H267.253V160.016H258.54Z" fill="#A0A0A0"/>
+<path d="M285.178 163.384C284.494 163.384 283.884 163.268 283.347 163.036C282.823 162.792 282.377 162.456 282.011 162.029C281.645 161.602 281.364 161.083 281.169 160.473C280.986 159.863 280.894 159.186 280.894 158.441C280.894 157.697 280.992 157.02 281.187 156.41C281.383 155.799 281.663 155.281 282.029 154.854C282.395 154.414 282.841 154.079 283.366 153.847C283.89 153.615 284.488 153.499 285.159 153.499C286.075 153.499 286.819 153.7 287.393 154.103C287.966 154.506 288.387 155.031 288.656 155.677L287.484 156.3C287.313 155.812 287.027 155.433 286.624 155.165C286.233 154.896 285.745 154.762 285.159 154.762C284.732 154.762 284.348 154.835 284.006 154.982C283.677 155.116 283.396 155.311 283.164 155.568C282.932 155.824 282.755 156.129 282.633 156.483C282.524 156.837 282.469 157.221 282.469 157.636V159.247C282.469 159.662 282.524 160.046 282.633 160.4C282.755 160.754 282.932 161.059 283.164 161.315C283.396 161.572 283.683 161.773 284.025 161.919C284.366 162.054 284.757 162.121 285.196 162.121C285.831 162.121 286.355 161.974 286.77 161.681C287.185 161.388 287.515 160.986 287.759 160.473L288.802 161.187C288.521 161.822 288.082 162.346 287.484 162.761C286.898 163.176 286.13 163.384 285.178 163.384Z" fill="#A0A0A0"/>
+<path d="M291.321 163.164V153.719H292.676V154.817H292.749C292.895 154.451 293.103 154.14 293.371 153.883C293.64 153.627 294.036 153.499 294.561 153.499C295.11 153.499 295.519 153.639 295.787 153.92C296.056 154.189 296.221 154.542 296.282 154.982H296.337C296.507 154.555 296.751 154.201 297.069 153.92C297.386 153.639 297.825 153.499 298.387 153.499C299.156 153.499 299.668 153.768 299.924 154.304C300.193 154.841 300.327 155.61 300.327 156.611V163.164H298.972V156.849C298.972 156.043 298.887 155.488 298.716 155.183C298.558 154.866 298.259 154.707 297.819 154.707C297.429 154.707 297.111 154.835 296.867 155.092C296.623 155.336 296.501 155.714 296.501 156.226V163.164H295.147V156.849C295.147 156.043 295.061 155.488 294.89 155.183C294.732 154.866 294.439 154.707 294.012 154.707C293.621 154.707 293.298 154.835 293.042 155.092C292.798 155.336 292.676 155.714 292.676 156.226V163.164H291.321Z" fill="#A0A0A0"/>
+<path d="M306.8 163.329C306.299 163.329 305.946 163.225 305.738 163.018C305.543 162.81 305.445 162.548 305.445 162.23V161.901C305.445 161.584 305.543 161.321 305.738 161.114C305.946 160.906 306.299 160.803 306.8 160.803C307.3 160.803 307.648 160.906 307.843 161.114C308.051 161.321 308.154 161.584 308.154 161.901V162.23C308.154 162.548 308.051 162.81 307.843 163.018C307.648 163.225 307.3 163.329 306.8 163.329Z" fill="#A0A0A0"/>
+<path d="M320.064 161.626H319.99C319.38 162.798 318.41 163.384 317.08 163.384C315.921 163.384 315.012 162.95 314.353 162.084C313.706 161.218 313.382 160.003 313.382 158.441C313.382 156.879 313.706 155.665 314.353 154.799C315.012 153.932 315.921 153.499 317.08 153.499C318.41 153.499 319.38 154.085 319.99 155.256H320.064V149.618H321.528V163.164H320.064V161.626ZM317.647 162.084C317.977 162.084 318.288 162.041 318.581 161.956C318.874 161.87 319.13 161.748 319.35 161.59C319.569 161.419 319.74 161.218 319.862 160.986C319.997 160.742 320.064 160.461 320.064 160.144V156.739C320.064 156.422 319.997 156.147 319.862 155.915C319.74 155.671 319.569 155.47 319.35 155.311C319.13 155.14 318.874 155.012 318.581 154.927C318.288 154.841 317.977 154.799 317.647 154.799C316.793 154.799 316.128 155.061 315.652 155.586C315.189 156.098 314.957 156.782 314.957 157.636V159.247C314.957 160.101 315.189 160.791 315.652 161.315C316.128 161.828 316.793 162.084 317.647 162.084Z" fill="#A0A0A0"/>
+<path d="M329.337 151.632C328.91 151.632 328.611 151.547 328.44 151.376C328.269 151.193 328.184 150.967 328.184 150.698V150.406C328.184 150.137 328.269 149.917 328.44 149.747C328.611 149.564 328.91 149.472 329.337 149.472C329.764 149.472 330.063 149.564 330.234 149.747C330.405 149.917 330.49 150.137 330.49 150.406V150.698C330.49 150.967 330.405 151.193 330.234 151.376C330.063 151.547 329.764 151.632 329.337 151.632ZM325.2 161.919H328.605V154.963H325.2V153.719H330.069V161.919H333.254V163.164H325.2V161.919Z" fill="#A0A0A0"/>
+<path d="M339.837 163.384C338.849 163.384 337.994 163.219 337.274 162.889C336.567 162.548 335.962 162.096 335.462 161.535L336.451 160.675C336.902 161.15 337.396 161.517 337.933 161.773C338.47 162.029 339.117 162.157 339.874 162.157C340.606 162.157 341.204 162.029 341.667 161.773C342.143 161.504 342.381 161.089 342.381 160.528C342.381 160.284 342.333 160.083 342.235 159.924C342.15 159.753 342.027 159.619 341.869 159.521C341.71 159.424 341.533 159.351 341.338 159.302C341.143 159.241 340.935 159.192 340.716 159.155L339.233 158.936C338.903 158.887 338.543 158.82 338.153 158.734C337.775 158.649 337.427 158.515 337.11 158.332C336.792 158.136 336.524 157.88 336.304 157.563C336.097 157.245 335.993 156.831 335.993 156.318C335.993 155.842 336.085 155.433 336.268 155.092C336.463 154.738 336.731 154.445 337.073 154.213C337.415 153.969 337.817 153.792 338.281 153.682C338.745 153.56 339.251 153.499 339.8 153.499C340.655 153.499 341.393 153.633 342.015 153.902C342.65 154.17 343.193 154.542 343.644 155.018L342.693 155.915C342.583 155.781 342.442 155.647 342.272 155.513C342.113 155.366 341.912 155.238 341.667 155.128C341.436 155.006 341.161 154.909 340.844 154.835C340.526 154.762 340.16 154.725 339.745 154.725C339.001 154.725 338.428 154.854 338.025 155.11C337.634 155.366 337.439 155.738 337.439 156.226C337.439 156.471 337.482 156.678 337.567 156.849C337.665 157.007 337.793 157.136 337.952 157.233C338.11 157.331 338.287 157.41 338.482 157.471C338.69 157.52 338.897 157.563 339.105 157.599L340.587 157.819C340.929 157.868 341.289 157.935 341.667 158.02C342.046 158.106 342.394 158.246 342.711 158.441C343.028 158.624 343.291 158.875 343.498 159.192C343.718 159.509 343.827 159.924 343.827 160.437C343.827 161.376 343.461 162.102 342.729 162.615C342.009 163.127 341.045 163.384 339.837 163.384Z" fill="#A0A0A0"/>
+<path d="M346.95 153.719H348.415V155.256H348.488C349.098 154.085 350.068 153.499 351.399 153.499C352.558 153.499 353.461 153.932 354.108 154.799C354.767 155.665 355.096 156.879 355.096 158.441C355.096 160.003 354.767 161.218 354.108 162.084C353.461 162.95 352.558 163.384 351.399 163.384C350.068 163.384 349.098 162.798 348.488 161.626H348.415V166.825H346.95V153.719ZM350.831 162.084C351.685 162.084 352.344 161.828 352.808 161.315C353.284 160.791 353.522 160.101 353.522 159.247V157.636C353.522 156.782 353.284 156.098 352.808 155.586C352.344 155.061 351.685 154.799 350.831 154.799C350.502 154.799 350.19 154.841 349.898 154.927C349.605 155.012 349.348 155.14 349.129 155.311C348.909 155.47 348.732 155.671 348.598 155.915C348.476 156.147 348.415 156.422 348.415 156.739V160.144C348.415 160.461 348.476 160.742 348.598 160.986C348.732 161.218 348.909 161.419 349.129 161.59C349.348 161.748 349.605 161.87 349.898 161.956C350.19 162.041 350.502 162.084 350.831 162.084Z" fill="#A0A0A0"/>
+<path d="M357.652 161.919H360.947V150.863H357.652V149.618H362.411V161.919H365.706V163.164H357.652V161.919Z" fill="#A0A0A0"/>
+<path d="M376.224 163.164C375.65 163.164 375.242 163.018 374.998 162.725C374.753 162.432 374.601 162.066 374.54 161.626H374.448C374.241 162.176 373.905 162.609 373.442 162.926C372.99 163.231 372.38 163.384 371.611 163.384C370.623 163.384 369.836 163.127 369.25 162.615C368.664 162.102 368.371 161.401 368.371 160.51C368.371 159.631 368.688 158.954 369.323 158.478C369.97 158.002 371.007 157.764 372.435 157.764H374.448V156.831C374.448 156.135 374.253 155.616 373.863 155.275C373.472 154.921 372.917 154.744 372.197 154.744C371.562 154.744 371.044 154.872 370.641 155.128C370.238 155.372 369.915 155.708 369.671 156.135L368.682 155.403C368.804 155.159 368.969 154.921 369.177 154.689C369.384 154.457 369.64 154.256 369.945 154.085C370.25 153.902 370.598 153.761 370.989 153.664C371.379 153.554 371.812 153.499 372.288 153.499C373.399 153.499 374.278 153.78 374.924 154.341C375.583 154.902 375.913 155.683 375.913 156.684V161.883H377.231V163.164H376.224ZM371.867 162.157C372.246 162.157 372.587 162.115 372.892 162.029C373.21 161.932 373.484 161.809 373.716 161.663C373.948 161.504 374.125 161.321 374.247 161.114C374.381 160.894 374.448 160.662 374.448 160.418V158.862H372.435C371.556 158.862 370.916 158.984 370.513 159.228C370.11 159.473 369.909 159.826 369.909 160.29V160.675C369.909 161.163 370.08 161.535 370.421 161.791C370.775 162.035 371.257 162.157 371.867 162.157Z" fill="#A0A0A0"/>
+<path d="M386.687 153.719H388.152L383.466 165.232C383.356 165.501 383.234 165.733 383.099 165.928C382.965 166.136 382.807 166.3 382.624 166.422C382.44 166.557 382.221 166.654 381.965 166.715C381.708 166.788 381.403 166.825 381.049 166.825H379.658V165.58H381.855L382.916 162.981L379.109 153.719H380.61L382.203 157.673L383.612 161.26H383.685L385.095 157.673L386.687 153.719Z" fill="#A0A0A0"/>
+<path d="M127.209 161.919H130.504V150.863H127.209V149.618H131.968V161.919H135.263V163.164H127.209V161.919Z" fill="#282828"/>
+<path d="M142.377 163.384C141.693 163.384 141.077 163.268 140.528 163.036C139.991 162.804 139.527 162.475 139.137 162.047C138.758 161.608 138.465 161.089 138.258 160.492C138.051 159.881 137.947 159.204 137.947 158.46C137.947 157.703 138.051 157.02 138.258 156.41C138.478 155.799 138.777 155.281 139.155 154.854C139.533 154.414 139.985 154.079 140.509 153.847C141.046 153.615 141.638 153.499 142.285 153.499C142.92 153.499 143.493 153.615 144.006 153.847C144.53 154.079 144.976 154.402 145.342 154.817C145.708 155.22 145.989 155.702 146.184 156.263C146.379 156.824 146.477 157.441 146.477 158.112V158.807H139.484V159.247C139.484 159.662 139.552 160.046 139.686 160.4C139.82 160.754 140.009 161.059 140.253 161.315C140.509 161.571 140.815 161.773 141.168 161.919C141.535 162.054 141.937 162.121 142.377 162.121C143.011 162.121 143.56 161.974 144.024 161.681C144.488 161.388 144.842 160.986 145.086 160.473L146.166 161.205C145.885 161.84 145.415 162.365 144.756 162.78C144.109 163.182 143.316 163.384 142.377 163.384ZM142.285 154.707C141.882 154.707 141.51 154.78 141.168 154.927C140.827 155.073 140.528 155.275 140.272 155.531C140.027 155.787 139.832 156.092 139.686 156.446C139.552 156.788 139.484 157.166 139.484 157.581V157.709H144.903V157.508C144.903 157.093 144.836 156.715 144.701 156.373C144.579 156.031 144.402 155.738 144.17 155.494C143.951 155.238 143.676 155.043 143.347 154.909C143.029 154.774 142.676 154.707 142.285 154.707Z" fill="#282828"/>
+<path d="M153.645 163.164C152.925 163.164 152.394 162.963 152.053 162.56C151.723 162.157 151.558 161.639 151.558 161.004V154.963H148.41V153.719H150.753C151.07 153.719 151.29 153.658 151.412 153.536C151.546 153.401 151.613 153.176 151.613 152.858V150.387H153.023V153.719H157.325V154.963H153.023V161.919H157.325V163.164H153.645Z" fill="#282828"/>
+<path d="M87.4493 115.107C86.7659 115.107 86.1497 114.991 85.6005 114.76C85.0636 114.528 84.5999 114.198 84.2093 113.771C83.831 113.332 83.5382 112.813 83.3307 112.215C83.1233 111.605 83.0195 110.928 83.0195 110.183C83.0195 109.427 83.1233 108.743 83.3307 108.133C83.5504 107.523 83.8494 107.004 84.2277 106.577C84.606 106.138 85.0575 105.802 85.5822 105.57C86.1192 105.339 86.711 105.223 87.3578 105.223C87.9924 105.223 88.5659 105.339 89.0784 105.57C89.6032 105.802 90.0486 106.126 90.4147 106.541C90.7808 106.943 91.0615 107.425 91.2567 107.987C91.452 108.548 91.5496 109.164 91.5496 109.836V110.531H84.5571V110.97C84.5571 111.385 84.6243 111.77 84.7585 112.124C84.8927 112.478 85.0819 112.783 85.3259 113.039C85.5822 113.295 85.8873 113.496 86.2412 113.643C86.6073 113.777 87.01 113.844 87.4493 113.844C88.0839 113.844 88.633 113.698 89.0968 113.405C89.5605 113.112 89.9144 112.709 90.1584 112.197L91.2384 112.929C90.9578 113.564 90.4879 114.088 89.8289 114.503C89.1822 114.906 88.389 115.107 87.4493 115.107ZM87.3578 106.431C86.9551 106.431 86.5829 106.504 86.2412 106.65C85.8995 106.797 85.6005 106.998 85.3443 107.255C85.1002 107.511 84.9049 107.816 84.7585 108.17C84.6243 108.511 84.5571 108.89 84.5571 109.305V109.433H89.9754V109.231C89.9754 108.817 89.9083 108.438 89.774 108.097C89.652 107.755 89.4751 107.462 89.2432 107.218C89.0235 106.962 88.749 106.766 88.4195 106.632C88.1022 106.498 87.7483 106.431 87.3578 106.431Z" fill="#282828"/>
+<path d="M93.8855 114.888L97.4 110.092L93.977 105.442H95.7343L97.1621 107.438L98.297 109.012H98.3702L99.4685 107.438L100.878 105.442H102.562L99.1024 110.073L102.654 114.888H100.896L99.3037 112.673L98.2237 111.172H98.1505L97.1071 112.673L95.5695 114.888H93.8855Z" fill="#282828"/>
+<path d="M105.484 105.442H106.948V106.98H107.021C107.631 105.808 108.602 105.223 109.932 105.223C111.091 105.223 111.994 105.656 112.641 106.522C113.3 107.389 113.629 108.603 113.629 110.165C113.629 111.727 113.3 112.941 112.641 113.808C111.994 114.674 111.091 115.107 109.932 115.107C108.602 115.107 107.631 114.522 107.021 113.35H106.948V118.549H105.484V105.442ZM109.364 113.808C110.218 113.808 110.877 113.551 111.341 113.039C111.817 112.514 112.055 111.825 112.055 110.97V109.36C112.055 108.505 111.817 107.822 111.341 107.309C110.877 106.785 110.218 106.522 109.364 106.522C109.035 106.522 108.724 106.565 108.431 106.65C108.138 106.736 107.882 106.864 107.662 107.035C107.442 107.194 107.265 107.395 107.131 107.639C107.009 107.871 106.948 108.145 106.948 108.463V111.867C106.948 112.185 107.009 112.465 107.131 112.709C107.265 112.941 107.442 113.143 107.662 113.313C107.882 113.472 108.138 113.594 108.431 113.68C108.724 113.765 109.035 113.808 109.364 113.808Z" fill="#282828"/>
+<path d="M120.212 115.107C119.553 115.107 118.955 114.991 118.418 114.76C117.893 114.528 117.442 114.198 117.063 113.771C116.697 113.332 116.417 112.813 116.221 112.215C116.026 111.605 115.929 110.922 115.929 110.165C115.929 109.421 116.026 108.743 116.221 108.133C116.417 107.523 116.697 107.004 117.063 106.577C117.442 106.138 117.893 105.802 118.418 105.57C118.955 105.339 119.553 105.223 120.212 105.223C120.871 105.223 121.463 105.339 121.987 105.57C122.524 105.802 122.976 106.138 123.342 106.577C123.72 107.004 124.007 107.523 124.202 108.133C124.398 108.743 124.495 109.421 124.495 110.165C124.495 110.922 124.398 111.605 124.202 112.215C124.007 112.813 123.72 113.332 123.342 113.771C122.976 114.198 122.524 114.528 121.987 114.76C121.463 114.991 120.871 115.107 120.212 115.107ZM120.212 113.844C121.03 113.844 121.689 113.6 122.189 113.112C122.689 112.624 122.939 111.867 122.939 110.842V109.488C122.939 108.463 122.689 107.706 122.189 107.218C121.689 106.73 121.03 106.486 120.212 106.486C119.394 106.486 118.735 106.73 118.235 107.218C117.735 107.706 117.484 108.463 117.484 109.488V110.842C117.484 111.867 117.735 112.624 118.235 113.112C118.735 113.6 119.394 113.844 120.212 113.844Z" fill="#282828"/>
+<path d="M127.106 113.643H129.87V106.687H127.106V105.442H131.334V107.822H131.426C131.621 107.078 131.987 106.498 132.524 106.083C133.073 105.656 133.769 105.442 134.611 105.442H135.929V106.907H134.153C133.311 106.907 132.628 107.151 132.103 107.639C131.59 108.127 131.334 108.768 131.334 109.561V113.643H134.995V114.888H127.106V113.643Z" fill="#282828"/>
+<path d="M142.621 114.888C141.901 114.888 141.37 114.686 141.029 114.284C140.699 113.881 140.534 113.362 140.534 112.728V106.687H137.386V105.442H139.729C140.046 105.442 140.266 105.381 140.388 105.259C140.522 105.125 140.589 104.899 140.589 104.582V102.111H141.999V105.442H146.3V106.687H141.999V113.643H146.3V114.888H142.621Z" fill="#282828"/>
+<path d="M164.445 115.107C163.761 115.107 163.151 114.991 162.614 114.76C162.089 114.515 161.644 114.18 161.278 113.753C160.912 113.326 160.631 112.807 160.436 112.197C160.253 111.587 160.161 110.909 160.161 110.165C160.161 109.421 160.259 108.743 160.454 108.133C160.649 107.523 160.93 107.004 161.296 106.577C161.662 106.138 162.108 105.802 162.632 105.57C163.157 105.339 163.755 105.223 164.426 105.223C165.341 105.223 166.086 105.424 166.659 105.827C167.233 106.229 167.654 106.754 167.922 107.401L166.751 108.023C166.58 107.535 166.293 107.157 165.891 106.888C165.5 106.62 165.012 106.486 164.426 106.486C163.999 106.486 163.615 106.559 163.273 106.705C162.944 106.84 162.663 107.035 162.431 107.291C162.199 107.547 162.022 107.852 161.9 108.206C161.79 108.56 161.735 108.945 161.735 109.36V110.97C161.735 111.385 161.79 111.77 161.9 112.124C162.022 112.478 162.199 112.783 162.431 113.039C162.663 113.295 162.95 113.496 163.291 113.643C163.633 113.777 164.024 113.844 164.463 113.844C165.097 113.844 165.622 113.698 166.037 113.405C166.452 113.112 166.781 112.709 167.026 112.197L168.069 112.911C167.788 113.545 167.349 114.07 166.751 114.485C166.165 114.9 165.396 115.107 164.445 115.107Z" fill="#282828"/>
+<path d="M171.064 113.643H174.359V102.587H171.064V101.342H175.823V113.643H179.118V114.888H171.064V113.643Z" fill="#282828"/>
+<path d="M189.636 114.888C189.063 114.888 188.654 114.741 188.41 114.448C188.166 114.155 188.013 113.789 187.952 113.35H187.86C187.653 113.899 187.317 114.332 186.854 114.65C186.402 114.955 185.792 115.107 185.023 115.107C184.035 115.107 183.248 114.851 182.662 114.339C182.076 113.826 181.783 113.124 181.783 112.233C181.783 111.355 182.101 110.678 182.735 110.202C183.382 109.726 184.419 109.488 185.847 109.488H187.86V108.554C187.86 107.859 187.665 107.34 187.275 106.998C186.884 106.644 186.329 106.467 185.609 106.467C184.974 106.467 184.456 106.596 184.053 106.852C183.65 107.096 183.327 107.431 183.083 107.859L182.094 107.126C182.216 106.882 182.381 106.644 182.589 106.412C182.796 106.181 183.052 105.979 183.357 105.808C183.663 105.625 184.01 105.485 184.401 105.387C184.791 105.278 185.225 105.223 185.701 105.223C186.811 105.223 187.69 105.503 188.336 106.065C188.995 106.626 189.325 107.407 189.325 108.408V113.606H190.643V114.888H189.636ZM185.279 113.881C185.658 113.881 185.999 113.838 186.305 113.753C186.622 113.655 186.896 113.533 187.128 113.387C187.36 113.228 187.537 113.045 187.659 112.838C187.793 112.618 187.86 112.386 187.86 112.142V110.586H185.847C184.968 110.586 184.328 110.708 183.925 110.952C183.522 111.196 183.321 111.55 183.321 112.014V112.398C183.321 112.886 183.492 113.259 183.833 113.515C184.187 113.759 184.669 113.881 185.279 113.881Z" fill="#282828"/>
+<path d="M197.152 115.107C196.164 115.107 195.31 114.943 194.59 114.613C193.882 114.271 193.278 113.82 192.777 113.259L193.766 112.398C194.217 112.874 194.712 113.24 195.249 113.496C195.785 113.753 196.432 113.881 197.189 113.881C197.921 113.881 198.519 113.753 198.983 113.496C199.459 113.228 199.697 112.813 199.697 112.252C199.697 112.008 199.648 111.806 199.55 111.648C199.465 111.477 199.343 111.343 199.184 111.245C199.025 111.147 198.848 111.074 198.653 111.025C198.458 110.964 198.251 110.915 198.031 110.879L196.548 110.659C196.219 110.61 195.859 110.543 195.468 110.458C195.09 110.372 194.742 110.238 194.425 110.055C194.108 109.86 193.839 109.604 193.619 109.286C193.412 108.969 193.308 108.554 193.308 108.042C193.308 107.566 193.4 107.157 193.583 106.815C193.778 106.461 194.046 106.168 194.388 105.937C194.73 105.693 195.133 105.516 195.596 105.406C196.06 105.284 196.566 105.223 197.116 105.223C197.97 105.223 198.708 105.357 199.33 105.625C199.965 105.894 200.508 106.266 200.96 106.742L200.008 107.639C199.898 107.505 199.758 107.37 199.587 107.236C199.428 107.09 199.227 106.962 198.983 106.852C198.751 106.73 198.476 106.632 198.159 106.559C197.842 106.486 197.476 106.449 197.061 106.449C196.316 106.449 195.743 106.577 195.34 106.834C194.95 107.09 194.754 107.462 194.754 107.95C194.754 108.194 194.797 108.402 194.882 108.572C194.98 108.731 195.108 108.859 195.267 108.957C195.425 109.054 195.602 109.134 195.798 109.195C196.005 109.244 196.213 109.286 196.42 109.323L197.903 109.543C198.244 109.591 198.604 109.659 198.983 109.744C199.361 109.829 199.709 109.97 200.026 110.165C200.343 110.348 200.606 110.598 200.813 110.915C201.033 111.233 201.143 111.648 201.143 112.16C201.143 113.1 200.777 113.826 200.044 114.339C199.324 114.851 198.36 115.107 197.152 115.107Z" fill="#282828"/>
+<path d="M208.128 115.107C207.14 115.107 206.285 114.943 205.565 114.613C204.858 114.271 204.253 113.82 203.753 113.259L204.742 112.398C205.193 112.874 205.687 113.24 206.224 113.496C206.761 113.753 207.408 113.881 208.165 113.881C208.897 113.881 209.495 113.753 209.958 113.496C210.434 113.228 210.672 112.813 210.672 112.252C210.672 112.008 210.624 111.806 210.526 111.648C210.441 111.477 210.318 111.343 210.16 111.245C210.001 111.147 209.824 111.074 209.629 111.025C209.434 110.964 209.226 110.915 209.007 110.879L207.524 110.659C207.194 110.61 206.834 110.543 206.444 110.458C206.066 110.372 205.718 110.238 205.401 110.055C205.083 109.86 204.815 109.604 204.595 109.286C204.388 108.969 204.284 108.554 204.284 108.042C204.284 107.566 204.375 107.157 204.559 106.815C204.754 106.461 205.022 106.168 205.364 105.937C205.706 105.693 206.108 105.516 206.572 105.406C207.036 105.284 207.542 105.223 208.091 105.223C208.946 105.223 209.684 105.357 210.306 105.625C210.941 105.894 211.484 106.266 211.935 106.742L210.984 107.639C210.874 107.505 210.733 107.37 210.563 107.236C210.404 107.09 210.203 106.962 209.958 106.852C209.727 106.73 209.452 106.632 209.135 106.559C208.817 106.486 208.451 106.449 208.036 106.449C207.292 106.449 206.719 106.577 206.316 106.834C205.925 107.09 205.73 107.462 205.73 107.95C205.73 108.194 205.773 108.402 205.858 108.572C205.956 108.731 206.084 108.859 206.243 108.957C206.401 109.054 206.578 109.134 206.773 109.195C206.981 109.244 207.188 109.286 207.396 109.323L208.879 109.543C209.22 109.591 209.58 109.659 209.958 109.744C210.337 109.829 210.685 109.97 211.002 110.165C211.319 110.348 211.582 110.598 211.789 110.915C212.009 111.233 212.118 111.648 212.118 112.16C212.118 113.1 211.752 113.826 211.02 114.339C210.3 114.851 209.336 115.107 208.128 115.107Z" fill="#282828"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M196.715 108.618V78.6445C196.715 77.4107 195.708 76.4065 194.47 76.4065H100.018C98.7801 76.4065 97.7725 77.4107 97.7725 78.6445V137.416C97.7725 137.447 97.7729 137.479 97.7738 137.51V144.977H225.617V120.571H104.279V113.094C104.279 111.861 105.287 110.856 106.525 110.856H194.47C195.708 110.856 196.715 109.852 196.715 108.618Z" fill="#A0A0A0"/>
+<path d="M108.133 139.384C107.45 139.384 106.839 139.268 106.302 139.036C105.778 138.792 105.332 138.456 104.966 138.029C104.6 137.602 104.319 137.083 104.124 136.473C103.941 135.863 103.85 135.186 103.85 134.441C103.85 133.697 103.947 133.02 104.142 132.41C104.338 131.799 104.618 131.281 104.985 130.854C105.351 130.414 105.796 130.079 106.321 129.847C106.846 129.615 107.443 129.499 108.115 129.499C109.03 129.499 109.774 129.7 110.348 130.103C110.921 130.506 111.342 131.031 111.611 131.677L110.439 132.3C110.269 131.812 109.982 131.433 109.579 131.165C109.189 130.896 108.7 130.762 108.115 130.762C107.688 130.762 107.303 130.835 106.961 130.982C106.632 131.116 106.351 131.311 106.119 131.567C105.888 131.824 105.711 132.129 105.589 132.483C105.479 132.837 105.424 133.221 105.424 133.636V135.247C105.424 135.662 105.479 136.046 105.589 136.4C105.711 136.754 105.888 137.059 106.119 137.315C106.351 137.571 106.638 137.773 106.98 137.919C107.321 138.054 107.712 138.121 108.151 138.121C108.786 138.121 109.311 137.974 109.725 137.681C110.14 137.388 110.47 136.986 110.714 136.473L111.757 137.187C111.477 137.822 111.037 138.346 110.439 138.761C109.854 139.176 109.085 139.384 108.133 139.384Z" fill="#ECEDEE"/>
+<path d="M118.779 139.384C118.12 139.384 117.522 139.268 116.985 139.036C116.461 138.804 116.009 138.475 115.631 138.047C115.265 137.608 114.984 137.089 114.789 136.492C114.594 135.881 114.496 135.198 114.496 134.441C114.496 133.697 114.594 133.02 114.789 132.41C114.984 131.799 115.265 131.281 115.631 130.854C116.009 130.414 116.461 130.079 116.985 129.847C117.522 129.615 118.12 129.499 118.779 129.499C119.438 129.499 120.03 129.615 120.555 129.847C121.092 130.079 121.543 130.414 121.909 130.854C122.288 131.281 122.574 131.799 122.77 132.41C122.965 133.02 123.063 133.697 123.063 134.441C123.063 135.198 122.965 135.881 122.77 136.492C122.574 137.089 122.288 137.608 121.909 138.047C121.543 138.475 121.092 138.804 120.555 139.036C120.03 139.268 119.438 139.384 118.779 139.384ZM118.779 138.121C119.597 138.121 120.256 137.877 120.756 137.388C121.257 136.9 121.507 136.144 121.507 135.119V133.764C121.507 132.739 121.257 131.982 120.756 131.494C120.256 131.006 119.597 130.762 118.779 130.762C117.962 130.762 117.303 131.006 116.802 131.494C116.302 131.982 116.052 132.739 116.052 133.764V135.119C116.052 136.144 116.302 136.9 116.802 137.388C117.303 137.877 117.962 138.121 118.779 138.121Z" fill="#ECEDEE"/>
+<path d="M126.057 139.164V129.719H127.522V131.256H127.595C127.693 131.024 127.815 130.805 127.961 130.597C128.108 130.378 128.285 130.189 128.492 130.03C128.712 129.871 128.968 129.743 129.261 129.645C129.554 129.548 129.895 129.499 130.286 129.499C131.274 129.499 132.068 129.816 132.666 130.451C133.263 131.073 133.562 131.958 133.562 133.105V139.164H132.098V133.361C132.098 132.495 131.909 131.854 131.531 131.439C131.152 131.012 130.597 130.799 129.865 130.799C129.572 130.799 129.285 130.835 129.005 130.909C128.724 130.982 128.474 131.092 128.254 131.238C128.034 131.384 127.857 131.574 127.723 131.805C127.589 132.037 127.522 132.306 127.522 132.611V139.164H126.057Z" fill="#ECEDEE"/>
+<path d="M140.841 139.384C139.852 139.384 138.998 139.219 138.278 138.889C137.57 138.548 136.966 138.096 136.466 137.535L137.454 136.675C137.906 137.15 138.4 137.517 138.937 137.773C139.474 138.029 140.121 138.157 140.877 138.157C141.609 138.157 142.207 138.029 142.671 137.773C143.147 137.504 143.385 137.089 143.385 136.528C143.385 136.284 143.336 136.083 143.239 135.924C143.153 135.753 143.031 135.619 142.872 135.521C142.714 135.424 142.537 135.35 142.342 135.302C142.146 135.241 141.939 135.192 141.719 135.155L140.237 134.936C139.907 134.887 139.547 134.82 139.157 134.734C138.778 134.649 138.43 134.515 138.113 134.332C137.796 134.136 137.527 133.88 137.308 133.563C137.1 133.245 136.997 132.831 136.997 132.318C136.997 131.842 137.088 131.433 137.271 131.092C137.466 130.738 137.735 130.445 138.077 130.213C138.418 129.969 138.821 129.792 139.285 129.682C139.748 129.56 140.255 129.499 140.804 129.499C141.658 129.499 142.397 129.633 143.019 129.902C143.653 130.17 144.197 130.542 144.648 131.018L143.696 131.915C143.586 131.781 143.446 131.647 143.275 131.513C143.117 131.366 142.915 131.238 142.671 131.128C142.439 131.006 142.165 130.909 141.847 130.835C141.53 130.762 141.164 130.725 140.749 130.725C140.005 130.725 139.431 130.854 139.028 131.11C138.638 131.366 138.443 131.738 138.443 132.226C138.443 132.471 138.485 132.678 138.571 132.849C138.668 133.007 138.797 133.136 138.955 133.233C139.114 133.331 139.291 133.41 139.486 133.471C139.694 133.52 139.901 133.563 140.108 133.599L141.591 133.819C141.933 133.868 142.293 133.935 142.671 134.02C143.049 134.106 143.397 134.246 143.715 134.441C144.032 134.624 144.294 134.875 144.502 135.192C144.721 135.509 144.831 135.924 144.831 136.437C144.831 137.376 144.465 138.102 143.733 138.615C143.013 139.127 142.049 139.384 140.841 139.384Z" fill="#ECEDEE"/>
+<path d="M152.164 139.164C151.444 139.164 150.913 138.963 150.572 138.56C150.242 138.157 150.077 137.639 150.077 137.004V130.963H146.929V129.719H149.272C149.589 129.719 149.809 129.658 149.931 129.536C150.065 129.401 150.132 129.176 150.132 128.858V126.387H151.542V129.719H155.843V130.963H151.542V137.919H155.843V139.164H152.164Z" fill="#ECEDEE"/>
+<path d="M158.6 137.919H161.364V130.963H158.6V129.719H162.829V132.098H162.92C163.116 131.354 163.482 130.774 164.019 130.359C164.568 129.932 165.263 129.719 166.105 129.719H167.423V131.183H165.648C164.806 131.183 164.122 131.427 163.598 131.915C163.085 132.403 162.829 133.044 162.829 133.837V137.919H166.49V139.164H158.6V137.919Z" fill="#ECEDEE"/>
+<path d="M175.891 137.626H175.818C175.721 137.858 175.598 138.084 175.452 138.304C175.306 138.511 175.123 138.694 174.903 138.853C174.695 139.011 174.445 139.14 174.152 139.237C173.86 139.335 173.518 139.384 173.127 139.384C172.139 139.384 171.346 139.072 170.748 138.45C170.15 137.816 169.851 136.925 169.851 135.778V129.719H171.315V135.521C171.315 136.388 171.504 137.035 171.883 137.462C172.261 137.877 172.816 138.084 173.548 138.084C173.841 138.084 174.128 138.047 174.409 137.974C174.689 137.901 174.939 137.791 175.159 137.645C175.379 137.498 175.556 137.315 175.69 137.096C175.824 136.864 175.891 136.589 175.891 136.272V129.719H177.356V139.164H175.891V137.626Z" fill="#ECEDEE"/>
+<path d="M184.963 139.384C184.28 139.384 183.67 139.268 183.133 139.036C182.608 138.792 182.163 138.456 181.797 138.029C181.431 137.602 181.15 137.083 180.955 136.473C180.772 135.863 180.68 135.186 180.68 134.441C180.68 133.697 180.778 133.02 180.973 132.41C181.168 131.799 181.449 131.281 181.815 130.854C182.181 130.414 182.626 130.079 183.151 129.847C183.676 129.615 184.274 129.499 184.945 129.499C185.86 129.499 186.605 129.7 187.178 130.103C187.752 130.506 188.173 131.031 188.441 131.677L187.27 132.3C187.099 131.812 186.812 131.433 186.41 131.165C186.019 130.896 185.531 130.762 184.945 130.762C184.518 130.762 184.134 130.835 183.792 130.982C183.462 131.116 183.182 131.311 182.95 131.567C182.718 131.824 182.541 132.129 182.419 132.483C182.309 132.837 182.254 133.221 182.254 133.636V135.247C182.254 135.662 182.309 136.046 182.419 136.4C182.541 136.754 182.718 137.059 182.95 137.315C183.182 137.571 183.469 137.773 183.81 137.919C184.152 138.054 184.542 138.121 184.982 138.121C185.616 138.121 186.141 137.974 186.556 137.681C186.971 137.388 187.3 136.986 187.544 136.473L188.588 137.187C188.307 137.822 187.868 138.346 187.27 138.761C186.684 139.176 185.915 139.384 184.963 139.384Z" fill="#ECEDEE"/>
+<path d="M196.067 139.164C195.347 139.164 194.816 138.963 194.475 138.56C194.145 138.157 193.981 137.639 193.981 137.004V130.963H190.832V129.719H193.175C193.492 129.719 193.712 129.658 193.834 129.536C193.968 129.401 194.035 129.176 194.035 128.858V126.387H195.445V129.719H199.747V130.963H195.445V137.919H199.747V139.164H196.067Z" fill="#ECEDEE"/>
+<path d="M206.585 139.384C205.927 139.384 205.329 139.268 204.792 139.036C204.267 138.804 203.815 138.475 203.437 138.047C203.071 137.608 202.79 137.089 202.595 136.492C202.4 135.881 202.302 135.198 202.302 134.441C202.302 133.697 202.4 133.02 202.595 132.41C202.79 131.799 203.071 131.281 203.437 130.854C203.815 130.414 204.267 130.079 204.792 129.847C205.329 129.615 205.927 129.499 206.585 129.499C207.244 129.499 207.836 129.615 208.361 129.847C208.898 130.079 209.35 130.414 209.716 130.854C210.094 131.281 210.381 131.799 210.576 132.41C210.771 133.02 210.869 133.697 210.869 134.441C210.869 135.198 210.771 135.881 210.576 136.492C210.381 137.089 210.094 137.608 209.716 138.047C209.35 138.475 208.898 138.804 208.361 139.036C207.836 139.268 207.244 139.384 206.585 139.384ZM206.585 138.121C207.403 138.121 208.062 137.877 208.562 137.388C209.063 136.9 209.313 136.144 209.313 135.119V133.764C209.313 132.739 209.063 131.982 208.562 131.494C208.062 131.006 207.403 130.762 206.585 130.762C205.768 130.762 205.109 131.006 204.609 131.494C204.108 131.982 203.858 132.739 203.858 133.764V135.119C203.858 136.144 204.108 136.9 204.609 137.388C205.109 137.877 205.768 138.121 206.585 138.121Z" fill="#ECEDEE"/>
+<path d="M213.479 137.919H216.243V130.963H213.479V129.719H217.708V132.098H217.799C217.994 131.354 218.361 130.774 218.898 130.359C219.447 129.932 220.142 129.719 220.984 129.719H222.302V131.183H220.527C219.685 131.183 219.001 131.427 218.477 131.915C217.964 132.403 217.708 133.044 217.708 133.837V137.919H221.369V139.164H213.479V137.919Z" fill="#ECEDEE"/>
+<path d="M122.91 95.9458V89.628H124.458C126.076 89.628 127.415 90.6461 127.415 92.7939C127.415 94.9416 126.062 95.9458 124.444 95.9458H122.91ZM124.514 97.731C127.331 97.731 129.409 95.9179 129.409 92.7939C129.409 89.6698 127.345 87.8428 124.528 87.8428H120.985V97.731H124.514ZM130.519 95.8621C130.519 96.936 131.412 97.9262 132.876 97.9262C133.895 97.9262 134.55 97.452 134.899 96.9081C134.899 97.1731 134.927 97.5497 134.968 97.731H136.67C136.628 97.4939 136.586 97.0057 136.586 96.6431V93.2681C136.586 91.8873 135.777 90.66 133.602 90.66C131.761 90.66 130.771 91.8455 130.659 92.9194L132.305 93.2681C132.36 92.6683 132.807 92.1523 133.616 92.1523C134.397 92.1523 134.773 92.5568 134.773 93.0449C134.773 93.282 134.648 93.4773 134.257 93.533L132.57 93.7841C131.426 93.9514 130.519 94.6348 130.519 95.8621ZM133.267 96.5455C132.667 96.5455 132.374 96.155 132.374 95.7505C132.374 95.2206 132.751 94.9556 133.225 94.8859L134.773 94.6488V94.9556C134.773 96.1689 134.048 96.5455 133.267 96.5455ZM140.311 100.381V97.0615C140.646 97.5218 141.343 97.8983 142.291 97.8983C144.23 97.8983 145.527 96.3642 145.527 94.2862C145.527 92.25 144.369 90.7158 142.361 90.7158C141.329 90.7158 140.562 91.1761 140.255 91.706V90.8692H138.456V100.381H140.311ZM143.7 94.3001C143.7 95.5274 142.947 96.2387 141.998 96.2387C141.05 96.2387 140.283 95.5135 140.283 94.3001C140.283 93.0867 141.05 92.3755 141.998 92.3755C142.947 92.3755 143.7 93.0867 143.7 94.3001ZM148.85 93.7004C148.892 92.9473 149.352 92.3615 150.133 92.3615C151.026 92.3615 151.403 92.9612 151.403 93.7283V97.731H153.258V93.4075C153.258 91.9013 152.449 90.6879 150.705 90.6879C150.05 90.6879 149.297 90.9111 148.85 91.441V87.6336H146.996V97.731H148.85V93.7004ZM156.995 93.7841C156.995 92.9891 157.469 92.3615 158.278 92.3615C159.171 92.3615 159.547 92.9612 159.547 93.7283V97.731H161.402V93.4075C161.402 91.9013 160.621 90.6879 158.92 90.6879C158.18 90.6879 157.358 91.0087 156.939 91.72V90.8692H155.14V97.731H156.995V93.7841ZM164.638 93.5191C164.679 92.8915 165.209 92.1663 166.172 92.1663C167.232 92.1663 167.678 92.8357 167.706 93.5191H164.638ZM167.887 95.3043C167.664 95.9179 167.19 96.3502 166.325 96.3502C165.405 96.3502 164.638 95.6948 164.596 94.7882H169.505C169.505 94.7603 169.533 94.4814 169.533 94.2164C169.533 92.0129 168.264 90.66 166.144 90.66C164.386 90.66 162.769 92.0826 162.769 94.2722C162.769 96.5873 164.428 97.9402 166.311 97.9402C167.999 97.9402 169.086 96.9499 169.435 95.7645L167.887 95.3043Z" fill="#ECEDEE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M289.694 84.2118V54.238C289.694 53.0042 288.686 52 287.448 52H216.241C215.003 52 213.995 53.0042 213.995 54.238V96.1641H213.994V120.571H377.866V96.1641H220.502V88.6878C220.502 87.4541 221.509 86.4498 222.747 86.4498H287.448C288.686 86.4498 289.694 85.4456 289.694 84.2118Z" fill="#3FCF8E"/>
+<path d="M223.497 102.387H227.066C228.628 102.387 229.794 102.924 230.562 103.998C231.331 105.072 231.716 106.664 231.716 108.776C231.716 110.887 231.331 112.479 230.562 113.553C229.794 114.627 228.628 115.164 227.066 115.164H223.497V102.387ZM226.993 113.828C228.018 113.828 228.787 113.474 229.299 112.766C229.824 112.058 230.087 111.058 230.087 109.764V107.787C230.087 106.494 229.824 105.493 229.299 104.785C228.787 104.077 228.018 103.724 226.993 103.724H225.034V113.828H226.993ZM238.811 103.632C238.384 103.632 238.085 103.547 237.914 103.376C237.743 103.193 237.658 102.967 237.658 102.698V102.406C237.658 102.137 237.743 101.917 237.914 101.747C238.085 101.564 238.384 101.472 238.811 101.472C239.238 101.472 239.537 101.564 239.708 101.747C239.879 101.917 239.964 102.137 239.964 102.406V102.698C239.964 102.967 239.879 103.193 239.708 103.376C239.537 103.547 239.238 103.632 238.811 103.632ZM234.674 113.919H238.079V106.963H234.674V105.719H239.543V113.919H242.728V115.164H234.674V113.919ZM249.311 115.384C248.322 115.384 247.468 115.219 246.748 114.889C246.04 114.548 245.436 114.096 244.936 113.535L245.924 112.675C246.376 113.151 246.87 113.517 247.407 113.773C247.944 114.029 248.591 114.157 249.347 114.157C250.079 114.157 250.677 114.029 251.141 113.773C251.617 113.504 251.855 113.09 251.855 112.528C251.855 112.284 251.806 112.083 251.709 111.924C251.623 111.753 251.501 111.619 251.343 111.521C251.184 111.424 251.007 111.351 250.812 111.302C250.616 111.241 250.409 111.192 250.189 111.155L248.707 110.936C248.377 110.887 248.017 110.82 247.627 110.734C247.248 110.649 246.901 110.515 246.583 110.332C246.266 110.136 245.997 109.88 245.778 109.563C245.57 109.245 245.467 108.831 245.467 108.318C245.467 107.842 245.558 107.433 245.741 107.092C245.936 106.738 246.205 106.445 246.547 106.213C246.888 105.969 247.291 105.792 247.755 105.682C248.218 105.56 248.725 105.499 249.274 105.499C250.128 105.499 250.867 105.633 251.489 105.902C252.124 106.17 252.667 106.542 253.118 107.018L252.166 107.915C252.056 107.781 251.916 107.647 251.745 107.513C251.587 107.366 251.385 107.238 251.141 107.128C250.909 107.006 250.635 106.909 250.317 106.835C250 106.762 249.634 106.726 249.219 106.726C248.475 106.726 247.901 106.854 247.498 107.11C247.108 107.366 246.913 107.738 246.913 108.227C246.913 108.471 246.955 108.678 247.041 108.849C247.138 109.008 247.267 109.136 247.425 109.233C247.584 109.331 247.761 109.41 247.956 109.471C248.164 109.52 248.371 109.563 248.578 109.599L250.061 109.819C250.403 109.868 250.763 109.935 251.141 110.02C251.519 110.106 251.867 110.246 252.185 110.441C252.502 110.624 252.764 110.875 252.972 111.192C253.191 111.509 253.301 111.924 253.301 112.437C253.301 113.376 252.935 114.102 252.203 114.615C251.483 115.127 250.519 115.384 249.311 115.384ZM256.424 105.719H257.889V107.256H257.962C258.572 106.085 259.542 105.499 260.872 105.499C262.032 105.499 262.935 105.932 263.581 106.799C264.24 107.665 264.57 108.879 264.57 110.441C264.57 112.003 264.24 113.218 263.581 114.084C262.935 114.951 262.032 115.384 260.872 115.384C259.542 115.384 258.572 114.798 257.962 113.626H257.889V118.825H256.424V105.719ZM260.305 114.084C261.159 114.084 261.818 113.828 262.282 113.315C262.758 112.791 262.996 112.101 262.996 111.247V109.636C262.996 108.782 262.758 108.098 262.282 107.586C261.818 107.061 261.159 106.799 260.305 106.799C259.975 106.799 259.664 106.841 259.371 106.927C259.078 107.012 258.822 107.14 258.602 107.311C258.383 107.47 258.206 107.671 258.072 107.915C257.95 108.147 257.889 108.422 257.889 108.739V112.144C257.889 112.461 257.95 112.742 258.072 112.986C258.206 113.218 258.383 113.419 258.602 113.59C258.822 113.748 259.078 113.871 259.371 113.956C259.664 114.041 259.975 114.084 260.305 114.084ZM267.125 113.919H270.42V102.863H267.125V101.618H271.885V113.919H275.179V115.164H267.125V113.919ZM285.698 115.164C285.124 115.164 284.715 115.018 284.471 114.725C284.227 114.432 284.075 114.066 284.014 113.626H283.922C283.715 114.176 283.379 114.609 282.915 114.926C282.464 115.231 281.854 115.384 281.085 115.384C280.096 115.384 279.309 115.127 278.723 114.615C278.138 114.102 277.845 113.401 277.845 112.51C277.845 111.631 278.162 110.954 278.797 110.478C279.443 110.002 280.481 109.764 281.909 109.764H283.922V108.831C283.922 108.135 283.727 107.616 283.336 107.275C282.946 106.921 282.391 106.744 281.671 106.744C281.036 106.744 280.517 106.872 280.115 107.128C279.712 107.372 279.389 107.708 279.144 108.135L278.156 107.403C278.278 107.159 278.443 106.921 278.65 106.689C278.858 106.457 279.114 106.256 279.419 106.085C279.724 105.902 280.072 105.761 280.462 105.664C280.853 105.554 281.286 105.499 281.762 105.499C282.873 105.499 283.751 105.78 284.398 106.341C285.057 106.902 285.386 107.683 285.386 108.684V113.883H286.704V115.164H285.698ZM281.341 114.157C281.719 114.157 282.061 114.115 282.366 114.029C282.683 113.932 282.958 113.81 283.19 113.663C283.422 113.504 283.599 113.321 283.721 113.114C283.855 112.894 283.922 112.662 283.922 112.Line truncated
+<path d="M236.688 74.5833H238.836L236.716 70.5387C238.013 70.1622 238.822 69.1162 238.822 67.7355C238.822 66.0201 237.594 64.6951 235.67 64.6951H231.806V74.5833H233.745V70.7758H234.749L236.688 74.5833ZM233.745 69.1162V66.3687H235.307C236.283 66.3687 236.855 66.9126 236.855 67.7494C236.855 68.5583 236.283 69.1162 235.307 69.1162H233.745ZM243.275 73.1049C242.369 73.1049 241.532 72.4355 241.532 71.1524C241.532 69.8554 242.369 69.1999 243.275 69.1999C244.182 69.1999 245.018 69.8554 245.018 71.1524C245.018 72.4494 244.182 73.1049 243.275 73.1049ZM243.275 67.5123C241.225 67.5123 239.677 69.0325 239.677 71.1524C239.677 73.2583 241.225 74.7925 243.275 74.7925C245.325 74.7925 246.873 73.2583 246.873 71.1524C246.873 69.0325 245.325 67.5123 243.275 67.5123ZM250.137 74.5833V73.7465C250.499 74.3322 251.224 74.7506 252.173 74.7506C254.125 74.7506 255.408 73.2025 255.408 71.1245C255.408 69.0883 254.251 67.5402 252.243 67.5402C251.224 67.5402 250.471 67.9865 250.164 68.4746V64.4859H248.337V74.5833H250.137ZM253.554 71.1384C253.554 72.3936 252.8 73.091 251.852 73.091C250.918 73.091 250.137 72.3797 250.137 71.1384C250.137 69.8833 250.918 69.1999 251.852 69.1999C252.8 69.1999 253.554 69.8833 253.554 71.1384ZM258.23 70.3714C258.272 69.7438 258.802 69.0186 259.764 69.0186C260.824 69.0186 261.27 69.688 261.298 70.3714H258.23ZM261.479 72.1565C261.256 72.7702 260.782 73.2025 259.917 73.2025C258.997 73.2025 258.23 72.5471 258.188 71.6405H263.097C263.097 71.6126 263.125 71.3337 263.125 71.0687C263.125 68.8652 261.856 67.5123 259.736 67.5123C257.979 67.5123 256.361 68.9349 256.361 71.1245C256.361 73.4396 258.021 74.7925 259.903 74.7925C261.591 74.7925 262.679 73.8022 263.027 72.6168L261.479 72.1565ZM268.77 67.6936C268.63 67.6797 268.491 67.6657 268.337 67.6657C267.752 67.6657 266.803 67.8331 266.385 68.7396V67.7215H264.586V74.5833H266.441V71.4453C266.441 69.9669 267.264 69.5067 268.212 69.5067C268.379 69.5067 268.561 69.5206 268.77 69.5625V67.6936ZM272.634 65.6714H270.961V66.6337C270.961 67.2474 270.626 67.7215 269.901 67.7215H269.552V69.3672H270.793V72.561C270.793 73.8859 271.63 74.6809 272.969 74.6809C273.513 74.6809 273.848 74.5833 274.015 74.5135V72.9794C273.917 73.0073 273.666 73.0352 273.443 73.0352C272.913 73.0352 272.634 72.8399 272.634 72.2402V69.3672H274.015V67.7215H272.634V65.6714Z" fill="#ECEDEE"/>
+</g>
+<defs>
+<clipPath id="clip0_1119_17619">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/dark/form-presence.svg

@@ -0,0 +1,22 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17671)">
+<rect x="45" y="22.5" width="270" height="193" rx="7.5" fill="#343434" stroke="#3E3E3E"/>
+<path d="M66.736 44.064V42.492H59.692V44.064H62.38V51H64.048V44.064H66.736ZM69.2839 51V45.096H67.6879V51H69.2839ZM67.4959 43.164C67.4959 43.692 67.9399 44.136 68.4799 44.136C69.0319 44.136 69.4639 43.692 69.4639 43.164C69.4639 42.612 69.0319 42.168 68.4799 42.168C67.9399 42.168 67.4959 42.612 67.4959 43.164ZM72.9606 43.332H71.5206V44.16C71.5206 44.688 71.2326 45.096 70.6086 45.096H70.3086V46.512H71.3766V49.26C71.3766 50.4 72.0966 51.084 73.2486 51.084C73.7166 51.084 74.0046 51 74.1486 50.94V49.62C74.0646 49.644 73.8486 49.668 73.6566 49.668C73.2006 49.668 72.9606 49.5 72.9606 48.984V46.512H74.1486V45.096H72.9606V43.332ZM76.8074 51V42.312H75.2114V51H76.8074ZM79.6801 47.376C79.7161 46.836 80.1721 46.212 81.0001 46.212C81.9121 46.212 82.2961 46.788 82.3201 47.376H79.6801ZM82.4761 48.912C82.2841 49.44 81.8761 49.812 81.1321 49.812C80.3401 49.812 79.6801 49.248 79.6441 48.468H83.8681C83.8681 48.444 83.8921 48.204 83.8921 47.976C83.8921 46.08 82.8001 44.916 80.9761 44.916C79.4641 44.916 78.0721 46.14 78.0721 48.024C78.0721 50.016 79.5001 51.18 81.1201 51.18C82.5721 51.18 83.5081 50.328 83.8081 49.308L82.4761 48.912Z" fill="#ECEDEE"/>
+<rect x="59.5" y="61" width="243" height="29" rx="5" fill="#282828"/>
+<rect x="61" y="62.5" width="240" height="26" rx="3.5" fill="#3E3E3E" stroke="#282828"/>
+<path d="M76.004 72.424C75.812 71.5 75.044 70.312 73.124 70.312C71.552 70.312 70.316 71.512 70.316 72.844C70.316 74.116 71.18 74.908 72.392 75.172L73.604 75.436C74.456 75.616 74.876 76.144 74.876 76.756C74.876 77.5 74.3 78.112 73.124 78.112C71.84 78.112 71.168 77.236 71.084 76.288L69.956 76.648C70.112 77.86 71.084 79.18 73.136 79.18C74.948 79.18 76.076 77.98 76.076 76.66C76.076 75.472 75.284 74.584 73.868 74.272L72.596 73.996C71.876 73.84 71.504 73.372 71.504 72.76C71.504 71.968 72.188 71.344 73.148 71.344C74.336 71.344 74.852 72.184 74.948 72.796L76.004 72.424ZM81.0726 78.304C81.0726 78.544 81.0966 78.868 81.1206 79H82.2006C82.1766 78.796 82.1406 78.388 82.1406 77.932V73.228H81.0126V76.708C81.0126 77.584 80.5566 78.184 79.6446 78.184C78.6966 78.184 78.3366 77.488 78.3366 76.696V73.228H77.2086V76.864C77.2086 78.172 78.0246 79.18 79.3686 79.18C80.0406 79.18 80.7606 78.904 81.0726 78.304ZM85.1815 81.28V78.22C85.4935 78.736 86.1655 79.156 87.0535 79.156C88.7455 79.156 89.7415 77.824 89.7415 76.108C89.7415 74.428 88.8175 73.096 87.0895 73.096C86.1535 73.096 85.4695 73.552 85.1575 74.128V73.228H84.0655V81.28H85.1815ZM88.5895 76.108C88.5895 77.296 87.9295 78.148 86.8855 78.148C85.8535 78.148 85.1695 77.296 85.1695 76.108C85.1695 74.956 85.8535 74.092 86.8855 74.092C87.9415 74.092 88.5895 74.956 88.5895 76.108ZM90.8188 77.452C90.8188 78.364 91.5748 79.18 92.7508 79.18C93.7828 79.18 94.3588 78.628 94.6108 78.22C94.6108 78.64 94.6468 78.856 94.6708 79H95.7748C95.7508 78.856 95.7028 78.556 95.7028 78.052V75.16C95.7028 74.032 95.0308 73.048 93.3027 73.048C92.0548 73.048 91.0588 73.816 90.9388 74.92L92.0188 75.172C92.0908 74.5 92.5348 74.008 93.3268 74.008C94.2028 74.008 94.5748 74.476 94.5748 75.04C94.5748 75.244 94.4788 75.424 94.1308 75.472L92.5708 75.7C91.5748 75.844 90.8188 76.42 90.8188 77.452ZM92.9068 78.232C92.3308 78.232 91.9708 77.824 91.9708 77.392C91.9708 76.876 92.3308 76.6 92.8108 76.528L94.5748 76.264V76.528C94.5748 77.788 93.8308 78.232 92.9068 78.232ZM98.972 71.404H97.94V72.34C97.94 72.844 97.676 73.228 97.052 73.228H96.74V74.248H97.844V77.416C97.844 78.46 98.468 79.06 99.452 79.06C99.836 79.06 100.124 78.988 100.22 78.952V77.992C100.124 78.016 99.92 78.04 99.776 78.04C99.188 78.04 98.972 77.776 98.972 77.248V74.248H100.22V73.228H98.972V71.404ZM102.842 79V73.228H101.726V79H102.842ZM101.474 71.044C101.474 71.488 101.834 71.848 102.278 71.848C102.734 71.848 103.094 71.488 103.094 71.044C103.094 70.588 102.734 70.228 102.278 70.228C101.834 70.228 101.474 70.588 101.474 71.044ZM106.273 71.404H105.241V72.34C105.241 72.844 104.977 73.228 104.353 73.228H104.041V74.248H105.145V77.416C105.145 78.46 105.769 79.06 106.753 79.06C107.137 79.06 107.425 78.988 107.521 78.952V77.992C107.425 78.016 107.221 78.04 107.077 78.04C106.489 78.04 106.273 77.776 106.273 77.248V74.248H107.521V73.228H106.273V71.404ZM110.154 79V70.312H109.026V79H110.154ZM112.805 75.52C112.853 74.776 113.429 74.044 114.377 74.044C115.397 74.044 115.937 74.692 115.961 75.52H112.805ZM116.129 77.02C115.913 77.668 115.445 78.184 114.509 78.184C113.537 78.184 112.793 77.464 112.769 76.432H117.113C117.125 76.36 117.137 76.216 117.137 76.072C117.137 74.272 116.141 73.048 114.365 73.048C112.913 73.048 111.605 74.284 111.605 76.096C111.605 78.052 112.961 79.18 114.509 79.18C115.853 79.18 116.777 78.376 117.101 77.356L116.129 77.02Z" fill="#ECEDEE"/>
+<rect x="267.5" y="39" width="34" height="15" rx="2" fill="#282828"/>
+<path d="M279.444 49.9375H280.504L277.684 42.8475H276.554L273.734 49.9375H274.784L275.534 47.9575H278.674L279.444 49.9375ZM277.094 43.8675L278.324 47.0475H275.884L277.094 43.8675ZM282.288 49.9375V47.0375C282.288 46.3175 282.738 45.8175 283.408 45.8175C284.128 45.8175 284.428 46.2975 284.428 46.9175V49.9375H285.368V47.0275C285.368 46.3375 285.818 45.8175 286.478 45.8175C287.188 45.8175 287.498 46.2875 287.498 46.9175V49.9375H288.428V46.8175C288.428 45.5575 287.608 44.9875 286.768 44.9875C286.158 44.9875 285.538 45.2075 285.158 45.8975C284.898 45.2775 284.318 44.9875 283.718 44.9875C283.158 44.9875 282.558 45.2375 282.258 45.7675V45.1275H281.358V49.9375H282.288ZM291.132 51.9475L294.262 45.1275H293.252L291.812 48.4475L290.312 45.1275H289.232L291.302 49.4075L290.102 51.9475H291.132Z" fill="#ECEDEE"/>
+<path d="M63.652 117.192C65.476 117.192 66.928 116.076 66.928 113.988V108.492H65.272V113.868C65.272 114.984 64.66 115.572 63.652 115.572C62.668 115.572 62.044 114.984 62.044 113.868V108.492H60.388V113.988C60.388 116.076 61.84 117.192 63.652 117.192ZM72.9923 117H74.8403L73.0163 113.52C74.1323 113.196 74.8283 112.296 74.8283 111.108C74.8283 109.632 73.7723 108.492 72.1163 108.492H68.7923V117H70.4603V113.724H71.3243L72.9923 117ZM70.4603 112.296V109.932H71.8043C72.6443 109.932 73.1363 110.4 73.1363 111.12C73.1363 111.816 72.6443 112.296 71.8043 112.296H70.4603ZM81.7403 117V115.416H77.9483V108.492H76.2923V117H81.7403Z" fill="#ECEDEE"/>
+<rect x="60" y="127.5" width="242" height="28" rx="4.5" fill="#232323" stroke="#3FCF8E"/>
+<rect x="61" y="128.5" width="240" height="26" rx="3.5" fill="#3E3E3E" stroke="#282828"/>
+<path d="M69.92 143.5C70.016 144.16 70.688 145.18 72.272 145.18C73.7 145.18 74.384 144.208 74.384 143.392C74.384 142.54 73.832 141.904 72.788 141.676L71.852 141.472C71.408 141.376 71.192 141.124 71.192 140.776C71.192 140.38 71.576 140.008 72.152 140.008C73.064 140.008 73.304 140.668 73.352 140.968L74.348 140.596C74.228 140.08 73.736 139.048 72.152 139.048C71.024 139.048 70.1 139.888 70.1 140.872C70.1 141.688 70.64 142.3 71.54 142.492L72.524 142.708C73.004 142.816 73.268 143.092 73.268 143.452C73.268 143.86 72.92 144.22 72.284 144.22C71.468 144.22 71.012 143.74 70.94 143.14L69.92 143.5ZM79.6312 144.304C79.6312 144.544 79.6552 144.868 79.6792 145H80.7592C80.7352 144.796 80.6992 144.388 80.6992 143.932V139.228H79.5712V142.708C79.5712 143.584 79.1152 144.184 78.2032 144.184C77.2552 144.184 76.8952 143.488 76.8952 142.696V139.228H75.7672V142.864C75.7672 144.172 76.5832 145.18 77.9272 145.18C78.5992 145.18 79.3192 144.904 79.6312 144.304ZM83.7401 147.28V144.22C84.0521 144.736 84.7241 145.156 85.6121 145.156C87.3041 145.156 88.3001 143.824 88.3001 142.108C88.3001 140.428 87.3761 139.096 85.6481 139.096C84.7121 139.096 84.0281 139.552 83.7161 140.128V139.228H82.6241V147.28H83.7401ZM87.1481 142.108C87.1481 143.296 86.4881 144.148 85.4441 144.148C84.4121 144.148 83.7281 143.296 83.7281 142.108C83.7281 140.956 84.4121 140.092 85.4441 140.092C86.5001 140.092 87.1481 140.956 87.1481 142.108ZM89.3773 143.452C89.3773 144.364 90.1333 145.18 91.3093 145.18C92.3413 145.18 92.9173 144.628 93.1693 144.22C93.1693 144.64 93.2053 144.856 93.2293 145H94.3333C94.3093 144.856 94.2613 144.556 94.2613 144.052V141.16C94.2613 140.032 93.5893 139.048 91.8613 139.048C90.6133 139.048 89.6173 139.816 89.4973 140.92L90.5773 141.172C90.6493 140.5 91.0933 140.008 91.8853 140.008C92.7613 140.008 93.1333 140.476 93.1333 141.04C93.1333 141.244 93.0373 141.424 92.6893 141.472L91.1293 141.7C90.1333 141.844 89.3773 142.42 89.3773 143.452ZM91.4653 144.232C90.8893 144.232 90.5293 143.824 90.5293 143.392C90.5293 142.876 90.8893 142.6 91.3693 142.528L93.1333 142.264V142.528C93.1333 143.788 92.3893 144.232 91.4653 144.232ZM97.1346 145V144.16C97.4946 144.784 98.1546 145.156 99.0066 145.156C100.723 145.156 101.695 143.8 101.695 142.084C101.695 140.404 100.795 139.06 99.0426 139.06C98.0826 139.06 97.4106 139.528 97.1346 140.044V136.312H96.0186V145H97.1346ZM100.543 142.084C100.543 143.332 99.8706 144.148 98.8386 144.148C97.8426 144.148 97.1226 143.332 97.1226 142.084C97.1226 140.836 97.8426 140.056 98.8386 140.056C99.8826 140.056 100.543 140.836 100.543 142.084ZM102.772 143.452C102.772 144.364 103.528 145.18 104.704 145.18C105.736 145.18 106.312 144.628 106.564 144.22C106.564 144.64 106.6 144.856 106.624 145H107.728C107.704 144.856 107.656 144.556 107.656 144.052V141.16C107.656 140.032 106.984 139.048 105.256 139.048C104.008 139.048 103.012 139.816 102.892 140.92L103.972 141.172C104.044 140.5 104.488 140.008 105.28 140.008C106.156 140.008 106.528 140.476 106.528 141.04C106.528 141.244 106.432 141.424 106.084 141.472L104.524 141.7C103.528 141.844 102.772 142.42 102.772 143.452ZM104.86 144.232C104.284 144.232 103.924 143.824 103.924 143.392C103.924 142.876 104.284 142.6 104.764 142.528L106.528 142.264V142.528C106.528 143.788 105.784 144.232 104.86 144.232ZM108.873 143.5C108.969 144.16 109.641 145.18 111.225 145.18C112.653 145.18 113.337 144.208 113.337 143.392C113.337 142.54 112.785 141.904 111.741 141.676L110.805 141.472C110.361 141.376 110.145 141.124 110.145 140.776C110.145 140.38 110.529 140.008 111.105 140.008C112.017 140.008 112.257 140.668 112.305 140.968L113.301 140.596C113.181 140.08 112.689 139.048 111.105 139.048C109.977 139.048 109.053 139.888 109.053 140.872C109.053 141.688 109.593 142.3 110.493 142.492L111.477 142.708C111.957 142.816 112.221 143.092 112.221 143.452C112.221 143.86 111.873 144.22 111.237 144.22C110.421 144.22 109.965 143.74 109.893 143.14L108.873 143.5ZM115.512 141.52C115.56 140.776 116.136 140.044 117.084 140.044C118.104 140.044 118.644 140.692 118.668 141.52H115.512ZM118.836 143.02C118.62 143.668 118.152 144.184 117.216 144.184C116.244 144.184 115.5 143.464 115.476 142.432H119.82C119.832 142.36 119.844 142.216 119.844 142.072C119.844 140.272 118.848 139.048 117.072 139.048C115.62 139.048 114.312 140.284 114.312 142.096C114.312 144.052 115.668 145.18 117.216 145.18C118.56 145.18 119.484 144.376 119.808 143.356L118.836 143.02ZM120.988 144.232C120.988 144.7 121.348 145.06 121.816 145.06C122.284 145.06 122.656 144.7 122.656 144.232C122.656 143.764 122.284 143.392 121.816 143.392C121.348 143.392 120.988 143.764 120.988 144.232ZM126.708 140.092C127.692 140.092 128.112 140.752 128.256 141.316L129.276 140.884C129.036 140.008 128.244 139.048 126.708 139.048C125.064 139.048 123.804 140.308 123.804 142.108C123.804 143.86 125.04 145.18 126.72 145.18C128.22 145.18 129.048 144.208 129.324 143.38L128.328 142.948C128.196 143.404 127.8 144.136 126.72 144.136C125.784 144.136 124.956 143.428 124.956 142.108C124.956 140.764 125.796 140.092 126.708 Line truncated
+<rect x="256.5" y="105" width="45" height="15" rx="2" fill="#3FCF8E"/>
+<path d="M267.31 115.938H268.37L265.55 108.847H264.42L261.6 115.938H262.65L263.4 113.957H266.54L267.31 115.938ZM264.96 109.867L266.19 113.047H263.75L264.96 109.867ZM270.164 113.157C270.164 112.427 270.544 111.837 271.284 111.837C272.124 111.837 272.404 112.377 272.404 113.047V115.938H273.344V112.887C273.344 111.817 272.774 110.987 271.624 110.987C271.064 110.987 270.494 111.217 270.144 111.817V111.127H269.224V115.938H270.164V113.157ZM275.399 113.517C275.399 112.527 275.959 111.827 276.819 111.827C277.679 111.827 278.199 112.507 278.199 113.497C278.199 114.487 277.669 115.237 276.809 115.237C275.909 115.237 275.399 114.507 275.399 113.517ZM278.209 115.287C278.209 115.577 278.239 115.827 278.259 115.938H279.169C279.159 115.857 279.119 115.507 279.119 115.047V108.697H278.189V111.807C278.029 111.417 277.569 110.997 276.719 110.997C275.359 110.997 274.439 112.157 274.439 113.517C274.439 114.947 275.309 116.068 276.719 116.068C277.469 116.068 277.979 115.667 278.209 115.207V115.287ZM283.388 111.077C283.338 111.067 283.208 111.047 283.078 111.047C282.588 111.047 281.988 111.227 281.638 111.967V111.127H280.718V115.938H281.658V113.527C281.658 112.467 282.188 112.047 282.978 112.047C283.108 112.047 283.248 112.057 283.388 112.077V111.077ZM284.951 113.037C284.991 112.417 285.471 111.807 286.261 111.807C287.111 111.807 287.561 112.347 287.581 113.037H284.951ZM287.721 114.287C287.541 114.827 287.151 115.257 286.371 115.257C285.561 115.257 284.941 114.657 284.921 113.797H288.541C288.551 113.737 288.561 113.617 288.561 113.497C288.561 111.997 287.731 110.977 286.251 110.977C285.041 110.977 283.951 112.007 283.951 113.517C283.951 115.147 285.081 116.088 286.371 116.088C287.491 116.088 288.261 115.417 288.531 114.567L287.721 114.287ZM292.422 111.127L291.172 114.747L290.092 111.127H289.062L290.642 115.938H291.632L292.882 112.277L294.162 115.938H295.132L296.692 111.127H295.702L294.642 114.747L293.392 111.127H292.422Z" fill="#ECEDEE"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17671">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/dark/in-app-chat.svg

@@ -0,0 +1,23 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_931_17663)">
+<rect x="45" y="18.5" width="270" height="216" rx="7.76794" fill="#343434" stroke="#3E3E3E"/>
+<circle cx="80.5" cy="54" r="19" fill="#3E3E3E"/>
+<path d="M84.8022 60V58.176H78.3542L84.7222 50.48V48.656H76.1302V50.464H82.2422L75.9542 58.112V60H84.8022Z" fill="#A0A0A0"/>
+<path d="M116.664 47V45.416H112.104L116.604 40.04V38.492H110.124V40.064H114.396L109.968 45.392V47H116.664ZM120.586 45.728C119.806 45.728 119.086 45.152 119.086 44.048C119.086 42.932 119.806 42.368 120.586 42.368C121.366 42.368 122.086 42.932 122.086 44.048C122.086 45.164 121.366 45.728 120.586 45.728ZM120.586 40.916C118.822 40.916 117.49 42.224 117.49 44.048C117.49 45.86 118.822 47.18 120.586 47.18C122.35 47.18 123.682 45.86 123.682 44.048C123.682 42.224 122.35 40.916 120.586 40.916ZM126.106 43.376C126.142 42.836 126.598 42.212 127.426 42.212C128.338 42.212 128.722 42.788 128.746 43.376H126.106ZM128.902 44.912C128.71 45.44 128.302 45.812 127.558 45.812C126.766 45.812 126.106 45.248 126.07 44.468H130.294C130.294 44.444 130.318 44.204 130.318 43.976C130.318 42.08 129.226 40.916 127.402 40.916C125.89 40.916 124.498 42.14 124.498 44.024C124.498 46.016 125.926 47.18 127.546 47.18C128.998 47.18 129.934 46.328 130.234 45.308L128.902 44.912Z" fill="#ECEDEE"/>
+<path d="M141.192 42.02C141.18 41.9 141.168 41.78 141.168 41.672C141.168 40.784 141.648 40.076 142.668 40.076C143.652 40.076 144.132 40.736 144.132 41.444C144.132 42.044 143.796 42.596 143.064 43.064L141.768 43.904C140.448 44.756 139.944 45.728 139.92 47H145.368V45.908H141.372C141.48 45.428 141.876 45.104 142.32 44.816L143.856 43.832C144.744 43.268 145.32 42.452 145.32 41.432C145.32 40.136 144.36 39.044 142.692 39.044C140.988 39.044 140.004 40.232 140.004 41.564C140.004 41.66 140.004 41.768 140.016 41.876L141.192 42.02ZM150.928 47V43.52C150.928 42.656 151.468 42.056 152.272 42.056C153.136 42.056 153.496 42.632 153.496 43.376V47H154.624V43.508C154.624 42.68 155.164 42.056 155.956 42.056C156.808 42.056 157.18 42.62 157.18 43.376V47H158.296V43.256C158.296 41.744 157.312 41.06 156.304 41.06C155.572 41.06 154.828 41.324 154.372 42.152C154.06 41.408 153.364 41.06 152.644 41.06C151.972 41.06 151.252 41.36 150.892 41.996V41.228H149.812V47H150.928ZM161.217 47V41.228H160.101V47H161.217ZM159.849 39.044C159.849 39.488 160.209 39.848 160.653 39.848C161.109 39.848 161.469 39.488 161.469 39.044C161.469 38.588 161.109 38.228 160.653 38.228C160.209 38.228 159.849 38.588 159.849 39.044ZM164.264 43.664C164.264 42.788 164.72 42.08 165.608 42.08C166.616 42.08 166.952 42.728 166.952 43.532V47H168.08V43.34C168.08 42.056 167.396 41.06 166.016 41.06C165.344 41.06 164.66 41.336 164.24 42.056V41.228H163.136V47H164.264V43.664ZM173.561 46.304C173.561 46.544 173.585 46.868 173.609 47H174.689C174.665 46.796 174.629 46.388 174.629 45.932V41.228H173.501V44.708C173.501 45.584 173.045 46.184 172.133 46.184C171.185 46.184 170.825 45.488 170.825 44.696V41.228H169.697V44.864C169.697 46.172 170.513 47.18 171.857 47.18C172.529 47.18 173.249 46.904 173.561 46.304ZM178.066 39.404H177.034V40.34C177.034 40.844 176.77 41.228 176.146 41.228H175.834V42.248H176.938V45.416C176.938 46.46 177.562 47.06 178.546 47.06C178.93 47.06 179.218 46.988 179.314 46.952V45.992C179.218 46.016 179.014 46.04 178.87 46.04C178.282 46.04 178.066 45.776 178.066 45.248V42.248H179.314V41.228H178.066V39.404ZM181.493 43.52C181.541 42.776 182.117 42.044 183.065 42.044C184.085 42.044 184.625 42.692 184.649 43.52H181.493ZM184.817 45.02C184.601 45.668 184.133 46.184 183.197 46.184C182.225 46.184 181.481 45.464 181.457 44.432H185.801C185.813 44.36 185.825 44.216 185.825 44.072C185.825 42.272 184.829 41.048 183.053 41.048C181.601 41.048 180.293 42.284 180.293 44.096C180.293 46.052 181.649 47.18 183.197 47.18C184.541 47.18 185.465 46.376 185.789 45.356L184.817 45.02ZM186.725 45.5C186.821 46.16 187.493 47.18 189.077 47.18C190.505 47.18 191.189 46.208 191.189 45.392C191.189 44.54 190.637 43.904 189.593 43.676L188.657 43.472C188.213 43.376 187.997 43.124 187.997 42.776C187.997 42.38 188.381 42.008 188.957 42.008C189.869 42.008 190.109 42.668 190.157 42.968L191.153 42.596C191.033 42.08 190.541 41.048 188.957 41.048C187.829 41.048 186.905 41.888 186.905 42.872C186.905 43.688 187.445 44.3 188.345 44.492L189.329 44.708C189.809 44.816 190.073 45.092 190.073 45.452C190.073 45.86 189.725 46.22 189.089 46.22C188.273 46.22 187.817 45.74 187.745 45.14L186.725 45.5ZM195.33 45.452C195.33 46.364 196.086 47.18 197.262 47.18C198.294 47.18 198.87 46.628 199.122 46.22C199.122 46.64 199.158 46.856 199.182 47H200.286C200.262 46.856 200.214 46.556 200.214 46.052V43.16C200.214 42.032 199.542 41.048 197.814 41.048C196.566 41.048 195.57 41.816 195.45 42.92L196.53 43.172C196.602 42.5 197.046 42.008 197.838 42.008C198.714 42.008 199.086 42.476 199.086 43.04C199.086 43.244 198.99 43.424 198.642 43.472L197.082 43.7C196.086 43.844 195.33 44.42 195.33 45.452ZM197.418 46.232C196.842 46.232 196.482 45.824 196.482 45.392C196.482 44.876 196.842 44.6 197.322 44.528L199.086 44.264V44.528C199.086 45.788 198.342 46.232 197.418 46.232ZM201.552 47.312C201.696 48.548 202.776 49.46 204.216 49.46C206.388 49.46 207.108 48.032 207.108 46.568V41.228H205.992V42.032C205.704 41.456 205.104 41.12 204.216 41.12C202.632 41.12 201.564 42.368 201.564 43.928C201.564 45.56 202.68 46.724 204.216 46.724C205.08 46.724 205.704 46.304 205.98 45.776V46.604C205.98 47.852 205.428 48.476 204.216 48.476C203.34 48.476 202.728 47.864 202.644 47.06L201.552 47.312ZM204.384 45.776C203.364 45.776 202.716 45.056 202.716 43.928C202.716 42.812 203.388 42.08 204.384 42.08C205.356 42.08 206.028 42.812 206.028 43.928C206.028 45.044 205.356 45.776 204.384 45.776ZM211.381 46.172C210.421 46.172 209.581 45.452 209.581 44.108C209.581 42.776 210.421 42.056 211.381 42.056C212.341 42.056 213.181 42.776 213.181 44.108C213.181 45.452 212.341 46.172 211.381 46.172ZM211.381 41.048C209.653 41.048 208.429 42.356 208.429 44.108C208.429 45.872 209.653 47.18 211.381 47.18C213.109 47.18 214.333 45.872 214.333 44.108C214.333 42.356 213.109 41.048 211.381 41.048Z" fill="#A0A0A0"/>
+<path d="M114.984 66H116.352L114.324 62.436C115.608 62.196 116.388 61.248 116.388 60.024C116.388 58.62 115.392 57.492 113.784 57.492H110.58V66H111.768V62.52H113.04L114.984 66ZM111.768 61.464V58.548H113.568C114.528 58.548 115.176 59.124 115.176 60.024C115.176 60.9 114.528 61.464 113.568 61.464H111.768ZM118.387 62.52C118.435 61.776 119.011 61.044 119.959 61.044C120.979 61.044 121.519 61.692 121.543 62.52H118.387ZM121.711 64.02C121.495 64.668 121.027 65.184 120.091 65.184C119.119 65.184 118.375 64.464 118.351 63.432H122.695C122.707 63.36 122.719 63.216 122.719 63.072C122.719 61.272 121.723 60.048 119.947 60.048C118.495 60.048 117.187 61.284 117.187 63.096C117.187 65.052 118.543 66.18 120.091 66.18C121.435 66.18 122.359 65.376 122.683 64.356L121.711 64.02ZM123.799 64.452C123.799 65.364 124.555 66.18 125.731 66.18C126.763 66.18 127.339 65.628 127.591 65.22C127.591 65.64 127.627 65.856 127.651 66H128.755C128.731 65.856 128.683 65.556 128.683 65.052V62.16C128.683 61.032 128.011 60.048 126.283 60.048C125.035 60.048 124.039 60.816 123.919 61.92L124.999 62.172C125.071 61.5 125.515 61.008 126.307 61.008C127.183 61.008 127.555 61.476 127.555 62.04C127.555 62.244 127.459 62.424 127.111 62.472L125.551 62.7C124.555 62.844 123.799 63.42 123.799 64.452ZM125.887 65.232C125.311 65.232 124.951 64.824 124.951 64.392C124.951 63.876 125.311 63.6 125.791 63.528L127.555 63.264V63.528C127.555 64.788 126.811 65.232 125.887 65.232ZM131.568 66V57.312H130.44V66H131.568ZM134.615 66V57.312H133.487V66H134.615ZM137.974 68.412L141.73 60.228H140.518L138.79 64.212L136.99 60.228H135.694L138.178 65.364L136.738 68.412H137.974ZM145.395 66.312C145.539 67.548 146.619 68.46 148.059 68.46C150.231 68.46 150.951 67.032 150.951 65.568V60.228H149.835V61.032C149.547 60.456 148.947 60.12 148.059 60.12C146.475 60.12 145.407 61.368 145.407 62.928C145.407 64.56 146.523 65.724 148.059 65.724C148.923 65.724 149.547 65.304 149.823 64.776V65.604C149.823 66.852 149.271 67.476 148.059 67.476C147.183 67.476 146.571 66.864 146.487 66.06L145.395 66.312ZM148.227 64.776C147.207 64.776 146.559 64.056 146.559 62.928C146.559 61.812 147.231 61.08 148.227 61.08C149.199 61.08 149.871 61.812 149.871 62.928C149.871 64.044 149.199 64.776 148.227 64.776ZM155.225 65.172C154.265 65.172 153.425 64.452 153.425 63.108C153.425 61.776 154.265 61.056 155.225 61.056C156.185 61.056 157.025 61.776 157.025 63.108C157.025 64.452 156.185 65.172 155.225 65.172ZM155.225 60.048C153.497 60.048 152.273 61.356 152.273 63.108C152.273 64.872 153.497 66.18 155.225 66.18C156.953 66.18 158.177 64.872 158.177 63.108C158.177 61.356 156.953 60.048 155.225 60.048ZM162.092 65.172C161.132 65.172 160.292 64.452 160.292 63.108C160.292 61.776 161.132 61.056 162.092 61.056C163.052 61.056 163.892 61.776 163.892 63.108C163.892 64.452 163.052 65.172 162.092 65.172ZM162.092 60.048C160.364 60.048 159.14 61.356 159.14 63.108C159.14 64.872 160.364 66.18 162.092 66.18C163.82 66.18 165.044 64.872 165.044 63.108C165.044 61.356 163.82 60.048 162.092 60.048ZM167.159 63.096C167.159 61.908 167.831 61.068 168.863 61.068C169.895 61.068 170.519 61.884 170.519 63.072C170.519 64.26 169.883 65.16 168.851 65.16C167.771 65.16 167.159 64.284 167.159 63.096ZM170.531 65.22C170.531 65.568 170.567 65.868 170.591 66H171.683C171.671 65.904 171.623 65.484 171.623 64.932V57.312H170.507V61.044C170.315 60.576 169.763 60.072 168.743 60.072C167.111 60.072 166.007 61.464 166.007 63.096C166.007 64.812 167.051 66.156 168.743 66.156C169.643 66.156 170.255 65.676 170.531 65.124V65.22ZM179.446 61.248V60.228H178.054V59.316C178.054 58.524 178.57 58.332 178.966 58.332C179.254 58.332 179.398 58.38 179.458 58.404V57.396C179.41 57.36 179.17 57.276 178.786 57.276C177.742 57.276 176.89 57.972 176.89 59.256V60.228H175.822V61.248H176.89V66H178.054V61.248H179.446ZM181.153 62.52C181.201 61.776 181.777 61.044 182.725 61.044C183.745 61.044 184.285 61.692 184.309 62.52H181.153ZM184.477 64.02C184.261 64.668 183.793 65.184 182.857 65.184C181.885 65.184 181.141 64.464 181.117 63.432H185.461C185.473 63.36 185.485 63.216 185.485 63.072C185.485 61.272 184.489 60.048 182.713 60.048C181.261 60.048 179.953 61.284 179.953 63.096C179.953 65.052 181.309 66.18 182.857 66.18C184.201 66.18 185.125 65.376 185.449 64.356L184.477 64.02ZM187.657 62.52C187.705 61.776 188.281 61.044 189.229 61.044C190.249 61.044 190.789 61.692 190.813 62.52H187.657ZM190.981 64.02C190.765 64.668 190.297 65.184 189.361 65.184C188.389 65.184 187.645 64.464 187.621 63.432H191.965C191.977 63.36 191.989 63.216 191.989 63.072C191.989 61.272 190.993 60.048 189.217 60.048C187.765 60.048 186.457 61.284 186.457 63.096C186.457 65.052 187.813 66.18 189.361 66.18C190.705 66.18 191.629 65.376 191.953 64.356L190.981 64.02ZM194.101 63.096C194.101 61.908 194.773 61.068 195.805 61.068C196.837 61.068 197.461 61.884 197.461 63.072C197.461 64.26 196.825 65.16 195.793 65.16C194.713 65.16 194.101 64.284 194.101 63.096ZM197.473 65.22C197.473 65.568 197.509 65.868 197.533 66H198.625C198.613 65.904 198.565 65.484 198.565 64.932V57.3Line truncated
+<circle cx="80.5" cy="130" r="19" fill="#A0A0A0"/>
+<rect x="89.5" y="136" width="13.5" height="13.5" rx="6.75" fill="#3FCF8E" stroke="#343434" stroke-width="4"/>
+<path d="M82.3702 136H84.5462L81.9862 131.328C83.5702 130.944 84.5462 129.712 84.5462 128.096C84.5462 126.176 83.1862 124.656 80.9942 124.656H76.6422V136H78.5782V131.52H79.9862L82.3702 136ZM78.5782 129.824V126.352H80.6422C81.8262 126.352 82.5942 127.04 82.5942 128.096C82.5942 129.136 81.8262 129.824 80.6422 129.824H78.5782Z" fill="#ECEDEE"/>
+<path d="M116.172 123H118.02L116.196 119.52C117.312 119.196 118.008 118.296 118.008 117.108C118.008 115.632 116.952 114.492 115.296 114.492H111.972V123H113.64V119.724H114.504L116.172 123ZM113.64 118.296V115.932H114.984C115.824 115.932 116.316 116.4 116.316 117.12C116.316 117.816 115.824 118.296 114.984 118.296H113.64ZM120.352 119.376C120.388 118.836 120.844 118.212 121.672 118.212C122.584 118.212 122.968 118.788 122.992 119.376H120.352ZM123.148 120.912C122.956 121.44 122.548 121.812 121.804 121.812C121.012 121.812 120.352 121.248 120.316 120.468H124.54C124.54 120.444 124.564 120.204 124.564 119.976C124.564 118.08 123.472 116.916 121.648 116.916C120.136 116.916 118.744 118.14 118.744 120.024C118.744 122.016 120.172 123.18 121.792 123.18C123.244 123.18 124.18 122.328 124.48 121.308L123.148 120.912ZM127.369 123V122.28C127.681 122.784 128.305 123.144 129.121 123.144C130.801 123.144 131.905 121.812 131.905 120.024C131.905 118.272 130.909 116.94 129.181 116.94C128.305 116.94 127.657 117.324 127.393 117.744V114.312H125.821V123H127.369ZM130.309 120.036C130.309 121.116 129.661 121.716 128.845 121.716C128.041 121.716 127.369 121.104 127.369 120.036C127.369 118.956 128.041 118.368 128.845 118.368C129.661 118.368 130.309 118.956 130.309 120.036ZM134.332 119.376C134.368 118.836 134.824 118.212 135.652 118.212C136.564 118.212 136.948 118.788 136.972 119.376H134.332ZM137.128 120.912C136.936 121.44 136.528 121.812 135.784 121.812C134.992 121.812 134.332 121.248 134.296 120.468H138.52C138.52 120.444 138.544 120.204 138.544 119.976C138.544 118.08 137.452 116.916 135.628 116.916C134.116 116.916 132.724 118.14 132.724 120.024C132.724 122.016 134.152 123.18 135.772 123.18C137.224 123.18 138.16 122.328 138.46 121.308L137.128 120.912ZM142.453 118.392C143.245 118.392 143.617 118.896 143.761 119.388L145.189 118.908C144.937 117.912 144.025 116.916 142.417 116.916C140.701 116.916 139.357 118.224 139.357 120.048C139.357 121.86 140.725 123.18 142.465 123.18C144.037 123.18 144.961 122.172 145.225 121.188L143.821 120.72C143.689 121.176 143.281 121.716 142.465 121.716C141.649 121.716 140.953 121.116 140.953 120.048C140.953 118.98 141.637 118.392 142.453 118.392ZM148.992 118.392C149.784 118.392 150.156 118.896 150.3 119.388L151.728 118.908C151.476 117.912 150.564 116.916 148.956 116.916C147.24 116.916 145.896 118.224 145.896 120.048C145.896 121.86 147.264 123.18 149.004 123.18C150.576 123.18 151.5 122.172 151.764 121.188L150.36 120.72C150.228 121.176 149.82 121.716 149.004 121.716C148.188 121.716 147.492 121.116 147.492 120.048C147.492 118.98 148.176 118.392 148.992 118.392ZM152.555 121.392C152.555 122.316 153.323 123.168 154.583 123.168C155.459 123.168 156.023 122.76 156.323 122.292C156.323 122.52 156.347 122.844 156.383 123H157.847C157.811 122.796 157.775 122.376 157.775 122.064V119.16C157.775 117.972 157.079 116.916 155.207 116.916C153.623 116.916 152.771 117.936 152.675 118.86L154.091 119.16C154.139 118.644 154.523 118.2 155.219 118.2C155.891 118.2 156.215 118.548 156.215 118.968C156.215 119.172 156.107 119.34 155.771 119.388L154.319 119.604C153.335 119.748 152.555 120.336 152.555 121.392ZM154.919 121.98C154.403 121.98 154.151 121.644 154.151 121.296C154.151 120.84 154.475 120.612 154.883 120.552L156.215 120.348V120.612C156.215 121.656 155.59 121.98 154.919 121.98Z" fill="#ECEDEE"/>
+<path d="M167.24 120.468C167.24 122.1 168.224 123.18 169.892 123.18C171.476 123.18 172.448 121.944 172.448 120.456V114.492H171.272V120.54C171.272 121.524 170.744 122.088 169.88 122.088C169.028 122.088 168.416 121.584 168.416 120.456V119.652L167.24 119.916V120.468ZM178.174 122.304C178.174 122.544 178.198 122.868 178.222 123H179.302C179.278 122.796 179.242 122.388 179.242 121.932V117.228H178.114V120.708C178.114 121.584 177.658 122.184 176.746 122.184C175.798 122.184 175.438 121.488 175.438 120.696V117.228H174.31V120.864C174.31 122.172 175.126 123.18 176.47 123.18C177.142 123.18 177.862 122.904 178.174 122.304ZM180.627 121.5C180.723 122.16 181.395 123.18 182.979 123.18C184.407 123.18 185.091 122.208 185.091 121.392C185.091 120.54 184.539 119.904 183.495 119.676L182.559 119.472C182.115 119.376 181.899 119.124 181.899 118.776C181.899 118.38 182.283 118.008 182.859 118.008C183.771 118.008 184.011 118.668 184.059 118.968L185.055 118.596C184.935 118.08 184.443 117.048 182.859 117.048C181.731 117.048 180.807 117.888 180.807 118.872C180.807 119.688 181.347 120.3 182.247 120.492L183.231 120.708C183.711 120.816 183.975 121.092 183.975 121.452C183.975 121.86 183.627 122.22 182.991 122.22C182.175 122.22 181.719 121.74 181.647 121.14L180.627 121.5ZM188.105 115.404H187.073V116.34C187.073 116.844 186.809 117.228 186.185 117.228H185.873V118.248H186.977V121.416C186.977 122.46 187.601 123.06 188.585 123.06C188.969 123.06 189.257 122.988 189.353 122.952V121.992C189.257 122.016 189.053 122.04 188.909 122.04C188.321 122.04 188.105 121.776 188.105 121.248V118.248H189.353V117.228H188.105V115.404ZM194.986 119.664C194.986 118.788 195.442 118.08 196.33 118.08C197.338 118.08 197.674 118.728 197.674 119.532V123H198.802V119.34C198.802 118.056 198.118 117.06 196.738 117.06C196.066 117.06 195.382 117.336 194.962 118.056V117.228H193.858V123H194.986V119.664ZM203.069 122.172C202.109 122.172 201.269 121.452 201.269 120.108C201.269 118.776 202.109 118.056 203.069 118.056C204.029 118.056 204.869 118.776 204.869 120.108C204.869 121.452 204.029 122.172 203.069 122.172ZM203.069 117.048C201.341 117.048 200.117 118.356 200.117 120.108C200.117 121.872 201.341 123.18 203.069 123.18C204.797 123.18 206.021 121.872 206.021 120.108C206.021 118.356 204.797 117.048 203.069 117.048ZM210.599 117.228L209.099 121.572L207.803 117.228H206.567L208.463 123H209.651L211.151 118.608L212.687 123H213.851L215.723 117.228H214.535L213.263 121.572L211.763 117.228H210.599Z" fill="#A0A0A0"/>
+<path d="M117.972 142H119.244L115.86 133.492H114.504L111.12 142H112.38L113.28 139.624H117.048L117.972 142ZM115.152 134.716L116.628 138.532H113.7L115.152 134.716ZM119.79 142.312C119.934 143.548 121.014 144.46 122.454 144.46C124.626 144.46 125.346 143.032 125.346 141.568V136.228H124.23V137.032C123.942 136.456 123.342 136.12 122.454 136.12C120.87 136.12 119.802 137.368 119.802 138.928C119.802 140.56 120.918 141.724 122.454 141.724C123.318 141.724 123.942 141.304 124.218 140.776V141.604C124.218 142.852 123.666 143.476 122.454 143.476C121.578 143.476 120.966 142.864 120.882 142.06L119.79 142.312ZM122.622 140.776C121.602 140.776 120.954 140.056 120.954 138.928C120.954 137.812 121.626 137.08 122.622 137.08C123.594 137.08 124.266 137.812 124.266 138.928C124.266 140.044 123.594 140.776 122.622 140.776ZM130.352 136.168C130.292 136.156 130.136 136.132 129.98 136.132C129.392 136.132 128.672 136.348 128.252 137.236V136.228H127.148V142H128.276V139.108C128.276 137.836 128.912 137.332 129.86 137.332C130.016 137.332 130.184 137.344 130.352 137.368V136.168ZM132.227 138.52C132.275 137.776 132.851 137.044 133.799 137.044C134.819 137.044 135.359 137.692 135.383 138.52H132.227ZM135.551 140.02C135.335 140.668 134.867 141.184 133.931 141.184C132.959 141.184 132.215 140.464 132.191 139.432H136.535C136.547 139.36 136.559 139.216 136.559 139.072C136.559 137.272 135.563 136.048 133.787 136.048C132.335 136.048 131.027 137.284 131.027 139.096C131.027 141.052 132.383 142.18 133.931 142.18C135.275 142.18 136.199 141.376 136.523 140.356L135.551 140.02ZM138.731 138.52C138.779 137.776 139.355 137.044 140.303 137.044C141.323 137.044 141.863 137.692 141.887 138.52H138.731ZM142.055 140.02C141.839 140.668 141.371 141.184 140.435 141.184C139.463 141.184 138.719 140.464 138.695 139.432H143.039C143.051 139.36 143.063 139.216 143.063 139.072C143.063 137.272 142.067 136.048 140.291 136.048C138.839 136.048 137.531 137.284 137.531 139.096C137.531 141.052 138.887 142.18 140.435 142.18C141.779 142.18 142.703 141.376 143.027 140.356L142.055 140.02ZM145.175 139.096C145.175 137.908 145.847 137.068 146.879 137.068C147.911 137.068 148.535 137.884 148.535 139.072C148.535 140.26 147.899 141.16 146.867 141.16C145.787 141.16 145.175 140.284 145.175 139.096ZM148.547 141.22C148.547 141.568 148.583 141.868 148.607 142H149.699C149.687 141.904 149.639 141.484 149.639 140.932V133.312H148.523V137.044C148.331 136.576 147.779 136.072 146.759 136.072C145.127 136.072 144.023 137.464 144.023 139.096C144.023 140.812 145.067 142.156 146.759 142.156C147.659 142.156 148.271 141.676 148.547 141.124V141.22ZM151.438 141.232C151.438 141.748 151.798 142.048 152.242 142.048C152.374 142.048 152.47 142.012 152.506 141.988C152.494 142.564 152.098 143.152 151.51 143.284V143.908C152.254 143.812 153.286 143.152 153.286 141.568C153.286 140.812 152.83 140.428 152.314 140.428C151.81 140.428 151.438 140.8 151.438 141.232ZM159.213 138.664C159.213 137.788 159.669 137.08 160.557 137.08C161.565 137.08 161.901 137.728 161.901 138.532V142H163.029V138.34C163.029 137.056 162.345 136.06 160.965 136.06C160.293 136.06 159.609 136.336 159.189 137.056V136.228H158.085V142H159.213V138.664ZM167.295 141.172C166.335 141.172 165.495 140.452 165.495 139.108C165.495 137.776 166.335 137.056 167.295 137.056C168.255 137.056 169.095 137.776 169.095 139.108C169.095 140.452 168.255 141.172 167.295 141.172ZM167.295 136.048C165.567 136.048 164.343 137.356 164.343 139.108C164.343 140.872 165.567 142.18 167.295 142.18C169.023 142.18 170.247 140.872 170.247 139.108C170.247 137.356 169.023 136.048 167.295 136.048ZM175.806 144.28V141.22C176.118 141.736 176.79 142.156 177.678 142.156C179.37 142.156 180.366 140.824 180.366 139.108C180.366 137.428 179.442 136.096 177.714 136.096C176.778 136.096 176.094 136.552 175.782 137.128V136.228H174.69V144.28H175.806ZM179.214 139.108C179.214 140.296 178.554 141.148 177.51 141.148C176.478 141.148 175.794 140.296 175.794 139.108C175.794 137.956 176.478 137.092 177.51 137.092C178.566 137.092 179.214 137.956 179.214 139.108ZM185.008 136.168C184.948 136.156 184.792 136.132 184.636 136.132C184.048 136.132 183.328 136.348 182.908 137.236V136.228H181.804V142H182.932V139.108C182.932 137.836 183.568 137.332 184.516 137.332C184.672 137.332 184.84 137.344 185.008 137.368V136.168ZM188.623 141.172C187.663 141.172 186.823 140.452 186.823 139.108C186.823 137.776 187.663 137.056 188.623 137.056C189.583 137.056 190.423 137.776 190.423 139.108C190.423 140.452 189.583 141.172 188.623 141.172ZM188.623 136.048C186.895 136.048 185.671 137.356 185.671 139.108C185.671 140.872 186.895 142.18 188.623 142.18C190.351 142.18 191.575 140.872 191.575 139.108C191.575 137.356 190.351 136.048 188.623 136.048ZM194.135 142V141.16C194.495 141.784 195.155 142.156 196.007 142.156C197.723 142.156 198.695 140.8 198.695 139.084C198.695 137.404 197.795 136.06 196.043 136.06C195.083 136.06 194.411 136.528 194.135 137.044V133.312H193.019V142H194.135ZM197.543 139.084C197.543 140.332 196.871 141.148 195.839 141.148C194.843 141.148 194.123Line truncated
+<rect x="62" y="161.5" width="239" height="32" rx="4.5" fill="#282828" stroke="#3E3E3E"/>
+<path d="M85.004 175.424C84.812 174.5 84.044 173.312 82.124 173.312C80.552 173.312 79.316 174.512 79.316 175.844C79.316 177.116 80.18 177.908 81.392 178.172L82.604 178.436C83.456 178.616 83.876 179.144 83.876 179.756C83.876 180.5 83.3 181.112 82.124 181.112C80.84 181.112 80.168 180.236 80.084 179.288L78.956 179.648C79.112 180.86 80.084 182.18 82.136 182.18C83.948 182.18 85.076 180.98 85.076 179.66C85.076 178.472 84.284 177.584 82.868 177.272L81.596 176.996C80.876 176.84 80.504 176.372 80.504 175.76C80.504 174.968 81.188 174.344 82.148 174.344C83.336 174.344 83.852 175.184 83.948 175.796L85.004 175.424ZM87.1881 178.52C87.2361 177.776 87.8121 177.044 88.7601 177.044C89.7801 177.044 90.3201 177.692 90.3441 178.52H87.1881ZM90.5121 180.02C90.2961 180.668 89.8281 181.184 88.8921 181.184C87.9201 181.184 87.1761 180.464 87.1521 179.432H91.4961C91.5081 179.36 91.5201 179.216 91.5201 179.072C91.5201 177.272 90.5241 176.048 88.7481 176.048C87.2961 176.048 85.9881 177.284 85.9881 179.096C85.9881 181.052 87.3441 182.18 88.8921 182.18C90.2361 182.18 91.1601 181.376 91.4841 180.356L90.5121 180.02ZM94.088 178.664C94.088 177.788 94.544 177.08 95.432 177.08C96.44 177.08 96.776 177.728 96.776 178.532V182H97.904V178.34C97.904 177.056 97.22 176.06 95.84 176.06C95.168 176.06 94.484 176.336 94.064 177.056V176.228H92.96V182H94.088V178.664ZM100.37 179.096C100.37 177.908 101.042 177.068 102.074 177.068C103.106 177.068 103.73 177.884 103.73 179.072C103.73 180.26 103.094 181.16 102.062 181.16C100.982 181.16 100.37 180.284 100.37 179.096ZM103.742 181.22C103.742 181.568 103.778 181.868 103.802 182H104.894C104.882 181.904 104.834 181.484 104.834 180.932V173.312H103.718V177.044C103.526 176.576 102.974 176.072 101.954 176.072C100.322 176.072 99.2183 177.464 99.2183 179.096C99.2183 180.812 100.262 182.156 101.954 182.156C102.854 182.156 103.466 181.676 103.742 181.124V181.22ZM109.393 180.452C109.393 181.364 110.149 182.18 111.325 182.18C112.357 182.18 112.933 181.628 113.185 181.22C113.185 181.64 113.221 181.856 113.245 182H114.349C114.325 181.856 114.277 181.556 114.277 181.052V178.16C114.277 177.032 113.605 176.048 111.877 176.048C110.629 176.048 109.633 176.816 109.513 177.92L110.593 178.172C110.665 177.5 111.109 177.008 111.901 177.008C112.777 177.008 113.149 177.476 113.149 178.04C113.149 178.244 113.053 178.424 112.705 178.472L111.145 178.7C110.149 178.844 109.393 179.42 109.393 180.452ZM111.481 181.232C110.905 181.232 110.545 180.824 110.545 180.392C110.545 179.876 110.905 179.6 111.385 179.528L113.149 179.264V179.528C113.149 180.788 112.405 181.232 111.481 181.232ZM120.15 182V178.52C120.15 177.656 120.69 177.056 121.494 177.056C122.358 177.056 122.718 177.632 122.718 178.376V182H123.846V178.508C123.846 177.68 124.386 177.056 125.178 177.056C126.03 177.056 126.402 177.62 126.402 178.376V182H127.518V178.256C127.518 176.744 126.534 176.06 125.526 176.06C124.794 176.06 124.05 176.324 123.594 177.152C123.282 176.408 122.586 176.06 121.866 176.06C121.194 176.06 120.474 176.36 120.114 176.996V176.228H119.034V182H120.15ZM130.055 178.52C130.103 177.776 130.679 177.044 131.627 177.044C132.647 177.044 133.187 177.692 133.211 178.52H130.055ZM133.379 180.02C133.163 180.668 132.695 181.184 131.759 181.184C130.787 181.184 130.043 180.464 130.019 179.432H134.363C134.375 179.36 134.387 179.216 134.387 179.072C134.387 177.272 133.391 176.048 131.615 176.048C130.163 176.048 128.855 177.284 128.855 179.096C128.855 181.052 130.211 182.18 131.759 182.18C133.103 182.18 134.027 181.376 134.351 180.356L133.379 180.02ZM135.287 180.5C135.383 181.16 136.055 182.18 137.639 182.18C139.067 182.18 139.751 181.208 139.751 180.392C139.751 179.54 139.199 178.904 138.155 178.676L137.219 178.472C136.775 178.376 136.559 178.124 136.559 177.776C136.559 177.38 136.943 177.008 137.519 177.008C138.431 177.008 138.671 177.668 138.719 177.968L139.715 177.596C139.595 177.08 139.103 176.048 137.519 176.048C136.391 176.048 135.467 176.888 135.467 177.872C135.467 178.688 136.007 179.3 136.907 179.492L137.891 179.708C138.371 179.816 138.635 180.092 138.635 180.452C138.635 180.86 138.287 181.22 137.651 181.22C136.835 181.22 136.379 180.74 136.307 180.14L135.287 180.5ZM140.713 180.5C140.809 181.16 141.481 182.18 143.065 182.18C144.493 182.18 145.177 181.208 145.177 180.392C145.177 179.54 144.625 178.904 143.581 178.676L142.645 178.472C142.201 178.376 141.985 178.124 141.985 177.776C141.985 177.38 142.369 177.008 142.945 177.008C143.857 177.008 144.097 177.668 144.145 177.968L145.141 177.596C145.021 177.08 144.529 176.048 142.945 176.048C141.817 176.048 140.893 176.888 140.893 177.872C140.893 178.688 141.433 179.3 142.333 179.492L143.317 179.708C143.797 179.816 144.061 180.092 144.061 180.452C144.061 180.86 143.713 181.22 143.077 181.22C142.261 181.22 141.805 180.74 141.733 180.14L140.713 180.5ZM146.202 180.452C146.202 181.364 146.958 182.18 148.134 182.18C149.166 182.18 149.742 181.628 149.994 181.22C149.994 181.64 150.03 181.856 150.054 182H151.158C151.134 181.856 151.086 181.556 Line truncated
+</g>
+<defs>
+<clipPath id="clip0_931_17663">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/dark/leaderboard.svg

@@ -0,0 +1,34 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17709)">
+<rect x="45" y="19.5" width="270" height="35" rx="3.5" fill="#343434" stroke="#3E3E3E"/>
+<rect x="84.5" y="35" width="158" height="5" rx="2.5" fill="#3E3E3E"/>
+<circle cx="64.5" cy="37" r="11" fill="#232323"/>
+<path d="M263.954 40.7148C264.351 40.9876 265.195 41.186 265.815 41.186C268.518 41.186 269.833 39.425 269.833 36.4733C269.833 33.9061 268.283 32.7775 266.708 32.7775C265.133 32.7775 263.744 33.8937 263.744 35.5556C263.744 37.329 265.133 38.2716 266.522 38.2716C267.613 38.2716 268.32 37.7755 268.605 37.2422C268.555 38.8173 267.762 40.0947 265.815 40.0947C265.294 40.0947 264.698 39.921 264.351 39.7102L263.954 40.7148ZM268.444 35.5308C268.444 36.5973 267.601 37.2298 266.708 37.2298C265.79 37.2298 264.971 36.6221 264.971 35.5308C264.971 34.4766 265.815 33.8441 266.708 33.8441C267.588 33.8441 268.444 34.489 268.444 35.5308ZM272.216 36.9818C272.216 35.754 272.439 34.8859 272.923 34.3774C273.233 34.0549 273.63 33.8565 274.2 33.8565C274.771 33.8565 275.168 34.0549 275.478 34.3774C275.962 34.8859 276.185 35.754 276.185 36.9818C276.185 38.2096 275.962 39.0777 275.478 39.5862C275.168 39.9086 274.771 40.1071 274.2 40.1071C273.63 40.1071 273.233 39.9086 272.923 39.5862C272.439 39.0777 272.216 38.2096 272.216 36.9818ZM271.013 36.9818C271.013 38.0856 271.199 39.1025 271.733 39.8962C272.253 40.6776 273.06 41.186 274.2 41.186C275.341 41.186 276.148 40.6776 276.668 39.8962C277.202 39.1025 277.388 38.0856 277.388 36.9818C277.388 35.878 277.202 34.8611 276.668 34.0673C276.148 33.286 275.341 32.7775 274.2 32.7775C273.06 32.7775 272.253 33.286 271.733 34.0673C271.199 34.8611 271.013 35.878 271.013 36.9818ZM282.897 32.207H281.768L277.515 41H278.643L282.897 32.207ZM286.34 41V32.9636H285.273C285.087 33.8317 284.318 34.4518 283.202 34.4766V35.3323H285.149V41H286.34ZM289.148 36.9818C289.148 35.754 289.371 34.8859 289.855 34.3774C290.165 34.0549 290.562 33.8565 291.132 33.8565C291.702 33.8565 292.099 34.0549 292.409 34.3774C292.893 34.8859 293.116 35.754 293.116 36.9818C293.116 38.2096 292.893 39.0777 292.409 39.5862C292.099 39.9086 291.702 40.1071 291.132 40.1071C290.562 40.1071 290.165 39.9086 289.855 39.5862C289.371 39.0777 289.148 38.2096 289.148 36.9818ZM287.945 36.9818C287.945 38.0856 288.131 39.1025 288.664 39.8962C289.185 40.6776 289.991 41.186 291.132 41.186C292.273 41.186 293.079 40.6776 293.6 39.8962C294.133 39.1025 294.319 38.0856 294.319 36.9818C294.319 35.878 294.133 34.8611 293.6 34.0673C293.079 33.286 292.273 32.7775 291.132 32.7775C289.991 32.7775 289.185 33.286 288.664 34.0673C288.131 34.8611 287.945 35.878 287.945 36.9818ZM296.705 36.9818C296.705 35.754 296.928 34.8859 297.412 34.3774C297.722 34.0549 298.119 33.8565 298.689 33.8565C299.26 33.8565 299.657 34.0549 299.967 34.3774C300.45 34.8859 300.674 35.754 300.674 36.9818C300.674 38.2096 300.45 39.0777 299.967 39.5862C299.657 39.9086 299.26 40.1071 298.689 40.1071C298.119 40.1071 297.722 39.9086 297.412 39.5862C296.928 39.0777 296.705 38.2096 296.705 36.9818ZM295.502 36.9818C295.502 38.0856 295.688 39.1025 296.221 39.8962C296.742 40.6776 297.548 41.186 298.689 41.186C299.83 41.186 300.637 40.6776 301.157 39.8962C301.691 39.1025 301.877 38.0856 301.877 36.9818C301.877 35.878 301.691 34.8611 301.157 34.0673C300.637 33.286 299.83 32.7775 298.689 32.7775C297.548 32.7775 296.742 33.286 296.221 34.0673C295.688 34.8611 295.502 35.878 295.502 36.9818Z" fill="#ECEDEE"/>
+<rect x="45" y="59.5" width="270" height="35" rx="3.5" fill="#343434" stroke="#3E3E3E"/>
+<rect x="84.5" y="75" width="158" height="5" rx="2.5" fill="#3E3E3E"/>
+<circle cx="64.5" cy="77" r="11" fill="#232323"/>
+<path d="M271.077 72.9636H265.211V74.0797H269.738C269.738 74.0797 266.786 76.3245 266.426 81H267.679C268.063 76.7461 270.333 74.7246 271.077 74.1293V72.9636ZM271.396 78.8173C271.508 80.0823 272.661 81.1984 274.373 81.1984C276.159 81.1984 277.325 79.9706 277.325 78.4576C277.325 76.7958 276.171 75.7912 274.596 75.7912C273.964 75.7912 273.319 75.9896 272.959 76.3865L273.554 74.0797H276.99V72.9636H272.748L271.706 76.957C272.116 77.1058 272.475 77.267 272.897 77.4282C273.244 77.0686 273.79 76.8454 274.36 76.8454C275.291 76.8454 276.097 77.4034 276.097 78.5072C276.097 79.4994 275.328 80.1319 274.373 80.1319C273.368 80.1319 272.637 79.4622 272.562 78.47L271.396 78.8173ZM282.897 72.207H281.768L277.515 81H278.643L282.897 72.207ZM286.34 81V72.9636H285.273C285.087 73.8317 284.318 74.4518 283.202 74.4766V75.3323H285.149V81H286.34ZM289.148 76.9818C289.148 75.754 289.371 74.8859 289.855 74.3774C290.165 74.0549 290.562 73.8565 291.132 73.8565C291.702 73.8565 292.099 74.0549 292.409 74.3774C292.893 74.8859 293.116 75.754 293.116 76.9818C293.116 78.2096 292.893 79.0777 292.409 79.5862C292.099 79.9086 291.702 80.1071 291.132 80.1071C290.562 80.1071 290.165 79.9086 289.855 79.5862C289.371 79.0777 289.148 78.2096 289.148 76.9818ZM287.945 76.9818C287.945 78.0856 288.131 79.1025 288.664 79.8962C289.185 80.6776 289.991 81.186 291.132 81.186C292.273 81.186 293.079 80.6776 293.6 79.8962C294.133 79.1025 294.319 78.0856 294.319 76.9818C294.319 75.878 294.133 74.8611 293.6 74.0673C293.079 73.286 292.273 72.7775 291.132 72.7775C289.991 72.7775 289.185 73.286 288.664 74.0673C288.131 74.8611 287.945 75.878 287.945 76.9818ZM296.705 76.9818C296.705 75.754 296.928 74.8859 297.412 74.3774C297.722 74.0549 298.119 73.8565 298.689 73.8565C299.26 73.8565 299.657 74.0549 299.967 74.3774C300.45 74.8859 300.674 75.754 300.674 76.9818C300.674 78.2096 300.45 79.0777 299.967 79.5862C299.657 79.9086 299.26 80.1071 298.689 80.1071C298.119 80.1071 297.722 79.9086 297.412 79.5862C296.928 79.0777 296.705 78.2096 296.705 76.9818ZM295.502 76.9818C295.502 78.0856 295.688 79.1025 296.221 79.8962C296.742 80.6776 297.548 81.186 298.689 81.186C299.83 81.186 300.637 80.6776 301.157 79.8962C301.691 79.1025 301.877 78.0856 301.877 76.9818C301.877 75.878 301.691 74.8611 301.157 74.0673C300.637 73.286 299.83 72.7775 298.689 72.7775C297.548 72.7775 296.742 73.286 296.221 74.0673C295.688 74.8611 295.502 75.878 295.502 76.9818Z" fill="#ECEDEE"/>
+<rect x="45" y="99.5" width="270" height="35" rx="3.5" fill="#343434" stroke="#3E3E3E"/>
+<rect x="84.5" y="115" width="158" height="5" rx="2.5" fill="#3E3E3E"/>
+<circle cx="64.5" cy="117" r="11" fill="#232323"/>
+<path d="M269.71 113.224C269.338 112.964 268.705 112.778 267.974 112.778C265.63 112.778 263.832 114.477 263.832 117.465C263.832 120.119 265.431 121.186 266.969 121.186C268.544 121.186 269.946 120.169 269.946 118.445C269.946 116.697 268.78 115.704 267.192 115.704C266.126 115.704 265.394 116.213 265.072 116.746C265.171 115.097 266.225 113.869 267.899 113.869C268.507 113.869 269.04 114.043 269.338 114.216L269.71 113.224ZM265.245 118.445C265.245 117.366 266.051 116.746 266.982 116.746C267.912 116.746 268.718 117.366 268.718 118.445C268.718 119.512 267.924 120.132 266.982 120.132C266.101 120.132 265.245 119.499 265.245 118.445ZM272.216 116.982C272.216 115.754 272.439 114.886 272.923 114.377C273.233 114.055 273.63 113.856 274.2 113.856C274.771 113.856 275.168 114.055 275.478 114.377C275.962 114.886 276.185 115.754 276.185 116.982C276.185 118.21 275.962 119.078 275.478 119.586C275.168 119.909 274.771 120.107 274.2 120.107C273.63 120.107 273.233 119.909 272.923 119.586C272.439 119.078 272.216 118.21 272.216 116.982ZM271.013 116.982C271.013 118.086 271.199 119.103 271.733 119.896C272.253 120.678 273.06 121.186 274.2 121.186C275.341 121.186 276.148 120.678 276.668 119.896C277.202 119.103 277.388 118.086 277.388 116.982C277.388 115.878 277.202 114.861 276.668 114.067C276.148 113.286 275.341 112.778 274.2 112.778C273.06 112.778 272.253 113.286 271.733 114.067C271.199 114.861 271.013 115.878 271.013 116.982ZM282.897 112.207H281.768L277.515 121H278.643L282.897 112.207ZM286.34 121V112.964H285.273C285.087 113.832 284.318 114.452 283.202 114.477V115.332H285.149V121H286.34ZM289.148 116.982C289.148 115.754 289.371 114.886 289.855 114.377C290.165 114.055 290.562 113.856 291.132 113.856C291.702 113.856 292.099 114.055 292.409 114.377C292.893 114.886 293.116 115.754 293.116 116.982C293.116 118.21 292.893 119.078 292.409 119.586C292.099 119.909 291.702 120.107 291.132 120.107C290.562 120.107 290.165 119.909 289.855 119.586C289.371 119.078 289.148 118.21 289.148 116.982ZM287.945 116.982C287.945 118.086 288.131 119.103 288.664 119.896C289.185 120.678 289.991 121.186 291.132 121.186C292.273 121.186 293.079 120.678 293.6 119.896C294.133 119.103 294.319 118.086 294.319 116.982C294.319 115.878 294.133 114.861 293.6 114.067C293.079 113.286 292.273 112.778 291.132 112.778C289.991 112.778 289.185 113.286 288.664 114.067C288.131 114.861 287.945 115.878 287.945 116.982ZM296.705 116.982C296.705 115.754 296.928 114.886 297.412 114.377C297.722 114.055 298.119 113.856 298.689 113.856C299.26 113.856 299.657 114.055 299.967 114.377C300.45 114.886 300.674 115.754 300.674 116.982C300.674 118.21 300.45 119.078 299.967 119.586C299.657 119.909 299.26 120.107 298.689 120.107C298.119 120.107 297.722 119.909 297.412 119.586C296.928 119.078 296.705 118.21 296.705 116.982ZM295.502 116.982C295.502 118.086 295.688 119.103 296.221 119.896C296.742 120.678 297.548 121.186 298.689 121.186C299.83 121.186 300.637 120.678 301.157 119.896C301.691 119.103 301.877 118.086 301.877 116.982C301.877 115.878 301.691 114.861 301.157 114.067C300.637 113.286 299.83 112.778 298.689 112.778C297.548 112.778 296.742 113.286 296.221 114.067C295.688 114.861 295.502 115.878 295.502 116.982Z" fill="#ECEDEE"/>
+<rect x="45" y="139.5" width="270" height="35" rx="3.5" fill="#343434" stroke="#3E3E3E"/>
+<rect x="84.5" y="155" width="158" height="5" rx="2.5" fill="#3E3E3E"/>
+<circle cx="64.5" cy="157" r="11" fill="#232323"/>
+<path d="M264.602 158.817C264.714 160.082 265.867 161.198 267.578 161.198C269.364 161.198 270.53 159.971 270.53 158.458C270.53 156.796 269.377 155.791 267.802 155.791C267.169 155.791 266.524 155.99 266.165 156.386L266.76 154.08H270.195V152.964H265.954L264.912 156.957C265.321 157.106 265.681 157.267 266.103 157.428C266.45 157.069 266.996 156.845 267.566 156.845C268.496 156.845 269.302 157.403 269.302 158.507C269.302 159.499 268.533 160.132 267.578 160.132C266.574 160.132 265.842 159.462 265.768 158.47L264.602 158.817ZM271.396 158.817C271.508 160.082 272.661 161.198 274.373 161.198C276.159 161.198 277.325 159.971 277.325 158.458C277.325 156.796 276.171 155.791 274.596 155.791C273.964 155.791 273.319 155.99 272.959 156.386L273.554 154.08H276.99V152.964H272.748L271.706 156.957C272.116 157.106 272.475 157.267 272.897 157.428C273.244 157.069 273.79 156.845 274.36 156.845C275.291 156.845 276.097 157.403 276.097 158.507C276.097 159.499 275.328 160.132 274.373 160.132C273.368 160.132 272.637 159.462 272.562 158.47L271.396 158.817ZM282.897 152.207H281.768L277.515 161H278.643L282.897 152.207ZM286.34 161V152.964H285.273C285.087 153.832 284.318 154.452 283.202 154.477V155.332H285.149V161H286.34ZM289.148 156.982C289.148 155.754 289.371 154.886 289.855 154.377C290.165 154.055 290.562 153.856 291.132 153.856C291.702 153.856 292.099 154.055 292.409 154.377C292.893 154.886 293.116 155.754 293.116 156.982C293.116 158.21 292.893 159.078 292.409 159.586C292.099 159.909 291.702 160.107 291.132 160.107C290.562 160.107 290.165 159.909 289.855 159.586C289.371 159.078 289.148 158.21 289.148 156.982ZM287.945 156.982C287.945 158.086 288.131 159.103 288.664 159.896C289.185 160.678 289.991 161.186 291.132 161.186C292.273 161.186 293.079 160.678 293.6 159.896C294.133 159.103 294.319 158.086 294.319 156.982C294.319 155.878 294.133 154.861 293.6 154.067C293.079 153.286 292.273 152.778 291.132 152.778C289.991 152.778 289.185 153.286 288.664 154.067C288.131 154.861 287.945 155.878 287.945 156.982ZM296.705 156.982C296.705 155.754 296.928 154.886 297.412 154.377C297.722 154.055 298.119 153.856 298.689 153.856C299.26 153.856 299.657 154.055 299.967 154.377C300.45 154.886 300.674 155.754 300.674 156.982C300.674 158.21 300.45 159.078 299.967 159.586C299.657 159.909 299.26 160.107 298.689 160.107C298.119 160.107 297.722 159.909 297.412 159.586C296.928 159.078 296.705 158.21 296.705 156.982ZM295.502 156.982C295.502 158.086 295.688 159.103 296.221 159.896C296.742 160.678 297.548 161.186 298.689 161.186C299.83 161.186 300.637 160.678 301.157 159.896C301.691 159.103 301.877 158.086 301.877 156.982C301.877 155.878 301.691 154.861 301.157 154.067C300.637 153.286 299.83 152.778 298.689 152.778C297.548 152.778 296.742 153.286 296.221 154.067C295.688 154.861 295.502 155.878 295.502 156.982Z" fill="#ECEDEE"/>
+<rect x="45" y="179.5" width="270" height="35" rx="3.5" fill="#343434" stroke="#3E3E3E"/>
+<rect x="84.5" y="195" width="158" height="5" rx="2.5" fill="#3E3E3E"/>
+<circle cx="64.5" cy="197" r="11" fill="#232323"/>
+<path d="M265.577 195.853C265.565 195.729 265.553 195.605 265.553 195.494C265.553 194.576 266.049 193.844 267.103 193.844C268.12 193.844 268.616 194.526 268.616 195.258C268.616 195.878 268.269 196.448 267.512 196.932L266.173 197.8C264.809 198.681 264.288 199.685 264.263 201H269.893V199.871H265.764C265.875 199.375 266.284 199.04 266.743 198.743L268.331 197.726C269.248 197.143 269.844 196.3 269.844 195.246C269.844 193.906 268.852 192.778 267.128 192.778C265.367 192.778 264.35 194.005 264.35 195.382C264.35 195.481 264.35 195.593 264.362 195.704L265.577 195.853ZM272.216 196.982C272.216 195.754 272.439 194.886 272.923 194.377C273.233 194.055 273.63 193.856 274.2 193.856C274.771 193.856 275.168 194.055 275.478 194.377C275.962 194.886 276.185 195.754 276.185 196.982C276.185 198.21 275.962 199.078 275.478 199.586C275.168 199.909 274.771 200.107 274.2 200.107C273.63 200.107 273.233 199.909 272.923 199.586C272.439 199.078 272.216 198.21 272.216 196.982ZM271.013 196.982C271.013 198.086 271.199 199.103 271.733 199.896C272.253 200.678 273.06 201.186 274.2 201.186C275.341 201.186 276.148 200.678 276.668 199.896C277.202 199.103 277.388 198.086 277.388 196.982C277.388 195.878 277.202 194.861 276.668 194.067C276.148 193.286 275.341 192.778 274.2 192.778C273.06 192.778 272.253 193.286 271.733 194.067C271.199 194.861 271.013 195.878 271.013 196.982ZM282.897 192.207H281.768L277.515 201H278.643L282.897 192.207ZM286.34 201V192.964H285.273C285.087 193.832 284.318 194.452 283.202 194.477V195.332H285.149V201H286.34ZM289.148 196.982C289.148 195.754 289.371 194.886 289.855 194.377C290.165 194.055 290.562 193.856 291.132 193.856C291.702 193.856 292.099 194.055 292.409 194.377C292.893 194.886 293.116 195.754 293.116 196.982C293.116 198.21 292.893 199.078 292.409 199.586C292.099 199.909 291.702 200.107 291.132 200.107C290.562 200.107 290.165 199.909 289.855 199.586C289.371 199.078 289.148 198.21 289.148 196.982ZM287.945 196.982C287.945 198.086 288.131 199.103 288.664 199.896C289.185 200.678 289.991 201.186 291.132 201.186C292.273 201.186 293.079 200.678 293.6 199.896C294.133 199.103 294.319 198.086 294.319 196.982C294.319 195.878 294.133 194.861 293.6 194.067C293.079 193.286 292.273 192.778 291.132 192.778C289.991 192.778 289.185 193.286 288.664 194.067C288.131 194.861 287.945 195.878 287.945 196.982ZM296.705 196.982C296.705 195.754 296.928 194.886 297.412 194.377C297.722 194.055 298.119 193.856 298.689 193.856C299.26 193.856 299.657 194.055 299.967 194.377C300.45 194.886 300.674 195.754 300.674 196.982C300.674 198.21 300.45 199.078 299.967 199.586C299.657 199.909 299.26 200.107 298.689 200.107C298.119 200.107 297.722 199.909 297.412 199.586C296.928 199.078 296.705 198.21 296.705 196.982ZM295.502 196.982C295.502 198.086 295.688 199.103 296.221 199.896C296.742 200.678 297.548 201.186 298.689 201.186C299.83 201.186 300.637 200.678 301.157 199.896C301.691 199.103 301.877 198.086 301.877 196.982C301.877 195.878 301.691 194.861 301.157 194.067C300.637 193.286 299.83 192.778 298.689 192.778C297.548 192.778 296.742 193.286 296.221 194.067C295.688 194.861 295.502 195.878 295.502 196.982Z" fill="#ECEDEE"/>
+<rect x="84.5" y="35" width="140" height="5" rx="2.5" fill="#3FCF8E"/>
+<rect x="84.5" y="75" width="121" height="5" rx="2.5" fill="#3FCF8E"/>
+<rect x="84.5" y="115" width="109" height="5" rx="2.5" fill="#3FCF8E"/>
+<rect x="84.5" y="155" width="91" height="5" rx="2.5" fill="#3FCF8E"/>
+<rect x="84.5" y="195" width="39" height="5" rx="2.5" fill="#3FCF8E"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17709">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/dark/live-avatars.svg

@@ -0,0 +1,22 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1125_17886" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="87" y="38" width="60" height="60">
+<rect x="87.9635" y="38.4635" width="58.4057" height="58.4057" rx="29.2028" fill="#D9D9D9" stroke="#232323" stroke-width="0.927074"/>
+</mask>
+<g mask="url(#mask0_1125_17886)">
+<rect x="76.8385" y="27.3385" width="80.6555" height="112.176" fill="#A0A0A0" stroke="#3FCF8E" stroke-width="0.927074"/>
+<path d="M102.855 70.1654C102.855 72.6331 104.488 74.2664 106.974 74.2664C109.424 74.2664 111.075 72.3846 111.075 70.1121V61.4129H108.625V70.1121C108.625 71.2128 107.986 71.9407 106.956 71.9407C105.962 71.9407 105.234 71.3549 105.216 70.0589V68.9049L102.855 69.331V70.1654ZM125.626 70.1121L122.821 61.4129H120.283L117.495 70.0766L115.187 61.4129H112.595L116.093 74.0001H118.649L121.525 65.0346L124.401 74.0001H126.922L130.402 61.4129H127.899L125.626 70.1121Z" fill="#7E7E7E"/>
+</g>
+<rect x="129.219" y="79.7183" width="20.3956" height="20.3956" rx="10.1978" fill="#3FCF8E" stroke="#232323" stroke-width="5.56245"/>
+<path d="M162.112 61.1539C162.112 63.0925 163.395 64.3756 165.348 64.3756C167.272 64.3756 168.569 62.8972 168.569 61.1121V54.2783H166.645V61.1121C166.645 61.9768 166.143 62.5486 165.334 62.5486C164.553 62.5486 163.981 62.0883 163.967 61.0702V60.1637L162.112 60.4984V61.1539ZM172.441 64.1664V57.3047H170.586V64.1664H172.441ZM170.363 55.0593C170.363 55.6729 170.879 56.1889 171.507 56.1889C172.148 56.1889 172.651 55.6729 172.651 55.0593C172.651 54.4177 172.148 53.9017 171.507 53.9017C170.879 53.9017 170.363 54.4177 170.363 55.0593ZM176.282 64.1664V60.1498C176.282 59.3967 176.756 58.7969 177.565 58.7969C178.402 58.7969 178.779 59.3548 178.779 60.094V64.1664H180.619V60.1498C180.619 59.4106 181.094 58.7969 181.889 58.7969C182.739 58.7969 183.102 59.3548 183.102 60.094V64.1664H184.901V59.7174C184.901 57.8765 183.688 57.1094 182.419 57.1094C181.512 57.1094 180.787 57.4162 180.243 58.253C179.894 57.5139 179.141 57.1094 178.207 57.1094C177.454 57.1094 176.575 57.472 176.198 58.1415V57.3047H174.427V64.1664H176.282ZM199.64 61.1121L197.436 54.2783H195.442L193.252 61.0842L191.439 54.2783H189.403L192.151 64.1664H194.159L196.418 57.1234L198.678 64.1664H200.658L203.392 54.2783H201.425L199.64 61.1121ZM206.409 60.1358C206.451 59.3827 206.911 58.7969 207.692 58.7969C208.585 58.7969 208.961 59.3967 208.961 60.1637V64.1664H210.816V59.8429C210.816 58.3367 210.007 57.1234 208.264 57.1234C207.608 57.1234 206.855 57.3465 206.409 57.8765V54.0691H204.554V64.1664H206.409V60.1358ZM214.051 59.9545C214.093 59.3269 214.623 58.6017 215.586 58.6017C216.645 58.6017 217.092 59.2711 217.12 59.9545H214.051ZM217.301 61.7397C217.078 62.3533 216.604 62.7857 215.739 62.7857C214.818 62.7857 214.051 62.1302 214.01 61.2237H218.919C218.919 61.1958 218.947 60.9168 218.947 60.6518C218.947 58.4483 217.678 57.0955 215.558 57.0955C213.8 57.0955 212.183 58.518 212.183 60.7076C212.183 63.0228 213.842 64.3756 215.725 64.3756C217.413 64.3756 218.5 63.3854 218.849 62.1999L217.301 61.7397ZM222.262 64.1664V54.0691H220.407V64.1664H222.262ZM223.789 62.2975C223.789 63.3714 224.681 64.3616 226.146 64.3616C227.164 64.3616 227.819 63.8875 228.168 63.3435C228.168 63.6085 228.196 63.9851 228.238 64.1664H229.939C229.897 63.9293 229.856 63.4412 229.856 63.0785V59.7035C229.856 58.3228 229.047 57.0955 226.871 57.0955C225.03 57.0955 224.04 58.2809 223.928 59.3548L225.574 59.7035C225.63 59.1038 226.076 58.5877 226.885 58.5877C227.666 58.5877 228.043 58.9922 228.043 59.4803C228.043 59.7174 227.917 59.9127 227.527 59.9685L225.839 60.2195C224.695 60.3869 223.789 61.0702 223.789 62.2975ZM226.536 62.9809C225.937 62.9809 225.644 62.5904 225.644 62.186C225.644 61.656 226.02 61.391 226.494 61.3213L228.043 61.0842V61.391C228.043 62.6044 227.317 62.9809 226.536 62.9809ZM233.58 60.2195C233.58 59.4245 234.054 58.7969 234.863 58.7969C235.756 58.7969 236.132 59.3967 236.132 60.1637V64.1664H237.987V59.8429C237.987 58.3367 237.206 57.1234 235.505 57.1234C234.766 57.1234 233.943 57.4441 233.524 58.1554V57.3047H231.725V64.1664H233.58V60.2195Z" fill="#ECEDEE"/>
+<path d="M166.505 81.3756C168.513 81.3756 170.061 80.1204 170.061 77.7913V71.2783H168.695V77.7495C168.695 79.2557 167.9 80.1064 166.505 80.1064C165.124 80.1064 164.302 79.2557 164.302 77.7495V71.2783H162.949V77.7913C162.949 80.1204 164.497 81.3756 166.505 81.3756ZM171.664 79.4231C171.776 80.1901 172.557 81.3756 174.398 81.3756C176.057 81.3756 176.852 80.2459 176.852 79.2975C176.852 78.3073 176.211 77.5682 174.997 77.3032L173.91 77.0661C173.394 76.9545 173.143 76.6616 173.143 76.2572C173.143 75.7969 173.589 75.3646 174.258 75.3646C175.318 75.3646 175.597 76.1317 175.653 76.4803L176.811 76.048C176.671 75.4483 176.099 74.2489 174.258 74.2489C172.947 74.2489 171.873 75.2251 171.873 76.3688C171.873 77.3171 172.501 78.0284 173.547 78.2515L174.691 78.5026C175.249 78.6281 175.555 78.9489 175.555 79.3673C175.555 79.8415 175.151 80.2599 174.412 80.2599C173.463 80.2599 172.933 79.702 172.85 79.0047L171.664 79.4231ZM179.38 77.1219C179.436 76.2572 180.106 75.4064 181.207 75.4064C182.393 75.4064 183.02 76.1596 183.048 77.1219H179.38ZM183.244 78.8652C182.993 79.6183 182.449 80.218 181.361 80.218C180.231 80.218 179.366 79.3812 179.339 78.1818H184.387C184.401 78.0981 184.415 77.9308 184.415 77.7634C184.415 75.6714 183.258 74.2489 181.193 74.2489C179.506 74.2489 177.986 75.6854 177.986 77.7913C177.986 80.0646 179.562 81.3756 181.361 81.3756C182.923 81.3756 183.997 80.4412 184.373 79.2557L183.244 78.8652ZM189.812 74.3883C189.743 74.3744 189.561 74.3465 189.38 74.3465C188.697 74.3465 187.86 74.5975 187.372 75.6296V74.4581H186.089V81.1664H187.4V77.8053C187.4 76.3269 188.139 75.7412 189.241 75.7412C189.422 75.7412 189.617 75.7551 189.812 75.783V74.3883ZM197.569 80.2041C196.454 80.2041 195.477 79.3673 195.477 77.8053C195.477 76.2572 196.454 75.4204 197.569 75.4204C198.685 75.4204 199.661 76.2572 199.661 77.8053C199.661 79.3673 198.685 80.2041 197.569 80.2041ZM197.569 74.2489C195.561 74.2489 194.138 75.7691 194.138 77.8053C194.138 79.8554 195.561 81.3756 197.569 81.3756C199.578 81.3756 201 79.8554 201 77.8053C201 75.7691 199.578 74.2489 197.569 74.2489ZM203.988 77.2892C203.988 76.2711 204.518 75.4483 205.55 75.4483C206.722 75.4483 207.112 76.2014 207.112 77.1358V81.1664H208.423V76.9127C208.423 75.4204 207.628 74.2628 206.025 74.2628C205.244 74.2628 204.449 74.5836 203.961 75.4204V74.4581H202.677V81.1664H203.988V77.2892ZM211.82 81.1664V71.0691H210.509V81.1664H211.82ZM215.347 81.1664V74.4581H214.05V81.1664H215.347ZM213.757 71.9198C213.757 72.4358 214.175 72.8542 214.691 72.8542C215.221 72.8542 215.64 72.4358 215.64 71.9198C215.64 71.3898 215.221 70.9714 214.691 70.9714C214.175 70.9714 213.757 71.3898 213.757 71.9198ZM218.888 77.2892C218.888 76.2711 219.418 75.4483 220.45 75.4483C221.622 75.4483 222.012 76.2014 222.012 77.1358V81.1664H223.323V76.9127C223.323 75.4204 222.528 74.2628 220.925 74.2628C220.144 74.2628 219.349 74.5836 218.86 75.4204V74.4581H217.577V81.1664H218.888V77.2892ZM226.259 77.1219C226.315 76.2572 226.985 75.4064 228.086 75.4064C229.272 75.4064 229.9 76.1596 229.927 77.1219H226.259ZM230.123 78.8652C229.872 79.6183 229.328 80.218 228.24 80.218C227.11 80.218 226.246 79.3812 226.218 78.1818H231.266C231.28 78.0981 231.294 77.9308 231.294 77.7634C231.294 75.6714 230.137 74.2489 228.073 74.2489C226.385 74.2489 224.865 75.6854 224.865 77.7913C224.865 80.0646 226.441 81.3756 228.24 81.3756C229.802 81.3756 230.876 80.4412 231.252 79.2557L230.123 78.8652Z" fill="#3FCF8E"/>
+<mask id="mask1_1125_17886" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="87" y="112" width="60" height="61">
+<rect x="87.9635" y="113.274" width="58.4057" height="58.4057" rx="29.2028" fill="#D9D9D9" stroke="#232323" stroke-width="0.927074"/>
+</mask>
+<g mask="url(#mask1_1125_17886)">
+<rect x="76.8385" y="102.149" width="80.6555" height="112.176" fill="#7E7E7E" stroke="#3FCF8E" stroke-width="0.927074"/>
+<path d="M115.092 148.352H117.755L112.961 135.765H110.121L105.292 148.352H107.884L108.931 145.476H114.044L115.092 148.352ZM111.488 138.481L113.228 143.239H109.748L111.488 138.481ZM127.247 148.352V146.044H121.815V143.133H126.732V140.949H121.815V138.073H127.247V135.765H119.365V148.352H127.247Z" fill="#A0A0A0"/>
+</g>
+<circle cx="117.166" cy="142.477" r="32.4476" stroke="#232323" stroke-width="5.56245"/>
+<path d="M169.671 138.977H171.763L167.997 129.089H165.766L161.972 138.977H164.009L164.832 136.718H168.848L169.671 138.977ZM166.84 131.223L168.207 134.961H165.473L166.84 131.223ZM174.716 135.03C174.716 134.235 175.19 133.608 175.999 133.608C176.892 133.608 177.268 134.208 177.268 134.975V138.977H179.123V134.654C179.123 133.148 178.342 131.934 176.64 131.934C175.901 131.934 175.078 132.255 174.66 132.966V132.116H172.861V138.977H174.716V135.03ZM182.86 135.03C182.86 134.235 183.335 133.608 184.144 133.608C185.036 133.608 185.413 134.208 185.413 134.975V138.977H187.268V134.654C187.268 133.148 186.487 131.934 184.785 131.934C184.046 131.934 183.223 132.255 182.805 132.966V132.116H181.006V138.977H182.86V135.03ZM188.732 137.108C188.732 138.182 189.624 139.173 191.089 139.173C192.107 139.173 192.762 138.698 193.111 138.154C193.111 138.419 193.139 138.796 193.181 138.977H194.882C194.84 138.74 194.798 138.252 194.798 137.889V134.514C194.798 133.134 193.99 131.906 191.814 131.906C189.973 131.906 188.983 133.092 188.871 134.166L190.517 134.514C190.573 133.915 191.019 133.399 191.828 133.399C192.609 133.399 192.985 133.803 192.985 134.291C192.985 134.528 192.86 134.724 192.469 134.779L190.782 135.03C189.638 135.198 188.732 135.881 188.732 137.108ZM191.479 137.792C190.879 137.792 190.587 137.401 190.587 136.997C190.587 136.467 190.963 136.202 191.437 136.132L192.985 135.895V136.202C192.985 137.415 192.26 137.792 191.479 137.792ZM206.446 138.977V137.164H202.178V134.877H206.041V133.162H202.178V130.902H206.446V129.089H200.253V138.977H206.446ZM207.731 137.108C207.731 138.182 208.624 139.173 210.088 139.173C211.106 139.173 211.762 138.698 212.11 138.154C212.11 138.419 212.138 138.796 212.18 138.977H213.882C213.84 138.74 213.798 138.252 213.798 137.889V134.514C213.798 133.134 212.989 131.906 210.813 131.906C208.972 131.906 207.982 133.092 207.871 134.166L209.516 134.514C209.572 133.915 210.018 133.399 210.827 133.399C211.608 133.399 211.985 133.803 211.985 134.291C211.985 134.528 211.859 134.724 211.469 134.779L209.781 135.03C208.638 135.198 207.731 135.881 207.731 137.108ZM210.479 137.792C209.879 137.792 209.586 137.401 209.586 136.997C209.586 136.467 209.963 136.202 210.437 136.132L211.985 135.895V136.202C211.985 137.415 211.26 137.792 210.479 137.792ZM215.082 137.067C215.166 137.848 215.877 139.186 217.941 139.186C219.74 139.186 220.605 138.043 220.605 136.927C220.605 135.923 219.921 135.1 218.569 134.821L217.592 134.612C217.216 134.542 216.965 134.333 216.965 133.998C216.965 133.608 217.355 133.315 217.843 133.315C218.624 133.315 218.917 133.831 218.973 134.235L220.521 133.887C220.437 133.148 219.782 131.906 217.829 131.906C216.351 131.906 215.263 132.924 215.263 134.152C215.263 135.114 215.863 135.909 217.188 136.202L218.094 136.411C218.624 136.523 218.834 136.774 218.834 137.081C218.834 137.443 218.541 137.764 217.927 137.764C217.118 137.764 216.714 137.262 216.672 136.718L215.082 137.067ZM224.383 130.065H222.71V131.028C222.71 131.641 222.375 132.116 221.65 132.116H221.301V133.761H222.542V136.955C222.542 138.28 223.379 139.075 224.718 139.075C225.262 139.075 225.597 138.977 225.764 138.908V137.373C225.667 137.401 225.415 137.429 225.192 137.429C224.662 137.429 224.383 137.234 224.383 136.634V133.761H225.764V132.116H224.383V130.065ZM231.244 132.116L229.752 136.523L228.483 132.116H226.531L228.72 138.977H230.603L232.179 134.291L233.783 138.977H235.638L237.785 132.116H235.944L234.675 136.537L233.197 132.116H231.244ZM241.849 137.499C240.942 137.499 240.106 136.83 240.106 135.546C240.106 134.249 240.942 133.594 241.849 133.594C242.755 133.594 243.592 134.249 243.592 135.546C243.592 136.843 242.755 137.499 241.849 137.499ZM241.849 131.906C239.799 131.906 238.251 133.427 238.251 135.546C238.251 137.652 239.799 139.186 241.849 139.186C243.899 139.186 245.447 137.652 245.447 135.546C245.447 133.427 243.899 131.906 241.849 131.906ZM249.993 137.499C249.087 137.499 248.25 136.83 248.25 135.546C248.25 134.249 249.087 133.594 249.993 133.594C250.9 133.594 251.737 134.249 251.737 135.546C251.737 136.843 250.9 137.499 249.993 137.499ZM249.993 131.906C247.943 131.906 246.395 133.427 246.395 135.546C246.395 137.652 247.943 139.186 249.993 139.186C252.044 139.186 253.592 137.652 253.592 135.546C253.592 133.427 252.044 131.906 249.993 131.906ZM261.597 128.88H259.77V132.799C259.575 132.436 259.017 131.948 257.831 131.948C255.893 131.948 254.54 133.524 254.54 135.532C254.54 137.611 255.935 139.145 257.887 139.145C258.808 139.145 259.505 138.726 259.812 138.182C259.812 138.503 259.853 138.838 259.881 138.977H261.653C261.625 138.698 261.597 138.196 261.597 137.736V128.88ZM256.409 135.532C256.409 134.305 257.162 133.608 258.11 133.608C259.059 133.608 259.798 134.291 259.798 135.519C259.798 136.76 259.059 137.485 258.11 137.485C257.134 137.485 256.409 136.76 256.409 135.532Z" fill="#ECEDEE"/>
+<path d="M169.936 155.977H171.414L167.481 146.089H165.905L161.972 155.977H163.437L164.483 153.216H168.862L169.936 155.977ZM166.659 147.512L168.374 151.947H164.971L166.659 147.512ZM175.354 150.273C176.498 150.273 176.986 151.04 177.153 151.696L178.339 151.194C178.06 150.176 177.139 149.06 175.354 149.06C173.444 149.06 171.979 150.524 171.979 152.616C171.979 154.652 173.416 156.186 175.368 156.186C177.111 156.186 178.074 155.057 178.395 154.095L177.237 153.592C177.084 154.122 176.623 154.973 175.368 154.973C174.28 154.973 173.318 154.15 173.318 152.616C173.318 151.054 174.294 150.273 175.354 150.273ZM181.69 147.149H180.49V148.237C180.49 148.823 180.184 149.269 179.458 149.269H179.096V150.454H180.379V154.136C180.379 155.35 181.104 156.047 182.248 156.047C182.694 156.047 183.029 155.963 183.14 155.922V154.806C183.029 154.834 182.792 154.862 182.624 154.862C181.941 154.862 181.69 154.555 181.69 153.941V150.454H183.14V149.269H181.69V147.149ZM186.187 155.977V149.269H184.89V155.977H186.187ZM184.597 146.731C184.597 147.247 185.016 147.665 185.532 147.665C186.062 147.665 186.48 147.247 186.48 146.731C186.48 146.201 186.062 145.782 185.532 145.782C185.016 145.782 184.597 146.201 184.597 146.731ZM194.164 149.269H192.755L190.83 154.443L188.92 149.269H187.441L190.161 155.977H191.486L194.164 149.269ZM196.065 151.933C196.12 151.068 196.79 150.217 197.892 150.217C199.077 150.217 199.705 150.97 199.733 151.933H196.065ZM199.928 153.676C199.677 154.429 199.133 155.029 198.045 155.029C196.915 155.029 196.051 154.192 196.023 152.993H201.071C201.085 152.909 201.099 152.742 201.099 152.574C201.099 150.482 199.942 149.06 197.878 149.06C196.19 149.06 194.67 150.496 194.67 152.602C194.67 154.876 196.246 156.186 198.045 156.186C199.607 156.186 200.681 155.252 201.057 154.067L199.928 153.676ZM205.632 153.523C205.757 154.945 207.054 156.2 208.979 156.2C210.987 156.2 212.298 154.82 212.298 153.118C212.298 151.249 211.001 150.12 209.23 150.12C208.519 150.12 207.794 150.343 207.389 150.789L208.059 148.195H211.922V146.94H207.152L205.98 151.431C206.441 151.598 206.845 151.779 207.319 151.961C207.71 151.556 208.323 151.305 208.965 151.305C210.011 151.305 210.918 151.933 210.918 153.174C210.918 154.29 210.053 155.001 208.979 155.001C207.849 155.001 207.026 154.248 206.943 153.132L205.632 153.523ZM218.684 155.977V151.933C218.684 150.929 219.311 150.231 220.246 150.231C221.25 150.231 221.668 150.901 221.668 151.765V155.977H222.979V151.919C222.979 150.957 223.607 150.231 224.527 150.231C225.518 150.231 225.95 150.887 225.95 151.765V155.977H227.247V151.626C227.247 149.869 226.103 149.074 224.932 149.074C224.081 149.074 223.216 149.381 222.686 150.343C222.324 149.478 221.515 149.074 220.678 149.074C219.897 149.074 219.06 149.422 218.642 150.162V149.269H217.387V155.977H218.684ZM230.642 155.977V149.269H229.345V155.977H230.642ZM229.052 146.731C229.052 147.247 229.47 147.665 229.986 147.665C230.516 147.665 230.935 147.247 230.935 146.731C230.935 146.201 230.516 145.782 229.986 145.782C229.47 145.782 229.052 146.201 229.052 146.731ZM234.183 152.1C234.183 151.082 234.713 150.259 235.745 150.259C236.917 150.259 237.307 151.012 237.307 151.947V155.977H238.618V151.724C238.618 150.231 237.823 149.074 236.219 149.074C235.438 149.074 234.644 149.395 234.155 150.231V149.269H232.872V155.977H234.183V152.1ZM240.076 154.234C240.188 155.001 240.969 156.186 242.81 156.186C244.469 156.186 245.264 155.057 245.264 154.108C245.264 153.118 244.623 152.379 243.409 152.114L242.321 151.877C241.805 151.765 241.554 151.473 241.554 151.068C241.554 150.608 242.001 150.176 242.67 150.176C243.73 150.176 244.009 150.943 244.065 151.291L245.222 150.859C245.083 150.259 244.511 149.06 242.67 149.06C241.359 149.06 240.285 150.036 240.285 151.18C240.285 152.128 240.913 152.839 241.959 153.062L243.102 153.313C243.66 153.439 243.967 153.76 243.967 154.178C243.967 154.652 243.563 155.071 242.824 155.071C241.875 155.071 241.345 154.513 241.262 153.816L240.076 154.234ZM250.078 154.178C250.078 155.238 250.956 156.186 252.323 156.186C253.523 156.186 254.192 155.545 254.485 155.071C254.485 155.559 254.527 155.81 254.555 155.977H255.838C255.81 155.81 255.754 155.461 255.754 154.876V151.514C255.754 150.203 254.973 149.06 252.965 149.06C251.514 149.06 250.357 149.952 250.217 151.235L251.472 151.528C251.556 150.747 252.072 150.176 252.993 150.176C254.011 150.176 254.443 150.719 254.443 151.375C254.443 151.612 254.332 151.821 253.927 151.877L252.114 152.142C250.956 152.309 250.078 152.979 250.078 154.178ZM252.505 155.085C251.835 155.085 251.417 154.611 251.417 154.108C251.417 153.509 251.835 153.188 252.393 153.104L254.443 152.797V153.104C254.443 154.569 253.578 155.085 252.505 155.085ZM257.308 156.34C257.476 157.776 258.731 158.836 260.404 158.836C262.929 158.836 263.766 157.177 263.766 155.475V149.269H262.468V150.203C262.134 149.534 261.436 149.143 260.404 149.143C258.563 149.143 257.322 150.594 257.322 152.407C257.322 154.304 258.619 155.657 260.404 155.657C261.409 155.657 262.134 155.168 262.45Line truncated
+</svg>

apps/www/public/images/realtime/example-apps/dark/live-cursors.svg

@@ -0,0 +1,15 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17697)">
+<path d="M49.5 254V101H433.5" stroke="#A0A0A0" stroke-miterlimit="10"/>
+<path d="M54.5 97H45.5V106H54.5V97Z" fill="#ECEDEE"/>
+<path d="M212.289 87.9403L197.582 50.5535C197.224 49.6466 198.098 48.7462 199.011 49.0659L237.631 62.5917C238.617 62.9375 238.656 64.3142 237.69 64.7122L221.809 71.25C221.535 71.3609 221.313 71.5828 221.196 71.8568L214.39 87.9664C213.992 88.906 212.661 88.8864 212.289 87.9403ZM316.098 91.3593C316.098 82.0615 308.562 74.5254 299.264 74.5254H239.36C230.063 74.5254 222.527 82.0615 222.527 91.3593C222.527 100.657 230.063 108.193 239.36 108.193H299.264C308.562 108.193 316.098 100.657 316.098 91.3593Z" fill="#3FCF8E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M257.153 94.1453C258.667 94.1453 259.894 92.9184 259.894 91.4049C259.894 89.8915 258.667 88.6646 257.153 88.6646C255.64 88.6646 254.413 89.8915 254.413 91.4049C254.413 92.9184 255.64 94.1453 257.153 94.1453ZM267.815 94.1453C269.328 94.1453 270.555 92.9184 270.555 91.4049C270.555 89.8915 269.328 88.6646 267.815 88.6646C266.301 88.6646 265.074 89.8915 265.074 91.4049C265.074 92.9184 266.301 94.1453 267.815 94.1453ZM281.209 91.4049C281.209 92.9184 279.982 94.1453 278.469 94.1453C276.955 94.1453 275.729 92.9184 275.729 91.4049C275.729 89.8915 276.955 88.6646 278.469 88.6646C279.982 88.6646 281.209 89.8915 281.209 91.4049Z" fill="#ECEDEE"/>
+<path d="M67.1692 140.436L73.8775 124.547C73.9949 124.273 74.2103 124.057 74.4843 123.946L90.1521 117.499C91.1048 117.108 91.0657 115.744 90.0934 115.404L51.9909 102.066C51.0838 101.747 50.229 102.641 50.5814 103.535L65.0876 140.417C65.453 141.35 66.7712 141.369 67.1627 140.443L67.1692 140.436ZM75.1891 143.784C75.1891 134.609 82.6282 127.176 91.7965 127.176H150.892C160.066 127.176 167.499 134.616 167.499 143.784C167.499 152.959 160.06 160.391 150.892 160.391H91.7965C82.6216 160.391 75.1891 152.952 75.1891 143.784Z" fill="#A0A0A0"/>
+<path d="M112.826 148V146.159H107.526L112.756 139.911V138.112H105.225V139.939H110.19L105.044 146.131V148H112.826ZM113.993 146.131C113.993 147.205 114.885 148.195 116.35 148.195C117.368 148.195 118.023 147.721 118.372 147.177C118.372 147.442 118.4 147.819 118.442 148H120.143C120.101 147.763 120.059 147.275 120.059 146.912V143.537C120.059 142.156 119.251 140.929 117.075 140.929C115.234 140.929 114.244 142.115 114.132 143.188L115.778 143.537C115.834 142.937 116.28 142.421 117.089 142.421C117.87 142.421 118.246 142.826 118.246 143.314C118.246 143.551 118.121 143.746 117.73 143.802L116.043 144.053C114.899 144.22 113.993 144.904 113.993 146.131ZM116.74 146.815C116.14 146.815 115.848 146.424 115.848 146.02C115.848 145.49 116.224 145.225 116.698 145.155L118.246 144.918V145.225C118.246 146.438 117.521 146.815 116.74 146.815ZM124.984 142.645C125.905 142.645 126.337 143.23 126.504 143.802L128.164 143.244C127.871 142.087 126.811 140.929 124.942 140.929C122.948 140.929 121.386 142.449 121.386 144.569C121.386 146.675 122.976 148.209 124.998 148.209C126.825 148.209 127.899 147.038 128.206 145.894L126.574 145.35C126.421 145.88 125.946 146.508 124.998 146.508C124.05 146.508 123.241 145.81 123.241 144.569C123.241 143.328 124.036 142.645 124.984 142.645ZM131.425 143.969C131.467 143.216 131.927 142.631 132.708 142.631C133.6 142.631 133.977 143.23 133.977 143.997V148H135.832V143.677C135.832 142.17 135.023 140.957 133.28 140.957C132.624 140.957 131.871 141.18 131.425 141.71V137.903H129.57V148H131.425V143.969Z" fill="#ECEDEE"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17697">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/dark/location.svg

@@ -0,0 +1,18 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17607)">
+<path d="M315.5 232.5H316V232V30C316 25.3056 312.194 21.5 307.5 21.5H52.5C47.8056 21.5 44 25.3056 44 30V232V232.5H44.5H315.5Z" stroke="#3E3E3E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44.5 217.296V232H65.7546L57.992 226.629L44.6408 217.393L44.5 217.296ZM88.5706 232H85.5218L63.9784 217.088L50.7961 207.975L44.5 203.617V30C44.5 25.5817 48.0817 22 52.5 22H161.802L172.48 26.9117L102.457 162.441C101.658 164.005 102.109 165.911 103.523 166.919L134.049 188.704L112.723 208.999L101.194 219.989L88.5706 232ZM236.641 232H98.7692L104.621 226.434L116.735 214.909L141.759 191.096L206.505 149.565L254.913 216.596L236.641 232ZM263.984 232H254.106L262.442 224.969L267.828 229.781L263.984 232ZM315.5 180.23V202.257L274.229 226.085L267.864 220.382L276.369 213.231L313.511 181.907L315.5 180.23ZM315.5 92.6087V165.493L298.946 179.457L260.307 212.049L212.452 145.764L212.441 145.746L303.716 87.208L303.736 87.2211L303.755 87.2105L315.5 92.6087ZM294.709 22H307.5C311.918 22 315.5 25.5817 315.5 30V84.8665L304.857 79.9758L273.349 65.5028L286.179 39.3765L286.197 39.3659L286.196 39.3423L286.224 39.2645L286.252 39.2486L291.757 28.0024L292.435 26.6317L294.709 22ZM178.663 22H262.363L278.809 38.404L276.338 43.4544L266.949 62.5625L244.635 52.3068L178.663 22ZM272.345 22H286.855L282.085 31.7136L272.345 22ZM139.672 184.062L110.11 162.969L178.891 29.8465L282.215 77.3164L296.146 83.7194L205.886 141.597L205.831 141.629C205.655 141.706 205.49 141.802 205.326 141.921C205.262 141.958 205.212 141.999 205.182 142.053L139.672 184.062Z" fill="#282828"/>
+<path d="M102.5 125L119.604 133.102C120.636 133.591 121.05 134.843 120.513 135.851L106.322 162.458C105.851 163.341 106.106 164.437 106.918 165.022L138.398 187.706C139.063 188.185 139.954 188.21 140.645 187.768L205.923 146.009C206.81 145.441 207.986 145.659 208.611 146.507L234.377 181.476C235.007 182.331 236.195 182.545 237.083 181.963L250 173.5" stroke="#3FCF8E" stroke-width="4"/>
+<path d="M103.52 121C103.52 129.295 96.7953 136.02 88.5 136.02C80.2047 136.02 73.48 129.295 73.48 121C73.48 112.705 80.2047 105.98 88.5 105.98C96.7953 105.98 103.52 112.705 103.52 121Z" stroke="#3FCF8E" stroke-width="3.96"/>
+<path d="M96.0196 121C96.0196 125.153 92.653 128.52 88.5 128.52C84.347 128.52 80.9804 125.153 80.9804 121C80.9804 116.847 84.347 113.48 88.5 113.48C92.653 113.48 96.0196 116.847 96.0196 121Z" fill="#3FCF8E" stroke="#3FCF8E" stroke-width="4.96076"/>
+<path d="M264.02 170C264.02 174.153 260.653 177.52 256.5 177.52C252.347 177.52 248.98 174.153 248.98 170C248.98 165.847 252.347 162.48 256.5 162.48C260.653 162.48 264.02 165.847 264.02 170Z" fill="#3FCF8E" stroke="#3FCF8E" stroke-width="4.96076"/>
+<path d="M44.5 30C44.5 25.5817 48.0817 22 52.5 22H307.5C311.918 22 315.5 25.5817 315.5 30V87H44.5V30Z" fill="#343434"/>
+<path d="M72.576 47V38.492H71.4V45.02L67.152 38.492H65.58V47H66.756V40.064L71.352 47H72.576ZM75.3443 43.52C75.3923 42.776 75.9683 42.044 76.9163 42.044C77.9363 42.044 78.4763 42.692 78.5003 43.52H75.3443ZM78.6683 45.02C78.4523 45.668 77.9843 46.184 77.0483 46.184C76.0763 46.184 75.3323 45.464 75.3083 44.432H79.6523C79.6643 44.36 79.6763 44.216 79.6763 44.072C79.6763 42.272 78.6803 41.048 76.9043 41.048C75.4523 41.048 74.1443 42.284 74.1443 44.096C74.1443 46.052 75.5003 47.18 77.0483 47.18C78.3923 47.18 79.3163 46.376 79.6403 45.356L78.6683 45.02ZM84.3097 41.228L82.8097 45.572L81.5137 41.228H80.2777L82.1737 47H83.3617L84.8617 42.608L86.3977 47H87.5617L89.4337 41.228H88.2457L86.9737 45.572L85.4737 41.228H84.3097ZM93.2133 45.452C93.2133 46.364 93.9693 47.18 95.1453 47.18C96.1773 47.18 96.7533 46.628 97.0053 46.22C97.0053 46.64 97.0413 46.856 97.0653 47H98.1693C98.1453 46.856 98.0973 46.556 98.0973 46.052V43.16C98.0973 42.032 97.4253 41.048 95.6973 41.048C94.4493 41.048 93.4533 41.816 93.3333 42.92L94.4133 43.172C94.4853 42.5 94.9293 42.008 95.7213 42.008C96.5973 42.008 96.9693 42.476 96.9693 43.04C96.9693 43.244 96.8733 43.424 96.5253 43.472L94.9653 43.7C93.9693 43.844 93.2133 44.42 93.2133 45.452ZM95.3013 46.232C94.7253 46.232 94.3653 45.824 94.3653 45.392C94.3653 44.876 94.7253 44.6 95.2053 44.528L96.9693 44.264V44.528C96.9693 45.788 96.2253 46.232 95.3013 46.232ZM103.059 41.168C102.999 41.156 102.843 41.132 102.687 41.132C102.099 41.132 101.379 41.348 100.959 42.236V41.228H99.8545V47H100.983V44.108C100.983 42.836 101.619 42.332 102.567 42.332C102.723 42.332 102.891 42.344 103.059 42.368V41.168ZM107.465 41.168C107.405 41.156 107.249 41.132 107.093 41.132C106.505 41.132 105.785 41.348 105.365 42.236V41.228H104.261V47H105.389V44.108C105.389 42.836 106.025 42.332 106.973 42.332C107.129 42.332 107.297 42.344 107.465 42.368V41.168ZM109.783 47V41.228H108.667V47H109.783ZM108.415 39.044C108.415 39.488 108.775 39.848 109.219 39.848C109.675 39.848 110.035 39.488 110.035 39.044C110.035 38.588 109.675 38.228 109.219 38.228C108.775 38.228 108.415 38.588 108.415 39.044ZM116.646 41.228H115.434L113.778 45.68L112.134 41.228H110.862L113.202 47H114.342L116.646 41.228ZM117.307 45.452C117.307 46.364 118.063 47.18 119.239 47.18C120.271 47.18 120.847 46.628 121.099 46.22C121.099 46.64 121.135 46.856 121.159 47H122.263C122.239 46.856 122.191 46.556 122.191 46.052V43.16C122.191 42.032 121.519 41.048 119.791 41.048C118.543 41.048 117.547 41.816 117.427 42.92L118.507 43.172C118.579 42.5 119.023 42.008 119.815 42.008C120.691 42.008 121.063 42.476 121.063 43.04C121.063 43.244 120.967 43.424 120.619 43.472L119.059 43.7C118.063 43.844 117.307 44.42 117.307 45.452ZM119.395 46.232C118.819 46.232 118.459 45.824 118.459 45.392C118.459 44.876 118.819 44.6 119.299 44.528L121.063 44.264V44.528C121.063 45.788 120.319 46.232 119.395 46.232ZM125.076 47V38.312H123.948V47H125.076ZM131.507 39.404H130.475V40.34C130.475 40.844 130.211 41.228 129.587 41.228H129.275V42.248H130.379V45.416C130.379 46.46 131.003 47.06 131.987 47.06C132.371 47.06 132.659 46.988 132.755 46.952V45.992C132.659 46.016 132.455 46.04 132.311 46.04C131.723 46.04 131.507 45.776 131.507 45.248V42.248H132.755V41.228H131.507V39.404ZM135.377 47V41.228H134.261V47H135.377ZM134.009 39.044C134.009 39.488 134.369 39.848 134.813 39.848C135.269 39.848 135.629 39.488 135.629 39.044C135.629 38.588 135.269 38.228 134.813 38.228C134.369 38.228 134.009 38.588 134.009 39.044ZM138.412 47V43.52C138.412 42.656 138.952 42.056 139.756 42.056C140.62 42.056 140.98 42.632 140.98 43.376V47H142.108V43.508C142.108 42.68 142.648 42.056 143.44 42.056C144.292 42.056 144.664 42.62 144.664 43.376V47H145.78V43.256C145.78 41.744 144.796 41.06 143.788 41.06C143.056 41.06 142.312 41.324 141.856 42.152C141.544 41.408 140.848 41.06 140.128 41.06C139.456 41.06 138.736 41.36 138.376 41.996V41.228H137.296V47H138.412ZM148.317 43.52C148.365 42.776 148.941 42.044 149.889 42.044C150.909 42.044 151.449 42.692 151.473 43.52H148.317ZM151.641 45.02C151.425 45.668 150.957 46.184 150.021 46.184C149.049 46.184 148.305 45.464 148.281 44.432H152.625C152.637 44.36 152.649 44.216 152.649 44.072C152.649 42.272 151.653 41.048 149.877 41.048C148.425 41.048 147.117 42.284 147.117 44.096C147.117 46.052 148.473 47.18 150.021 47.18C151.365 47.18 152.289 46.376 152.613 45.356L151.641 45.02Z" fill="#A0A0A0"/>
+<path d="M70.56 69V56.04H68.48C68.2 57.4 66.92 58.44 65.06 58.48V60.12H68.2V69H70.56ZM75.3748 60.9C75.3548 60.68 75.3148 60.44 75.3148 60.24C75.3148 58.9 76.0548 57.84 77.5748 57.84C79.0348 57.84 79.7548 58.8 79.7548 59.86C79.7548 60.8 79.2548 61.58 78.0948 62.3L75.9548 63.64C73.6948 65.04 72.9148 66.78 72.8748 69H82.2548V66.88H75.8348C76.0148 66.24 76.5348 65.78 77.1548 65.4L79.6748 63.84C81.2348 62.88 82.1748 61.5 82.1748 59.82C82.1748 57.6 80.4748 55.74 77.6148 55.74C74.6748 55.74 72.9948 57.76 72.9948 60C72.9948 60.26 73.0348 60.56 73.0548 60.74L75.3748 60.9ZM91.718 69V63.22C91.718 61.98 92.498 61.06 93.738 61.06C95.058 61.06 95.618 61.94 95.618 63.06V69H97.898V63.22C97.898 62.02 98.698 61.06 99.918 61.06C101.218 61.06 101.798 61.92 101.798 63.06V69H104.038V62.68C104.038 60.1 102.358 58.98 100.598 58.98C99.338 58.98 98.198 59.42 97.438 60.7C96.918 59.56 95.798 58.98 94.518 58.98C93.418 58.98 92.198 59.5 91.638 60.5V59.26H89.418V69H91.718ZM109.179 69V59.26H106.879V69H109.179ZM106.519 55.84C106.519 56.68 107.199 57.34 108.019 57.34C108.859 57.34 109.539 56.68 109.539 55.84C109.539 55 108.859 54.32 108.019 54.32C107.199 54.32 106.519 55 106.519 55.84ZM114.492 63.38C114.492 62.1 115.192 61.08 116.512 61.08C117.972 61.08 118.512 62.04 118.512 63.24V69H120.832V62.84C120.832 60.7 119.692 58.98 117.312 58.98C116.232 58.98 115.072 59.44 114.432 60.56V59.26H112.172V69H114.492V63.38ZM129.86 67.92C129.86 68.32 129.9 68.78 129.94 69H132.16C132.12 68.64 132.06 68.02 132.06 67.22V59.26H129.74V65.02C129.74 66.3 129.04 67.2 127.7 67.2C126.3 67.2 125.74 66.18 125.74 64.98V59.26H123.42V65.4C123.42 67.56 124.78 69.28 127.1 69.28C128.24 69.28 129.38 68.8 129.86 67.92ZM138.003 56.28H135.903V57.74C135.903 58.6 135.443 59.26 134.403 59.26H133.903V61.32H135.703V66.22C135.703 68.04 136.823 69.12 138.623 69.12C139.463 69.12 139.903 68.96 140.043 68.9V66.98C139.943 67 139.563 67.06 139.243 67.06C138.383 67.06 138.003 66.7 138.003 65.84V61.32H140.023V59.26H138.003V56.28ZM143.929 63.06C144.009 62.02 144.849 60.9 146.309 60.9C147.909 60.9 148.669 61.92 148.709 63.06H143.929ZM148.969 65.6C148.649 66.56 147.929 67.3 146.529 67.3C145.089 67.3 143.929 66.24 143.869 64.76H150.989C151.009 64.72 151.049 64.4 151.049 64.02C151.049 60.94 149.289 58.96 146.289 58.96C143.829 58.96 141.549 61 141.549 64.08C141.549 67.38 143.889 69.3 146.529 69.3C148.869 69.3 150.409 67.92 150.929 66.22L148.969 65.6ZM152.406 66.36C152.526 67.46 153.606 69.3 156.426 69.3C158.906 69.3 160.106 67.66 160.106 66.18C160.106 64.74 159.146 63.62 157.306 63.22L155.826 62.92C155.226 62.8 154.846 62.42 154.846 61.9C154.846 61.3 155.426 60.78 156.246 60.78C157.546 60.78 157.966 61.68 158.046 62.24L160.006 61.68C159.846 60.72 158.966 58.96 156.246 58.96C154.226 58.96 152.666 60.4 152.666 62.1C152.666 63.44 153.566 64.56 155.286 64.94L156.726 65.26C157.506 65.42 157.866 65.82 157.866 66.34C157.866 66.94 157.366 67.46 156.406 67.46C155.166 67.46 154.506 66.68 154.426 65.8L152.406 66.36ZM166.767 66.36C166.767 67.9 168.027 69.3 170.067 69.3C171.647 69.3 172.607 68.5 173.067 67.76C173.067 68.54 173.147 68.94 173.167 69H175.327C175.307 68.9 175.207 68.32 175.207 67.44V62.6C175.207 60.66 174.067 58.96 171.067 58.96C168.667 58.96 167.147 60.46 166.967 62.14L169.087 62.62C169.187 61.64 169.867 60.86 171.087 60.86C172.367 60.86 172.927 61.52 172.927 62.34C172.927 62.68 172.767 62.96 172.207 63.04L169.707 63.42C168.047 63.66 166.767 64.62 166.767 66.36ZM170.507 67.48C169.587 67.48 169.087 66.88 169.087 66.22C169.087 65.42 169.667 65.02 170.387 64.9L172.927 64.52V64.96C172.927 66.86 171.807 67.48 170.507 67.48ZM183.473 59.26L181.173 66L179.193 59.26H176.713L179.873 69H182.253L184.613 62L187.033 69H189.353L192.473 59.26H190.113L188.173 66L185.873 59.26H183.473ZM193.584 66.36C193.584 67.9 194.844 69.3 196.884 69.3C198.464 69.3 199.424 68.5 199.884 67.76C199.884 68.54 199.964 68.94 199.984 69H202.144C202.124 68.9 202.024 68.32 202.024 67.44V62.6C202.024 60.66 200.884 58.96 197.884 58.96C195.484 58.96 193.964 60.46 193.784 62.14L195.904 62.62C196.004 61.64 196.684 60.86 197.904 60.86C199.184 60.86 199.744 61.52 199.744 62.34C199.744 62.68 199.584 62.96 199.024 63.04L196.524 63.42C194.864 63.66 193.584 64.62 193.584 66.36ZM197.324 67.48C196.404 67.48 195.904 66.88 195.904 66.22C195.904 65.42 196.484 65.02 197.204 64.9L199.744 64.52V64.96C199.744 66.86 198.624 67.48 197.324 67.48ZM207.554 72.94L213.754 59.26H211.294L208.674 65.42L205.874 59.26H203.254L207.414 67.84L205.074 72.94H207.554Z" fill="#ECEDEE"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17607">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/dark/multiplayer-game.svg

@@ -0,0 +1,58 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17722)">
+<path d="M58.5083 21.4134H302.492C305.575 21.4134 308.087 23.9576 308.087 27.1109V309.889C308.087 313.042 305.575 315.587 302.492 315.587H58.5083C55.4249 315.587 52.9134 313.042 52.9134 309.889V27.1109C52.9134 23.9576 55.4249 21.4134 58.5083 21.4134Z" fill="#343434" stroke="#3E3E3E" stroke-width="0.826794"/>
+<path d="M116.5 21H84.5V53H116.5V21Z" fill="#282828"/>
+<path d="M180.5 21H148.5V53H180.5V21Z" fill="#282828"/>
+<path d="M244.5 21H212.5V53H244.5V21Z" fill="#282828"/>
+<path d="M308.5 26.9164V53H276.5V21H302.379C305.756 21 308.5 23.6467 308.5 26.9164Z" fill="#282828"/>
+<path d="M116.5 85H84.5V117H116.5V85Z" fill="#282828"/>
+<path d="M180.5 85H148.5V117H180.5V85Z" fill="#282828"/>
+<path d="M244.5 85H212.5V117H244.5V85Z" fill="#282828"/>
+<path d="M308.5 85H276.5V117H308.5V85Z" fill="#282828"/>
+<path d="M116.5 149H84.5V181H116.5V149Z" fill="#282828"/>
+<path d="M180.5 149H148.5V181H180.5V149Z" fill="#282828"/>
+<path d="M244.5 149H212.5V181H244.5V149Z" fill="#282828"/>
+<path d="M308.5 149H276.5V181H308.5V149Z" fill="#282828"/>
+<path d="M84.5 181H52.5V213H84.5V181Z" fill="#282828"/>
+<path d="M148.5 181H116.5V213H148.5V181Z" fill="#282828"/>
+<path d="M212.5 181H180.5V213H212.5V181Z" fill="#282828"/>
+<path d="M276.5 181H244.5V213H276.5V181Z" fill="#282828"/>
+<path d="M84.5 117H52.5V149H84.5V117Z" fill="#282828"/>
+<path d="M148.5 117H116.5V149H148.5V117Z" fill="#282828"/>
+<path d="M212.5 117H180.5V149H212.5V117Z" fill="#282828"/>
+<path d="M276.5 117H244.5V149H276.5V117Z" fill="#282828"/>
+<path d="M84.5 53H52.5V85H84.5V53Z" fill="#282828"/>
+<path d="M148.5 53H116.5V85H148.5V53Z" fill="#282828"/>
+<path d="M212.5 53H180.5V85H212.5V53Z" fill="#282828"/>
+<path d="M276.5 53H244.5V85H276.5V53Z" fill="#282828"/>
+<path d="M68.5947 45.1895C73.6176 45.1895 77.6895 41.1176 77.6895 36.0947C77.6895 31.0719 73.6176 27 68.5947 27C63.5718 27 59.5 31.0719 59.5 36.0947C59.5 41.1176 63.5718 45.1895 68.5947 45.1895Z" fill="#A0A0A0"/>
+<path d="M68.5947 78.1895C73.6176 78.1895 77.6895 74.1176 77.6895 69.0947C77.6895 64.0719 73.6176 60 68.5947 60C63.5718 60 59.5 64.0719 59.5 69.0947C59.5 74.1176 63.5718 78.1895 68.5947 78.1895Z" fill="#A0A0A0"/>
+<path d="M100.595 78.1895C105.618 78.1895 109.689 74.1176 109.689 69.0947C109.689 64.0719 105.618 60 100.595 60C95.5718 60 91.5 64.0719 91.5 69.0947C91.5 74.1176 95.5718 78.1895 100.595 78.1895Z" fill="#A0A0A0"/>
+<path d="M132.595 78.1895C137.618 78.1895 141.689 74.1176 141.689 69.0947C141.689 64.0719 137.618 60 132.595 60C127.572 60 123.5 64.0719 123.5 69.0947C123.5 74.1176 127.572 78.1895 132.595 78.1895Z" fill="#A0A0A0"/>
+<path d="M132.595 142.189C137.618 142.189 141.689 138.118 141.689 133.095C141.689 128.072 137.618 124 132.595 124C127.572 124 123.5 128.072 123.5 133.095C123.5 138.118 127.572 142.189 132.595 142.189Z" fill="#A0A0A0"/>
+<path d="M196.595 174.189C201.618 174.189 205.689 170.118 205.689 165.095C205.689 160.072 201.618 156 196.595 156C191.572 156 187.5 160.072 187.5 165.095C187.5 170.118 191.572 174.189 196.595 174.189Z" fill="#282828"/>
+<path d="M260.595 174.189C265.618 174.189 269.689 170.118 269.689 165.095C269.689 160.072 265.618 156 260.595 156C255.572 156 251.5 160.072 251.5 165.095C251.5 170.118 255.572 174.189 260.595 174.189Z" fill="#3E3E3E"/>
+<path d="M292.595 206.189C297.618 206.189 301.689 202.118 301.689 197.095C301.689 192.072 297.618 188 292.595 188C287.572 188 283.5 192.072 283.5 197.095C283.5 202.118 287.572 206.189 292.595 206.189Z" fill="#3E3E3E"/>
+<path d="M132.595 206.189C137.618 206.189 141.689 202.118 141.689 197.095C141.689 192.072 137.618 188 132.595 188C127.572 188 123.5 192.072 123.5 197.095C123.5 202.118 127.572 206.189 132.595 206.189Z" fill="#3E3E3E"/>
+<path d="M68.5947 206.189C73.6176 206.189 77.6895 202.118 77.6895 197.095C77.6895 192.072 73.6176 188 68.5947 188C63.5718 188 59.5 192.072 59.5 197.095C59.5 202.118 63.5718 206.189 68.5947 206.189Z" fill="#3E3E3E"/>
+<path d="M164.595 78.1895C169.618 78.1895 173.689 74.1176 173.689 69.0947C173.689 64.0719 169.618 60 164.595 60C159.572 60 155.5 64.0719 155.5 69.0947C155.5 74.1176 159.572 78.1895 164.595 78.1895Z" fill="#A0A0A0"/>
+<path d="M196.226 78.9463C201.248 78.9463 205.32 74.8745 205.32 69.8516C205.32 64.8287 201.248 60.7568 196.226 60.7568C191.203 60.7568 187.131 64.8287 187.131 69.8516C187.131 74.8745 191.203 78.9463 196.226 78.9463Z" fill="#A0A0A0"/>
+<path d="M228.595 78.1895C233.618 78.1895 237.689 74.1176 237.689 69.0947C237.689 64.0719 233.618 60 228.595 60C223.572 60 219.5 64.0719 219.5 69.0947C219.5 74.1176 223.572 78.1895 228.595 78.1895Z" fill="#A0A0A0"/>
+<path d="M228.595 46.1895C233.618 46.1895 237.689 42.1176 237.689 37.0947C237.689 32.0719 233.618 28 228.595 28C223.572 28 219.5 32.0719 219.5 37.0947C219.5 42.1176 223.572 46.1895 228.595 46.1895Z" fill="#A0A0A0"/>
+<path d="M260.595 78.1895C265.618 78.1895 269.689 74.1176 269.689 69.0947C269.689 64.0719 265.618 60 260.595 60C255.572 60 251.5 64.0719 251.5 69.0947C251.5 74.1176 255.572 78.1895 260.595 78.1895Z" fill="#A0A0A0"/>
+<path d="M292.595 110.189C297.618 110.189 301.689 106.118 301.689 101.095C301.689 96.0719 297.618 92 292.595 92C287.572 92 283.5 96.0719 283.5 101.095C283.5 106.118 287.572 110.189 292.595 110.189Z" fill="#A0A0A0"/>
+<path d="M228.595 110.189C233.618 110.189 237.689 106.118 237.689 101.095C237.689 96.0719 233.618 92 228.595 92C223.572 92 219.5 96.0719 219.5 101.095C219.5 106.118 223.572 110.189 228.595 110.189Z" fill="#A0A0A0"/>
+<path d="M164.595 110.189C169.618 110.189 173.689 106.118 173.689 101.095C173.689 96.0719 169.618 92 164.595 92C159.572 92 155.5 96.0719 155.5 101.095C155.5 106.118 159.572 110.189 164.595 110.189Z" fill="#A0A0A0"/>
+<path d="M260.595 46.1895C265.618 46.1895 269.689 42.1176 269.689 37.0947C269.689 32.0719 265.618 28 260.595 28C255.572 28 251.5 32.0719 251.5 37.0947C251.5 42.1176 255.572 46.1895 260.595 46.1895Z" fill="#A0A0A0"/>
+<path d="M155.886 108.565H107.932V157.346H155.886V108.565Z" stroke="#3FCF8E" stroke-width="3.13" stroke-miterlimit="10"/>
+<path d="M94.5 132.417L107.522 124.899L107.522 139.936L94.5 132.417Z" fill="#3FCF8E"/>
+<path d="M150.925 113.526H112.893V152.385H150.925V113.526Z" fill="#3FCF8E"/>
+<path d="M131.909 142.464C136.932 142.464 141.004 138.392 141.004 133.369C141.004 128.346 136.932 124.274 131.909 124.274C126.886 124.274 122.814 128.346 122.814 133.369C122.814 138.392 126.886 142.464 131.909 142.464Z" fill="#ECEDEE"/>
+<path d="M187.5 165.095C187.5 170.118 191.572 174.189 196.595 174.189C201.618 174.189 205.689 170.118 205.689 165.095C205.689 160.072 201.618 156 196.595 156C191.572 156 187.5 160.072 187.5 165.095Z" fill="#3E3E3E"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17722">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/dark/notification.svg

@@ -0,0 +1,10 @@
+<svg width="360" height="210" viewBox="0 0 360 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="58.6758" y="58" width="242" height="131" rx="8" fill="#282828"/>
+<rect x="48.9609" y="35.8823" width="261.267" height="142.209" rx="8" fill="#2E2E2E"/>
+<rect x="44.5" y="21.5" width="270.188" height="146.169" rx="7.5" fill="#343434" stroke="#3E3E3E"/>
+<rect x="58.8818" y="35.8823" width="24.8038" height="24.8038" rx="4.13397" fill="#3FCF8E"/>
+<path d="M97.631 46.133C97.439 45.209 96.671 44.021 94.751 44.021C93.179 44.021 91.943 45.221 91.943 46.553C91.943 47.825 92.807 48.617 94.019 48.881L95.231 49.145C96.083 49.325 96.503 49.853 96.503 50.465C96.503 51.209 95.927 51.821 94.751 51.821C93.467 51.821 92.795 50.945 92.711 49.997L91.583 50.357C91.739 51.569 92.711 52.889 94.763 52.889C96.575 52.889 97.703 51.689 97.703 50.369C97.703 49.181 96.911 48.293 95.495 47.981L94.223 47.705C93.503 47.549 93.131 47.081 93.131 46.469C93.131 45.677 93.815 45.053 94.775 45.053C95.963 45.053 96.479 45.893 96.575 46.505L97.631 46.133ZM102.7 52.013C102.7 52.253 102.724 52.577 102.748 52.709H103.828C103.804 52.505 103.768 52.097 103.768 51.641V46.937H102.64V50.417C102.64 51.293 102.184 51.893 101.272 51.893C100.324 51.893 99.9635 51.197 99.9635 50.405V46.937H98.8355V50.573C98.8355 51.881 99.6515 52.889 100.996 52.889C101.668 52.889 102.388 52.613 102.7 52.013ZM106.808 54.989V51.929C107.12 52.445 107.792 52.865 108.68 52.865C110.372 52.865 111.368 51.533 111.368 49.817C111.368 48.137 110.444 46.805 108.716 46.805C107.78 46.805 107.096 47.261 106.784 47.837V46.937H105.692V54.989H106.808ZM110.216 49.817C110.216 51.005 109.556 51.857 108.512 51.857C107.48 51.857 106.796 51.005 106.796 49.817C106.796 48.665 107.48 47.801 108.512 47.801C109.568 47.801 110.216 48.665 110.216 49.817ZM112.446 51.161C112.446 52.073 113.202 52.889 114.378 52.889C115.41 52.889 115.986 52.337 116.238 51.929C116.238 52.349 116.274 52.565 116.298 52.709H117.402C117.378 52.565 117.33 52.265 117.33 51.761V48.869C117.33 47.741 116.658 46.757 114.93 46.757C113.682 46.757 112.686 47.525 112.566 48.629L113.646 48.881C113.718 48.209 114.162 47.717 114.954 47.717C115.83 47.717 116.202 48.185 116.202 48.749C116.202 48.953 116.106 49.133 115.758 49.181L114.198 49.409C113.202 49.553 112.446 50.129 112.446 51.161ZM114.534 51.941C113.958 51.941 113.598 51.533 113.598 51.101C113.598 50.585 113.958 50.309 114.438 50.237L116.202 49.973V50.237C116.202 51.497 115.458 51.941 114.534 51.941ZM120.203 52.709V51.869C120.563 52.493 121.223 52.865 122.075 52.865C123.791 52.865 124.763 51.509 124.763 49.793C124.763 48.113 123.863 46.769 122.111 46.769C121.151 46.769 120.479 47.237 120.203 47.753V44.021H119.087V52.709H120.203ZM123.611 49.793C123.611 51.041 122.939 51.857 121.907 51.857C120.911 51.857 120.191 51.041 120.191 49.793C120.191 48.545 120.911 47.765 121.907 47.765C122.951 47.765 123.611 48.545 123.611 49.793ZM125.84 51.161C125.84 52.073 126.596 52.889 127.772 52.889C128.804 52.889 129.38 52.337 129.632 51.929C129.632 52.349 129.668 52.565 129.692 52.709H130.796C130.772 52.565 130.724 52.265 130.724 51.761V48.869C130.724 47.741 130.052 46.757 128.324 46.757C127.076 46.757 126.08 47.525 125.96 48.629L127.04 48.881C127.112 48.209 127.556 47.717 128.348 47.717C129.224 47.717 129.596 48.185 129.596 48.749C129.596 48.953 129.5 49.133 129.152 49.181L127.592 49.409C126.596 49.553 125.84 50.129 125.84 51.161ZM127.928 51.941C127.352 51.941 126.992 51.533 126.992 51.101C126.992 50.585 127.352 50.309 127.832 50.237L129.596 49.973V50.237C129.596 51.497 128.852 51.941 127.928 51.941ZM131.941 51.209C132.037 51.869 132.709 52.889 134.293 52.889C135.721 52.889 136.405 51.917 136.405 51.101C136.405 50.249 135.853 49.613 134.809 49.385L133.873 49.181C133.429 49.085 133.213 48.833 133.213 48.485C133.213 48.089 133.597 47.717 134.173 47.717C135.085 47.717 135.325 48.377 135.373 48.677L136.369 48.305C136.249 47.789 135.757 46.757 134.173 46.757C133.045 46.757 132.121 47.597 132.121 48.581C132.121 49.397 132.661 50.009 133.561 50.201L134.545 50.417C135.025 50.525 135.289 50.801 135.289 51.161C135.289 51.569 134.941 51.929 134.305 51.929C133.489 51.929 133.033 51.449 132.961 50.849L131.941 51.209ZM138.581 49.229C138.629 48.485 139.205 47.753 140.153 47.753C141.173 47.753 141.713 48.401 141.737 49.229H138.581ZM141.905 50.729C141.689 51.377 141.221 51.893 140.285 51.893C139.313 51.893 138.569 51.173 138.545 50.141H142.889C142.901 50.069 142.913 49.925 142.913 49.781C142.913 47.981 141.917 46.757 140.141 46.757C138.689 46.757 137.381 47.993 137.381 49.805C137.381 51.761 138.737 52.889 140.285 52.889C141.629 52.889 142.553 52.085 142.877 51.065L141.905 50.729ZM146.993 51.161C146.993 52.073 147.749 52.889 148.925 52.889C149.957 52.889 150.533 52.337 150.785 51.929C150.785 52.349 150.821 52.565 150.845 52.709H151.949C151.925 52.565 151.877 52.265 151.877 51.761V48.869C151.877 47.741 151.205 46.757 149.477 46.757C148.229 46.757 147.233 47.525 147.113 48.629L148.193 48.881C148.265 48.209 148.709 47.717 149.501 47.717C150.377 47.717 150.749 48.185 150.749 48.749C150.749 48.953 150.653 49.133 150.305 49.181L148.745 49.409C147.749 49.553 146.993 50.129 146.993 51.161ZM149.081 51.941C148.505 51.941 148.145 51.533 148.145 51.101C148.145 50.585 148.505 50.309 148.985 50.237L150.749 49.973V50.237C150.749 51.497 150.005 51.941 149.081 51.941ZM154.75 54.989V51.929C155.062 52.445 155.734 52.865 156.622 52.865C158.314 52.865 159.31 51.533 159.31 49.817C15Line truncated
+<path d="M65.6258 84.9541H67.4258L64.1858 76.4461H62.2658L59.0018 84.9541H60.7538L61.4618 83.0101H64.9178L65.6258 84.9541ZM63.1898 78.2821L64.3658 81.4981H62.0138L63.1898 78.2821ZM69.9666 81.5581C69.9666 80.8741 70.3746 80.3341 71.0706 80.3341C71.8386 80.3341 72.1626 80.8501 72.1626 81.5101V84.9541H73.7586V81.2341C73.7586 79.9381 73.0866 78.8941 71.6226 78.8941C70.9866 78.8941 70.2786 79.1701 69.9186 79.7821V79.0501H68.3706V84.9541H69.9666V81.5581ZM81.0064 76.2661H79.4344V79.6381C79.2664 79.3261 78.7864 78.9061 77.7664 78.9061C76.0984 78.9061 74.9344 80.2621 74.9344 81.9901C74.9344 83.7781 76.1344 85.0981 77.8144 85.0981C78.6064 85.0981 79.2064 84.7381 79.4704 84.2701C79.4704 84.5461 79.5064 84.8341 79.5304 84.9541H81.0544C81.0304 84.7141 81.0064 84.2821 81.0064 83.8861V76.2661ZM76.5424 81.9901C76.5424 80.9341 77.1904 80.3341 78.0064 80.3341C78.8224 80.3341 79.4584 80.9221 79.4584 81.9781C79.4584 83.0461 78.8224 83.6701 78.0064 83.6701C77.1664 83.6701 76.5424 83.0461 76.5424 81.9901ZM86.3377 79.0261C86.2177 79.0141 86.0977 79.0021 85.9657 79.0021C85.4617 79.0021 84.6457 79.1461 84.2857 79.9261V79.0501H82.7377V84.9541H84.3337V82.2541C84.3337 80.9821 85.0417 80.5861 85.8577 80.5861C86.0017 80.5861 86.1577 80.5981 86.3377 80.6341V79.0261ZM88.5658 81.3301C88.6018 80.7901 89.0578 80.1661 89.8858 80.1661C90.7978 80.1661 91.1818 80.7421 91.2058 81.3301H88.5658ZM91.3618 82.8661C91.1698 83.3941 90.7618 83.7661 90.0178 83.7661C89.2258 83.7661 88.5658 83.2021 88.5298 82.4221H92.7538C92.7538 82.3981 92.7778 82.1581 92.7778 81.9301C92.7778 80.0341 91.6858 78.8701 89.8618 78.8701C88.3498 78.8701 86.9578 80.0941 86.9578 81.9781C86.9578 83.9701 88.3858 85.1341 90.0058 85.1341C91.4578 85.1341 92.3938 84.2821 92.6938 83.2621L91.3618 82.8661ZM97.2889 79.0501L96.0049 82.8421L94.9129 79.0501H93.2329L95.1169 84.9541H96.7369L98.0929 80.9221L99.4729 84.9541H101.069L102.917 79.0501H101.333L100.241 82.8541L98.9689 79.0501H97.2889Z" fill="#EDEDED"/>
+<path d="M61.1618 104.931V96.4232H59.9618V104.931H61.1618ZM68.6291 100.023C69.6131 100.023 70.0331 100.683 70.1771 101.247L71.1971 100.815C70.9571 99.9392 70.1651 98.9792 68.6291 98.9792C66.9851 98.9792 65.7251 100.239 65.7251 102.039C65.7251 103.791 66.9611 105.111 68.6411 105.111C70.1411 105.111 70.9691 104.139 71.2451 103.311L70.2491 102.879C70.1171 103.335 69.7211 104.067 68.6411 104.067C67.7051 104.067 66.8771 103.359 66.8771 102.039C66.8771 100.695 67.7171 100.023 68.6291 100.023ZM72.1498 103.383C72.1498 104.295 72.9058 105.111 74.0818 105.111C75.1138 105.111 75.6898 104.559 75.9418 104.151C75.9418 104.571 75.9778 104.787 76.0018 104.931H77.1058C77.0818 104.787 77.0338 104.487 77.0338 103.983V101.091C77.0338 99.9632 76.3618 98.9792 74.6338 98.9792C73.3858 98.9792 72.3898 99.7472 72.2698 100.851L73.3498 101.103C73.4218 100.431 73.8658 99.9392 74.6578 99.9392C75.5338 99.9392 75.9058 100.407 75.9058 100.971C75.9058 101.175 75.8098 101.355 75.4618 101.403L73.9018 101.631C72.9058 101.775 72.1498 102.351 72.1498 103.383ZM74.2378 104.163C73.6618 104.163 73.3018 103.755 73.3018 103.323C73.3018 102.807 73.6618 102.531 74.1418 102.459L75.9058 102.195V102.459C75.9058 103.719 75.1618 104.163 74.2378 104.163ZM79.9191 101.595C79.9191 100.719 80.3751 100.011 81.2631 100.011C82.2711 100.011 82.6071 100.659 82.6071 101.463V104.931H83.7351V101.271C83.7351 99.9872 83.0511 98.9912 81.6711 98.9912C80.9991 98.9912 80.3151 99.2672 79.8951 99.9872V99.1592H78.7911V104.931H79.9191V101.595ZM90.9533 100.023C91.9373 100.023 92.3573 100.683 92.5013 101.247L93.5213 100.815C93.2813 99.9392 92.4893 98.9792 90.9533 98.9792C89.3093 98.9792 88.0493 100.239 88.0493 102.039C88.0493 103.791 89.2853 105.111 90.9653 105.111C92.4653 105.111 93.2933 104.139 93.5693 103.311L92.5733 102.879C92.4413 103.335 92.0453 104.067 90.9653 104.067C90.0293 104.067 89.2013 103.359 89.2013 102.039C89.2013 100.695 90.0413 100.023 90.9533 100.023ZM97.306 104.103C96.346 104.103 95.506 103.383 95.506 102.039C95.506 100.707 96.346 99.9872 97.306 99.9872C98.266 99.9872 99.106 100.707 99.106 102.039C99.106 103.383 98.266 104.103 97.306 104.103ZM97.306 98.9792C95.578 98.9792 94.354 100.287 94.354 102.039C94.354 103.803 95.578 105.111 97.306 105.111C99.034 105.111 100.258 103.803 100.258 102.039C100.258 100.287 99.034 98.9792 97.306 98.9792ZM102.829 101.595C102.829 100.719 103.285 100.011 104.173 100.011C105.181 100.011 105.517 100.659 105.517 101.463V104.931H106.645V101.271C106.645 99.9872 105.961 98.9912 104.581 98.9912C103.909 98.9912 103.225 99.2672 102.805 99.9872V99.1592H101.701V104.931H102.829V101.595ZM110.683 96.2072C109.639 96.2072 108.787 96.9032 108.787 98.1872V99.1592H107.719V100.179H108.787V104.931H109.951V100.179H112.651V104.931H113.767V99.1592H109.951V98.2352C109.951 97.4432 110.467 97.2632 110.863 97.2632C111.151 97.2632 111.295 97.3112 111.355 97.3352V96.3272C111.307 96.2912 111.067 96.2072 110.683 96.2072ZM112.399 96.9512C112.399 97.3952 112.759 97.7552 113.203 97.7552C113.659 97.7552 114.019 97.3952 114.019 96.9512C114.019 96.4952 113.659 96.1352 113.203 96.1352C112.759 96.1352 112.399 96.4952 112.399 96.9512ZM118.886 99.0992C118.826 99.0872 118.67 99.0632 118.514 99.0632C117.926 99.0632 117.206 99.2792 116.786 100.167V99.1592H115.682V104.931H116.81V102.039C116.81 100.767 117.446 100.263 118.394 100.263C118.55 100.263 118.718 100.275 118.886 100.299V99.0992ZM121.204 104.931V101.451C121.204 100.587 121.744 99.9872 122.548 99.9872C123.412 99.9872 123.772 100.563 123.772 101.307V104.931H124.9V101.439C124.9 100.611 125.44 99.9872 126.232 99.9872C127.084 99.9872 127.456 100.551 127.456 101.307V104.931H128.572V101.187C128.572 99.6752 127.588 98.9912 126.58 98.9912C125.848 98.9912 125.104 99.2552 124.648 100.083C124.336 99.3392 123.64 98.9912 122.92 98.9912C122.248 98.9912 121.528 99.2912 121.168 99.9272V99.1592H120.088V104.931H121.204ZM139.389 104.931H140.661L137.277 96.4232H135.921L132.537 104.931H133.797L134.697 102.555H138.465L139.389 104.931ZM136.569 97.6472L138.045 101.463H135.117L136.569 97.6472ZM142.814 101.595C142.814 100.719 143.27 100.011 144.158 100.011C145.166 100.011 145.502 100.659 145.502 101.463V104.931H146.63V101.271C146.63 99.9872 145.946 98.9912 144.566 98.9912C143.894 98.9912 143.21 99.2672 142.79 99.9872V99.1592H141.686V104.931H142.814V101.595ZM149.936 97.3352H148.904V98.2712C148.904 98.7752 148.64 99.1592 148.016 99.1592H147.704V100.179H148.808V103.347C148.808 104.391 149.432 104.991 150.416 104.991C150.8 104.991 151.088 104.919 151.184 104.883V103.923C151.088 103.947 150.884 103.971 150.74 103.971C150.152 103.971 149.936 103.707 149.936 103.179V100.179H151.184V99.1592H149.936V97.3352ZM156.805 104.931V99.1592H155.689V104.931H156.805ZM155.437 96.9752C155.437 97.4192 155.797 97.7792 156.241 97.7792C156.697 97.7792 157.057 97.4192 157.057 96.9752C157.057 96.5192 156.697 96.1592 156.241 96.1592C155.797 96.1592 155.437 96.5192 155.437 96.9752ZM158.185 103.431C158.281 104.091 158.953 105.111 160.537 105.111C161.965 105.111 162.649 104.13Line truncated
+<path d="M278.084 50.5073C278.084 49.6313 278.54 48.9233 279.428 48.9233C280.436 48.9233 280.772 49.5713 280.772 50.3753V53.8433H281.9V50.1833C281.9 48.8993 281.216 47.9033 279.836 47.9033C279.164 47.9033 278.48 48.1793 278.06 48.8993V48.0713H276.956V53.8433H278.084V50.5073ZM286.166 53.0153C285.206 53.0153 284.366 52.2953 284.366 50.9513C284.366 49.6193 285.206 48.8993 286.166 48.8993C287.126 48.8993 287.966 49.6193 287.966 50.9513C287.966 52.2953 287.126 53.0153 286.166 53.0153ZM286.166 47.8913C284.438 47.8913 283.214 49.1993 283.214 50.9513C283.214 52.7153 284.438 54.0233 286.166 54.0233C287.894 54.0233 289.118 52.7153 289.118 50.9513C289.118 49.1993 287.894 47.8913 286.166 47.8913ZM293.696 48.0713L292.196 52.4153L290.9 48.0713H289.664L291.56 53.8433H292.748L294.248 49.4513L295.784 53.8433H296.948L298.82 48.0713H297.632L296.36 52.4153L294.86 48.0713H293.696Z" fill="#707070"/>
+</svg>

apps/www/public/images/realtime/example-apps/dark/notifications.svg

@@ -0,0 +1,10 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="59.5892" y="58.4134" width="241.173" height="130.173" rx="7.5866" fill="#282828" stroke="#2E2E2E" stroke-width="0.826794"/>
+<rect x="49.8743" y="37.2957" width="260.44" height="141.382" rx="7.5866" fill="#2E2E2E" stroke="#3E3E3E" stroke-width="0.826794"/>
+<rect x="45" y="21.5" width="270.188" height="146.169" rx="7.5" fill="#343434" stroke="#3E3E3E"/>
+<rect x="59.3818" y="35.8823" width="24.8038" height="24.8038" rx="4.13397" fill="#3FCF8E"/>
+<path d="M98.131 46.133C97.939 45.209 97.171 44.021 95.251 44.021C93.679 44.021 92.443 45.221 92.443 46.553C92.443 47.825 93.307 48.617 94.519 48.881L95.731 49.145C96.583 49.325 97.003 49.853 97.003 50.465C97.003 51.209 96.427 51.821 95.251 51.821C93.967 51.821 93.295 50.945 93.211 49.997L92.083 50.357C92.239 51.569 93.211 52.889 95.263 52.889C97.075 52.889 98.203 51.689 98.203 50.369C98.203 49.181 97.411 48.293 95.995 47.981L94.723 47.705C94.003 47.549 93.631 47.081 93.631 46.469C93.631 45.677 94.315 45.053 95.275 45.053C96.463 45.053 96.979 45.893 97.075 46.505L98.131 46.133ZM103.2 52.013C103.2 52.253 103.224 52.577 103.248 52.709H104.328C104.304 52.505 104.268 52.097 104.268 51.641V46.937H103.14V50.417C103.14 51.293 102.684 51.893 101.772 51.893C100.824 51.893 100.464 51.197 100.464 50.405V46.937H99.3355V50.573C99.3355 51.881 100.152 52.889 101.496 52.889C102.168 52.889 102.888 52.613 103.2 52.013ZM107.308 54.989V51.929C107.62 52.445 108.292 52.865 109.18 52.865C110.872 52.865 111.868 51.533 111.868 49.817C111.868 48.137 110.944 46.805 109.216 46.805C108.28 46.805 107.596 47.261 107.284 47.837V46.937H106.192V54.989H107.308ZM110.716 49.817C110.716 51.005 110.056 51.857 109.012 51.857C107.98 51.857 107.296 51.005 107.296 49.817C107.296 48.665 107.98 47.801 109.012 47.801C110.068 47.801 110.716 48.665 110.716 49.817ZM112.946 51.161C112.946 52.073 113.702 52.889 114.878 52.889C115.91 52.889 116.486 52.337 116.738 51.929C116.738 52.349 116.774 52.565 116.798 52.709H117.902C117.878 52.565 117.83 52.265 117.83 51.761V48.869C117.83 47.741 117.158 46.757 115.43 46.757C114.182 46.757 113.186 47.525 113.066 48.629L114.146 48.881C114.218 48.209 114.662 47.717 115.454 47.717C116.33 47.717 116.702 48.185 116.702 48.749C116.702 48.953 116.606 49.133 116.258 49.181L114.698 49.409C113.702 49.553 112.946 50.129 112.946 51.161ZM115.034 51.941C114.458 51.941 114.098 51.533 114.098 51.101C114.098 50.585 114.458 50.309 114.938 50.237L116.702 49.973V50.237C116.702 51.497 115.958 51.941 115.034 51.941ZM120.703 52.709V51.869C121.063 52.493 121.723 52.865 122.575 52.865C124.291 52.865 125.263 51.509 125.263 49.793C125.263 48.113 124.363 46.769 122.611 46.769C121.651 46.769 120.979 47.237 120.703 47.753V44.021H119.587V52.709H120.703ZM124.111 49.793C124.111 51.041 123.439 51.857 122.407 51.857C121.411 51.857 120.691 51.041 120.691 49.793C120.691 48.545 121.411 47.765 122.407 47.765C123.451 47.765 124.111 48.545 124.111 49.793ZM126.34 51.161C126.34 52.073 127.096 52.889 128.272 52.889C129.304 52.889 129.88 52.337 130.132 51.929C130.132 52.349 130.168 52.565 130.192 52.709H131.296C131.272 52.565 131.224 52.265 131.224 51.761V48.869C131.224 47.741 130.552 46.757 128.824 46.757C127.576 46.757 126.58 47.525 126.46 48.629L127.54 48.881C127.612 48.209 128.056 47.717 128.848 47.717C129.724 47.717 130.096 48.185 130.096 48.749C130.096 48.953 130 49.133 129.652 49.181L128.092 49.409C127.096 49.553 126.34 50.129 126.34 51.161ZM128.428 51.941C127.852 51.941 127.492 51.533 127.492 51.101C127.492 50.585 127.852 50.309 128.332 50.237L130.096 49.973V50.237C130.096 51.497 129.352 51.941 128.428 51.941ZM132.441 51.209C132.537 51.869 133.209 52.889 134.793 52.889C136.221 52.889 136.905 51.917 136.905 51.101C136.905 50.249 136.353 49.613 135.309 49.385L134.373 49.181C133.929 49.085 133.713 48.833 133.713 48.485C133.713 48.089 134.097 47.717 134.673 47.717C135.585 47.717 135.825 48.377 135.873 48.677L136.869 48.305C136.749 47.789 136.257 46.757 134.673 46.757C133.545 46.757 132.621 47.597 132.621 48.581C132.621 49.397 133.161 50.009 134.061 50.201L135.045 50.417C135.525 50.525 135.789 50.801 135.789 51.161C135.789 51.569 135.441 51.929 134.805 51.929C133.989 51.929 133.533 51.449 133.461 50.849L132.441 51.209ZM139.081 49.229C139.129 48.485 139.705 47.753 140.653 47.753C141.673 47.753 142.213 48.401 142.237 49.229H139.081ZM142.405 50.729C142.189 51.377 141.721 51.893 140.785 51.893C139.813 51.893 139.069 51.173 139.045 50.141H143.389C143.401 50.069 143.413 49.925 143.413 49.781C143.413 47.981 142.417 46.757 140.641 46.757C139.189 46.757 137.881 47.993 137.881 49.805C137.881 51.761 139.237 52.889 140.785 52.889C142.129 52.889 143.053 52.085 143.377 51.065L142.405 50.729ZM147.493 51.161C147.493 52.073 148.249 52.889 149.425 52.889C150.457 52.889 151.033 52.337 151.285 51.929C151.285 52.349 151.321 52.565 151.345 52.709H152.449C152.425 52.565 152.377 52.265 152.377 51.761V48.869C152.377 47.741 151.705 46.757 149.977 46.757C148.729 46.757 147.733 47.525 147.613 48.629L148.693 48.881C148.765 48.209 149.209 47.717 150.001 47.717C150.877 47.717 151.249 48.185 151.249 48.749C151.249 48.953 151.153 49.133 150.805 49.181L149.245 49.409C148.249 49.553 147.493 50.129 147.493 51.161ZM149.581 51.941C149.005 51.941 148.645 51.533 148.645 51.101C148.645 50.585 149.005 50.309 149.485 50.237L151.249 49.973V50.237C151.249 51.497 150.505 51.941 149.581 51.941ZM155.25 54.989V51.929C155.562 52.445 156.234 52.865 157.122 52.865C158.814 52.865 159.81 51.533 159.81 49.817C159.Line truncated
+<path d="M66.1258 84.9541H67.9258L64.6858 76.4461H62.7658L59.5018 84.9541H61.2538L61.9618 83.0101H65.4178L66.1258 84.9541ZM63.6898 78.2821L64.8658 81.4981H62.5138L63.6898 78.2821ZM70.4666 81.5581C70.4666 80.8741 70.8746 80.3341 71.5706 80.3341C72.3386 80.3341 72.6626 80.8501 72.6626 81.5101V84.9541H74.2586V81.2341C74.2586 79.9381 73.5866 78.8941 72.1226 78.8941C71.4866 78.8941 70.7786 79.1701 70.4186 79.7821V79.0501H68.8706V84.9541H70.4666V81.5581ZM81.5064 76.2661H79.9344V79.6381C79.7664 79.3261 79.2864 78.9061 78.2664 78.9061C76.5984 78.9061 75.4344 80.2621 75.4344 81.9901C75.4344 83.7781 76.6344 85.0981 78.3144 85.0981C79.1064 85.0981 79.7064 84.7381 79.9704 84.2701C79.9704 84.5461 80.0064 84.8341 80.0304 84.9541H81.5544C81.5304 84.7141 81.5064 84.2821 81.5064 83.8861V76.2661ZM77.0424 81.9901C77.0424 80.9341 77.6904 80.3341 78.5064 80.3341C79.3224 80.3341 79.9584 80.9221 79.9584 81.9781C79.9584 83.0461 79.3224 83.6701 78.5064 83.6701C77.6664 83.6701 77.0424 83.0461 77.0424 81.9901ZM86.8377 79.0261C86.7177 79.0141 86.5977 79.0021 86.4657 79.0021C85.9617 79.0021 85.1457 79.1461 84.7857 79.9261V79.0501H83.2377V84.9541H84.8337V82.2541C84.8337 80.9821 85.5417 80.5861 86.3577 80.5861C86.5017 80.5861 86.6577 80.5981 86.8377 80.6341V79.0261ZM89.0658 81.3301C89.1018 80.7901 89.5578 80.1661 90.3858 80.1661C91.2978 80.1661 91.6818 80.7421 91.7058 81.3301H89.0658ZM91.8618 82.8661C91.6698 83.3941 91.2618 83.7661 90.5178 83.7661C89.7258 83.7661 89.0658 83.2021 89.0298 82.4221H93.2538C93.2538 82.3981 93.2778 82.1581 93.2778 81.9301C93.2778 80.0341 92.1858 78.8701 90.3618 78.8701C88.8498 78.8701 87.4578 80.0941 87.4578 81.9781C87.4578 83.9701 88.8858 85.1341 90.5058 85.1341C91.9578 85.1341 92.8938 84.2821 93.1938 83.2621L91.8618 82.8661ZM97.7889 79.0501L96.5049 82.8421L95.4129 79.0501H93.7329L95.6169 84.9541H97.2369L98.5929 80.9221L99.9729 84.9541H101.569L103.417 79.0501H101.833L100.741 82.8541L99.4689 79.0501H97.7889Z" fill="#ECEDEE"/>
+<path d="M61.6618 104.931V96.4232H60.4618V104.931H61.6618ZM69.1291 100.023C70.1131 100.023 70.5331 100.683 70.6771 101.247L71.6971 100.815C71.4571 99.9392 70.6651 98.9792 69.1291 98.9792C67.4851 98.9792 66.2251 100.239 66.2251 102.039C66.2251 103.791 67.4611 105.111 69.1411 105.111C70.6411 105.111 71.4691 104.139 71.7451 103.311L70.7491 102.879C70.6171 103.335 70.2211 104.067 69.1411 104.067C68.2051 104.067 67.3771 103.359 67.3771 102.039C67.3771 100.695 68.2171 100.023 69.1291 100.023ZM72.6498 103.383C72.6498 104.295 73.4058 105.111 74.5818 105.111C75.6138 105.111 76.1898 104.559 76.4418 104.151C76.4418 104.571 76.4778 104.787 76.5018 104.931H77.6058C77.5818 104.787 77.5338 104.487 77.5338 103.983V101.091C77.5338 99.9632 76.8618 98.9792 75.1338 98.9792C73.8858 98.9792 72.8898 99.7472 72.7698 100.851L73.8498 101.103C73.9218 100.431 74.3658 99.9392 75.1578 99.9392C76.0338 99.9392 76.4058 100.407 76.4058 100.971C76.4058 101.175 76.3098 101.355 75.9618 101.403L74.4018 101.631C73.4058 101.775 72.6498 102.351 72.6498 103.383ZM74.7378 104.163C74.1618 104.163 73.8018 103.755 73.8018 103.323C73.8018 102.807 74.1618 102.531 74.6418 102.459L76.4058 102.195V102.459C76.4058 103.719 75.6618 104.163 74.7378 104.163ZM80.4191 101.595C80.4191 100.719 80.8751 100.011 81.7631 100.011C82.7711 100.011 83.1071 100.659 83.1071 101.463V104.931H84.2351V101.271C84.2351 99.9872 83.5511 98.9912 82.1711 98.9912C81.4991 98.9912 80.8151 99.2672 80.3951 99.9872V99.1592H79.2911V104.931H80.4191V101.595ZM91.4533 100.023C92.4373 100.023 92.8573 100.683 93.0013 101.247L94.0213 100.815C93.7813 99.9392 92.9893 98.9792 91.4533 98.9792C89.8093 98.9792 88.5493 100.239 88.5493 102.039C88.5493 103.791 89.7853 105.111 91.4653 105.111C92.9653 105.111 93.7933 104.139 94.0693 103.311L93.0733 102.879C92.9413 103.335 92.5453 104.067 91.4653 104.067C90.5293 104.067 89.7013 103.359 89.7013 102.039C89.7013 100.695 90.5413 100.023 91.4533 100.023ZM97.806 104.103C96.846 104.103 96.006 103.383 96.006 102.039C96.006 100.707 96.846 99.9872 97.806 99.9872C98.766 99.9872 99.606 100.707 99.606 102.039C99.606 103.383 98.766 104.103 97.806 104.103ZM97.806 98.9792C96.078 98.9792 94.854 100.287 94.854 102.039C94.854 103.803 96.078 105.111 97.806 105.111C99.534 105.111 100.758 103.803 100.758 102.039C100.758 100.287 99.534 98.9792 97.806 98.9792ZM103.329 101.595C103.329 100.719 103.785 100.011 104.673 100.011C105.681 100.011 106.017 100.659 106.017 101.463V104.931H107.145V101.271C107.145 99.9872 106.461 98.9912 105.081 98.9912C104.409 98.9912 103.725 99.2672 103.305 99.9872V99.1592H102.201V104.931H103.329V101.595ZM111.183 96.2072C110.139 96.2072 109.287 96.9032 109.287 98.1872V99.1592H108.219V100.179H109.287V104.931H110.451V100.179H113.151V104.931H114.267V99.1592H110.451V98.2352C110.451 97.4432 110.967 97.2632 111.363 97.2632C111.651 97.2632 111.795 97.3112 111.855 97.3352V96.3272C111.807 96.2912 111.567 96.2072 111.183 96.2072ZM112.899 96.9512C112.899 97.3952 113.259 97.7552 113.703 97.7552C114.159 97.7552 114.519 97.3952 114.519 96.9512C114.519 96.4952 114.159 96.1352 113.703 96.1352C113.259 96.1352 112.899 96.4952 112.899 96.9512ZM119.386 99.0992C119.326 99.0872 119.17 99.0632 119.014 99.0632C118.426 99.0632 117.706 99.2792 117.286 100.167V99.1592H116.182V104.931H117.31V102.039C117.31 100.767 117.946 100.263 118.894 100.263C119.05 100.263 119.218 100.275 119.386 100.299V99.0992ZM121.704 104.931V101.451C121.704 100.587 122.244 99.9872 123.048 99.9872C123.912 99.9872 124.272 100.563 124.272 101.307V104.931H125.4V101.439C125.4 100.611 125.94 99.9872 126.732 99.9872C127.584 99.9872 127.956 100.551 127.956 101.307V104.931H129.072V101.187C129.072 99.6752 128.088 98.9912 127.08 98.9912C126.348 98.9912 125.604 99.2552 125.148 100.083C124.836 99.3392 124.14 98.9912 123.42 98.9912C122.748 98.9912 122.028 99.2912 121.668 99.9272V99.1592H120.588V104.931H121.704ZM139.889 104.931H141.161L137.777 96.4232H136.421L133.037 104.931H134.297L135.197 102.555H138.965L139.889 104.931ZM137.069 97.6472L138.545 101.463H135.617L137.069 97.6472ZM143.314 101.595C143.314 100.719 143.77 100.011 144.658 100.011C145.666 100.011 146.002 100.659 146.002 101.463V104.931H147.13V101.271C147.13 99.9872 146.446 98.9912 145.066 98.9912C144.394 98.9912 143.71 99.2672 143.29 99.9872V99.1592H142.186V104.931H143.314V101.595ZM150.436 97.3352H149.404V98.2712C149.404 98.7752 149.14 99.1592 148.516 99.1592H148.204V100.179H149.308V103.347C149.308 104.391 149.932 104.991 150.916 104.991C151.3 104.991 151.588 104.919 151.684 104.883V103.923C151.588 103.947 151.384 103.971 151.24 103.971C150.652 103.971 150.436 103.707 150.436 103.179V100.179H151.684V99.1592H150.436V97.3352ZM157.305 104.931V99.1592H156.189V104.931H157.305ZM155.937 96.9752C155.937 97.4192 156.297 97.7792 156.741 97.7792C157.197 97.7792 157.557 97.4192 157.557 96.9752C157.557 96.5192 157.197 96.1592 156.741 96.1592C156.297 96.1592 155.937 96.5192 155.937 96.9752ZM158.685 103.431C158.781 104.091 159.453 105.111 161.037 105.111C162.465 105.111 163.149 104.13Line truncated
+<path d="M278.584 50.5073C278.584 49.6313 279.04 48.9233 279.928 48.9233C280.936 48.9233 281.272 49.5713 281.272 50.3753V53.8433H282.4V50.1833C282.4 48.8993 281.716 47.9033 280.336 47.9033C279.664 47.9033 278.98 48.1793 278.56 48.8993V48.0713H277.456V53.8433H278.584V50.5073ZM286.666 53.0153C285.706 53.0153 284.866 52.2953 284.866 50.9513C284.866 49.6193 285.706 48.8993 286.666 48.8993C287.626 48.8993 288.466 49.6193 288.466 50.9513C288.466 52.2953 287.626 53.0153 286.666 53.0153ZM286.666 47.8913C284.938 47.8913 283.714 49.1993 283.714 50.9513C283.714 52.7153 284.938 54.0233 286.666 54.0233C288.394 54.0233 289.618 52.7153 289.618 50.9513C289.618 49.1993 288.394 47.8913 286.666 47.8913ZM294.196 48.0713L292.696 52.4153L291.4 48.0713H290.164L292.06 53.8433H293.248L294.748 49.4513L296.284 53.8433H297.448L299.32 48.0713H298.132L296.86 52.4153L295.36 48.0713H294.196Z" fill="#A0A0A0"/>
+</svg>

apps/www/public/images/realtime/example-apps/dark/stock-market.svg

@@ -0,0 +1,25 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M45.75 41H314.25" stroke="#282828"/>
+<path d="M45.75 73H314.25" stroke="#282828"/>
+<path d="M45.75 105H314.25" stroke="#282828"/>
+<path d="M45.75 137H314.25" stroke="#282828"/>
+<path d="M45.75 169H314.25" stroke="#282828"/>
+<path d="M96.5 132L96.5 31" stroke="#A0A0A0" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M98.5 54H94.5C93.3954 54 92.5 54.8954 92.5 56V103C92.5 104.105 93.3954 105 94.5 105H98.5C99.6046 105 100.5 104.105 100.5 103V56C100.5 54.8954 99.6046 54 98.5 54Z" fill="#A0A0A0"/>
+<path d="M68.5 152L68.5 51" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M70.5 74H66.5C65.3954 74 64.5 74.8954 64.5 76V123C64.5 124.105 65.3954 125 66.5 125H70.5C71.6046 125 72.5 124.105 72.5 123V76C72.5 74.8954 71.6046 74 70.5 74Z" fill="#17C573"/>
+<path d="M208.5 169L208.5 68" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M210.5 91H206.5C205.395 91 204.5 91.8954 204.5 93V140C204.5 141.105 205.395 142 206.5 142H210.5C211.605 142 212.5 141.105 212.5 140V93C212.5 91.8954 211.605 91 210.5 91Z" fill="#17C573"/>
+<path d="M236.5 113L236.5 51" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M238.5 66H234.5C233.395 66 232.5 66.8954 232.5 68V100C232.5 101.105 233.395 102 234.5 102H238.5C239.605 102 240.5 101.105 240.5 100V68C240.5 66.8954 239.605 66 238.5 66Z" fill="#17C573"/>
+<path d="M264.5 113L264.5 33" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M266.5 43H262.5C261.395 43 260.5 43.8954 260.5 45V81C260.5 82.1046 261.395 83 262.5 83H266.5C267.605 83 268.5 82.1046 268.5 81V45C268.5 43.8954 267.605 43 266.5 43Z" fill="#17C573"/>
+<path d="M292.5 124L292.5 23" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M294.5 33H290.5C289.395 33 288.5 33.8954 288.5 35V103C288.5 104.105 289.395 105 290.5 105H294.5C295.605 105 296.5 104.105 296.5 103V35C296.5 33.8954 295.605 33 294.5 33Z" fill="#17C573"/>
+<path d="M124.5 177L124.5 80" stroke="#A0A0A0" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M126.5 91H122.5C121.395 91 120.5 91.8954 120.5 93V140C120.5 141.105 121.395 142 122.5 142H126.5C127.605 142 128.5 141.105 128.5 140V93C128.5 91.8954 127.605 91 126.5 91Z" fill="#A0A0A0"/>
+<path d="M180.5 167L180.5 91" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M182.5 102H178.5C177.395 102 176.5 102.895 176.5 104V151C176.5 152.105 177.395 153 178.5 153H182.5C183.605 153 184.5 152.105 184.5 151V104C184.5 102.895 183.605 102 182.5 102Z" fill="#17C573"/>
+<path d="M152.5 189L152.5 124" stroke="#A0A0A0" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M154.5 147H150.5C149.395 147 148.5 147.895 148.5 149V172C148.5 173.105 149.395 174 150.5 174H154.5C155.605 174 156.5 173.105 156.5 172V149C156.5 147.895 155.605 147 154.5 147Z" fill="#A0A0A0"/>
+</svg>

apps/www/public/images/realtime/example-apps/dark/text-editor.svg

@@ -0,0 +1,41 @@
+<svg width="360" height="210" viewBox="0 0 360 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_929_17958)">
+<path d="M315 230.5H315.5V230V24C315.5 21.5147 313.485 19.5 311 19.5H48C45.5147 19.5 43.5 21.5147 43.5 24V230V230.5H44H315Z" fill="#343434" stroke="#3E3E3E"/>
+<path d="M44 24C44 21.7909 45.7909 20 48 20H311C313.209 20 315 21.7909 315 24V36H44V24Z" fill="#2E2E2E"/>
+<path d="M55.5273 31.0305C57.4754 31.0305 59.0546 29.4567 59.0546 27.5153C59.0546 25.5738 57.4754 24 55.5273 24C53.5792 24 52 25.5738 52 27.5153C52 29.4567 53.5792 31.0305 55.5273 31.0305Z" fill="#3E3E3E"/>
+<path d="M65.3779 31.0305C67.326 31.0305 68.9052 29.4567 68.9052 27.5153C68.9052 25.5738 67.326 24 65.3779 24C63.4298 24 61.8506 25.5738 61.8506 27.5153C61.8506 29.4567 63.4298 31.0305 65.3779 31.0305Z" fill="#3E3E3E"/>
+<path d="M75.2221 31.0305C77.1702 31.0305 78.7495 29.4567 78.7495 27.5153C78.7495 25.5738 77.1702 24 75.2221 24C73.2741 24 71.6948 25.5738 71.6948 27.5153C71.6948 29.4567 73.2741 31.0305 75.2221 31.0305Z" fill="#3E3E3E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M106.76 135.25H263.115V149.465H106.76V135.25ZM288.378 163.68V149.465H64.0215V162.854V163.68V177.069H176.83V163.68H288.378Z" fill="#3FCF8E"/>
+<path d="M99.9963 165.954H72.4083C70.2762 165.954 68.5479 167.675 68.5479 169.798C68.5479 171.921 70.2762 173.643 72.4083 173.643H99.9963C102.128 173.643 103.857 171.921 103.857 169.798C103.857 167.675 102.128 165.954 99.9963 165.954Z" fill="white"/>
+<path d="M165.784 165.954H112.476C110.344 165.954 108.615 167.675 108.615 169.798C108.615 171.921 110.344 173.643 112.476 173.643H165.784C167.916 173.643 169.644 171.921 169.644 169.798C169.644 167.675 167.916 165.954 165.784 165.954Z" fill="white"/>
+<path d="M125.438 152.112H97.8497C95.7176 152.112 93.9893 153.833 93.9893 155.957C93.9893 158.08 95.7176 159.801 97.8497 159.801H125.438C127.57 159.801 129.298 158.08 129.298 155.957C129.298 153.833 127.57 152.112 125.438 152.112Z" fill="white"/>
+<path d="M279.3 152.112H136.923C134.791 152.112 133.062 153.833 133.062 155.957C133.062 158.08 134.791 159.801 136.923 159.801H279.3C281.432 159.801 283.161 158.08 283.161 155.957C283.161 153.833 281.432 152.112 279.3 152.112Z" fill="white"/>
+<path d="M253.866 138.276H122.79C120.658 138.276 118.93 139.998 118.93 142.121C118.93 144.244 120.658 145.965 122.79 145.965H253.866C255.998 145.965 257.726 144.244 257.726 142.121C257.726 139.998 255.998 138.276 253.866 138.276Z" fill="white"/>
+<path d="M99.9963 138.276H72.4083C70.2762 138.276 68.5479 139.997 68.5479 142.12C68.5479 144.244 70.2762 145.965 72.4083 145.965H99.9963C102.128 145.965 103.857 144.244 103.857 142.12C103.857 139.997 102.128 138.276 99.9963 138.276Z" fill="#505050"/>
+<path d="M120.553 80.3723H92.9649C90.8329 80.3723 89.1045 82.0934 89.1045 84.2166C89.1045 86.3397 90.8329 88.0608 92.9649 88.0608H120.553C122.685 88.0608 124.413 86.3397 124.413 84.2166C124.413 82.0934 122.685 80.3723 120.553 80.3723Z" fill="#505050"/>
+<path d="M235.665 80.3723H132.04C129.908 80.3723 128.18 82.0934 128.18 84.2166C128.18 86.3397 129.908 88.0608 132.04 88.0608H235.665C237.797 88.0608 239.525 86.3397 239.525 84.2166C239.525 82.0934 237.797 80.3723 235.665 80.3723Z" fill="#505050"/>
+<path d="M120.553 66.5366H92.9649C90.8329 66.5366 89.1045 68.2578 89.1045 70.3809C89.1045 72.504 90.8329 74.2251 92.9649 74.2251H120.553C122.685 74.2251 124.413 72.504 124.413 70.3809C124.413 68.2578 122.685 66.5366 120.553 66.5366Z" fill="#505050"/>
+<path d="M99.1389 95.1682H71.5509C69.4188 95.1682 67.6904 96.8893 67.6904 99.0125C67.6904 101.136 69.4188 102.857 71.5509 102.857H99.1389C101.271 102.857 102.999 101.136 102.999 99.0125C102.999 96.8893 101.271 95.1682 99.1389 95.1682Z" fill="#505050"/>
+<path d="M205.596 66.5366H132.04C129.908 66.5366 128.18 68.2578 128.18 70.3809C128.18 72.504 129.908 74.2251 132.04 74.2251H205.596C207.728 74.2251 209.457 72.504 209.457 70.3809C209.457 68.2578 207.728 66.5366 205.596 66.5366Z" fill="#505050"/>
+<path d="M243.564 66.5366H215.976C213.844 66.5366 212.115 68.2578 212.115 70.3809C212.115 72.504 213.844 74.2251 215.976 74.2251H243.564C245.696 74.2251 247.424 72.504 247.424 70.3809C247.424 68.2578 245.696 66.5366 243.564 66.5366Z" fill="#505050"/>
+<path d="M280.705 80.3723H253.117C250.985 80.3723 249.257 82.0934 249.257 84.2166C249.257 86.3397 250.985 88.0608 253.117 88.0608H280.705C282.837 88.0608 284.566 86.3397 284.566 84.2166C284.566 82.0934 282.837 80.3723 280.705 80.3723Z" fill="#505050"/>
+<path d="M99.9963 52.6948H72.4083C70.2762 52.6948 68.5479 54.416 68.5479 56.5391C68.5479 58.6622 70.2762 60.3833 72.4083 60.3833H99.9963C102.128 60.3833 103.857 58.6622 103.857 56.5391C103.857 54.416 102.128 52.6948 99.9963 52.6948Z" fill="#505050"/>
+<path d="M253.866 52.6948H111.488C109.356 52.6948 107.628 54.416 107.628 56.5391C107.628 58.6622 109.356 60.3833 111.488 60.3833H253.866C255.998 60.3833 257.726 58.6622 257.726 56.5391C257.726 54.416 255.998 52.6948 253.866 52.6948Z" fill="#505050"/>
+<path d="M120.553 196.842H92.9649C90.8329 196.842 89.1045 198.563 89.1045 200.686C89.1045 202.809 90.8329 204.53 92.9649 204.53H120.553C122.685 204.53 124.413 202.809 124.413 200.686C124.413 198.563 122.685 196.842 120.553 196.842Z" fill="#505050"/>
+<path d="M205.596 196.842H132.04C129.908 196.842 128.18 198.563 128.18 200.686C128.18 202.809 129.908 204.53 132.04 204.53H205.596C207.728 204.53 209.457 202.809 209.457 200.686C209.457 198.563 207.728 196.842 205.596 196.842Z" fill="#505050"/>
+<path d="M243.564 196.842H215.976C213.844 196.842 212.115 198.563 212.115 200.686C212.115 202.809 213.844 204.53 215.976 204.53H243.564C245.696 204.53 247.424 202.809 247.424 200.686C247.424 198.563 245.696 196.842 243.564 196.842Z" fill="#505050"/>
+<path d="M99.9963 183H72.4083C70.2762 183 68.5479 184.721 68.5479 186.844C68.5479 188.967 70.2762 190.689 72.4083 190.689H99.9963C102.128 190.689 103.857 188.967 103.857 186.844C103.857 184.721 102.128 183 99.9963 183Z" fill="#505050"/>
+<path d="M253.866 183H111.488C109.356 183 107.628 184.721 107.628 186.844C107.628 188.967 109.356 190.689 111.488 190.689H253.866C255.998 190.689 257.726 188.967 257.726 186.844C257.726 184.721 255.998 183 253.866 183Z" fill="#505050"/>
+<path d="M26 107.51V126.089C26 126.853 26.6246 127.476 27.3919 127.476H110.715C111.482 127.476 112.107 128.098 112.107 128.863V143.938C112.107 145.046 113.011 145.947 114.123 145.947C115.236 145.947 116.14 145.046 116.14 143.938V107.51C116.14 106.746 115.515 106.123 114.748 106.123H27.3919C26.6246 106.123 26 106.746 26 107.51Z" fill="#A0A0A0"/>
+<path d="M76.7156 120.54H104.304C106.436 120.54 108.164 118.819 108.164 116.696C108.164 114.573 106.436 112.852 104.304 112.852H76.7156C74.5836 112.852 72.8552 114.573 72.8552 116.696C72.8552 118.819 74.5836 120.54 76.7156 120.54Z" fill="#3E3E3E"/>
+<path d="M38.2361 120.54H65.8242C67.9562 120.54 69.6846 118.819 69.6846 116.696C69.6846 114.573 67.9562 112.852 65.8242 112.852H38.2361C36.1041 112.852 34.3757 114.573 34.3757 116.696C34.3757 118.819 36.1041 120.54 38.2361 120.54Z" fill="#3E3E3E"/>
+<path d="M333.591 49.3871V67.9652C333.591 68.7299 332.967 69.3524 332.199 69.3524H248.876C248.109 69.3524 247.484 69.9748 247.484 70.7395V85.8142C247.484 86.9227 246.58 87.8238 245.468 87.8238C244.355 87.8238 243.451 86.9227 243.451 85.8142V49.3871C243.451 48.6224 244.076 48 244.843 48H332.199C332.967 48 333.591 48.6224 333.591 49.3871Z" fill="#3FCF8E"/>
+<path d="M282.876 54.728H255.288C253.156 54.728 251.428 56.4492 251.428 58.5723C251.428 60.6954 253.156 62.4165 255.288 62.4165H282.876C285.008 62.4165 286.737 60.6954 286.737 58.5723C286.737 56.4492 285.008 54.728 282.876 54.728Z" fill="white"/>
+<path d="M321.362 54.728H293.774C291.641 54.728 289.913 56.4492 289.913 58.5723C289.913 60.6954 291.641 62.4165 293.774 62.4165H321.362C323.494 62.4165 325.222 60.6954 325.222 58.5723C325.222 56.4492 323.494 54.728 321.362 54.728Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_929_17958">
+<rect width="360" height="210" fill="white"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/dark/toast-messages.svg

@@ -0,0 +1,10 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="59.9134" y="48.863" width="241.173" height="115.724" rx="7.5866" fill="#282828" stroke="#2E2E2E" stroke-width="0.826794"/>
+<rect x="49.9134" y="46.9919" width="260.173" height="105.889" rx="7.5866" fill="#2E2E2E" stroke="#343434" stroke-width="0.826794"/>
+<rect x="45" y="43.5" width="270" height="98" rx="7.5" fill="#343434" stroke="#3E3E3E"/>
+<path d="M66.5 58C66.2348 58 65.9804 58.1054 65.7929 58.2929C65.6054 58.4804 65.5 58.7348 65.5 59C65.5 59.2652 65.6054 59.5196 65.7929 59.7071C65.9804 59.8946 66.2348 60 66.5 60H72.5C72.7652 60 73.0196 59.8946 73.2071 59.7071C73.3946 59.5196 73.5 59.2652 73.5 59C73.5 58.7348 73.3946 58.4804 73.2071 58.2929C73.0196 58.1054 72.7652 58 72.5 58H66.5ZM63.5 62C63.5 61.7348 63.6054 61.4804 63.7929 61.2929C63.9804 61.1054 64.2348 61 64.5 61H74.5C74.7652 61 75.0196 61.1054 75.2071 61.2929C75.3946 61.4804 75.5 61.7348 75.5 62C75.5 62.2652 75.3946 62.5196 75.2071 62.7071C75.0196 62.8946 74.7652 63 74.5 63H64.5C64.2348 63 63.9804 62.8946 63.7929 62.7071C63.6054 62.5196 63.5 62.2652 63.5 62ZM61.5 66C61.5 65.4696 61.7107 64.9609 62.0858 64.5858C62.4609 64.2107 62.9696 64 63.5 64H75.5C76.0304 64 76.5391 64.2107 76.9142 64.5858C77.2893 64.9609 77.5 65.4696 77.5 66V70C77.5 70.5304 77.2893 71.0391 76.9142 71.4142C76.5391 71.7893 76.0304 72 75.5 72H63.5C62.9696 72 62.4609 71.7893 62.0858 71.4142C61.7107 71.0391 61.5 70.5304 61.5 70V66Z" fill="#A0A0A0"/>
+<path d="M95.652 67.192C97.476 67.192 98.928 66.076 98.928 63.988V58.492H97.272V63.868C97.272 64.984 96.66 65.572 95.652 65.572C94.668 65.572 94.044 64.984 94.044 63.868V58.492H92.388V63.988C92.388 66.076 93.84 67.192 95.652 67.192ZM102.21 69.28V66.424C102.498 66.82 103.098 67.144 103.914 67.144C105.582 67.144 106.698 65.824 106.698 64.036C106.698 62.284 105.702 60.964 103.974 60.964C103.086 60.964 102.426 61.36 102.162 61.816V61.096H100.614V69.28H102.21ZM105.126 64.048C105.126 65.104 104.478 65.716 103.662 65.716C102.846 65.716 102.186 65.092 102.186 64.048C102.186 63.004 102.846 62.392 103.662 62.392C104.478 62.392 105.126 63.004 105.126 64.048ZM109.557 67V58.312H107.961V67H109.557ZM113.918 65.728C113.138 65.728 112.418 65.152 112.418 64.048C112.418 62.932 113.138 62.368 113.918 62.368C114.698 62.368 115.418 62.932 115.418 64.048C115.418 65.164 114.698 65.728 113.918 65.728ZM113.918 60.916C112.154 60.916 110.822 62.224 110.822 64.048C110.822 65.86 112.154 67.18 113.918 67.18C115.682 67.18 117.014 65.86 117.014 64.048C117.014 62.224 115.682 60.916 113.918 60.916ZM117.914 65.392C117.914 66.316 118.682 67.168 119.942 67.168C120.818 67.168 121.382 66.76 121.682 66.292C121.682 66.52 121.706 66.844 121.742 67H123.206C123.17 66.796 123.134 66.376 123.134 66.064V63.16C123.134 61.972 122.438 60.916 120.566 60.916C118.982 60.916 118.13 61.936 118.034 62.86L119.45 63.16C119.498 62.644 119.882 62.2 120.578 62.2C121.25 62.2 121.574 62.548 121.574 62.968C121.574 63.172 121.466 63.34 121.13 63.388L119.678 63.604C118.694 63.748 117.914 64.336 117.914 65.392ZM120.278 65.98C119.762 65.98 119.51 65.644 119.51 65.296C119.51 64.84 119.834 64.612 120.242 64.552L121.574 64.348V64.612C121.574 65.656 120.95 65.98 120.278 65.98ZM130.347 58.312H128.775V61.684C128.607 61.372 128.127 60.952 127.107 60.952C125.439 60.952 124.275 62.308 124.275 64.036C124.275 65.824 125.475 67.144 127.155 67.144C127.947 67.144 128.547 66.784 128.811 66.316C128.811 66.592 128.847 66.88 128.871 67H130.395C130.371 66.76 130.347 66.328 130.347 65.932V58.312ZM125.883 64.036C125.883 62.98 126.531 62.38 127.347 62.38C128.163 62.38 128.799 62.968 128.799 64.024C128.799 65.092 128.163 65.716 127.347 65.716C126.507 65.716 125.883 65.092 125.883 64.036ZM133.675 67V61.096H132.079V67H133.675ZM131.887 59.164C131.887 59.692 132.331 60.136 132.871 60.136C133.423 60.136 133.855 59.692 133.855 59.164C133.855 58.612 133.423 58.168 132.871 58.168C132.331 58.168 131.887 58.612 131.887 59.164ZM136.979 63.604C136.979 62.92 137.387 62.38 138.083 62.38C138.851 62.38 139.175 62.896 139.175 63.556V67H140.771V63.28C140.771 61.984 140.099 60.94 138.635 60.94C137.999 60.94 137.291 61.216 136.931 61.828V61.096H135.383V67H136.979V63.604ZM141.971 67.324C142.139 68.452 143.219 69.46 144.839 69.46C147.059 69.46 147.935 67.984 147.935 66.364V61.096H146.399V61.792C146.195 61.396 145.655 60.988 144.719 60.988C143.099 60.988 141.971 62.308 141.971 63.868C141.971 65.524 143.147 66.736 144.719 66.736C145.571 66.736 146.123 66.364 146.363 65.98V66.412C146.363 67.552 145.799 68.056 144.791 68.056C144.035 68.056 143.519 67.588 143.411 66.94L141.971 67.324ZM144.995 65.368C144.167 65.368 143.579 64.792 143.579 63.868C143.579 62.956 144.203 62.38 144.995 62.38C145.763 62.38 146.387 62.956 146.387 63.868C146.387 64.78 145.811 65.368 144.995 65.368ZM155.552 67V59.212H154.124C153.968 60.028 153.176 60.664 152.036 60.676V61.792H153.908V67H155.552ZM158.662 62.224C158.626 62.092 158.602 61.936 158.602 61.792C158.602 61.06 159.01 60.496 159.838 60.496C160.618 60.496 161.014 61 161.014 61.564C161.014 62.104 160.75 62.512 160.09 62.908L158.806 63.676C157.414 64.516 156.982 65.632 156.97 67H162.73V65.572H158.998C159.118 65.272 159.37 65.056 159.67 64.864L161.17 63.952C162.13 63.364 162.682 62.548 162.682 61.54C162.682 60.184 161.614 59.032 159.874 59.032C158.062 59.032 157.03 60.268 157.03 61.636C157.03 61.828 157.066 62.068 157.09 62.176L158.662 62.224ZM169.57 65.728C168.79 65.728 168.07 65.152 168.07 64.048C168.07 62.932 168.79 62.368 169.57 62.368C170.35 62.368 171.07 62.932 171.07 64.048C171.07 65.164 170.35 65.728 169.57 65.728ZM169.57 60.916C167.806 60.916 166.474 62.224 166.474 64.048C166.474 65.86 167.806 67.18 169.57 67.18C171.334 67.18 172.666 65.86 172.666 64.048C172.666 62.224 171.334 60.916 169.57 60.916ZM177.767 67H179.291C179.267 66.796 179.231 66.388 179.231 65.932V61.096H177.635V64.528C177.635 65.212 177.227 65.692 176.519 65.692C175.775 65.692 175.439 65.164 175.439 64.504V61.096H173.843V64.828C173.843 66.112 174.659 67.156 176.087 67.156C176.711 67.156 177.395 66.916 177.719 66.364C177.719 66.604 177.743 66.88 177.767 67ZM182.902 59.332H181.462V60.16C181.462 60.688 181.174 61.096 180.55 61.096H180.25V62.512H181.318V65.26C181.318 66.4 182.038 67.084 183.19 67.084C183.658 67.084 183.946 67 184.09 66.94V65.62C184.006 65.644 183.79 65.668 183.598 65.668C183.142 65.668 182.902 65.5 182.902 64.984V62.512H184.09V61.096H182.902V59.332ZM191.027 65.728C190.247 65.728 189.527 65.152 189.527 64.048C1Line truncated
+<rect x="91.5" y="78" width="192" height="4" rx="2" fill="#3E3E3E"/>
+<rect x="91.5" y="78" width="111" height="4" rx="2" fill="#3FCF8E"/>
+<path d="M95.52 102.18C97.248 102.18 98.58 101.1 98.58 99.096V93.492H97.404V99.06C97.404 100.356 96.72 101.088 95.52 101.088C94.332 101.088 93.624 100.356 93.624 99.06V93.492H92.46V99.096C92.46 101.1 93.792 102.18 95.52 102.18ZM101.556 104.28V101.22C101.868 101.736 102.54 102.156 103.428 102.156C105.12 102.156 106.116 100.824 106.116 99.108C106.116 97.428 105.192 96.096 103.464 96.096C102.528 96.096 101.844 96.552 101.532 97.128V96.228H100.44V104.28H101.556ZM104.964 99.108C104.964 100.296 104.304 101.148 103.26 101.148C102.228 101.148 101.544 100.296 101.544 99.108C101.544 97.956 102.228 97.092 103.26 97.092C104.316 97.092 104.964 97.956 104.964 99.108ZM108.682 102V93.312H107.554V102H108.682ZM113.073 101.172C112.113 101.172 111.273 100.452 111.273 99.108C111.273 97.776 112.113 97.056 113.073 97.056C114.033 97.056 114.873 97.776 114.873 99.108C114.873 100.452 114.033 101.172 113.073 101.172ZM113.073 96.048C111.345 96.048 110.121 97.356 110.121 99.108C110.121 100.872 111.345 102.18 113.073 102.18C114.801 102.18 116.025 100.872 116.025 99.108C116.025 97.356 114.801 96.048 113.073 96.048ZM117.108 100.452C117.108 101.364 117.864 102.18 119.04 102.18C120.072 102.18 120.648 101.628 120.9 101.22C120.9 101.64 120.936 101.856 120.96 102H122.064C122.04 101.856 121.992 101.556 121.992 101.052V98.16C121.992 97.032 121.32 96.048 119.592 96.048C118.344 96.048 117.348 96.816 117.228 97.92L118.308 98.172C118.38 97.5 118.824 97.008 119.616 97.008C120.492 97.008 120.864 97.476 120.864 98.04C120.864 98.244 120.768 98.424 120.42 98.472L118.86 98.7C117.864 98.844 117.108 99.42 117.108 100.452ZM119.196 101.232C118.62 101.232 118.26 100.824 118.26 100.392C118.26 99.876 118.62 99.6 119.1 99.528L120.864 99.264V99.528C120.864 100.788 120.12 101.232 119.196 101.232ZM124.421 99.096C124.421 97.908 125.093 97.068 126.125 97.068C127.157 97.068 127.781 97.884 127.781 99.072C127.781 100.26 127.145 101.16 126.113 101.16C125.033 101.16 124.421 100.284 124.421 99.096ZM127.793 101.22C127.793 101.568 127.829 101.868 127.853 102H128.945C128.933 101.904 128.885 101.484 128.885 100.932V93.312H127.769V97.044C127.577 96.576 127.025 96.072 126.005 96.072C124.373 96.072 123.269 97.464 123.269 99.096C123.269 100.812 124.313 102.156 126.005 102.156C126.905 102.156 127.517 101.676 127.793 101.124V101.22ZM131.92 102V96.228H130.804V102H131.92ZM130.552 94.044C130.552 94.488 130.912 94.848 131.356 94.848C131.812 94.848 132.172 94.488 132.172 94.044C132.172 93.588 131.812 93.228 131.356 93.228C130.912 93.228 130.552 93.588 130.552 94.044ZM134.967 98.664C134.967 97.788 135.423 97.08 136.311 97.08C137.319 97.08 137.655 97.728 137.655 98.532V102H138.783V98.34C138.783 97.056 138.099 96.06 136.719 96.06C136.047 96.06 135.363 96.336 134.943 97.056V96.228H133.839V102H134.967V98.664ZM140.157 102.312C140.301 103.548 141.381 104.46 142.821 104.46C144.993 104.46 145.713 103.032 145.713 101.568V96.228H144.597V97.032C144.309 96.456 143.709 96.12 142.821 96.12C141.237 96.12 140.169 97.368 140.169 98.928C140.169 100.56 141.285 101.724 142.821 101.724C143.685 101.724 144.309 101.304 144.585 100.776V101.604C144.585 102.852 144.033 103.476 142.821 103.476C141.945 103.476 141.333 102.864 141.249 102.06L140.157 102.312ZM142.989 100.776C141.969 100.776 141.321 100.056 141.321 98.928C141.321 97.812 141.993 97.08 142.989 97.08C143.961 97.08 144.633 97.812 144.633 98.928C144.633 100.044 143.961 100.776 142.989 100.776ZM152.027 94.404H150.995V95.34C150.995 95.844 150.731 96.228 150.107 96.228H149.795V97.248H150.899V100.416C150.899 101.46 151.523 102.06 152.507 102.06C152.891 102.06 153.179 101.988 153.275 101.952V100.992C153.179 101.016 152.975 101.04 152.831 101.04C152.243 101.04 152.027 100.776 152.027 100.248V97.248H153.275V96.228H152.027V94.404ZM155.908 98.604C155.932 97.752 156.388 97.08 157.252 97.08C158.26 97.08 158.596 97.728 158.596 98.532V102H159.724V98.34C159.724 97.056 159.04 96.06 157.66 96.06C157 96.06 156.328 96.288 155.908 96.9V93.312H154.78V102H155.908V98.604ZM162.251 98.52C162.299 97.776 162.875 97.044 163.823 97.044C164.843 97.044 165.383 97.692 165.407 98.52H162.251ZM165.575 100.02C165.359 100.668 164.891 101.184 163.955 101.184C162.983 101.184 162.239 100.464 162.215 99.432H166.559C166.571 99.36 166.583 99.216 166.583 99.072C166.583 97.272 165.587 96.048 163.811 96.048C162.359 96.048 161.051 97.284 161.051 99.096C161.051 101.052 162.407 102.18 163.955 102.18C165.299 102.18 166.223 101.376 166.547 100.356L165.575 100.02ZM167.483 100.5C167.579 101.16 168.251 102.18 169.835 102.18C171.263 102.18 171.947 101.208 171.947 100.392C171.947 99.54 171.395 98.904 170.351 98.676L169.415 98.472C168.971 98.376 168.755 98.124 168.755 97.776C168.755 97.38 169.139 97.008 169.715 97.008C170.627 97.008 170.867 97.668 170.915 97.968L171.911 97.596C171.791 97.08 171.299 96.048 169.715 96.048C168.587 96.048 167.663 96.888 167.663 97.872C167.663 98.688 168.203 99.3 169.103 99.492L170.087 99.708C170.567 99.816 170.831 100.092 170.831 100.452C170.831 100.86 170.483 101.22 169.847 101.22CLine truncated
+</svg>

apps/www/public/images/realtime/example-apps/dark/whiteboard.svg

@@ -0,0 +1,8 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 35H70.5V157H155.5L192.5 135V35Z" fill="#343434"/>
+<path d="M70.5 35V34.5H70V35H70.5ZM192.5 35H193V34.5H192.5V35ZM70.5 157H70V157.5H70.5V157ZM155.5 157V157.5H155.637L155.756 157.43L155.5 157ZM192.5 135L192.756 135.43L193 135.284V135H192.5ZM70.5 35.5H192.5V34.5H70.5V35.5ZM71 157V35H70V157H71ZM155.5 156.5H70.5V157.5H155.5V156.5ZM155.756 157.43L192.756 135.43L192.244 134.57L155.244 156.57L155.756 157.43ZM192 35V135H193V35H192Z" fill="#3E3E3E"/>
+<path d="M155.5 157L155.5 135L192.5 135L155.5 157Z" fill="#282828"/>
+<path d="M52.5 99.5C54.1667 106.5 59.7 120.3 68.5 119.5C77.3 118.7 79 78 79.5 57.5C78.8906 78 78.1 116 90.5 116C102.9 116 101.5 84 102.5 68.5C102.055 79.5 100.7 99.5 107.5 99.5C114.3 99.5 115.894 81.5 116.5 73C115.644 85 112.3 108.1 119.5 108.5C128.5 109 124 83 133 83.5C142 84 131.5 110.5 142 110C152.5 109.5 147.07 86.0573 155 85C162.5 84 156 101 162 101C166.8 101 170 92.6667 171 88.5" stroke="#3FCF8E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M200.256 121.031L185.549 83.6442C185.19 82.7373 186.065 81.8369 186.978 82.1566L225.598 95.6824C226.583 96.0282 226.623 97.4049 225.657 97.8029L209.776 104.341C209.502 104.452 209.28 104.673 209.162 104.948L202.357 121.057C201.959 121.997 200.628 121.977 200.256 121.031ZM304.065 124.45C304.065 115.152 296.529 107.616 287.231 107.616H227.327C218.029 107.616 210.493 115.152 210.493 124.45C210.493 133.748 218.029 141.284 227.327 141.284H287.231C296.529 141.284 304.065 133.748 304.065 124.45Z" fill="#3FCF8E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M245.12 127.236C246.634 127.236 247.861 126.009 247.861 124.496C247.861 122.982 246.634 121.755 245.12 121.755C243.607 121.755 242.38 122.982 242.38 124.496C242.38 126.009 243.607 127.236 245.12 127.236ZM255.781 127.236C257.295 127.236 258.522 126.009 258.522 124.496C258.522 122.982 257.295 121.755 255.781 121.755C254.268 121.755 253.041 122.982 253.041 124.496C253.041 126.009 254.268 127.236 255.781 127.236ZM269.176 124.496C269.176 126.009 267.949 127.236 266.436 127.236C264.922 127.236 263.695 126.009 263.695 124.496C263.695 122.982 264.922 121.755 266.436 121.755C267.949 121.755 269.176 122.982 269.176 124.496Z" fill="#ECEDEE"/>
+</svg>

apps/www/public/images/realtime/example-apps/light/code-editor.svg

@@ -0,0 +1,83 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1119_17619)">
+<path d="M403.692 312.024H404.192V311.524V24C404.192 21.5147 402.177 19.5 399.692 19.5H31.4873C29.002 19.5 26.9873 21.5147 26.9873 24V311.524V312.024H27.4873H403.692Z" fill="white" stroke="#ECEEF0"/>
+<path d="M27.4873 24C27.4873 21.7909 29.2782 20 31.4873 20H399.692C401.901 20 403.692 21.7909 403.692 24V42.2113H27.4873V24Z" fill="#D7DBDF"/>
+<path d="M48.3297 115.164H39.7996V113.59L44.0647 109.746C44.6871 109.184 45.1996 108.611 45.6023 108.025C46.005 107.427 46.2064 106.799 46.2064 106.14V105.92C46.2064 105.151 46.005 104.559 45.6023 104.145C45.1996 103.717 44.6016 103.504 43.8084 103.504C43.0274 103.504 42.4233 103.705 41.9962 104.108C41.5813 104.498 41.2701 105.023 41.0627 105.682L39.6898 105.17C39.8119 104.791 39.9766 104.425 40.184 104.071C40.4037 103.705 40.6783 103.382 41.0078 103.101C41.3373 102.82 41.7339 102.595 42.1976 102.424C42.6735 102.253 43.2227 102.168 43.845 102.168C44.4796 102.168 45.0409 102.259 45.5291 102.442C46.0294 102.625 46.4443 102.881 46.7738 103.211C47.1155 103.54 47.3718 103.931 47.5426 104.382C47.7257 104.834 47.8172 105.328 47.8172 105.865C47.8172 106.353 47.744 106.811 47.5975 107.238C47.4633 107.665 47.268 108.074 47.0118 108.464C46.7677 108.855 46.4687 109.239 46.1148 109.618C45.7731 109.984 45.3887 110.35 44.9616 110.716L41.3922 113.828H48.3297V115.164ZM51.0317 115.164V113.828H54.6927V103.522H54.5645L51.3429 106.524L50.4459 105.554L53.8323 102.387H56.2303V113.828H59.5984V115.164H51.0317ZM48.3297 139.164H39.7996V137.59L44.0647 133.746C44.6871 133.184 45.1996 132.611 45.6023 132.025C46.005 131.427 46.2064 130.799 46.2064 130.14V129.92C46.2064 129.151 46.005 128.559 45.6023 128.145C45.1996 127.717 44.6016 127.504 43.8084 127.504C43.0274 127.504 42.4233 127.705 41.9962 128.108C41.5813 128.498 41.2701 129.023 41.0627 129.682L39.6898 129.17C39.8119 128.791 39.9766 128.425 40.184 128.071C40.4037 127.705 40.6783 127.382 41.0078 127.101C41.3373 126.82 41.7339 126.595 42.1976 126.424C42.6735 126.253 43.2227 126.168 43.845 126.168C44.4796 126.168 45.0409 126.259 45.5291 126.442C46.0294 126.625 46.4443 126.881 46.7738 127.211C47.1155 127.54 47.3718 127.931 47.5426 128.382C47.7257 128.834 47.8172 129.328 47.8172 129.865C47.8172 130.353 47.744 130.811 47.5975 131.238C47.4633 131.665 47.268 132.074 47.0118 132.464C46.7677 132.855 46.4687 133.239 46.1148 133.618C45.7731 133.984 45.3887 134.35 44.9616 134.716L41.3922 137.828H48.3297V139.164ZM59.3055 139.164H50.7754V137.59L55.0405 133.746C55.6628 133.184 56.1754 132.611 56.5781 132.025C56.9808 131.427 57.1821 130.799 57.1821 130.14V129.92C57.1821 129.151 56.9808 128.559 56.5781 128.145C56.1754 127.717 55.5774 127.504 54.7842 127.504C54.0032 127.504 53.3991 127.705 52.972 128.108C52.5571 128.498 52.2459 129.023 52.0385 129.682L50.6656 129.17C50.7876 128.791 50.9524 128.425 51.1598 128.071C51.3795 127.705 51.6541 127.382 51.9836 127.101C52.313 126.82 52.7096 126.595 53.1734 126.424C53.6493 126.253 54.1984 126.168 54.8208 126.168C55.4554 126.168 56.0167 126.259 56.5049 126.442C57.0052 126.625 57.4201 126.881 57.7496 127.211C58.0913 127.54 58.3475 127.931 58.5184 128.382C58.7014 128.834 58.793 129.328 58.793 129.865C58.793 130.353 58.7197 130.811 58.5733 131.238C58.4391 131.665 58.2438 132.074 57.9876 132.464C57.7435 132.855 57.4445 133.239 57.0906 133.618C56.7489 133.984 56.3645 134.35 55.9374 134.716L52.368 137.828H59.3055V139.164ZM48.3297 163.164H39.7996V161.59L44.0647 157.746C44.6871 157.184 45.1996 156.611 45.6023 156.025C46.005 155.427 46.2064 154.799 46.2064 154.14V153.92C46.2064 153.151 46.005 152.559 45.6023 152.145C45.1996 151.717 44.6016 151.504 43.8084 151.504C43.0274 151.504 42.4233 151.705 41.9962 152.108C41.5813 152.498 41.2701 153.023 41.0627 153.682L39.6898 153.17C39.8119 152.791 39.9766 152.425 40.184 152.071C40.4037 151.705 40.6783 151.382 41.0078 151.101C41.3373 150.82 41.7339 150.595 42.1976 150.424C42.6735 150.253 43.2227 150.168 43.845 150.168C44.4796 150.168 45.0409 150.259 45.5291 150.442C46.0294 150.625 46.4443 150.881 46.7738 151.211C47.1155 151.54 47.3718 151.931 47.5426 152.382C47.7257 152.834 47.8172 153.328 47.8172 153.865C47.8172 154.353 47.744 154.811 47.5975 155.238C47.4633 155.665 47.268 156.074 47.0118 156.464C46.7677 156.855 46.4687 157.239 46.1148 157.618C45.7731 157.984 45.3887 158.35 44.9616 158.716L41.3922 161.828H48.3297V163.164ZM54.4181 155.805C55.3089 155.805 55.974 155.61 56.4133 155.22C56.8649 154.817 57.0906 154.304 57.0906 153.682V153.554C57.0906 152.871 56.871 152.358 56.4316 152.016C56.0045 151.675 55.4432 151.504 54.7476 151.504C54.0642 151.504 53.509 151.656 53.0818 151.961C52.6669 152.254 52.3252 152.645 52.0568 153.133L50.9036 152.254C51.0622 151.998 51.2575 151.748 51.4893 151.504C51.7212 151.248 51.9897 151.022 52.2947 150.827C52.612 150.631 52.972 150.473 53.3747 150.351C53.7896 150.229 54.2595 150.168 54.7842 150.168C55.3333 150.168 55.8459 150.241 56.3218 150.387C56.7977 150.521 57.2126 150.729 57.5665 151.01C57.9204 151.278 58.195 151.614 58.3903 152.016C58.5977 152.419 58.7014 152.877 58.7014 153.389C58.7014 153.804 58.6343 154.176 58.5001 154.506C58.3781 154.835 58.2011 155.122 57.9692 155.366C57.7496 155.61 57.4872 155.818 57.1821 155.989C56.8771 156.159 56.5537 156.288 56.212 156.373V156.446C56.5659 156.519 56.9076 156.641 57.2371 156.812C57.5665 156.971 57.8594 157.184 58.1157 157.453C58.372 157.709 58.5733 158.026 Line truncated
+<path d="M43.4904 35.3126C46.1947 35.3126 48.387 33.1277 48.387 30.4326C48.387 27.7375 46.1947 25.5527 43.4904 25.5527C40.7861 25.5527 38.5938 27.7375 38.5938 30.4326C38.5938 33.1277 40.7861 35.3126 43.4904 35.3126Z" fill="#ECEEF0"/>
+<path d="M57.1652 35.3126C59.8695 35.3126 62.0619 33.1277 62.0619 30.4326C62.0619 27.7375 59.8695 25.5527 57.1652 25.5527C54.4609 25.5527 52.2686 27.7375 52.2686 30.4326C52.2686 33.1277 54.4609 35.3126 57.1652 35.3126Z" fill="#ECEEF0"/>
+<path d="M70.8312 35.3126C73.5356 35.3126 75.7279 33.1277 75.7279 30.4326C75.7279 27.7375 73.5356 25.5527 70.8312 25.5527C68.1269 25.5527 65.9346 27.7375 65.9346 30.4326C65.9346 33.1277 68.1269 35.3126 70.8312 35.3126Z" fill="#ECEEF0"/>
+<path d="M228.23 133.471C228.23 132.58 228.328 131.726 228.523 130.909C228.731 130.079 229.005 129.31 229.347 128.602C229.701 127.894 230.11 127.26 230.573 126.698C231.037 126.125 231.525 125.643 232.038 125.252H233.521C232.984 125.655 232.477 126.125 232.001 126.662C231.537 127.187 231.123 127.766 230.756 128.401C230.403 129.023 230.122 129.7 229.914 130.433C229.707 131.153 229.603 131.903 229.603 132.684V134.258C229.603 135.039 229.707 135.796 229.914 136.528C230.122 137.248 230.403 137.925 230.756 138.56C231.123 139.182 231.537 139.756 232.001 140.281C232.477 140.818 232.984 141.287 233.521 141.69H232.038C231.525 141.312 231.037 140.836 230.573 140.262C230.11 139.689 229.701 139.048 229.347 138.34C229.005 137.633 228.731 136.87 228.523 136.052C228.328 135.222 228.23 134.362 228.23 133.471Z" fill="#9BA1A6"/>
+<path d="M241.275 139.384C240.591 139.384 239.981 139.268 239.444 139.036C238.919 138.792 238.474 138.456 238.108 138.029C237.742 137.602 237.461 137.083 237.266 136.473C237.083 135.863 236.991 135.186 236.991 134.441C236.991 133.697 237.089 133.02 237.284 132.41C237.479 131.799 237.76 131.281 238.126 130.854C238.492 130.414 238.938 130.079 239.462 129.847C239.987 129.615 240.585 129.499 241.256 129.499C242.172 129.499 242.916 129.7 243.49 130.103C244.063 130.506 244.484 131.031 244.753 131.677L243.581 132.3C243.41 131.812 243.123 131.433 242.721 131.165C242.33 130.896 241.842 130.762 241.256 130.762C240.829 130.762 240.445 130.835 240.103 130.982C239.774 131.116 239.493 131.311 239.261 131.568C239.029 131.824 238.852 132.129 238.73 132.483C238.62 132.837 238.565 133.221 238.565 133.636V135.247C238.565 135.662 238.62 136.046 238.73 136.4C238.852 136.754 239.029 137.059 239.261 137.315C239.493 137.572 239.78 137.773 240.121 137.919C240.463 138.054 240.854 138.121 241.293 138.121C241.927 138.121 242.452 137.974 242.867 137.681C243.282 137.388 243.612 136.986 243.856 136.473L244.899 137.187C244.618 137.822 244.179 138.346 243.581 138.761C242.995 139.176 242.226 139.384 241.275 139.384Z" fill="#9BA1A6"/>
+<path d="M247.418 139.164V129.719H248.772V130.817H248.846C248.992 130.451 249.2 130.14 249.468 129.883C249.737 129.627 250.133 129.499 250.658 129.499C251.207 129.499 251.616 129.639 251.884 129.92C252.153 130.189 252.318 130.542 252.379 130.982H252.433C252.604 130.555 252.848 130.201 253.166 129.92C253.483 129.639 253.922 129.499 254.484 129.499C255.252 129.499 255.765 129.768 256.021 130.304C256.29 130.841 256.424 131.61 256.424 132.611V139.164H255.069V132.849C255.069 132.043 254.984 131.488 254.813 131.183C254.654 130.866 254.355 130.707 253.916 130.707C253.526 130.707 253.208 130.835 252.964 131.092C252.72 131.336 252.598 131.714 252.598 132.226V139.164H251.244V132.849C251.244 132.043 251.158 131.488 250.987 131.183C250.829 130.866 250.536 130.707 250.109 130.707C249.718 130.707 249.395 130.835 249.139 131.092C248.894 131.336 248.772 131.714 248.772 132.226V139.164H247.418Z" fill="#9BA1A6"/>
+<path d="M262.11 136.675H264.471L262.366 141.745H261.139L262.11 136.675Z" fill="#9BA1A6"/>
+<path d="M283.915 139.164L280.528 129.719H282.011L283.366 133.673L284.83 137.938H284.903L286.368 133.673L287.722 129.719H289.168L285.782 139.164H283.915Z" fill="#9BA1A6"/>
+<path d="M296.41 127.632C295.983 127.632 295.684 127.547 295.513 127.376C295.342 127.193 295.257 126.967 295.257 126.698V126.406C295.257 126.137 295.342 125.917 295.513 125.747C295.684 125.564 295.983 125.472 296.41 125.472C296.837 125.472 297.136 125.564 297.307 125.747C297.478 125.917 297.563 126.137 297.563 126.406V126.698C297.563 126.967 297.478 127.193 297.307 127.376C297.136 127.547 296.837 127.632 296.41 127.632ZM292.273 137.919H295.678V130.963H292.273V129.719H297.142V137.919H300.327V139.164H292.273V137.919Z" fill="#9BA1A6"/>
+<path d="M306.965 139.384C306.281 139.384 305.665 139.268 305.116 139.036C304.579 138.804 304.115 138.475 303.725 138.047C303.346 137.608 303.053 137.089 302.846 136.492C302.639 135.881 302.535 135.204 302.535 134.46C302.535 133.703 302.639 133.02 302.846 132.41C303.066 131.799 303.365 131.281 303.743 130.854C304.121 130.414 304.573 130.079 305.097 129.847C305.634 129.615 306.226 129.499 306.873 129.499C307.508 129.499 308.081 129.615 308.594 129.847C309.118 130.079 309.564 130.402 309.93 130.817C310.296 131.22 310.577 131.702 310.772 132.263C310.967 132.824 311.065 133.441 311.065 134.112V134.807H304.072V135.247C304.072 135.662 304.14 136.046 304.274 136.4C304.408 136.754 304.597 137.059 304.841 137.315C305.097 137.572 305.403 137.773 305.756 137.919C306.123 138.054 306.525 138.121 306.965 138.121C307.599 138.121 308.148 137.974 308.612 137.681C309.076 137.388 309.43 136.986 309.674 136.473L310.754 137.205C310.473 137.84 310.003 138.365 309.344 138.78C308.697 139.182 307.904 139.384 306.965 139.384ZM306.873 130.707C306.47 130.707 306.098 130.78 305.756 130.927C305.415 131.073 305.116 131.275 304.859 131.531C304.615 131.787 304.42 132.092 304.274 132.446C304.14 132.788 304.072 133.166 304.072 133.581V133.709H309.491V133.508C309.491 133.093 309.424 132.715 309.289 132.373C309.167 132.031 308.99 131.738 308.758 131.494C308.539 131.238 308.264 131.043 307.935 130.909C307.617 130.774 307.264 130.707 306.873 130.707Z" fill="#9BA1A6"/>
+<path d="M312.833 129.719H314.133L315.213 137.883H315.378L316.988 129.719H318.599L320.21 137.883H320.375L321.455 129.719H322.718L321.272 139.164H319.368L317.867 131.256H317.721L316.183 139.164H314.279L312.833 129.719Z" fill="#9BA1A6"/>
+<path d="M324.999 129.719H326.463V131.256H326.536C327.147 130.085 328.117 129.499 329.447 129.499C330.606 129.499 331.509 129.932 332.156 130.799C332.815 131.665 333.145 132.879 333.145 134.441C333.145 136.003 332.815 137.218 332.156 138.084C331.509 138.95 330.606 139.384 329.447 139.384C328.117 139.384 327.147 138.798 326.536 137.626H326.463V142.825H324.999V129.719ZM328.88 138.084C329.734 138.084 330.393 137.828 330.856 137.315C331.332 136.791 331.57 136.101 331.57 135.247V133.636C331.57 132.782 331.332 132.098 330.856 131.586C330.393 131.061 329.734 130.799 328.88 130.799C328.55 130.799 328.239 130.841 327.946 130.927C327.653 131.012 327.397 131.14 327.177 131.311C326.958 131.47 326.781 131.671 326.646 131.915C326.524 132.147 326.463 132.422 326.463 132.739V136.144C326.463 136.461 326.524 136.742 326.646 136.986C326.781 137.218 326.958 137.419 327.177 137.59C327.397 137.748 327.653 137.87 327.946 137.956C328.239 138.041 328.55 138.084 328.88 138.084Z" fill="#9BA1A6"/>
+<path d="M339.727 139.384C339.068 139.384 338.47 139.268 337.933 139.036C337.409 138.804 336.957 138.475 336.579 138.047C336.213 137.608 335.932 137.089 335.737 136.492C335.541 135.881 335.444 135.198 335.444 134.441C335.444 133.697 335.541 133.02 335.737 132.41C335.932 131.799 336.213 131.281 336.579 130.854C336.957 130.414 337.409 130.079 337.933 129.847C338.47 129.615 339.068 129.499 339.727 129.499C340.386 129.499 340.978 129.615 341.503 129.847C342.04 130.079 342.491 130.414 342.857 130.854C343.236 131.281 343.522 131.799 343.718 132.41C343.913 133.02 344.01 133.697 344.01 134.441C344.01 135.198 343.913 135.881 343.718 136.492C343.522 137.089 343.236 137.608 342.857 138.047C342.491 138.475 342.04 138.804 341.503 139.036C340.978 139.268 340.386 139.384 339.727 139.384ZM339.727 138.121C340.545 138.121 341.204 137.877 341.704 137.388C342.204 136.9 342.455 136.144 342.455 135.119V133.764C342.455 132.739 342.204 131.982 341.704 131.494C341.204 131.006 340.545 130.762 339.727 130.762C338.91 130.762 338.251 131.006 337.75 131.494C337.25 131.982 337 132.739 337 133.764V135.119C337 136.144 337.25 136.9 337.75 137.388C338.251 137.877 338.91 138.121 339.727 138.121Z" fill="#9BA1A6"/>
+<path d="M346.621 137.919H349.385V130.963H346.621V129.719H350.849V132.098H350.941C351.136 131.354 351.502 130.774 352.039 130.359C352.588 129.932 353.284 129.719 354.126 129.719H355.444V131.183H353.668C352.826 131.183 352.143 131.427 351.618 131.915C351.106 132.403 350.849 133.044 350.849 133.837V137.919H354.51V139.164H346.621V137.919Z" fill="#9BA1A6"/>
+<path d="M362.136 139.164C361.416 139.164 360.886 138.963 360.544 138.56C360.214 138.157 360.05 137.639 360.05 137.004V130.963H356.901V129.719H359.244C359.561 129.719 359.781 129.658 359.903 129.536C360.037 129.401 360.104 129.176 360.104 128.858V126.387H361.514V129.719H365.816V130.963H361.514V137.919H365.816V139.164H362.136Z" fill="#9BA1A6"/>
+<path d="M371.867 136.675H374.229L372.124 141.745H370.897L371.867 136.675Z" fill="#9BA1A6"/>
+<path d="M390.634 137.919H393.819V130.963H390.451V129.719H393.819V127.778C393.819 127.144 393.984 126.625 394.313 126.222C394.655 125.82 395.186 125.618 395.906 125.618H399.072V126.863H395.283V129.719H399.072V130.963H395.283V137.919H398.651V139.164H390.634V137.919Z" fill="#9BA1A6"/>
+<path d="M405.582 139.384C404.923 139.384 404.325 139.268 403.788 139.036C403.263 138.804 402.812 138.475 402.433 138.047C402.067 137.608 401.787 137.089 401.591 136.492C401.396 135.881 401.299 135.198 401.299 134.441C401.299 133.697 401.396 133.02 401.591 132.41C401.787 131.799 402.067 131.281 402.433 130.854C402.812 130.414 403.263 130.079 403.788 129.847C404.325 129.615 404.923 129.499 405.582 129.499C406.241 129.499 406.833 129.615 407.357 129.847C407.894 130.079 408.346 130.414 408.712 130.854C409.09 131.281 409.377 131.799 409.572 132.41C409.768 133.02 409.865 133.697 409.865 134.441C409.865 135.198 409.768 135.881 409.572 136.492C409.377 137.089 409.09 137.608 408.712 138.047C408.346 138.475 407.894 138.804 407.357 139.036C406.833 139.268 406.241 139.384 405.582 139.384ZM405.582 138.121C406.399 138.121 407.058 137.877 407.559 137.388C408.059 136.9 408.309 136.144 408.309 135.119V133.764C408.309 132.739 408.059 131.982 407.559 131.494C407.058 131.006 406.399 130.762 405.582 130.762C404.764 130.762 404.105 131.006 403.605 131.494C403.105 131.982 402.854 132.739 402.854 133.764V135.119C402.854 136.144 403.105 136.9 403.605 137.388C404.105 137.877 404.764 138.121 405.582 138.121Z" fill="#9BA1A6"/>
+<path d="M412.476 137.919H415.24V130.963H412.476V129.719H416.704V132.098H416.796C416.991 131.354 417.357 130.774 417.894 130.359C418.443 129.932 419.139 129.719 419.981 129.719H421.299V131.183H419.523C418.681 131.183 417.998 131.427 417.473 131.915C416.96 132.403 416.704 133.044 416.704 133.837V137.919H420.365V139.164H412.476V137.919Z" fill="#9BA1A6"/>
+<path d="M427.863 139.384C427.18 139.384 426.569 139.268 426.032 139.036C425.508 138.792 425.062 138.456 424.696 138.029C424.33 137.602 424.049 137.083 423.854 136.473C423.671 135.863 423.58 135.186 423.58 134.441C423.58 133.697 423.677 133.02 423.872 132.41C424.068 131.799 424.348 131.281 424.714 130.854C425.081 130.414 425.526 130.079 426.051 129.847C426.575 129.615 427.173 129.499 427.845 129.499C428.76 129.499 429.504 129.7 430.078 130.103C430.651 130.506 431.072 131.031 431.341 131.677L430.169 132.3C429.998 131.812 429.712 131.433 429.309 131.165C428.918 130.896 428.43 130.762 427.845 130.762C427.417 130.762 427.033 130.835 426.691 130.982C426.362 131.116 426.081 131.311 425.849 131.568C425.618 131.824 425.441 132.129 425.319 132.483C425.209 132.837 425.154 133.221 425.154 133.636V135.247C425.154 135.662 425.209 136.046 425.319 136.4C425.441 136.754 425.618 137.059 425.849 137.315C426.081 137.572 426.368 137.773 426.71 137.919C427.051 138.054 427.442 138.121 427.881 138.121C428.516 138.121 429.041 137.974 429.455 137.681C429.87 137.388 430.2 136.986 430.444 136.473L431.487 137.187C431.207 137.822 430.767 138.346 430.169 138.761C429.584 139.176 428.815 139.384 427.863 139.384Z" fill="#9BA1A6"/>
+<path d="M438.674 139.384C437.991 139.384 437.374 139.268 436.825 139.036C436.288 138.804 435.824 138.475 435.434 138.047C435.056 137.608 434.763 137.089 434.555 136.492C434.348 135.881 434.244 135.204 434.244 134.46C434.244 133.703 434.348 133.02 434.555 132.41C434.775 131.799 435.074 131.281 435.452 130.854C435.831 130.414 436.282 130.079 436.807 129.847C437.344 129.615 437.936 129.499 438.582 129.499C439.217 129.499 439.791 129.615 440.303 129.847C440.828 130.079 441.273 130.402 441.639 130.817C442.005 131.22 442.286 131.702 442.481 132.263C442.677 132.824 442.774 133.441 442.774 134.112V134.807H435.782V135.247C435.782 135.662 435.849 136.046 435.983 136.4C436.117 136.754 436.307 137.059 436.551 137.315C436.807 137.572 437.112 137.773 437.466 137.919C437.832 138.054 438.235 138.121 438.674 138.121C439.309 138.121 439.858 137.974 440.321 137.681C440.785 137.388 441.139 136.986 441.383 136.473L442.463 137.205C442.182 137.84 441.713 138.365 441.054 138.78C440.407 139.182 439.614 139.384 438.674 139.384ZM438.582 130.707C438.18 130.707 437.808 130.78 437.466 130.927C437.124 131.073 436.825 131.275 436.569 131.531C436.325 131.787 436.13 132.092 435.983 132.446C435.849 132.788 435.782 133.166 435.782 133.581V133.709H441.2V133.508C441.2 133.093 441.133 132.715 440.999 132.373C440.877 132.031 440.7 131.738 440.468 131.494C440.248 131.238 439.974 131.043 439.644 130.909C439.327 130.774 438.973 130.707 438.582 130.707Z" fill="#9BA1A6"/>
+<path d="M451.224 133.471C451.224 134.362 451.12 135.222 450.913 136.052C450.717 136.87 450.443 137.633 450.089 138.34C449.747 139.048 449.345 139.689 448.881 140.262C448.417 140.836 447.929 141.312 447.417 141.69H445.934C446.459 141.287 446.959 140.818 447.435 140.281C447.911 139.756 448.326 139.182 448.68 138.56C449.046 137.925 449.332 137.248 449.54 136.528C449.747 135.796 449.851 135.039 449.851 134.258V132.684C449.851 131.903 449.747 131.153 449.54 130.433C449.332 129.7 449.046 129.023 448.68 128.401C448.326 127.766 447.911 127.187 447.435 126.662C446.959 126.125 446.459 125.655 445.934 125.252H447.417C447.929 125.643 448.417 126.125 448.881 126.698C449.345 127.26 449.747 127.894 450.089 128.602C450.443 129.31 450.717 130.079 450.913 130.909C451.12 131.726 451.224 132.58 451.224 133.471Z" fill="#9BA1A6"/>
+<path d="M471.784 141.69C471.272 141.69 470.887 141.544 470.631 141.251C470.375 140.97 470.247 140.616 470.247 140.189V139.036C470.247 138.706 470.277 138.42 470.338 138.176C470.411 137.932 470.497 137.712 470.595 137.517C470.692 137.321 470.802 137.15 470.924 137.004C471.046 136.845 471.162 136.699 471.272 136.565C471.479 136.321 471.62 136.113 471.693 135.942C471.778 135.759 471.821 135.57 471.821 135.375C471.821 134.911 471.607 134.576 471.18 134.368C470.753 134.148 470.125 134.039 469.295 134.039H467.867V132.904H469.295C470.125 132.904 470.753 132.8 471.18 132.593C471.607 132.373 471.821 132.031 471.821 131.568C471.821 131.372 471.778 131.189 471.693 131.018C471.62 130.835 471.479 130.622 471.272 130.378C471.162 130.243 471.046 130.103 470.924 129.957C470.802 129.798 470.692 129.627 470.595 129.444C470.497 129.249 470.411 129.029 470.338 128.785C470.277 128.529 470.247 128.236 470.247 127.907V126.753C470.247 126.326 470.375 125.972 470.631 125.692C470.887 125.399 471.272 125.252 471.784 125.252H475.006V126.387H471.51V127.797C471.51 128.297 471.583 128.681 471.729 128.95C471.876 129.218 472.047 129.481 472.242 129.737C472.449 130.005 472.645 130.286 472.828 130.579C473.011 130.86 473.102 131.195 473.102 131.586C473.102 132.098 472.919 132.513 472.553 132.831C472.199 133.148 471.711 133.349 471.089 133.435V133.508C471.711 133.593 472.199 133.795 472.553 134.112C472.919 134.429 473.102 134.844 473.102 135.357C473.102 135.747 473.011 136.089 472.828 136.382C472.645 136.662 472.449 136.937 472.242 137.205C472.047 137.462 471.876 137.724 471.729 137.993C471.583 138.261 471.51 138.645 471.51 139.146V140.555H475.006V141.69H471.784Z" fill="#9BA1A6"/>
+<path d="M177.379 161.626H177.305C176.695 162.798 175.725 163.384 174.395 163.384C173.236 163.384 172.326 162.95 171.667 162.084C171.021 161.218 170.697 160.003 170.697 158.441C170.697 156.879 171.021 155.665 171.667 154.799C172.326 153.932 173.236 153.499 174.395 153.499C175.725 153.499 176.695 154.085 177.305 155.256H177.379V149.618H178.843V163.164H177.379V161.626ZM174.962 162.084C175.292 162.084 175.603 162.041 175.896 161.956C176.189 161.87 176.445 161.748 176.665 161.59C176.884 161.419 177.055 161.218 177.177 160.986C177.311 160.742 177.379 160.461 177.379 160.144V156.739C177.379 156.422 177.311 156.147 177.177 155.915C177.055 155.671 176.884 155.47 176.665 155.311C176.445 155.14 176.189 155.012 175.896 154.927C175.603 154.841 175.292 154.799 174.962 154.799C174.108 154.799 173.443 155.061 172.967 155.586C172.503 156.098 172.271 156.782 172.271 157.636V159.247C172.271 160.101 172.503 160.79 172.967 161.315C173.443 161.828 174.108 162.084 174.962 162.084Z" fill="#9BA1A6"/>
+<path d="M186.652 151.632C186.225 151.632 185.926 151.547 185.755 151.376C185.584 151.193 185.499 150.967 185.499 150.698V150.406C185.499 150.137 185.584 149.917 185.755 149.747C185.926 149.564 186.225 149.472 186.652 149.472C187.079 149.472 187.378 149.564 187.549 149.747C187.72 149.917 187.805 150.137 187.805 150.406V150.698C187.805 150.967 187.72 151.193 187.549 151.376C187.378 151.547 187.079 151.632 186.652 151.632ZM182.515 161.919H185.92V154.963H182.515V153.719H187.384V161.919H190.569V163.164H182.515V161.919Z" fill="#9BA1A6"/>
+<path d="M197.152 163.384C196.163 163.384 195.309 163.219 194.589 162.889C193.881 162.548 193.277 162.096 192.777 161.535L193.765 160.675C194.217 161.15 194.711 161.517 195.248 161.773C195.785 162.029 196.432 162.157 197.188 162.157C197.921 162.157 198.519 162.029 198.982 161.773C199.458 161.504 199.696 161.089 199.696 160.528C199.696 160.284 199.647 160.083 199.55 159.924C199.464 159.753 199.342 159.619 199.184 159.521C199.025 159.424 198.848 159.351 198.653 159.302C198.458 159.241 198.25 159.192 198.03 159.155L196.548 158.936C196.218 158.887 195.858 158.82 195.468 158.734C195.089 158.649 194.742 158.515 194.424 158.332C194.107 158.136 193.839 157.88 193.619 157.563C193.412 157.245 193.308 156.831 193.308 156.318C193.308 155.842 193.399 155.433 193.582 155.092C193.778 154.738 194.046 154.445 194.388 154.213C194.729 153.969 195.132 153.792 195.596 153.682C196.06 153.56 196.566 153.499 197.115 153.499C197.969 153.499 198.708 153.633 199.33 153.902C199.965 154.17 200.508 154.542 200.959 155.018L200.007 155.915C199.898 155.781 199.757 155.647 199.586 155.513C199.428 155.366 199.226 155.238 198.982 155.128C198.75 155.006 198.476 154.909 198.159 154.835C197.841 154.762 197.475 154.725 197.06 154.725C196.316 154.725 195.742 154.854 195.34 155.11C194.949 155.366 194.754 155.738 194.754 156.226C194.754 156.471 194.797 156.678 194.882 156.849C194.98 157.007 195.108 157.136 195.266 157.233C195.425 157.331 195.602 157.41 195.797 157.471C196.005 157.52 196.212 157.563 196.42 157.599L197.902 157.819C198.244 157.868 198.604 157.935 198.982 158.02C199.361 158.106 199.708 158.246 200.026 158.441C200.343 158.624 200.605 158.875 200.813 159.192C201.032 159.509 201.142 159.924 201.142 160.437C201.142 161.376 200.776 162.102 200.044 162.615C199.324 163.127 198.36 163.384 197.152 163.384Z" fill="#9BA1A6"/>
+<path d="M204.265 153.719H205.73V155.256H205.803C206.413 154.085 207.383 153.499 208.713 153.499C209.873 153.499 210.776 153.932 211.423 154.799C212.081 155.665 212.411 156.879 212.411 158.441C212.411 160.003 212.081 161.218 211.423 162.084C210.776 162.95 209.873 163.384 208.713 163.384C207.383 163.384 206.413 162.798 205.803 161.626H205.73V166.825H204.265V153.719ZM208.146 162.084C209 162.084 209.659 161.828 210.123 161.315C210.599 160.79 210.837 160.101 210.837 159.247V157.636C210.837 156.782 210.599 156.098 210.123 155.586C209.659 155.061 209 154.799 208.146 154.799C207.816 154.799 207.505 154.841 207.212 154.927C206.919 155.012 206.663 155.14 206.444 155.311C206.224 155.47 206.047 155.671 205.913 155.915C205.791 156.147 205.73 156.422 205.73 156.739V160.144C205.73 160.461 205.791 160.742 205.913 160.986C206.047 161.218 206.224 161.419 206.444 161.59C206.663 161.748 206.919 161.87 207.212 161.956C207.505 162.041 207.816 162.084 208.146 162.084Z" fill="#9BA1A6"/>
+<path d="M214.966 161.919H218.261V150.863H214.966V149.618H219.726V161.919H223.021V163.164H214.966V161.919Z" fill="#9BA1A6"/>
+<path d="M233.539 163.164C232.965 163.164 232.556 163.018 232.312 162.725C232.068 162.432 231.916 162.066 231.855 161.626H231.763C231.556 162.176 231.22 162.609 230.756 162.926C230.305 163.231 229.695 163.384 228.926 163.384C227.938 163.384 227.15 163.127 226.565 162.615C225.979 162.102 225.686 161.401 225.686 160.51C225.686 159.631 226.003 158.954 226.638 158.478C227.285 158.002 228.322 157.764 229.75 157.764H231.763V156.831C231.763 156.135 231.568 155.616 231.177 155.275C230.787 154.921 230.232 154.744 229.512 154.744C228.877 154.744 228.359 154.872 227.956 155.128C227.553 155.372 227.23 155.708 226.986 156.135L225.997 155.403C226.119 155.159 226.284 154.921 226.491 154.689C226.699 154.457 226.955 154.256 227.26 154.085C227.565 153.902 227.913 153.761 228.304 153.664C228.694 153.554 229.127 153.499 229.603 153.499C230.714 153.499 231.592 153.78 232.239 154.341C232.898 154.902 233.228 155.683 233.228 156.684V161.883H234.546V163.164H233.539ZM229.182 162.157C229.561 162.157 229.902 162.115 230.207 162.029C230.525 161.932 230.799 161.809 231.031 161.663C231.263 161.504 231.44 161.321 231.562 161.114C231.696 160.894 231.763 160.662 231.763 160.418V158.862H229.75C228.871 158.862 228.23 158.984 227.828 159.228C227.425 159.473 227.224 159.826 227.224 160.29V160.675C227.224 161.163 227.394 161.535 227.736 161.791C228.09 162.035 228.572 162.157 229.182 162.157Z" fill="#9BA1A6"/>
+<path d="M244.002 153.719H245.466L240.78 165.232C240.671 165.501 240.549 165.733 240.414 165.928C240.28 166.136 240.121 166.3 239.938 166.422C239.755 166.557 239.536 166.654 239.279 166.715C239.023 166.788 238.718 166.825 238.364 166.825H236.973V165.58H239.17L240.231 162.981L236.424 153.719H237.925L239.517 157.673L240.927 161.26H241L242.41 157.673L244.002 153.719Z" fill="#9BA1A6"/>
+<path d="M258.54 156.355V155.11H267.253V156.355H258.54ZM258.54 160.016V158.771H267.253V160.016H258.54Z" fill="#9BA1A6"/>
+<path d="M285.178 163.384C284.494 163.384 283.884 163.268 283.347 163.036C282.823 162.792 282.377 162.456 282.011 162.029C281.645 161.602 281.364 161.083 281.169 160.473C280.986 159.863 280.894 159.186 280.894 158.441C280.894 157.697 280.992 157.02 281.187 156.41C281.383 155.799 281.663 155.281 282.029 154.854C282.395 154.414 282.841 154.079 283.366 153.847C283.89 153.615 284.488 153.499 285.159 153.499C286.075 153.499 286.819 153.7 287.393 154.103C287.966 154.506 288.387 155.031 288.656 155.677L287.484 156.3C287.313 155.812 287.027 155.433 286.624 155.165C286.233 154.896 285.745 154.762 285.159 154.762C284.732 154.762 284.348 154.835 284.006 154.982C283.677 155.116 283.396 155.311 283.164 155.568C282.932 155.824 282.755 156.129 282.633 156.483C282.524 156.837 282.469 157.221 282.469 157.636V159.247C282.469 159.662 282.524 160.046 282.633 160.4C282.755 160.754 282.932 161.059 283.164 161.315C283.396 161.572 283.683 161.773 284.025 161.919C284.366 162.054 284.757 162.121 285.196 162.121C285.831 162.121 286.355 161.974 286.77 161.681C287.185 161.388 287.515 160.986 287.759 160.473L288.802 161.187C288.521 161.822 288.082 162.346 287.484 162.761C286.898 163.176 286.13 163.384 285.178 163.384Z" fill="#9BA1A6"/>
+<path d="M291.321 163.164V153.719H292.676V154.817H292.749C292.895 154.451 293.103 154.14 293.371 153.883C293.64 153.627 294.036 153.499 294.561 153.499C295.11 153.499 295.519 153.639 295.787 153.92C296.056 154.189 296.221 154.542 296.282 154.982H296.337C296.507 154.555 296.751 154.201 297.069 153.92C297.386 153.639 297.825 153.499 298.387 153.499C299.156 153.499 299.668 153.768 299.924 154.304C300.193 154.841 300.327 155.61 300.327 156.611V163.164H298.972V156.849C298.972 156.043 298.887 155.488 298.716 155.183C298.558 154.866 298.259 154.707 297.819 154.707C297.429 154.707 297.111 154.835 296.867 155.092C296.623 155.336 296.501 155.714 296.501 156.226V163.164H295.147V156.849C295.147 156.043 295.061 155.488 294.89 155.183C294.732 154.866 294.439 154.707 294.012 154.707C293.621 154.707 293.298 154.835 293.042 155.092C292.798 155.336 292.676 155.714 292.676 156.226V163.164H291.321Z" fill="#9BA1A6"/>
+<path d="M306.8 163.329C306.299 163.329 305.946 163.225 305.738 163.018C305.543 162.81 305.445 162.548 305.445 162.23V161.901C305.445 161.584 305.543 161.321 305.738 161.114C305.946 160.906 306.299 160.803 306.8 160.803C307.3 160.803 307.648 160.906 307.843 161.114C308.051 161.321 308.154 161.584 308.154 161.901V162.23C308.154 162.548 308.051 162.81 307.843 163.018C307.648 163.225 307.3 163.329 306.8 163.329Z" fill="#9BA1A6"/>
+<path d="M320.064 161.626H319.99C319.38 162.798 318.41 163.384 317.08 163.384C315.921 163.384 315.012 162.95 314.353 162.084C313.706 161.218 313.382 160.003 313.382 158.441C313.382 156.879 313.706 155.665 314.353 154.799C315.012 153.932 315.921 153.499 317.08 153.499C318.41 153.499 319.38 154.085 319.99 155.256H320.064V149.618H321.528V163.164H320.064V161.626ZM317.647 162.084C317.977 162.084 318.288 162.041 318.581 161.956C318.874 161.87 319.13 161.748 319.35 161.59C319.569 161.419 319.74 161.218 319.862 160.986C319.997 160.742 320.064 160.461 320.064 160.144V156.739C320.064 156.422 319.997 156.147 319.862 155.915C319.74 155.671 319.569 155.47 319.35 155.311C319.13 155.14 318.874 155.012 318.581 154.927C318.288 154.841 317.977 154.799 317.647 154.799C316.793 154.799 316.128 155.061 315.652 155.586C315.189 156.098 314.957 156.782 314.957 157.636V159.247C314.957 160.101 315.189 160.79 315.652 161.315C316.128 161.828 316.793 162.084 317.647 162.084Z" fill="#9BA1A6"/>
+<path d="M329.337 151.632C328.91 151.632 328.611 151.547 328.44 151.376C328.269 151.193 328.184 150.967 328.184 150.698V150.406C328.184 150.137 328.269 149.917 328.44 149.747C328.611 149.564 328.91 149.472 329.337 149.472C329.764 149.472 330.063 149.564 330.234 149.747C330.405 149.917 330.49 150.137 330.49 150.406V150.698C330.49 150.967 330.405 151.193 330.234 151.376C330.063 151.547 329.764 151.632 329.337 151.632ZM325.2 161.919H328.605V154.963H325.2V153.719H330.069V161.919H333.254V163.164H325.2V161.919Z" fill="#9BA1A6"/>
+<path d="M339.837 163.384C338.849 163.384 337.994 163.219 337.274 162.889C336.567 162.548 335.962 162.096 335.462 161.535L336.451 160.675C336.902 161.15 337.396 161.517 337.933 161.773C338.47 162.029 339.117 162.157 339.874 162.157C340.606 162.157 341.204 162.029 341.667 161.773C342.143 161.504 342.381 161.089 342.381 160.528C342.381 160.284 342.333 160.083 342.235 159.924C342.15 159.753 342.027 159.619 341.869 159.521C341.71 159.424 341.533 159.351 341.338 159.302C341.143 159.241 340.935 159.192 340.716 159.155L339.233 158.936C338.903 158.887 338.543 158.82 338.153 158.734C337.775 158.649 337.427 158.515 337.11 158.332C336.792 158.136 336.524 157.88 336.304 157.563C336.097 157.245 335.993 156.831 335.993 156.318C335.993 155.842 336.084 155.433 336.268 155.092C336.463 154.738 336.731 154.445 337.073 154.213C337.415 153.969 337.817 153.792 338.281 153.682C338.745 153.56 339.251 153.499 339.8 153.499C340.655 153.499 341.393 153.633 342.015 153.902C342.65 154.17 343.193 154.542 343.644 155.018L342.693 155.915C342.583 155.781 342.442 155.647 342.272 155.513C342.113 155.366 341.912 155.238 341.667 155.128C341.436 155.006 341.161 154.909 340.844 154.835C340.526 154.762 340.16 154.725 339.745 154.725C339.001 154.725 338.428 154.854 338.025 155.11C337.634 155.366 337.439 155.738 337.439 156.226C337.439 156.471 337.482 156.678 337.567 156.849C337.665 157.007 337.793 157.136 337.952 157.233C338.11 157.331 338.287 157.41 338.482 157.471C338.69 157.52 338.897 157.563 339.105 157.599L340.587 157.819C340.929 157.868 341.289 157.935 341.667 158.02C342.046 158.106 342.394 158.246 342.711 158.441C343.028 158.624 343.291 158.875 343.498 159.192C343.718 159.509 343.827 159.924 343.827 160.437C343.827 161.376 343.461 162.102 342.729 162.615C342.009 163.127 341.045 163.384 339.837 163.384Z" fill="#9BA1A6"/>
+<path d="M346.95 153.719H348.415V155.256H348.488C349.098 154.085 350.068 153.499 351.399 153.499C352.558 153.499 353.461 153.932 354.108 154.799C354.767 155.665 355.096 156.879 355.096 158.441C355.096 160.003 354.767 161.218 354.108 162.084C353.461 162.95 352.558 163.384 351.399 163.384C350.068 163.384 349.098 162.798 348.488 161.626H348.415V166.825H346.95V153.719ZM350.831 162.084C351.685 162.084 352.344 161.828 352.808 161.315C353.284 160.79 353.522 160.101 353.522 159.247V157.636C353.522 156.782 353.284 156.098 352.808 155.586C352.344 155.061 351.685 154.799 350.831 154.799C350.502 154.799 350.19 154.841 349.898 154.927C349.605 155.012 349.348 155.14 349.129 155.311C348.909 155.47 348.732 155.671 348.598 155.915C348.476 156.147 348.415 156.422 348.415 156.739V160.144C348.415 160.461 348.476 160.742 348.598 160.986C348.732 161.218 348.909 161.419 349.129 161.59C349.348 161.748 349.605 161.87 349.898 161.956C350.19 162.041 350.502 162.084 350.831 162.084Z" fill="#9BA1A6"/>
+<path d="M357.652 161.919H360.947V150.863H357.652V149.618H362.411V161.919H365.706V163.164H357.652V161.919Z" fill="#9BA1A6"/>
+<path d="M376.224 163.164C375.65 163.164 375.242 163.018 374.998 162.725C374.753 162.432 374.601 162.066 374.54 161.626H374.448C374.241 162.176 373.905 162.609 373.442 162.926C372.99 163.231 372.38 163.384 371.611 163.384C370.623 163.384 369.836 163.127 369.25 162.615C368.664 162.102 368.371 161.401 368.371 160.51C368.371 159.631 368.688 158.954 369.323 158.478C369.97 158.002 371.007 157.764 372.435 157.764H374.448V156.831C374.448 156.135 374.253 155.616 373.863 155.275C373.472 154.921 372.917 154.744 372.197 154.744C371.562 154.744 371.044 154.872 370.641 155.128C370.238 155.372 369.915 155.708 369.671 156.135L368.682 155.403C368.804 155.159 368.969 154.921 369.177 154.689C369.384 154.457 369.64 154.256 369.945 154.085C370.25 153.902 370.598 153.761 370.989 153.664C371.379 153.554 371.812 153.499 372.288 153.499C373.399 153.499 374.278 153.78 374.924 154.341C375.583 154.902 375.913 155.683 375.913 156.684V161.883H377.231V163.164H376.224ZM371.867 162.157C372.246 162.157 372.587 162.115 372.892 162.029C373.21 161.932 373.484 161.809 373.716 161.663C373.948 161.504 374.125 161.321 374.247 161.114C374.381 160.894 374.448 160.662 374.448 160.418V158.862H372.435C371.556 158.862 370.916 158.984 370.513 159.228C370.11 159.473 369.909 159.826 369.909 160.29V160.675C369.909 161.163 370.08 161.535 370.421 161.791C370.775 162.035 371.257 162.157 371.867 162.157Z" fill="#9BA1A6"/>
+<path d="M386.687 153.719H388.152L383.466 165.232C383.356 165.501 383.234 165.733 383.099 165.928C382.965 166.136 382.807 166.3 382.624 166.422C382.44 166.557 382.221 166.654 381.965 166.715C381.708 166.788 381.403 166.825 381.049 166.825H379.658V165.58H381.855L382.916 162.981L379.109 153.719H380.61L382.203 157.673L383.612 161.26H383.685L385.095 157.673L386.687 153.719Z" fill="#9BA1A6"/>
+<path d="M127.209 161.919H130.504V150.863H127.209V149.618H131.968V161.919H135.263V163.164H127.209V161.919Z" fill="#D7DBDF"/>
+<path d="M142.377 163.384C141.693 163.384 141.077 163.268 140.528 163.036C139.991 162.804 139.527 162.475 139.137 162.047C138.758 161.608 138.465 161.089 138.258 160.492C138.051 159.881 137.947 159.204 137.947 158.46C137.947 157.703 138.051 157.02 138.258 156.41C138.478 155.799 138.777 155.281 139.155 154.854C139.533 154.414 139.985 154.079 140.509 153.847C141.046 153.615 141.638 153.499 142.285 153.499C142.92 153.499 143.493 153.615 144.006 153.847C144.53 154.079 144.976 154.402 145.342 154.817C145.708 155.22 145.989 155.702 146.184 156.263C146.379 156.824 146.477 157.441 146.477 158.112V158.807H139.484V159.247C139.484 159.662 139.552 160.046 139.686 160.4C139.82 160.754 140.009 161.059 140.253 161.315C140.509 161.571 140.815 161.773 141.168 161.919C141.535 162.054 141.937 162.121 142.377 162.121C143.011 162.121 143.56 161.974 144.024 161.681C144.488 161.388 144.842 160.986 145.086 160.473L146.166 161.205C145.885 161.84 145.415 162.365 144.756 162.78C144.109 163.182 143.316 163.384 142.377 163.384ZM142.285 154.707C141.882 154.707 141.51 154.78 141.168 154.927C140.827 155.073 140.528 155.275 140.272 155.531C140.027 155.787 139.832 156.092 139.686 156.446C139.552 156.788 139.484 157.166 139.484 157.581V157.709H144.903V157.508C144.903 157.093 144.836 156.715 144.701 156.373C144.579 156.031 144.402 155.738 144.17 155.494C143.951 155.238 143.676 155.043 143.347 154.909C143.029 154.774 142.676 154.707 142.285 154.707Z" fill="#D7DBDF"/>
+<path d="M153.645 163.164C152.925 163.164 152.394 162.963 152.053 162.56C151.723 162.157 151.558 161.639 151.558 161.004V154.963H148.41V153.719H150.753C151.07 153.719 151.29 153.658 151.412 153.536C151.546 153.401 151.613 153.176 151.613 152.858V150.387H153.023V153.719H157.325V154.963H153.023V161.919H157.325V163.164H153.645Z" fill="#D7DBDF"/>
+<path d="M87.4493 115.107C86.7659 115.107 86.1497 114.991 85.6005 114.76C85.0636 114.528 84.5999 114.198 84.2093 113.771C83.831 113.332 83.5382 112.813 83.3307 112.215C83.1233 111.605 83.0195 110.928 83.0195 110.183C83.0195 109.427 83.1233 108.743 83.3307 108.133C83.5504 107.523 83.8494 107.004 84.2277 106.577C84.606 106.138 85.0575 105.802 85.5822 105.57C86.1192 105.339 86.711 105.223 87.3578 105.223C87.9924 105.223 88.5659 105.339 89.0784 105.57C89.6032 105.802 90.0486 106.126 90.4147 106.541C90.7808 106.943 91.0615 107.425 91.2567 107.987C91.452 108.548 91.5496 109.164 91.5496 109.836V110.531H84.5571V110.97C84.5571 111.385 84.6243 111.77 84.7585 112.124C84.8927 112.478 85.0819 112.783 85.3259 113.039C85.5822 113.295 85.8873 113.496 86.2412 113.643C86.6073 113.777 87.01 113.844 87.4493 113.844C88.0839 113.844 88.633 113.698 89.0968 113.405C89.5605 113.112 89.9144 112.709 90.1584 112.197L91.2384 112.929C90.9578 113.564 90.4879 114.088 89.8289 114.503C89.1822 114.906 88.389 115.107 87.4493 115.107ZM87.3578 106.431C86.9551 106.431 86.5829 106.504 86.2412 106.65C85.8995 106.797 85.6005 106.998 85.3443 107.255C85.1002 107.511 84.9049 107.816 84.7585 108.17C84.6243 108.511 84.5571 108.89 84.5571 109.305V109.433H89.9754V109.231C89.9754 108.817 89.9083 108.438 89.774 108.097C89.652 107.755 89.4751 107.462 89.2432 107.218C89.0235 106.962 88.749 106.766 88.4195 106.632C88.1022 106.498 87.7483 106.431 87.3578 106.431Z" fill="#D7DBDF"/>
+<path d="M93.8855 114.888L97.4 110.092L93.977 105.442H95.7343L97.1621 107.438L98.297 109.012H98.3702L99.4685 107.438L100.878 105.442H102.562L99.1024 110.073L102.654 114.888H100.896L99.3037 112.673L98.2237 111.172H98.1505L97.1071 112.673L95.5695 114.888H93.8855Z" fill="#D7DBDF"/>
+<path d="M105.484 105.442H106.948V106.98H107.021C107.631 105.808 108.602 105.223 109.932 105.223C111.091 105.223 111.994 105.656 112.641 106.522C113.3 107.389 113.629 108.603 113.629 110.165C113.629 111.727 113.3 112.941 112.641 113.808C111.994 114.674 111.091 115.107 109.932 115.107C108.602 115.107 107.631 114.522 107.021 113.35H106.948V118.549H105.484V105.442ZM109.364 113.808C110.218 113.808 110.877 113.551 111.341 113.039C111.817 112.514 112.055 111.825 112.055 110.97V109.36C112.055 108.505 111.817 107.822 111.341 107.309C110.877 106.785 110.218 106.522 109.364 106.522C109.035 106.522 108.724 106.565 108.431 106.65C108.138 106.736 107.882 106.864 107.662 107.035C107.442 107.194 107.265 107.395 107.131 107.639C107.009 107.871 106.948 108.145 106.948 108.463V111.867C106.948 112.185 107.009 112.465 107.131 112.709C107.265 112.941 107.442 113.143 107.662 113.313C107.882 113.472 108.138 113.594 108.431 113.68C108.724 113.765 109.035 113.808 109.364 113.808Z" fill="#D7DBDF"/>
+<path d="M120.212 115.107C119.553 115.107 118.955 114.991 118.418 114.76C117.893 114.528 117.442 114.198 117.063 113.771C116.697 113.332 116.417 112.813 116.221 112.215C116.026 111.605 115.929 110.922 115.929 110.165C115.929 109.421 116.026 108.743 116.221 108.133C116.417 107.523 116.697 107.004 117.063 106.577C117.442 106.138 117.893 105.802 118.418 105.57C118.955 105.339 119.553 105.223 120.212 105.223C120.871 105.223 121.463 105.339 121.987 105.57C122.524 105.802 122.976 106.138 123.342 106.577C123.72 107.004 124.007 107.523 124.202 108.133C124.398 108.743 124.495 109.421 124.495 110.165C124.495 110.922 124.398 111.605 124.202 112.215C124.007 112.813 123.72 113.332 123.342 113.771C122.976 114.198 122.524 114.528 121.987 114.76C121.463 114.991 120.871 115.107 120.212 115.107ZM120.212 113.844C121.03 113.844 121.689 113.6 122.189 113.112C122.689 112.624 122.939 111.867 122.939 110.842V109.488C122.939 108.463 122.689 107.706 122.189 107.218C121.689 106.73 121.03 106.486 120.212 106.486C119.394 106.486 118.735 106.73 118.235 107.218C117.735 107.706 117.484 108.463 117.484 109.488V110.842C117.484 111.867 117.735 112.624 118.235 113.112C118.735 113.6 119.394 113.844 120.212 113.844Z" fill="#D7DBDF"/>
+<path d="M127.106 113.643H129.87V106.687H127.106V105.442H131.334V107.822H131.426C131.621 107.078 131.987 106.498 132.524 106.083C133.073 105.656 133.769 105.442 134.611 105.442H135.929V106.907H134.153C133.311 106.907 132.628 107.151 132.103 107.639C131.59 108.127 131.334 108.768 131.334 109.561V113.643H134.995V114.888H127.106V113.643Z" fill="#D7DBDF"/>
+<path d="M142.621 114.888C141.901 114.888 141.37 114.686 141.029 114.284C140.699 113.881 140.534 113.362 140.534 112.728V106.687H137.386V105.442H139.729C140.046 105.442 140.266 105.381 140.388 105.259C140.522 105.125 140.589 104.899 140.589 104.582V102.111H141.999V105.442H146.3V106.687H141.999V113.643H146.3V114.888H142.621Z" fill="#D7DBDF"/>
+<path d="M164.445 115.107C163.761 115.107 163.151 114.991 162.614 114.76C162.089 114.515 161.644 114.18 161.278 113.753C160.912 113.326 160.631 112.807 160.436 112.197C160.253 111.587 160.161 110.909 160.161 110.165C160.161 109.421 160.259 108.743 160.454 108.133C160.649 107.523 160.93 107.004 161.296 106.577C161.662 106.138 162.108 105.802 162.632 105.57C163.157 105.339 163.755 105.223 164.426 105.223C165.341 105.223 166.086 105.424 166.659 105.827C167.233 106.229 167.654 106.754 167.922 107.401L166.751 108.023C166.58 107.535 166.293 107.157 165.891 106.888C165.5 106.62 165.012 106.486 164.426 106.486C163.999 106.486 163.615 106.559 163.273 106.705C162.944 106.84 162.663 107.035 162.431 107.291C162.199 107.547 162.022 107.852 161.9 108.206C161.79 108.56 161.735 108.945 161.735 109.36V110.97C161.735 111.385 161.79 111.77 161.9 112.124C162.022 112.478 162.199 112.783 162.431 113.039C162.663 113.295 162.95 113.496 163.291 113.643C163.633 113.777 164.024 113.844 164.463 113.844C165.097 113.844 165.622 113.698 166.037 113.405C166.452 113.112 166.781 112.709 167.026 112.197L168.069 112.911C167.788 113.545 167.349 114.07 166.751 114.485C166.165 114.9 165.396 115.107 164.445 115.107Z" fill="#D7DBDF"/>
+<path d="M171.064 113.643H174.359V102.587H171.064V101.342H175.823V113.643H179.118V114.888H171.064V113.643Z" fill="#D7DBDF"/>
+<path d="M189.636 114.888C189.063 114.888 188.654 114.741 188.41 114.448C188.166 114.155 188.013 113.789 187.952 113.35H187.86C187.653 113.899 187.317 114.332 186.854 114.65C186.402 114.955 185.792 115.107 185.023 115.107C184.035 115.107 183.248 114.851 182.662 114.339C182.076 113.826 181.783 113.124 181.783 112.233C181.783 111.355 182.101 110.678 182.735 110.202C183.382 109.726 184.419 109.488 185.847 109.488H187.86V108.554C187.86 107.859 187.665 107.34 187.275 106.998C186.884 106.644 186.329 106.467 185.609 106.467C184.974 106.467 184.456 106.596 184.053 106.852C183.65 107.096 183.327 107.431 183.083 107.859L182.094 107.126C182.216 106.882 182.381 106.644 182.589 106.412C182.796 106.181 183.052 105.979 183.357 105.808C183.663 105.625 184.01 105.485 184.401 105.387C184.791 105.278 185.225 105.223 185.701 105.223C186.811 105.223 187.69 105.503 188.336 106.065C188.995 106.626 189.325 107.407 189.325 108.408V113.606H190.643V114.888H189.636ZM185.279 113.881C185.658 113.881 185.999 113.838 186.305 113.753C186.622 113.655 186.896 113.533 187.128 113.387C187.36 113.228 187.537 113.045 187.659 112.838C187.793 112.618 187.86 112.386 187.86 112.142V110.586H185.847C184.968 110.586 184.328 110.708 183.925 110.952C183.522 111.196 183.321 111.55 183.321 112.014V112.398C183.321 112.886 183.492 113.259 183.833 113.515C184.187 113.759 184.669 113.881 185.279 113.881Z" fill="#D7DBDF"/>
+<path d="M197.152 115.107C196.164 115.107 195.31 114.943 194.59 114.613C193.882 114.271 193.278 113.82 192.777 113.259L193.766 112.398C194.217 112.874 194.712 113.24 195.249 113.496C195.785 113.753 196.432 113.881 197.189 113.881C197.921 113.881 198.519 113.753 198.983 113.496C199.459 113.228 199.697 112.813 199.697 112.252C199.697 112.008 199.648 111.806 199.55 111.648C199.465 111.477 199.343 111.343 199.184 111.245C199.025 111.147 198.848 111.074 198.653 111.025C198.458 110.964 198.251 110.915 198.031 110.879L196.548 110.659C196.219 110.61 195.859 110.543 195.468 110.458C195.09 110.372 194.742 110.238 194.425 110.055C194.108 109.86 193.839 109.604 193.619 109.286C193.412 108.969 193.308 108.554 193.308 108.042C193.308 107.566 193.4 107.157 193.583 106.815C193.778 106.461 194.046 106.168 194.388 105.937C194.73 105.693 195.133 105.516 195.596 105.406C196.06 105.284 196.566 105.223 197.116 105.223C197.97 105.223 198.708 105.357 199.33 105.625C199.965 105.894 200.508 106.266 200.96 106.742L200.008 107.639C199.898 107.505 199.758 107.37 199.587 107.236C199.428 107.09 199.227 106.962 198.983 106.852C198.751 106.73 198.476 106.632 198.159 106.559C197.842 106.486 197.476 106.449 197.061 106.449C196.316 106.449 195.743 106.577 195.34 106.834C194.95 107.09 194.754 107.462 194.754 107.95C194.754 108.194 194.797 108.402 194.882 108.572C194.98 108.731 195.108 108.859 195.267 108.957C195.425 109.054 195.602 109.134 195.798 109.195C196.005 109.244 196.213 109.286 196.42 109.323L197.903 109.543C198.244 109.591 198.604 109.659 198.983 109.744C199.361 109.829 199.709 109.97 200.026 110.165C200.343 110.348 200.606 110.598 200.813 110.915C201.033 111.233 201.143 111.648 201.143 112.16C201.143 113.1 200.777 113.826 200.044 114.339C199.324 114.851 198.36 115.107 197.152 115.107Z" fill="#D7DBDF"/>
+<path d="M208.128 115.107C207.14 115.107 206.285 114.943 205.565 114.613C204.858 114.271 204.253 113.82 203.753 113.259L204.742 112.398C205.193 112.874 205.687 113.24 206.224 113.496C206.761 113.753 207.408 113.881 208.165 113.881C208.897 113.881 209.495 113.753 209.958 113.496C210.434 113.228 210.672 112.813 210.672 112.252C210.672 112.008 210.624 111.806 210.526 111.648C210.441 111.477 210.318 111.343 210.16 111.245C210.001 111.147 209.824 111.074 209.629 111.025C209.434 110.964 209.226 110.915 209.007 110.879L207.524 110.659C207.194 110.61 206.834 110.543 206.444 110.458C206.066 110.372 205.718 110.238 205.401 110.055C205.083 109.86 204.815 109.604 204.595 109.286C204.388 108.969 204.284 108.554 204.284 108.042C204.284 107.566 204.375 107.157 204.559 106.815C204.754 106.461 205.022 106.168 205.364 105.937C205.706 105.693 206.108 105.516 206.572 105.406C207.036 105.284 207.542 105.223 208.091 105.223C208.946 105.223 209.684 105.357 210.306 105.625C210.941 105.894 211.484 106.266 211.935 106.742L210.984 107.639C210.874 107.505 210.733 107.37 210.563 107.236C210.404 107.09 210.203 106.962 209.958 106.852C209.727 106.73 209.452 106.632 209.135 106.559C208.817 106.486 208.451 106.449 208.036 106.449C207.292 106.449 206.719 106.577 206.316 106.834C205.925 107.09 205.73 107.462 205.73 107.95C205.73 108.194 205.773 108.402 205.858 108.572C205.956 108.731 206.084 108.859 206.243 108.957C206.401 109.054 206.578 109.134 206.773 109.195C206.981 109.244 207.188 109.286 207.396 109.323L208.879 109.543C209.22 109.591 209.58 109.659 209.958 109.744C210.337 109.829 210.685 109.97 211.002 110.165C211.319 110.348 211.582 110.598 211.789 110.915C212.009 111.233 212.118 111.648 212.118 112.16C212.118 113.1 211.752 113.826 211.02 114.339C210.3 114.851 209.336 115.107 208.128 115.107Z" fill="#D7DBDF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M196.715 108.618V78.6445C196.715 77.4107 195.708 76.4065 194.47 76.4065H100.018C98.7801 76.4065 97.7725 77.4107 97.7725 78.6445V137.416C97.7725 137.447 97.7729 137.479 97.7738 137.51V144.977H225.617V120.571H104.279V113.094C104.279 111.861 105.287 110.856 106.525 110.856H194.47C195.708 110.856 196.715 109.852 196.715 108.618Z" fill="#9BA1A6"/>
+<path d="M108.133 139.384C107.45 139.384 106.839 139.268 106.302 139.036C105.778 138.792 105.332 138.456 104.966 138.029C104.6 137.602 104.319 137.083 104.124 136.473C103.941 135.863 103.85 135.186 103.85 134.441C103.85 133.697 103.947 133.02 104.142 132.41C104.338 131.799 104.618 131.281 104.985 130.854C105.351 130.414 105.796 130.079 106.321 129.847C106.846 129.615 107.443 129.499 108.115 129.499C109.03 129.499 109.774 129.7 110.348 130.103C110.921 130.506 111.342 131.031 111.611 131.677L110.439 132.3C110.269 131.812 109.982 131.433 109.579 131.165C109.189 130.896 108.7 130.762 108.115 130.762C107.688 130.762 107.303 130.835 106.961 130.982C106.632 131.116 106.351 131.311 106.119 131.567C105.888 131.824 105.711 132.129 105.589 132.483C105.479 132.837 105.424 133.221 105.424 133.636V135.247C105.424 135.662 105.479 136.046 105.589 136.4C105.711 136.754 105.888 137.059 106.119 137.315C106.351 137.571 106.638 137.773 106.98 137.919C107.321 138.054 107.712 138.121 108.151 138.121C108.786 138.121 109.311 137.974 109.725 137.681C110.14 137.388 110.47 136.986 110.714 136.473L111.757 137.187C111.477 137.822 111.037 138.346 110.439 138.761C109.854 139.176 109.085 139.384 108.133 139.384Z" fill="#202425"/>
+<path d="M118.779 139.384C118.12 139.384 117.522 139.268 116.985 139.036C116.461 138.804 116.009 138.475 115.631 138.047C115.265 137.608 114.984 137.089 114.789 136.492C114.594 135.881 114.496 135.198 114.496 134.441C114.496 133.697 114.594 133.02 114.789 132.41C114.984 131.799 115.265 131.281 115.631 130.854C116.009 130.414 116.461 130.079 116.985 129.847C117.522 129.615 118.12 129.499 118.779 129.499C119.438 129.499 120.03 129.615 120.555 129.847C121.092 130.079 121.543 130.414 121.909 130.854C122.288 131.281 122.574 131.799 122.77 132.41C122.965 133.02 123.063 133.697 123.063 134.441C123.063 135.198 122.965 135.881 122.77 136.492C122.574 137.089 122.288 137.608 121.909 138.047C121.543 138.475 121.092 138.804 120.555 139.036C120.03 139.268 119.438 139.384 118.779 139.384ZM118.779 138.121C119.597 138.121 120.256 137.877 120.756 137.388C121.257 136.9 121.507 136.144 121.507 135.119V133.764C121.507 132.739 121.257 131.982 120.756 131.494C120.256 131.006 119.597 130.762 118.779 130.762C117.962 130.762 117.303 131.006 116.802 131.494C116.302 131.982 116.052 132.739 116.052 133.764V135.119C116.052 136.144 116.302 136.9 116.802 137.388C117.303 137.877 117.962 138.121 118.779 138.121Z" fill="#202425"/>
+<path d="M126.057 139.164V129.719H127.522V131.256H127.595C127.693 131.024 127.815 130.805 127.961 130.597C128.108 130.378 128.285 130.189 128.492 130.03C128.712 129.871 128.968 129.743 129.261 129.645C129.554 129.548 129.895 129.499 130.286 129.499C131.274 129.499 132.068 129.816 132.666 130.451C133.263 131.073 133.562 131.958 133.562 133.105V139.164H132.098V133.361C132.098 132.495 131.909 131.854 131.531 131.439C131.152 131.012 130.597 130.799 129.865 130.799C129.572 130.799 129.285 130.835 129.005 130.909C128.724 130.982 128.474 131.092 128.254 131.238C128.034 131.384 127.857 131.574 127.723 131.805C127.589 132.037 127.522 132.306 127.522 132.611V139.164H126.057Z" fill="#202425"/>
+<path d="M140.841 139.384C139.852 139.384 138.998 139.219 138.278 138.889C137.57 138.548 136.966 138.096 136.466 137.535L137.454 136.675C137.906 137.15 138.4 137.517 138.937 137.773C139.474 138.029 140.121 138.157 140.877 138.157C141.609 138.157 142.207 138.029 142.671 137.773C143.147 137.504 143.385 137.089 143.385 136.528C143.385 136.284 143.336 136.083 143.239 135.924C143.153 135.753 143.031 135.619 142.872 135.521C142.714 135.424 142.537 135.35 142.342 135.302C142.146 135.241 141.939 135.192 141.719 135.155L140.237 134.936C139.907 134.887 139.547 134.82 139.157 134.734C138.778 134.649 138.43 134.515 138.113 134.332C137.796 134.136 137.527 133.88 137.308 133.563C137.1 133.245 136.997 132.831 136.997 132.318C136.997 131.842 137.088 131.433 137.271 131.092C137.466 130.738 137.735 130.445 138.077 130.213C138.418 129.969 138.821 129.792 139.285 129.682C139.748 129.56 140.255 129.499 140.804 129.499C141.658 129.499 142.397 129.633 143.019 129.902C143.653 130.17 144.197 130.542 144.648 131.018L143.696 131.915C143.586 131.781 143.446 131.647 143.275 131.513C143.117 131.366 142.915 131.238 142.671 131.128C142.439 131.006 142.165 130.909 141.847 130.835C141.53 130.762 141.164 130.725 140.749 130.725C140.005 130.725 139.431 130.854 139.028 131.11C138.638 131.366 138.443 131.738 138.443 132.226C138.443 132.471 138.485 132.678 138.571 132.849C138.668 133.007 138.797 133.136 138.955 133.233C139.114 133.331 139.291 133.41 139.486 133.471C139.694 133.52 139.901 133.563 140.108 133.599L141.591 133.819C141.933 133.868 142.293 133.935 142.671 134.02C143.049 134.106 143.397 134.246 143.715 134.441C144.032 134.624 144.294 134.875 144.502 135.192C144.721 135.509 144.831 135.924 144.831 136.437C144.831 137.376 144.465 138.102 143.733 138.615C143.013 139.127 142.049 139.384 140.841 139.384Z" fill="#202425"/>
+<path d="M152.164 139.164C151.444 139.164 150.913 138.963 150.572 138.56C150.242 138.157 150.077 137.639 150.077 137.004V130.963H146.929V129.719H149.272C149.589 129.719 149.809 129.658 149.931 129.536C150.065 129.401 150.132 129.176 150.132 128.858V126.387H151.542V129.719H155.843V130.963H151.542V137.919H155.843V139.164H152.164Z" fill="#202425"/>
+<path d="M158.6 137.919H161.364V130.963H158.6V129.719H162.829V132.098H162.92C163.116 131.354 163.482 130.774 164.019 130.359C164.568 129.932 165.263 129.719 166.105 129.719H167.423V131.183H165.648C164.806 131.183 164.122 131.427 163.598 131.915C163.085 132.403 162.829 133.044 162.829 133.837V137.919H166.49V139.164H158.6V137.919Z" fill="#202425"/>
+<path d="M175.891 137.626H175.818C175.721 137.858 175.598 138.084 175.452 138.304C175.306 138.511 175.123 138.694 174.903 138.853C174.695 139.011 174.445 139.14 174.152 139.237C173.86 139.335 173.518 139.384 173.127 139.384C172.139 139.384 171.346 139.072 170.748 138.45C170.15 137.816 169.851 136.925 169.851 135.778V129.719H171.315V135.521C171.315 136.388 171.504 137.035 171.883 137.462C172.261 137.877 172.816 138.084 173.548 138.084C173.841 138.084 174.128 138.047 174.409 137.974C174.689 137.901 174.939 137.791 175.159 137.645C175.379 137.498 175.556 137.315 175.69 137.096C175.824 136.864 175.891 136.589 175.891 136.272V129.719H177.356V139.164H175.891V137.626Z" fill="#202425"/>
+<path d="M184.963 139.384C184.28 139.384 183.67 139.268 183.133 139.036C182.608 138.792 182.163 138.456 181.797 138.029C181.431 137.602 181.15 137.083 180.955 136.473C180.772 135.863 180.68 135.186 180.68 134.441C180.68 133.697 180.778 133.02 180.973 132.41C181.168 131.799 181.449 131.281 181.815 130.854C182.181 130.414 182.626 130.079 183.151 129.847C183.676 129.615 184.274 129.499 184.945 129.499C185.86 129.499 186.605 129.7 187.178 130.103C187.752 130.506 188.173 131.031 188.441 131.677L187.27 132.3C187.099 131.812 186.812 131.433 186.41 131.165C186.019 130.896 185.531 130.762 184.945 130.762C184.518 130.762 184.134 130.835 183.792 130.982C183.462 131.116 183.182 131.311 182.95 131.567C182.718 131.824 182.541 132.129 182.419 132.483C182.309 132.837 182.254 133.221 182.254 133.636V135.247C182.254 135.662 182.309 136.046 182.419 136.4C182.541 136.754 182.718 137.059 182.95 137.315C183.182 137.571 183.469 137.773 183.81 137.919C184.152 138.054 184.542 138.121 184.982 138.121C185.616 138.121 186.141 137.974 186.556 137.681C186.971 137.388 187.3 136.986 187.544 136.473L188.588 137.187C188.307 137.822 187.868 138.346 187.27 138.761C186.684 139.176 185.915 139.384 184.963 139.384Z" fill="#202425"/>
+<path d="M196.067 139.164C195.347 139.164 194.816 138.963 194.475 138.56C194.145 138.157 193.981 137.639 193.981 137.004V130.963H190.832V129.719H193.175C193.492 129.719 193.712 129.658 193.834 129.536C193.968 129.401 194.035 129.176 194.035 128.858V126.387H195.445V129.719H199.747V130.963H195.445V137.919H199.747V139.164H196.067Z" fill="#202425"/>
+<path d="M206.585 139.384C205.927 139.384 205.329 139.268 204.792 139.036C204.267 138.804 203.815 138.475 203.437 138.047C203.071 137.608 202.79 137.089 202.595 136.492C202.4 135.881 202.302 135.198 202.302 134.441C202.302 133.697 202.4 133.02 202.595 132.41C202.79 131.799 203.071 131.281 203.437 130.854C203.815 130.414 204.267 130.079 204.792 129.847C205.329 129.615 205.927 129.499 206.585 129.499C207.244 129.499 207.836 129.615 208.361 129.847C208.898 130.079 209.35 130.414 209.716 130.854C210.094 131.281 210.381 131.799 210.576 132.41C210.771 133.02 210.869 133.697 210.869 134.441C210.869 135.198 210.771 135.881 210.576 136.492C210.381 137.089 210.094 137.608 209.716 138.047C209.35 138.475 208.898 138.804 208.361 139.036C207.836 139.268 207.244 139.384 206.585 139.384ZM206.585 138.121C207.403 138.121 208.062 137.877 208.562 137.388C209.063 136.9 209.313 136.144 209.313 135.119V133.764C209.313 132.739 209.063 131.982 208.562 131.494C208.062 131.006 207.403 130.762 206.585 130.762C205.768 130.762 205.109 131.006 204.609 131.494C204.108 131.982 203.858 132.739 203.858 133.764V135.119C203.858 136.144 204.108 136.9 204.609 137.388C205.109 137.877 205.768 138.121 206.585 138.121Z" fill="#202425"/>
+<path d="M213.479 137.919H216.243V130.963H213.479V129.719H217.708V132.098H217.799C217.994 131.354 218.361 130.774 218.898 130.359C219.447 129.932 220.142 129.719 220.984 129.719H222.302V131.183H220.527C219.685 131.183 219.001 131.427 218.477 131.915C217.964 132.403 217.708 133.044 217.708 133.837V137.919H221.369V139.164H213.479V137.919Z" fill="#202425"/>
+<path d="M122.91 95.9458V89.628H124.458C126.076 89.628 127.415 90.6461 127.415 92.7939C127.415 94.9416 126.062 95.9458 124.444 95.9458H122.91ZM124.514 97.731C127.331 97.731 129.409 95.9179 129.409 92.7939C129.409 89.6698 127.345 87.8428 124.528 87.8428H120.985V97.731H124.514ZM130.519 95.8621C130.519 96.936 131.412 97.9262 132.876 97.9262C133.895 97.9262 134.55 97.452 134.899 96.9081C134.899 97.1731 134.927 97.5497 134.968 97.731H136.67C136.628 97.4939 136.586 97.0057 136.586 96.6431V93.2681C136.586 91.8873 135.777 90.66 133.602 90.66C131.761 90.66 130.771 91.8455 130.659 92.9194L132.305 93.2681C132.36 92.6683 132.807 92.1523 133.616 92.1523C134.397 92.1523 134.773 92.5568 134.773 93.0449C134.773 93.282 134.648 93.4773 134.257 93.533L132.57 93.7841C131.426 93.9514 130.519 94.6348 130.519 95.8621ZM133.267 96.5455C132.667 96.5455 132.374 96.155 132.374 95.7505C132.374 95.2206 132.751 94.9556 133.225 94.8859L134.773 94.6488V94.9556C134.773 96.1689 134.048 96.5455 133.267 96.5455ZM140.311 100.381V97.0615C140.646 97.5218 141.343 97.8983 142.291 97.8983C144.23 97.8983 145.527 96.3642 145.527 94.2862C145.527 92.25 144.369 90.7158 142.361 90.7158C141.329 90.7158 140.562 91.1761 140.255 91.706V90.8692H138.456V100.381H140.311ZM143.7 94.3001C143.7 95.5274 142.947 96.2387 141.998 96.2387C141.05 96.2387 140.283 95.5135 140.283 94.3001C140.283 93.0867 141.05 92.3755 141.998 92.3755C142.947 92.3755 143.7 93.0867 143.7 94.3001ZM148.85 93.7004C148.892 92.9473 149.352 92.3615 150.133 92.3615C151.026 92.3615 151.403 92.9612 151.403 93.7283V97.731H153.258V93.4075C153.258 91.9013 152.449 90.6879 150.705 90.6879C150.05 90.6879 149.297 90.9111 148.85 91.441V87.6336H146.996V97.731H148.85V93.7004ZM156.995 93.7841C156.995 92.9891 157.469 92.3615 158.278 92.3615C159.171 92.3615 159.547 92.9612 159.547 93.7283V97.731H161.402V93.4075C161.402 91.9013 160.621 90.6879 158.92 90.6879C158.18 90.6879 157.358 91.0087 156.939 91.72V90.8692H155.14V97.731H156.995V93.7841ZM164.638 93.5191C164.679 92.8915 165.209 92.1663 166.172 92.1663C167.232 92.1663 167.678 92.8357 167.706 93.5191H164.638ZM167.887 95.3043C167.664 95.9179 167.19 96.3502 166.325 96.3502C165.405 96.3502 164.638 95.6948 164.596 94.7882H169.505C169.505 94.7603 169.533 94.4814 169.533 94.2164C169.533 92.0129 168.264 90.66 166.144 90.66C164.386 90.66 162.769 92.0826 162.769 94.2722C162.769 96.5873 164.428 97.9402 166.311 97.9402C167.999 97.9402 169.086 96.9499 169.435 95.7645L167.887 95.3043Z" fill="#202425"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M289.694 84.2118V54.238C289.694 53.0042 288.686 52 287.448 52H216.241C215.003 52 213.995 53.0042 213.995 54.238V96.1641H213.994V120.571H377.866V96.1641H220.502V88.6878C220.502 87.4541 221.509 86.4498 222.747 86.4498H287.448C288.686 86.4498 289.694 85.4456 289.694 84.2118Z" fill="#3FCF8E"/>
+<path d="M223.497 102.387H227.066C228.628 102.387 229.794 102.924 230.562 103.998C231.331 105.072 231.716 106.664 231.716 108.776C231.716 110.887 231.331 112.479 230.562 113.553C229.794 114.627 228.628 115.164 227.066 115.164H223.497V102.387ZM226.993 113.828C228.018 113.828 228.787 113.474 229.299 112.766C229.824 112.058 230.087 111.058 230.087 109.764V107.787C230.087 106.494 229.824 105.493 229.299 104.785C228.787 104.077 228.018 103.724 226.993 103.724H225.034V113.828H226.993ZM238.811 103.632C238.384 103.632 238.085 103.547 237.914 103.376C237.743 103.193 237.658 102.967 237.658 102.698V102.406C237.658 102.137 237.743 101.917 237.914 101.747C238.085 101.564 238.384 101.472 238.811 101.472C239.238 101.472 239.537 101.564 239.708 101.747C239.879 101.917 239.964 102.137 239.964 102.406V102.698C239.964 102.967 239.879 103.193 239.708 103.376C239.537 103.547 239.238 103.632 238.811 103.632ZM234.674 113.919H238.079V106.963H234.674V105.719H239.543V113.919H242.728V115.164H234.674V113.919ZM249.311 115.384C248.322 115.384 247.468 115.219 246.748 114.889C246.04 114.548 245.436 114.096 244.936 113.535L245.924 112.675C246.376 113.151 246.87 113.517 247.407 113.773C247.944 114.029 248.591 114.157 249.347 114.157C250.079 114.157 250.677 114.029 251.141 113.773C251.617 113.504 251.855 113.09 251.855 112.528C251.855 112.284 251.806 112.083 251.709 111.924C251.623 111.753 251.501 111.619 251.343 111.521C251.184 111.424 251.007 111.351 250.812 111.302C250.616 111.241 250.409 111.192 250.189 111.155L248.707 110.936C248.377 110.887 248.017 110.82 247.627 110.734C247.248 110.649 246.901 110.515 246.583 110.332C246.266 110.136 245.997 109.88 245.778 109.563C245.57 109.245 245.467 108.831 245.467 108.318C245.467 107.842 245.558 107.433 245.741 107.092C245.936 106.738 246.205 106.445 246.547 106.213C246.888 105.969 247.291 105.792 247.755 105.682C248.218 105.56 248.725 105.499 249.274 105.499C250.128 105.499 250.867 105.633 251.489 105.902C252.124 106.17 252.667 106.542 253.118 107.018L252.166 107.915C252.056 107.781 251.916 107.647 251.745 107.513C251.587 107.366 251.385 107.238 251.141 107.128C250.909 107.006 250.635 106.909 250.317 106.835C250 106.762 249.634 106.726 249.219 106.726C248.475 106.726 247.901 106.854 247.498 107.11C247.108 107.366 246.913 107.738 246.913 108.227C246.913 108.471 246.955 108.678 247.041 108.849C247.138 109.008 247.267 109.136 247.425 109.233C247.584 109.331 247.761 109.41 247.956 109.471C248.164 109.52 248.371 109.563 248.578 109.599L250.061 109.819C250.403 109.868 250.763 109.935 251.141 110.02C251.519 110.106 251.867 110.246 252.185 110.441C252.502 110.624 252.764 110.875 252.972 111.192C253.191 111.509 253.301 111.924 253.301 112.437C253.301 113.376 252.935 114.102 252.203 114.615C251.483 115.127 250.519 115.384 249.311 115.384ZM256.424 105.719H257.889V107.256H257.962C258.572 106.085 259.542 105.499 260.872 105.499C262.032 105.499 262.935 105.932 263.581 106.799C264.24 107.665 264.57 108.879 264.57 110.441C264.57 112.003 264.24 113.218 263.581 114.084C262.935 114.951 262.032 115.384 260.872 115.384C259.542 115.384 258.572 114.798 257.962 113.626H257.889V118.825H256.424V105.719ZM260.305 114.084C261.159 114.084 261.818 113.828 262.282 113.315C262.758 112.791 262.996 112.101 262.996 111.247V109.636C262.996 108.782 262.758 108.098 262.282 107.586C261.818 107.061 261.159 106.799 260.305 106.799C259.975 106.799 259.664 106.841 259.371 106.927C259.078 107.012 258.822 107.14 258.602 107.311C258.383 107.47 258.206 107.671 258.072 107.915C257.95 108.147 257.889 108.422 257.889 108.739V112.144C257.889 112.461 257.95 112.742 258.072 112.986C258.206 113.218 258.383 113.419 258.602 113.59C258.822 113.748 259.078 113.871 259.371 113.956C259.664 114.041 259.975 114.084 260.305 114.084ZM267.125 113.919H270.42V102.863H267.125V101.618H271.885V113.919H275.179V115.164H267.125V113.919ZM285.698 115.164C285.124 115.164 284.715 115.018 284.471 114.725C284.227 114.432 284.075 114.066 284.014 113.626H283.922C283.715 114.176 283.379 114.609 282.915 114.926C282.464 115.231 281.854 115.384 281.085 115.384C280.096 115.384 279.309 115.127 278.723 114.615C278.138 114.102 277.845 113.401 277.845 112.51C277.845 111.631 278.162 110.954 278.797 110.478C279.443 110.002 280.481 109.764 281.909 109.764H283.922V108.831C283.922 108.135 283.727 107.616 283.336 107.275C282.946 106.921 282.391 106.744 281.671 106.744C281.036 106.744 280.517 106.872 280.115 107.128C279.712 107.372 279.389 107.708 279.144 108.135L278.156 107.403C278.278 107.159 278.443 106.921 278.65 106.689C278.858 106.457 279.114 106.256 279.419 106.085C279.724 105.902 280.072 105.761 280.462 105.664C280.853 105.554 281.286 105.499 281.762 105.499C282.873 105.499 283.751 105.78 284.398 106.341C285.057 106.902 285.386 107.683 285.386 108.684V113.883H286.704V115.164H285.698ZM281.341 114.157C281.719 114.157 282.061 114.115 282.366 114.029C282.683 113.932 282.958 113.81 283.19 113.663C283.422 113.504 283.599 113.321 283.721 113.114C283.855 112.894 283.922 112.662 283.922 112.Line truncated
+<path d="M236.688 74.5833H238.836L236.716 70.5387C238.013 70.1622 238.822 69.1162 238.822 67.7355C238.822 66.0201 237.594 64.6951 235.67 64.6951H231.806V74.5833H233.745V70.7758H234.749L236.688 74.5833ZM233.745 69.1162V66.3687H235.307C236.283 66.3687 236.855 66.9126 236.855 67.7494C236.855 68.5583 236.283 69.1162 235.307 69.1162H233.745ZM243.275 73.1049C242.369 73.1049 241.532 72.4355 241.532 71.1524C241.532 69.8554 242.369 69.1999 243.275 69.1999C244.182 69.1999 245.018 69.8554 245.018 71.1524C245.018 72.4494 244.182 73.1049 243.275 73.1049ZM243.275 67.5123C241.225 67.5123 239.677 69.0325 239.677 71.1524C239.677 73.2583 241.225 74.7925 243.275 74.7925C245.325 74.7925 246.873 73.2583 246.873 71.1524C246.873 69.0325 245.325 67.5123 243.275 67.5123ZM250.137 74.5833V73.7465C250.499 74.3322 251.224 74.7506 252.173 74.7506C254.125 74.7506 255.408 73.2025 255.408 71.1245C255.408 69.0883 254.251 67.5402 252.243 67.5402C251.224 67.5402 250.471 67.9865 250.164 68.4746V64.4859H248.337V74.5833H250.137ZM253.554 71.1384C253.554 72.3936 252.8 73.091 251.852 73.091C250.918 73.091 250.137 72.3797 250.137 71.1384C250.137 69.8833 250.918 69.1999 251.852 69.1999C252.8 69.1999 253.554 69.8833 253.554 71.1384ZM258.23 70.3714C258.272 69.7438 258.802 69.0186 259.764 69.0186C260.824 69.0186 261.27 69.688 261.298 70.3714H258.23ZM261.479 72.1565C261.256 72.7702 260.782 73.2025 259.917 73.2025C258.997 73.2025 258.23 72.5471 258.188 71.6405H263.097C263.097 71.6126 263.125 71.3337 263.125 71.0687C263.125 68.8652 261.856 67.5123 259.736 67.5123C257.979 67.5123 256.361 68.9349 256.361 71.1245C256.361 73.4396 258.021 74.7925 259.903 74.7925C261.591 74.7925 262.679 73.8022 263.027 72.6168L261.479 72.1565ZM268.77 67.6936C268.63 67.6797 268.491 67.6657 268.337 67.6657C267.752 67.6657 266.803 67.8331 266.385 68.7396V67.7215H264.586V74.5833H266.441V71.4453C266.441 69.9669 267.264 69.5067 268.212 69.5067C268.379 69.5067 268.561 69.5206 268.77 69.5625V67.6936ZM272.634 65.6714H270.961V66.6337C270.961 67.2474 270.626 67.7215 269.901 67.7215H269.552V69.3672H270.793V72.561C270.793 73.8859 271.63 74.6809 272.969 74.6809C273.513 74.6809 273.848 74.5833 274.015 74.5135V72.9794C273.917 73.0073 273.666 73.0352 273.443 73.0352C272.913 73.0352 272.634 72.8399 272.634 72.2402V69.3672H274.015V67.7215H272.634V65.6714Z" fill="#202425"/>
+</g>
+<defs>
+<clipPath id="clip0_1119_17619">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/light/form-presence.svg

@@ -0,0 +1,22 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17671)">
+<rect x="45" y="22.5" width="270" height="193" rx="7.5" fill="white" stroke="#ECEEF0"/>
+<path d="M66.736 44.064V42.492H59.692V44.064H62.38V51H64.048V44.064H66.736ZM69.2839 51V45.096H67.6879V51H69.2839ZM67.4959 43.164C67.4959 43.692 67.9399 44.136 68.4799 44.136C69.0319 44.136 69.4639 43.692 69.4639 43.164C69.4639 42.612 69.0319 42.168 68.4799 42.168C67.9399 42.168 67.4959 42.612 67.4959 43.164ZM72.9606 43.332H71.5206V44.16C71.5206 44.688 71.2326 45.096 70.6086 45.096H70.3086V46.512H71.3766V49.26C71.3766 50.4 72.0966 51.084 73.2486 51.084C73.7166 51.084 74.0046 51 74.1486 50.94V49.62C74.0646 49.644 73.8486 49.668 73.6566 49.668C73.2006 49.668 72.9606 49.5 72.9606 48.984V46.512H74.1486V45.096H72.9606V43.332ZM76.8074 51V42.312H75.2114V51H76.8074ZM79.6801 47.376C79.7161 46.836 80.1721 46.212 81.0001 46.212C81.9121 46.212 82.2961 46.788 82.3201 47.376H79.6801ZM82.4761 48.912C82.2841 49.44 81.8761 49.812 81.1321 49.812C80.3401 49.812 79.6801 49.248 79.6441 48.468H83.8681C83.8681 48.444 83.8921 48.204 83.8921 47.976C83.8921 46.08 82.8001 44.916 80.9761 44.916C79.4641 44.916 78.0721 46.14 78.0721 48.024C78.0721 50.016 79.5001 51.18 81.1201 51.18C82.5721 51.18 83.5081 50.328 83.8081 49.308L82.4761 48.912Z" fill="#202425"/>
+<rect x="59.5" y="61" width="243" height="29" rx="5" fill="#D7DBDF"/>
+<rect x="61" y="62.5" width="240" height="26" rx="3.5" fill="#ECEEF0" stroke="#D7DBDF"/>
+<path d="M76.004 72.424C75.812 71.5 75.044 70.312 73.124 70.312C71.552 70.312 70.316 71.512 70.316 72.844C70.316 74.116 71.18 74.908 72.392 75.172L73.604 75.436C74.456 75.616 74.876 76.144 74.876 76.756C74.876 77.5 74.3 78.112 73.124 78.112C71.84 78.112 71.168 77.236 71.084 76.288L69.956 76.648C70.112 77.86 71.084 79.18 73.136 79.18C74.948 79.18 76.076 77.98 76.076 76.66C76.076 75.472 75.284 74.584 73.868 74.272L72.596 73.996C71.876 73.84 71.504 73.372 71.504 72.76C71.504 71.968 72.188 71.344 73.148 71.344C74.336 71.344 74.852 72.184 74.948 72.796L76.004 72.424ZM81.0726 78.304C81.0726 78.544 81.0966 78.868 81.1206 79H82.2006C82.1766 78.796 82.1406 78.388 82.1406 77.932V73.228H81.0126V76.708C81.0126 77.584 80.5566 78.184 79.6446 78.184C78.6966 78.184 78.3366 77.488 78.3366 76.696V73.228H77.2086V76.864C77.2086 78.172 78.0246 79.18 79.3686 79.18C80.0406 79.18 80.7606 78.904 81.0726 78.304ZM85.1815 81.28V78.22C85.4935 78.736 86.1655 79.156 87.0535 79.156C88.7455 79.156 89.7415 77.824 89.7415 76.108C89.7415 74.428 88.8175 73.096 87.0895 73.096C86.1535 73.096 85.4695 73.552 85.1575 74.128V73.228H84.0655V81.28H85.1815ZM88.5895 76.108C88.5895 77.296 87.9295 78.148 86.8855 78.148C85.8535 78.148 85.1695 77.296 85.1695 76.108C85.1695 74.956 85.8535 74.092 86.8855 74.092C87.9415 74.092 88.5895 74.956 88.5895 76.108ZM90.8188 77.452C90.8188 78.364 91.5748 79.18 92.7508 79.18C93.7828 79.18 94.3588 78.628 94.6108 78.22C94.6108 78.64 94.6468 78.856 94.6708 79H95.7748C95.7508 78.856 95.7028 78.556 95.7028 78.052V75.16C95.7028 74.032 95.0308 73.048 93.3027 73.048C92.0548 73.048 91.0588 73.816 90.9388 74.92L92.0188 75.172C92.0908 74.5 92.5348 74.008 93.3268 74.008C94.2028 74.008 94.5748 74.476 94.5748 75.04C94.5748 75.244 94.4788 75.424 94.1308 75.472L92.5708 75.7C91.5748 75.844 90.8188 76.42 90.8188 77.452ZM92.9068 78.232C92.3308 78.232 91.9708 77.824 91.9708 77.392C91.9708 76.876 92.3308 76.6 92.8108 76.528L94.5748 76.264V76.528C94.5748 77.788 93.8308 78.232 92.9068 78.232ZM98.972 71.404H97.94V72.34C97.94 72.844 97.676 73.228 97.052 73.228H96.74V74.248H97.844V77.416C97.844 78.46 98.468 79.06 99.452 79.06C99.836 79.06 100.124 78.988 100.22 78.952V77.992C100.124 78.016 99.92 78.04 99.776 78.04C99.188 78.04 98.972 77.776 98.972 77.248V74.248H100.22V73.228H98.972V71.404ZM102.842 79V73.228H101.726V79H102.842ZM101.474 71.044C101.474 71.488 101.834 71.848 102.278 71.848C102.734 71.848 103.094 71.488 103.094 71.044C103.094 70.588 102.734 70.228 102.278 70.228C101.834 70.228 101.474 70.588 101.474 71.044ZM106.273 71.404H105.241V72.34C105.241 72.844 104.977 73.228 104.353 73.228H104.041V74.248H105.145V77.416C105.145 78.46 105.769 79.06 106.753 79.06C107.137 79.06 107.425 78.988 107.521 78.952V77.992C107.425 78.016 107.221 78.04 107.077 78.04C106.489 78.04 106.273 77.776 106.273 77.248V74.248H107.521V73.228H106.273V71.404ZM110.154 79V70.312H109.026V79H110.154ZM112.805 75.52C112.853 74.776 113.429 74.044 114.377 74.044C115.397 74.044 115.937 74.692 115.961 75.52H112.805ZM116.129 77.02C115.913 77.668 115.445 78.184 114.509 78.184C113.537 78.184 112.793 77.464 112.769 76.432H117.113C117.125 76.36 117.137 76.216 117.137 76.072C117.137 74.272 116.141 73.048 114.365 73.048C112.913 73.048 111.605 74.284 111.605 76.096C111.605 78.052 112.961 79.18 114.509 79.18C115.853 79.18 116.777 78.376 117.101 77.356L116.129 77.02Z" fill="#202425"/>
+<rect x="267.5" y="39" width="34" height="15" rx="2" fill="#D7DBDF"/>
+<path d="M279.444 49.9375H280.504L277.684 42.8475H276.554L273.734 49.9375H274.784L275.534 47.9575H278.674L279.444 49.9375ZM277.094 43.8675L278.324 47.0475H275.884L277.094 43.8675ZM282.288 49.9375V47.0375C282.288 46.3175 282.738 45.8175 283.408 45.8175C284.128 45.8175 284.428 46.2975 284.428 46.9175V49.9375H285.368V47.0275C285.368 46.3375 285.818 45.8175 286.478 45.8175C287.188 45.8175 287.498 46.2875 287.498 46.9175V49.9375H288.428V46.8175C288.428 45.5575 287.608 44.9875 286.768 44.9875C286.158 44.9875 285.538 45.2075 285.158 45.8975C284.898 45.2775 284.318 44.9875 283.718 44.9875C283.158 44.9875 282.558 45.2375 282.258 45.7675V45.1275H281.358V49.9375H282.288ZM291.132 51.9475L294.262 45.1275H293.252L291.812 48.4475L290.312 45.1275H289.232L291.302 49.4075L290.102 51.9475H291.132Z" fill="#202425"/>
+<path d="M63.652 117.192C65.476 117.192 66.928 116.076 66.928 113.988V108.492H65.272V113.868C65.272 114.984 64.66 115.572 63.652 115.572C62.668 115.572 62.044 114.984 62.044 113.868V108.492H60.388V113.988C60.388 116.076 61.84 117.192 63.652 117.192ZM72.9923 117H74.8403L73.0163 113.52C74.1323 113.196 74.8283 112.296 74.8283 111.108C74.8283 109.632 73.7723 108.492 72.1163 108.492H68.7923V117H70.4603V113.724H71.3243L72.9923 117ZM70.4603 112.296V109.932H71.8043C72.6443 109.932 73.1363 110.4 73.1363 111.12C73.1363 111.816 72.6443 112.296 71.8043 112.296H70.4603ZM81.7403 117V115.416H77.9483V108.492H76.2923V117H81.7403Z" fill="#202425"/>
+<rect x="60" y="127.5" width="242" height="28" rx="4.5" fill="#232323" stroke="#3FCF8E"/>
+<rect x="61" y="128.5" width="240" height="26" rx="3.5" fill="#ECEEF0" stroke="#D7DBDF"/>
+<path d="M69.92 143.5C70.016 144.16 70.688 145.18 72.272 145.18C73.7 145.18 74.384 144.208 74.384 143.392C74.384 142.54 73.832 141.904 72.788 141.676L71.852 141.472C71.408 141.376 71.192 141.124 71.192 140.776C71.192 140.38 71.576 140.008 72.152 140.008C73.064 140.008 73.304 140.668 73.352 140.968L74.348 140.596C74.228 140.08 73.736 139.048 72.152 139.048C71.024 139.048 70.1 139.888 70.1 140.872C70.1 141.688 70.64 142.3 71.54 142.492L72.524 142.708C73.004 142.816 73.268 143.092 73.268 143.452C73.268 143.86 72.92 144.22 72.284 144.22C71.468 144.22 71.012 143.74 70.94 143.14L69.92 143.5ZM79.6312 144.304C79.6312 144.544 79.6552 144.868 79.6792 145H80.7592C80.7352 144.796 80.6992 144.388 80.6992 143.932V139.228H79.5712V142.708C79.5712 143.584 79.1152 144.184 78.2032 144.184C77.2552 144.184 76.8952 143.488 76.8952 142.696V139.228H75.7672V142.864C75.7672 144.172 76.5832 145.18 77.9272 145.18C78.5992 145.18 79.3192 144.904 79.6312 144.304ZM83.7401 147.28V144.22C84.0521 144.736 84.7241 145.156 85.6121 145.156C87.3041 145.156 88.3001 143.824 88.3001 142.108C88.3001 140.428 87.3761 139.096 85.6481 139.096C84.7121 139.096 84.0281 139.552 83.7161 140.128V139.228H82.6241V147.28H83.7401ZM87.1481 142.108C87.1481 143.296 86.4881 144.148 85.4441 144.148C84.4121 144.148 83.7281 143.296 83.7281 142.108C83.7281 140.956 84.4121 140.092 85.4441 140.092C86.5001 140.092 87.1481 140.956 87.1481 142.108ZM89.3773 143.452C89.3773 144.364 90.1333 145.18 91.3093 145.18C92.3413 145.18 92.9173 144.628 93.1693 144.22C93.1693 144.64 93.2053 144.856 93.2293 145H94.3333C94.3093 144.856 94.2613 144.556 94.2613 144.052V141.16C94.2613 140.032 93.5893 139.048 91.8613 139.048C90.6133 139.048 89.6173 139.816 89.4973 140.92L90.5773 141.172C90.6493 140.5 91.0933 140.008 91.8853 140.008C92.7613 140.008 93.1333 140.476 93.1333 141.04C93.1333 141.244 93.0373 141.424 92.6893 141.472L91.1293 141.7C90.1333 141.844 89.3773 142.42 89.3773 143.452ZM91.4653 144.232C90.8893 144.232 90.5293 143.824 90.5293 143.392C90.5293 142.876 90.8893 142.6 91.3693 142.528L93.1333 142.264V142.528C93.1333 143.788 92.3893 144.232 91.4653 144.232ZM97.1346 145V144.16C97.4946 144.784 98.1546 145.156 99.0066 145.156C100.723 145.156 101.695 143.8 101.695 142.084C101.695 140.404 100.795 139.06 99.0426 139.06C98.0826 139.06 97.4106 139.528 97.1346 140.044V136.312H96.0186V145H97.1346ZM100.543 142.084C100.543 143.332 99.8706 144.148 98.8386 144.148C97.8426 144.148 97.1226 143.332 97.1226 142.084C97.1226 140.836 97.8426 140.056 98.8386 140.056C99.8826 140.056 100.543 140.836 100.543 142.084ZM102.772 143.452C102.772 144.364 103.528 145.18 104.704 145.18C105.736 145.18 106.312 144.628 106.564 144.22C106.564 144.64 106.6 144.856 106.624 145H107.728C107.704 144.856 107.656 144.556 107.656 144.052V141.16C107.656 140.032 106.984 139.048 105.256 139.048C104.008 139.048 103.012 139.816 102.892 140.92L103.972 141.172C104.044 140.5 104.488 140.008 105.28 140.008C106.156 140.008 106.528 140.476 106.528 141.04C106.528 141.244 106.432 141.424 106.084 141.472L104.524 141.7C103.528 141.844 102.772 142.42 102.772 143.452ZM104.86 144.232C104.284 144.232 103.924 143.824 103.924 143.392C103.924 142.876 104.284 142.6 104.764 142.528L106.528 142.264V142.528C106.528 143.788 105.784 144.232 104.86 144.232ZM108.873 143.5C108.969 144.16 109.641 145.18 111.225 145.18C112.653 145.18 113.337 144.208 113.337 143.392C113.337 142.54 112.785 141.904 111.741 141.676L110.805 141.472C110.361 141.376 110.145 141.124 110.145 140.776C110.145 140.38 110.529 140.008 111.105 140.008C112.017 140.008 112.257 140.668 112.305 140.968L113.301 140.596C113.181 140.08 112.689 139.048 111.105 139.048C109.977 139.048 109.053 139.888 109.053 140.872C109.053 141.688 109.593 142.3 110.493 142.492L111.477 142.708C111.957 142.816 112.221 143.092 112.221 143.452C112.221 143.86 111.873 144.22 111.237 144.22C110.421 144.22 109.965 143.74 109.893 143.14L108.873 143.5ZM115.512 141.52C115.56 140.776 116.136 140.044 117.084 140.044C118.104 140.044 118.644 140.692 118.668 141.52H115.512ZM118.836 143.02C118.62 143.668 118.152 144.184 117.216 144.184C116.244 144.184 115.5 143.464 115.476 142.432H119.82C119.832 142.36 119.844 142.216 119.844 142.072C119.844 140.272 118.848 139.048 117.072 139.048C115.62 139.048 114.312 140.284 114.312 142.096C114.312 144.052 115.668 145.18 117.216 145.18C118.56 145.18 119.484 144.376 119.808 143.356L118.836 143.02ZM120.988 144.232C120.988 144.7 121.348 145.06 121.816 145.06C122.284 145.06 122.656 144.7 122.656 144.232C122.656 143.764 122.284 143.392 121.816 143.392C121.348 143.392 120.988 143.764 120.988 144.232ZM126.708 140.092C127.692 140.092 128.112 140.752 128.256 141.316L129.276 140.884C129.036 140.008 128.244 139.048 126.708 139.048C125.064 139.048 123.804 140.308 123.804 142.108C123.804 143.86 125.04 145.18 126.72 145.18C128.22 145.18 129.048 144.208 129.324 143.38L128.328 142.948C128.196 143.404 127.8 144.136 126.72 144.136C125.784 144.136 124.956 143.428 124.956 142.108C124.956 140.764 125.796 140.092 126.708 Line truncated
+<rect x="256.5" y="105" width="45" height="15" rx="2" fill="#3FCF8E"/>
+<path d="M267.31 115.938H268.37L265.55 108.847H264.42L261.6 115.938H262.65L263.4 113.957H266.54L267.31 115.938ZM264.96 109.867L266.19 113.047H263.75L264.96 109.867ZM270.164 113.157C270.164 112.427 270.544 111.837 271.284 111.837C272.124 111.837 272.404 112.377 272.404 113.047V115.938H273.344V112.887C273.344 111.817 272.774 110.987 271.624 110.987C271.064 110.987 270.494 111.217 270.144 111.817V111.127H269.224V115.938H270.164V113.157ZM275.399 113.517C275.399 112.527 275.959 111.827 276.819 111.827C277.679 111.827 278.199 112.507 278.199 113.497C278.199 114.487 277.669 115.237 276.809 115.237C275.909 115.237 275.399 114.507 275.399 113.517ZM278.209 115.287C278.209 115.577 278.239 115.827 278.259 115.938H279.169C279.159 115.857 279.119 115.507 279.119 115.047V108.697H278.189V111.807C278.029 111.417 277.569 110.997 276.719 110.997C275.359 110.997 274.439 112.157 274.439 113.517C274.439 114.947 275.309 116.068 276.719 116.068C277.469 116.068 277.979 115.667 278.209 115.207V115.287ZM283.388 111.077C283.338 111.067 283.208 111.047 283.078 111.047C282.588 111.047 281.988 111.227 281.638 111.967V111.127H280.718V115.938H281.658V113.527C281.658 112.467 282.188 112.047 282.978 112.047C283.108 112.047 283.248 112.057 283.388 112.077V111.077ZM284.951 113.037C284.991 112.417 285.471 111.807 286.261 111.807C287.111 111.807 287.561 112.347 287.581 113.037H284.951ZM287.721 114.287C287.541 114.827 287.151 115.257 286.371 115.257C285.561 115.257 284.941 114.657 284.921 113.797H288.541C288.551 113.737 288.561 113.617 288.561 113.497C288.561 111.997 287.731 110.977 286.251 110.977C285.041 110.977 283.951 112.007 283.951 113.517C283.951 115.147 285.081 116.088 286.371 116.088C287.491 116.088 288.261 115.417 288.531 114.567L287.721 114.287ZM292.422 111.127L291.172 114.747L290.092 111.127H289.062L290.642 115.938H291.632L292.882 112.277L294.162 115.938H295.132L296.692 111.127H295.702L294.642 114.747L293.392 111.127H292.422Z" fill="#202425"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17671">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/light/in-app-chat.svg

@@ -0,0 +1,23 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_931_17663)">
+<rect x="45" y="18.5" width="270" height="216" rx="7.76794" fill="white" stroke="#ECEEF0"/>
+<circle cx="80.5" cy="54" r="19" fill="#ECEEF0"/>
+<path d="M84.8022 60V58.176H78.3542L84.7222 50.48V48.656H76.1302V50.464H82.2422L75.9542 58.112V60H84.8022Z" fill="#9BA1A6"/>
+<path d="M116.664 47V45.416H112.104L116.604 40.04V38.492H110.124V40.064H114.396L109.968 45.392V47H116.664ZM120.586 45.728C119.806 45.728 119.086 45.152 119.086 44.048C119.086 42.932 119.806 42.368 120.586 42.368C121.366 42.368 122.086 42.932 122.086 44.048C122.086 45.164 121.366 45.728 120.586 45.728ZM120.586 40.916C118.822 40.916 117.49 42.224 117.49 44.048C117.49 45.86 118.822 47.18 120.586 47.18C122.35 47.18 123.682 45.86 123.682 44.048C123.682 42.224 122.35 40.916 120.586 40.916ZM126.106 43.376C126.142 42.836 126.598 42.212 127.426 42.212C128.338 42.212 128.722 42.788 128.746 43.376H126.106ZM128.902 44.912C128.71 45.44 128.302 45.812 127.558 45.812C126.766 45.812 126.106 45.248 126.07 44.468H130.294C130.294 44.444 130.318 44.204 130.318 43.976C130.318 42.08 129.226 40.916 127.402 40.916C125.89 40.916 124.498 42.14 124.498 44.024C124.498 46.016 125.926 47.18 127.546 47.18C128.998 47.18 129.934 46.328 130.234 45.308L128.902 44.912Z" fill="#202425"/>
+<path d="M141.192 42.02C141.18 41.9 141.168 41.78 141.168 41.672C141.168 40.784 141.648 40.076 142.668 40.076C143.652 40.076 144.132 40.736 144.132 41.444C144.132 42.044 143.796 42.596 143.064 43.064L141.768 43.904C140.448 44.756 139.944 45.728 139.92 47H145.368V45.908H141.372C141.48 45.428 141.876 45.104 142.32 44.816L143.856 43.832C144.744 43.268 145.32 42.452 145.32 41.432C145.32 40.136 144.36 39.044 142.692 39.044C140.988 39.044 140.004 40.232 140.004 41.564C140.004 41.66 140.004 41.768 140.016 41.876L141.192 42.02ZM150.928 47V43.52C150.928 42.656 151.468 42.056 152.272 42.056C153.136 42.056 153.496 42.632 153.496 43.376V47H154.624V43.508C154.624 42.68 155.164 42.056 155.956 42.056C156.808 42.056 157.18 42.62 157.18 43.376V47H158.296V43.256C158.296 41.744 157.312 41.06 156.304 41.06C155.572 41.06 154.828 41.324 154.372 42.152C154.06 41.408 153.364 41.06 152.644 41.06C151.972 41.06 151.252 41.36 150.892 41.996V41.228H149.812V47H150.928ZM161.217 47V41.228H160.101V47H161.217ZM159.849 39.044C159.849 39.488 160.209 39.848 160.653 39.848C161.109 39.848 161.469 39.488 161.469 39.044C161.469 38.588 161.109 38.228 160.653 38.228C160.209 38.228 159.849 38.588 159.849 39.044ZM164.264 43.664C164.264 42.788 164.72 42.08 165.608 42.08C166.616 42.08 166.952 42.728 166.952 43.532V47H168.08V43.34C168.08 42.056 167.396 41.06 166.016 41.06C165.344 41.06 164.66 41.336 164.24 42.056V41.228H163.136V47H164.264V43.664ZM173.561 46.304C173.561 46.544 173.585 46.868 173.609 47H174.689C174.665 46.796 174.629 46.388 174.629 45.932V41.228H173.501V44.708C173.501 45.584 173.045 46.184 172.133 46.184C171.185 46.184 170.825 45.488 170.825 44.696V41.228H169.697V44.864C169.697 46.172 170.513 47.18 171.857 47.18C172.529 47.18 173.249 46.904 173.561 46.304ZM178.066 39.404H177.034V40.34C177.034 40.844 176.77 41.228 176.146 41.228H175.834V42.248H176.938V45.416C176.938 46.46 177.562 47.06 178.546 47.06C178.93 47.06 179.218 46.988 179.314 46.952V45.992C179.218 46.016 179.014 46.04 178.87 46.04C178.282 46.04 178.066 45.776 178.066 45.248V42.248H179.314V41.228H178.066V39.404ZM181.493 43.52C181.541 42.776 182.117 42.044 183.065 42.044C184.085 42.044 184.625 42.692 184.649 43.52H181.493ZM184.817 45.02C184.601 45.668 184.133 46.184 183.197 46.184C182.225 46.184 181.481 45.464 181.457 44.432H185.801C185.813 44.36 185.825 44.216 185.825 44.072C185.825 42.272 184.829 41.048 183.053 41.048C181.601 41.048 180.293 42.284 180.293 44.096C180.293 46.052 181.649 47.18 183.197 47.18C184.541 47.18 185.465 46.376 185.789 45.356L184.817 45.02ZM186.725 45.5C186.821 46.16 187.493 47.18 189.077 47.18C190.505 47.18 191.189 46.208 191.189 45.392C191.189 44.54 190.637 43.904 189.593 43.676L188.657 43.472C188.213 43.376 187.997 43.124 187.997 42.776C187.997 42.38 188.381 42.008 188.957 42.008C189.869 42.008 190.109 42.668 190.157 42.968L191.153 42.596C191.033 42.08 190.541 41.048 188.957 41.048C187.829 41.048 186.905 41.888 186.905 42.872C186.905 43.688 187.445 44.3 188.345 44.492L189.329 44.708C189.809 44.816 190.073 45.092 190.073 45.452C190.073 45.86 189.725 46.22 189.089 46.22C188.273 46.22 187.817 45.74 187.745 45.14L186.725 45.5ZM195.33 45.452C195.33 46.364 196.086 47.18 197.262 47.18C198.294 47.18 198.87 46.628 199.122 46.22C199.122 46.64 199.158 46.856 199.182 47H200.286C200.262 46.856 200.214 46.556 200.214 46.052V43.16C200.214 42.032 199.542 41.048 197.814 41.048C196.566 41.048 195.57 41.816 195.45 42.92L196.53 43.172C196.602 42.5 197.046 42.008 197.838 42.008C198.714 42.008 199.086 42.476 199.086 43.04C199.086 43.244 198.99 43.424 198.642 43.472L197.082 43.7C196.086 43.844 195.33 44.42 195.33 45.452ZM197.418 46.232C196.842 46.232 196.482 45.824 196.482 45.392C196.482 44.876 196.842 44.6 197.322 44.528L199.086 44.264V44.528C199.086 45.788 198.342 46.232 197.418 46.232ZM201.552 47.312C201.696 48.548 202.776 49.46 204.216 49.46C206.388 49.46 207.108 48.032 207.108 46.568V41.228H205.992V42.032C205.704 41.456 205.104 41.12 204.216 41.12C202.632 41.12 201.564 42.368 201.564 43.928C201.564 45.56 202.68 46.724 204.216 46.724C205.08 46.724 205.704 46.304 205.98 45.776V46.604C205.98 47.852 205.428 48.476 204.216 48.476C203.34 48.476 202.728 47.864 202.644 47.06L201.552 47.312ZM204.384 45.776C203.364 45.776 202.716 45.056 202.716 43.928C202.716 42.812 203.388 42.08 204.384 42.08C205.356 42.08 206.028 42.812 206.028 43.928C206.028 45.044 205.356 45.776 204.384 45.776ZM211.381 46.172C210.421 46.172 209.581 45.452 209.581 44.108C209.581 42.776 210.421 42.056 211.381 42.056C212.341 42.056 213.181 42.776 213.181 44.108C213.181 45.452 212.341 46.172 211.381 46.172ZM211.381 41.048C209.653 41.048 208.429 42.356 208.429 44.108C208.429 45.872 209.653 47.18 211.381 47.18C213.109 47.18 214.333 45.872 214.333 44.108C214.333 42.356 213.109 41.048 211.381 41.048Z" fill="#9BA1A6"/>
+<path d="M114.984 66H116.352L114.324 62.436C115.608 62.196 116.388 61.248 116.388 60.024C116.388 58.62 115.392 57.492 113.784 57.492H110.58V66H111.768V62.52H113.04L114.984 66ZM111.768 61.464V58.548H113.568C114.528 58.548 115.176 59.124 115.176 60.024C115.176 60.9 114.528 61.464 113.568 61.464H111.768ZM118.387 62.52C118.435 61.776 119.011 61.044 119.959 61.044C120.979 61.044 121.519 61.692 121.543 62.52H118.387ZM121.711 64.02C121.495 64.668 121.027 65.184 120.091 65.184C119.119 65.184 118.375 64.464 118.351 63.432H122.695C122.707 63.36 122.719 63.216 122.719 63.072C122.719 61.272 121.723 60.048 119.947 60.048C118.495 60.048 117.187 61.284 117.187 63.096C117.187 65.052 118.543 66.18 120.091 66.18C121.435 66.18 122.359 65.376 122.683 64.356L121.711 64.02ZM123.799 64.452C123.799 65.364 124.555 66.18 125.731 66.18C126.763 66.18 127.339 65.628 127.591 65.22C127.591 65.64 127.627 65.856 127.651 66H128.755C128.731 65.856 128.683 65.556 128.683 65.052V62.16C128.683 61.032 128.011 60.048 126.283 60.048C125.035 60.048 124.039 60.816 123.919 61.92L124.999 62.172C125.071 61.5 125.515 61.008 126.307 61.008C127.183 61.008 127.555 61.476 127.555 62.04C127.555 62.244 127.459 62.424 127.111 62.472L125.551 62.7C124.555 62.844 123.799 63.42 123.799 64.452ZM125.887 65.232C125.311 65.232 124.951 64.824 124.951 64.392C124.951 63.876 125.311 63.6 125.791 63.528L127.555 63.264V63.528C127.555 64.788 126.811 65.232 125.887 65.232ZM131.568 66V57.312H130.44V66H131.568ZM134.615 66V57.312H133.487V66H134.615ZM137.974 68.412L141.73 60.228H140.518L138.79 64.212L136.99 60.228H135.694L138.178 65.364L136.738 68.412H137.974ZM145.395 66.312C145.539 67.548 146.619 68.46 148.059 68.46C150.231 68.46 150.951 67.032 150.951 65.568V60.228H149.835V61.032C149.547 60.456 148.947 60.12 148.059 60.12C146.475 60.12 145.407 61.368 145.407 62.928C145.407 64.56 146.523 65.724 148.059 65.724C148.923 65.724 149.547 65.304 149.823 64.776V65.604C149.823 66.852 149.271 67.476 148.059 67.476C147.183 67.476 146.571 66.864 146.487 66.06L145.395 66.312ZM148.227 64.776C147.207 64.776 146.559 64.056 146.559 62.928C146.559 61.812 147.231 61.08 148.227 61.08C149.199 61.08 149.871 61.812 149.871 62.928C149.871 64.044 149.199 64.776 148.227 64.776ZM155.225 65.172C154.265 65.172 153.425 64.452 153.425 63.108C153.425 61.776 154.265 61.056 155.225 61.056C156.185 61.056 157.025 61.776 157.025 63.108C157.025 64.452 156.185 65.172 155.225 65.172ZM155.225 60.048C153.497 60.048 152.273 61.356 152.273 63.108C152.273 64.872 153.497 66.18 155.225 66.18C156.953 66.18 158.177 64.872 158.177 63.108C158.177 61.356 156.953 60.048 155.225 60.048ZM162.092 65.172C161.132 65.172 160.292 64.452 160.292 63.108C160.292 61.776 161.132 61.056 162.092 61.056C163.052 61.056 163.892 61.776 163.892 63.108C163.892 64.452 163.052 65.172 162.092 65.172ZM162.092 60.048C160.364 60.048 159.14 61.356 159.14 63.108C159.14 64.872 160.364 66.18 162.092 66.18C163.82 66.18 165.044 64.872 165.044 63.108C165.044 61.356 163.82 60.048 162.092 60.048ZM167.159 63.096C167.159 61.908 167.831 61.068 168.863 61.068C169.895 61.068 170.519 61.884 170.519 63.072C170.519 64.26 169.883 65.16 168.851 65.16C167.771 65.16 167.159 64.284 167.159 63.096ZM170.531 65.22C170.531 65.568 170.567 65.868 170.591 66H171.683C171.671 65.904 171.623 65.484 171.623 64.932V57.312H170.507V61.044C170.315 60.576 169.763 60.072 168.743 60.072C167.111 60.072 166.007 61.464 166.007 63.096C166.007 64.812 167.051 66.156 168.743 66.156C169.643 66.156 170.255 65.676 170.531 65.124V65.22ZM179.446 61.248V60.228H178.054V59.316C178.054 58.524 178.57 58.332 178.966 58.332C179.254 58.332 179.398 58.38 179.458 58.404V57.396C179.41 57.36 179.17 57.276 178.786 57.276C177.742 57.276 176.89 57.972 176.89 59.256V60.228H175.822V61.248H176.89V66H178.054V61.248H179.446ZM181.153 62.52C181.201 61.776 181.777 61.044 182.725 61.044C183.745 61.044 184.285 61.692 184.309 62.52H181.153ZM184.477 64.02C184.261 64.668 183.793 65.184 182.857 65.184C181.885 65.184 181.141 64.464 181.117 63.432H185.461C185.473 63.36 185.485 63.216 185.485 63.072C185.485 61.272 184.489 60.048 182.713 60.048C181.261 60.048 179.953 61.284 179.953 63.096C179.953 65.052 181.309 66.18 182.857 66.18C184.201 66.18 185.125 65.376 185.449 64.356L184.477 64.02ZM187.657 62.52C187.705 61.776 188.281 61.044 189.229 61.044C190.249 61.044 190.789 61.692 190.813 62.52H187.657ZM190.981 64.02C190.765 64.668 190.297 65.184 189.361 65.184C188.389 65.184 187.645 64.464 187.621 63.432H191.965C191.977 63.36 191.989 63.216 191.989 63.072C191.989 61.272 190.993 60.048 189.217 60.048C187.765 60.048 186.457 61.284 186.457 63.096C186.457 65.052 187.813 66.18 189.361 66.18C190.705 66.18 191.629 65.376 191.953 64.356L190.981 64.02ZM194.101 63.096C194.101 61.908 194.773 61.068 195.805 61.068C196.837 61.068 197.461 61.884 197.461 63.072C197.461 64.26 196.825 65.16 195.793 65.16C194.713 65.16 194.101 64.284 194.101 63.096ZM197.473 65.22C197.473 65.568 197.509 65.868 197.533 66H198.625C198.613 65.904 198.565 65.484 198.565 64.932V57.3Line truncated
+<circle cx="80.5" cy="130" r="19" fill="#9BA1A6"/>
+<rect x="89.5" y="136" width="13.5" height="13.5" rx="6.75" fill="#3FCF8E" stroke="white" stroke-width="4"/>
+<path d="M82.3702 136H84.5462L81.9862 131.328C83.5702 130.944 84.5462 129.712 84.5462 128.096C84.5462 126.176 83.1862 124.656 80.9942 124.656H76.6422V136H78.5782V131.52H79.9862L82.3702 136ZM78.5782 129.824V126.352H80.6422C81.8262 126.352 82.5942 127.04 82.5942 128.096C82.5942 129.136 81.8262 129.824 80.6422 129.824H78.5782Z" fill="#202425"/>
+<path d="M116.172 123H118.02L116.196 119.52C117.312 119.196 118.008 118.296 118.008 117.108C118.008 115.632 116.952 114.492 115.296 114.492H111.972V123H113.64V119.724H114.504L116.172 123ZM113.64 118.296V115.932H114.984C115.824 115.932 116.316 116.4 116.316 117.12C116.316 117.816 115.824 118.296 114.984 118.296H113.64ZM120.352 119.376C120.388 118.836 120.844 118.212 121.672 118.212C122.584 118.212 122.968 118.788 122.992 119.376H120.352ZM123.148 120.912C122.956 121.44 122.548 121.812 121.804 121.812C121.012 121.812 120.352 121.248 120.316 120.468H124.54C124.54 120.444 124.564 120.204 124.564 119.976C124.564 118.08 123.472 116.916 121.648 116.916C120.136 116.916 118.744 118.14 118.744 120.024C118.744 122.016 120.172 123.18 121.792 123.18C123.244 123.18 124.18 122.328 124.48 121.308L123.148 120.912ZM127.369 123V122.28C127.681 122.784 128.305 123.144 129.121 123.144C130.801 123.144 131.905 121.812 131.905 120.024C131.905 118.272 130.909 116.94 129.181 116.94C128.305 116.94 127.657 117.324 127.393 117.744V114.312H125.821V123H127.369ZM130.309 120.036C130.309 121.116 129.661 121.716 128.845 121.716C128.041 121.716 127.369 121.104 127.369 120.036C127.369 118.956 128.041 118.368 128.845 118.368C129.661 118.368 130.309 118.956 130.309 120.036ZM134.332 119.376C134.368 118.836 134.824 118.212 135.652 118.212C136.564 118.212 136.948 118.788 136.972 119.376H134.332ZM137.128 120.912C136.936 121.44 136.528 121.812 135.784 121.812C134.992 121.812 134.332 121.248 134.296 120.468H138.52C138.52 120.444 138.544 120.204 138.544 119.976C138.544 118.08 137.452 116.916 135.628 116.916C134.116 116.916 132.724 118.14 132.724 120.024C132.724 122.016 134.152 123.18 135.772 123.18C137.224 123.18 138.16 122.328 138.46 121.308L137.128 120.912ZM142.453 118.392C143.245 118.392 143.617 118.896 143.761 119.388L145.189 118.908C144.937 117.912 144.025 116.916 142.417 116.916C140.701 116.916 139.357 118.224 139.357 120.048C139.357 121.86 140.725 123.18 142.465 123.18C144.037 123.18 144.961 122.172 145.225 121.188L143.821 120.72C143.689 121.176 143.281 121.716 142.465 121.716C141.649 121.716 140.953 121.116 140.953 120.048C140.953 118.98 141.637 118.392 142.453 118.392ZM148.992 118.392C149.784 118.392 150.156 118.896 150.3 119.388L151.728 118.908C151.476 117.912 150.564 116.916 148.956 116.916C147.24 116.916 145.896 118.224 145.896 120.048C145.896 121.86 147.264 123.18 149.004 123.18C150.576 123.18 151.5 122.172 151.764 121.188L150.36 120.72C150.228 121.176 149.82 121.716 149.004 121.716C148.188 121.716 147.492 121.116 147.492 120.048C147.492 118.98 148.176 118.392 148.992 118.392ZM152.555 121.392C152.555 122.316 153.323 123.168 154.583 123.168C155.459 123.168 156.023 122.76 156.323 122.292C156.323 122.52 156.347 122.844 156.383 123H157.847C157.811 122.796 157.775 122.376 157.775 122.064V119.16C157.775 117.972 157.079 116.916 155.207 116.916C153.623 116.916 152.771 117.936 152.675 118.86L154.091 119.16C154.139 118.644 154.523 118.2 155.219 118.2C155.891 118.2 156.215 118.548 156.215 118.968C156.215 119.172 156.107 119.34 155.771 119.388L154.319 119.604C153.335 119.748 152.555 120.336 152.555 121.392ZM154.919 121.98C154.403 121.98 154.151 121.644 154.151 121.296C154.151 120.84 154.475 120.612 154.883 120.552L156.215 120.348V120.612C156.215 121.656 155.59 121.98 154.919 121.98Z" fill="#202425"/>
+<path d="M167.24 120.468C167.24 122.1 168.224 123.18 169.892 123.18C171.476 123.18 172.448 121.944 172.448 120.456V114.492H171.272V120.54C171.272 121.524 170.744 122.088 169.88 122.088C169.028 122.088 168.416 121.584 168.416 120.456V119.652L167.24 119.916V120.468ZM178.174 122.304C178.174 122.544 178.198 122.868 178.222 123H179.302C179.278 122.796 179.242 122.388 179.242 121.932V117.228H178.114V120.708C178.114 121.584 177.658 122.184 176.746 122.184C175.798 122.184 175.438 121.488 175.438 120.696V117.228H174.31V120.864C174.31 122.172 175.126 123.18 176.47 123.18C177.142 123.18 177.862 122.904 178.174 122.304ZM180.627 121.5C180.723 122.16 181.395 123.18 182.979 123.18C184.407 123.18 185.091 122.208 185.091 121.392C185.091 120.54 184.539 119.904 183.495 119.676L182.559 119.472C182.115 119.376 181.899 119.124 181.899 118.776C181.899 118.38 182.283 118.008 182.859 118.008C183.771 118.008 184.011 118.668 184.059 118.968L185.055 118.596C184.935 118.08 184.443 117.048 182.859 117.048C181.731 117.048 180.807 117.888 180.807 118.872C180.807 119.688 181.347 120.3 182.247 120.492L183.231 120.708C183.711 120.816 183.975 121.092 183.975 121.452C183.975 121.86 183.627 122.22 182.991 122.22C182.175 122.22 181.719 121.74 181.647 121.14L180.627 121.5ZM188.105 115.404H187.073V116.34C187.073 116.844 186.809 117.228 186.185 117.228H185.873V118.248H186.977V121.416C186.977 122.46 187.601 123.06 188.585 123.06C188.969 123.06 189.257 122.988 189.353 122.952V121.992C189.257 122.016 189.053 122.04 188.909 122.04C188.321 122.04 188.105 121.776 188.105 121.248V118.248H189.353V117.228H188.105V115.404ZM194.986 119.664C194.986 118.788 195.442 118.08 196.33 118.08C197.338 118.08 197.674 118.728 197.674 119.532V123H198.802V119.34C198.802 118.056 198.118 117.06 196.738 117.06C196.066 117.06 195.382 117.336 194.962 118.056V117.228H193.858V123H194.986V119.664ZM203.069 122.172C202.109 122.172 201.269 121.452 201.269 120.108C201.269 118.776 202.109 118.056 203.069 118.056C204.029 118.056 204.869 118.776 204.869 120.108C204.869 121.452 204.029 122.172 203.069 122.172ZM203.069 117.048C201.341 117.048 200.117 118.356 200.117 120.108C200.117 121.872 201.341 123.18 203.069 123.18C204.797 123.18 206.021 121.872 206.021 120.108C206.021 118.356 204.797 117.048 203.069 117.048ZM210.599 117.228L209.099 121.572L207.803 117.228H206.567L208.463 123H209.651L211.151 118.608L212.687 123H213.851L215.723 117.228H214.535L213.263 121.572L211.763 117.228H210.599Z" fill="#9BA1A6"/>
+<path d="M117.972 142H119.244L115.86 133.492H114.504L111.12 142H112.38L113.28 139.624H117.048L117.972 142ZM115.152 134.716L116.628 138.532H113.7L115.152 134.716ZM119.79 142.312C119.934 143.548 121.014 144.46 122.454 144.46C124.626 144.46 125.346 143.032 125.346 141.568V136.228H124.23V137.032C123.942 136.456 123.342 136.12 122.454 136.12C120.87 136.12 119.802 137.368 119.802 138.928C119.802 140.56 120.918 141.724 122.454 141.724C123.318 141.724 123.942 141.304 124.218 140.776V141.604C124.218 142.852 123.666 143.476 122.454 143.476C121.578 143.476 120.966 142.864 120.882 142.06L119.79 142.312ZM122.622 140.776C121.602 140.776 120.954 140.056 120.954 138.928C120.954 137.812 121.626 137.08 122.622 137.08C123.594 137.08 124.266 137.812 124.266 138.928C124.266 140.044 123.594 140.776 122.622 140.776ZM130.352 136.168C130.292 136.156 130.136 136.132 129.98 136.132C129.392 136.132 128.672 136.348 128.252 137.236V136.228H127.148V142H128.276V139.108C128.276 137.836 128.912 137.332 129.86 137.332C130.016 137.332 130.184 137.344 130.352 137.368V136.168ZM132.227 138.52C132.275 137.776 132.851 137.044 133.799 137.044C134.819 137.044 135.359 137.692 135.383 138.52H132.227ZM135.551 140.02C135.335 140.668 134.867 141.184 133.931 141.184C132.959 141.184 132.215 140.464 132.191 139.432H136.535C136.547 139.36 136.559 139.216 136.559 139.072C136.559 137.272 135.563 136.048 133.787 136.048C132.335 136.048 131.027 137.284 131.027 139.096C131.027 141.052 132.383 142.18 133.931 142.18C135.275 142.18 136.199 141.376 136.523 140.356L135.551 140.02ZM138.731 138.52C138.779 137.776 139.355 137.044 140.303 137.044C141.323 137.044 141.863 137.692 141.887 138.52H138.731ZM142.055 140.02C141.839 140.668 141.371 141.184 140.435 141.184C139.463 141.184 138.719 140.464 138.695 139.432H143.039C143.051 139.36 143.063 139.216 143.063 139.072C143.063 137.272 142.067 136.048 140.291 136.048C138.839 136.048 137.531 137.284 137.531 139.096C137.531 141.052 138.887 142.18 140.435 142.18C141.779 142.18 142.703 141.376 143.027 140.356L142.055 140.02ZM145.175 139.096C145.175 137.908 145.847 137.068 146.879 137.068C147.911 137.068 148.535 137.884 148.535 139.072C148.535 140.26 147.899 141.16 146.867 141.16C145.787 141.16 145.175 140.284 145.175 139.096ZM148.547 141.22C148.547 141.568 148.583 141.868 148.607 142H149.699C149.687 141.904 149.639 141.484 149.639 140.932V133.312H148.523V137.044C148.331 136.576 147.779 136.072 146.759 136.072C145.127 136.072 144.023 137.464 144.023 139.096C144.023 140.812 145.067 142.156 146.759 142.156C147.659 142.156 148.271 141.676 148.547 141.124V141.22ZM151.438 141.232C151.438 141.748 151.798 142.048 152.242 142.048C152.374 142.048 152.47 142.012 152.506 141.988C152.494 142.564 152.098 143.152 151.51 143.284V143.908C152.254 143.812 153.286 143.152 153.286 141.568C153.286 140.812 152.83 140.428 152.314 140.428C151.81 140.428 151.438 140.8 151.438 141.232ZM159.213 138.664C159.213 137.788 159.669 137.08 160.557 137.08C161.565 137.08 161.901 137.728 161.901 138.532V142H163.029V138.34C163.029 137.056 162.345 136.06 160.965 136.06C160.293 136.06 159.609 136.336 159.189 137.056V136.228H158.085V142H159.213V138.664ZM167.295 141.172C166.335 141.172 165.495 140.452 165.495 139.108C165.495 137.776 166.335 137.056 167.295 137.056C168.255 137.056 169.095 137.776 169.095 139.108C169.095 140.452 168.255 141.172 167.295 141.172ZM167.295 136.048C165.567 136.048 164.343 137.356 164.343 139.108C164.343 140.872 165.567 142.18 167.295 142.18C169.023 142.18 170.247 140.872 170.247 139.108C170.247 137.356 169.023 136.048 167.295 136.048ZM175.806 144.28V141.22C176.118 141.736 176.79 142.156 177.678 142.156C179.37 142.156 180.366 140.824 180.366 139.108C180.366 137.428 179.442 136.096 177.714 136.096C176.778 136.096 176.094 136.552 175.782 137.128V136.228H174.69V144.28H175.806ZM179.214 139.108C179.214 140.296 178.554 141.148 177.51 141.148C176.478 141.148 175.794 140.296 175.794 139.108C175.794 137.956 176.478 137.092 177.51 137.092C178.566 137.092 179.214 137.956 179.214 139.108ZM185.008 136.168C184.948 136.156 184.792 136.132 184.636 136.132C184.048 136.132 183.328 136.348 182.908 137.236V136.228H181.804V142H182.932V139.108C182.932 137.836 183.568 137.332 184.516 137.332C184.672 137.332 184.84 137.344 185.008 137.368V136.168ZM188.623 141.172C187.663 141.172 186.823 140.452 186.823 139.108C186.823 137.776 187.663 137.056 188.623 137.056C189.583 137.056 190.423 137.776 190.423 139.108C190.423 140.452 189.583 141.172 188.623 141.172ZM188.623 136.048C186.895 136.048 185.671 137.356 185.671 139.108C185.671 140.872 186.895 142.18 188.623 142.18C190.351 142.18 191.575 140.872 191.575 139.108C191.575 137.356 190.351 136.048 188.623 136.048ZM194.135 142V141.16C194.495 141.784 195.155 142.156 196.007 142.156C197.723 142.156 198.695 140.8 198.695 139.084C198.695 137.404 197.795 136.06 196.043 136.06C195.083 136.06 194.411 136.528 194.135 137.044V133.312H193.019V142H194.135ZM197.543 139.084C197.543 140.332 196.871 141.148 195.839 141.148C194.843 141.148 194.123Line truncated
+<rect x="62" y="161.5" width="239" height="32" rx="4.5" fill="#D7DBDF" stroke="#ECEEF0"/>
+<path d="M85.004 175.424C84.812 174.5 84.044 173.312 82.124 173.312C80.552 173.312 79.316 174.512 79.316 175.844C79.316 177.116 80.18 177.908 81.392 178.172L82.604 178.436C83.456 178.616 83.876 179.144 83.876 179.756C83.876 180.5 83.3 181.112 82.124 181.112C80.84 181.112 80.168 180.236 80.084 179.288L78.956 179.648C79.112 180.86 80.084 182.18 82.136 182.18C83.948 182.18 85.076 180.98 85.076 179.66C85.076 178.472 84.284 177.584 82.868 177.272L81.596 176.996C80.876 176.84 80.504 176.372 80.504 175.76C80.504 174.968 81.188 174.344 82.148 174.344C83.336 174.344 83.852 175.184 83.948 175.796L85.004 175.424ZM87.1881 178.52C87.2361 177.776 87.8121 177.044 88.7601 177.044C89.7801 177.044 90.3201 177.692 90.3441 178.52H87.1881ZM90.5121 180.02C90.2961 180.668 89.8281 181.184 88.8921 181.184C87.9201 181.184 87.1761 180.464 87.1521 179.432H91.4961C91.5081 179.36 91.5201 179.216 91.5201 179.072C91.5201 177.272 90.5241 176.048 88.7481 176.048C87.2961 176.048 85.9881 177.284 85.9881 179.096C85.9881 181.052 87.3441 182.18 88.8921 182.18C90.2361 182.18 91.1601 181.376 91.4841 180.356L90.5121 180.02ZM94.088 178.664C94.088 177.788 94.544 177.08 95.432 177.08C96.44 177.08 96.776 177.728 96.776 178.532V182H97.904V178.34C97.904 177.056 97.22 176.06 95.84 176.06C95.168 176.06 94.484 176.336 94.064 177.056V176.228H92.96V182H94.088V178.664ZM100.37 179.096C100.37 177.908 101.042 177.068 102.074 177.068C103.106 177.068 103.73 177.884 103.73 179.072C103.73 180.26 103.094 181.16 102.062 181.16C100.982 181.16 100.37 180.284 100.37 179.096ZM103.742 181.22C103.742 181.568 103.778 181.868 103.802 182H104.894C104.882 181.904 104.834 181.484 104.834 180.932V173.312H103.718V177.044C103.526 176.576 102.974 176.072 101.954 176.072C100.322 176.072 99.2183 177.464 99.2183 179.096C99.2183 180.812 100.262 182.156 101.954 182.156C102.854 182.156 103.466 181.676 103.742 181.124V181.22ZM109.393 180.452C109.393 181.364 110.149 182.18 111.325 182.18C112.357 182.18 112.933 181.628 113.185 181.22C113.185 181.64 113.221 181.856 113.245 182H114.349C114.325 181.856 114.277 181.556 114.277 181.052V178.16C114.277 177.032 113.605 176.048 111.877 176.048C110.629 176.048 109.633 176.816 109.513 177.92L110.593 178.172C110.665 177.5 111.109 177.008 111.901 177.008C112.777 177.008 113.149 177.476 113.149 178.04C113.149 178.244 113.053 178.424 112.705 178.472L111.145 178.7C110.149 178.844 109.393 179.42 109.393 180.452ZM111.481 181.232C110.905 181.232 110.545 180.824 110.545 180.392C110.545 179.876 110.905 179.6 111.385 179.528L113.149 179.264V179.528C113.149 180.788 112.405 181.232 111.481 181.232ZM120.15 182V178.52C120.15 177.656 120.69 177.056 121.494 177.056C122.358 177.056 122.718 177.632 122.718 178.376V182H123.846V178.508C123.846 177.68 124.386 177.056 125.178 177.056C126.03 177.056 126.402 177.62 126.402 178.376V182H127.518V178.256C127.518 176.744 126.534 176.06 125.526 176.06C124.794 176.06 124.05 176.324 123.594 177.152C123.282 176.408 122.586 176.06 121.866 176.06C121.194 176.06 120.474 176.36 120.114 176.996V176.228H119.034V182H120.15ZM130.055 178.52C130.103 177.776 130.679 177.044 131.627 177.044C132.647 177.044 133.187 177.692 133.211 178.52H130.055ZM133.379 180.02C133.163 180.668 132.695 181.184 131.759 181.184C130.787 181.184 130.043 180.464 130.019 179.432H134.363C134.375 179.36 134.387 179.216 134.387 179.072C134.387 177.272 133.391 176.048 131.615 176.048C130.163 176.048 128.855 177.284 128.855 179.096C128.855 181.052 130.211 182.18 131.759 182.18C133.103 182.18 134.027 181.376 134.351 180.356L133.379 180.02ZM135.287 180.5C135.383 181.16 136.055 182.18 137.639 182.18C139.067 182.18 139.751 181.208 139.751 180.392C139.751 179.54 139.199 178.904 138.155 178.676L137.219 178.472C136.775 178.376 136.559 178.124 136.559 177.776C136.559 177.38 136.943 177.008 137.519 177.008C138.431 177.008 138.671 177.668 138.719 177.968L139.715 177.596C139.595 177.08 139.103 176.048 137.519 176.048C136.391 176.048 135.467 176.888 135.467 177.872C135.467 178.688 136.007 179.3 136.907 179.492L137.891 179.708C138.371 179.816 138.635 180.092 138.635 180.452C138.635 180.86 138.287 181.22 137.651 181.22C136.835 181.22 136.379 180.74 136.307 180.14L135.287 180.5ZM140.713 180.5C140.809 181.16 141.481 182.18 143.065 182.18C144.493 182.18 145.177 181.208 145.177 180.392C145.177 179.54 144.625 178.904 143.581 178.676L142.645 178.472C142.201 178.376 141.985 178.124 141.985 177.776C141.985 177.38 142.369 177.008 142.945 177.008C143.857 177.008 144.097 177.668 144.145 177.968L145.141 177.596C145.021 177.08 144.529 176.048 142.945 176.048C141.817 176.048 140.893 176.888 140.893 177.872C140.893 178.688 141.433 179.3 142.333 179.492L143.317 179.708C143.797 179.816 144.061 180.092 144.061 180.452C144.061 180.86 143.713 181.22 143.077 181.22C142.261 181.22 141.805 180.74 141.733 180.14L140.713 180.5ZM146.202 180.452C146.202 181.364 146.958 182.18 148.134 182.18C149.166 182.18 149.742 181.628 149.994 181.22C149.994 181.64 150.03 181.856 150.054 182H151.158C151.134 181.856 151.086 181.556 Line truncated
+</g>
+<defs>
+<clipPath id="clip0_931_17663">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/light/leaderboard.svg

@@ -0,0 +1,34 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17709)">
+<rect x="45" y="19.5" width="270" height="35" rx="3.5" fill="white" stroke="#ECEEF0"/>
+<rect x="84.5" y="35" width="158" height="5" rx="2.5" fill="#ECEEF0"/>
+<circle cx="64.5" cy="37" r="11" fill="#F1F3F5"/>
+<path d="M263.954 40.7148C264.351 40.9876 265.195 41.186 265.815 41.186C268.518 41.186 269.833 39.425 269.833 36.4733C269.833 33.9061 268.283 32.7775 266.708 32.7775C265.133 32.7775 263.744 33.8937 263.744 35.5556C263.744 37.329 265.133 38.2716 266.522 38.2716C267.613 38.2716 268.32 37.7755 268.605 37.2422C268.555 38.8173 267.762 40.0947 265.815 40.0947C265.294 40.0947 264.698 39.921 264.351 39.7102L263.954 40.7148ZM268.444 35.5308C268.444 36.5973 267.601 37.2298 266.708 37.2298C265.79 37.2298 264.971 36.6221 264.971 35.5308C264.971 34.4766 265.815 33.8441 266.708 33.8441C267.588 33.8441 268.444 34.489 268.444 35.5308ZM272.216 36.9818C272.216 35.754 272.439 34.8859 272.923 34.3774C273.233 34.0549 273.63 33.8565 274.2 33.8565C274.771 33.8565 275.168 34.0549 275.478 34.3774C275.962 34.8859 276.185 35.754 276.185 36.9818C276.185 38.2096 275.962 39.0777 275.478 39.5862C275.168 39.9086 274.771 40.1071 274.2 40.1071C273.63 40.1071 273.233 39.9086 272.923 39.5862C272.439 39.0777 272.216 38.2096 272.216 36.9818ZM271.013 36.9818C271.013 38.0856 271.199 39.1025 271.733 39.8962C272.253 40.6776 273.06 41.186 274.2 41.186C275.341 41.186 276.148 40.6776 276.668 39.8962C277.202 39.1025 277.388 38.0856 277.388 36.9818C277.388 35.878 277.202 34.8611 276.668 34.0673C276.148 33.286 275.341 32.7775 274.2 32.7775C273.06 32.7775 272.253 33.286 271.733 34.0673C271.199 34.8611 271.013 35.878 271.013 36.9818ZM282.897 32.207H281.768L277.515 41H278.643L282.897 32.207ZM286.34 41V32.9636H285.273C285.087 33.8317 284.318 34.4518 283.202 34.4766V35.3323H285.149V41H286.34ZM289.148 36.9818C289.148 35.754 289.371 34.8859 289.855 34.3774C290.165 34.0549 290.562 33.8565 291.132 33.8565C291.702 33.8565 292.099 34.0549 292.409 34.3774C292.893 34.8859 293.116 35.754 293.116 36.9818C293.116 38.2096 292.893 39.0777 292.409 39.5862C292.099 39.9086 291.702 40.1071 291.132 40.1071C290.562 40.1071 290.165 39.9086 289.855 39.5862C289.371 39.0777 289.148 38.2096 289.148 36.9818ZM287.945 36.9818C287.945 38.0856 288.131 39.1025 288.664 39.8962C289.185 40.6776 289.991 41.186 291.132 41.186C292.273 41.186 293.079 40.6776 293.6 39.8962C294.133 39.1025 294.319 38.0856 294.319 36.9818C294.319 35.878 294.133 34.8611 293.6 34.0673C293.079 33.286 292.273 32.7775 291.132 32.7775C289.991 32.7775 289.185 33.286 288.664 34.0673C288.131 34.8611 287.945 35.878 287.945 36.9818ZM296.705 36.9818C296.705 35.754 296.928 34.8859 297.412 34.3774C297.722 34.0549 298.119 33.8565 298.689 33.8565C299.26 33.8565 299.657 34.0549 299.967 34.3774C300.45 34.8859 300.674 35.754 300.674 36.9818C300.674 38.2096 300.45 39.0777 299.967 39.5862C299.657 39.9086 299.26 40.1071 298.689 40.1071C298.119 40.1071 297.722 39.9086 297.412 39.5862C296.928 39.0777 296.705 38.2096 296.705 36.9818ZM295.502 36.9818C295.502 38.0856 295.688 39.1025 296.221 39.8962C296.742 40.6776 297.548 41.186 298.689 41.186C299.83 41.186 300.637 40.6776 301.157 39.8962C301.691 39.1025 301.877 38.0856 301.877 36.9818C301.877 35.878 301.691 34.8611 301.157 34.0673C300.637 33.286 299.83 32.7775 298.689 32.7775C297.548 32.7775 296.742 33.286 296.221 34.0673C295.688 34.8611 295.502 35.878 295.502 36.9818Z" fill="#202425"/>
+<rect x="45" y="59.5" width="270" height="35" rx="3.5" fill="white" stroke="#ECEEF0"/>
+<rect x="84.5" y="75" width="158" height="5" rx="2.5" fill="#ECEEF0"/>
+<circle cx="64.5" cy="77" r="11" fill="#F1F3F5"/>
+<path d="M271.077 72.9636H265.211V74.0797H269.738C269.738 74.0797 266.786 76.3245 266.426 81H267.679C268.063 76.7461 270.333 74.7246 271.077 74.1293V72.9636ZM271.396 78.8173C271.508 80.0823 272.661 81.1984 274.373 81.1984C276.159 81.1984 277.325 79.9706 277.325 78.4576C277.325 76.7958 276.171 75.7912 274.596 75.7912C273.964 75.7912 273.319 75.9896 272.959 76.3865L273.554 74.0797H276.99V72.9636H272.748L271.706 76.957C272.116 77.1058 272.475 77.267 272.897 77.4282C273.244 77.0686 273.79 76.8454 274.36 76.8454C275.291 76.8454 276.097 77.4034 276.097 78.5072C276.097 79.4994 275.328 80.1319 274.373 80.1319C273.368 80.1319 272.637 79.4622 272.562 78.47L271.396 78.8173ZM282.897 72.207H281.768L277.515 81H278.643L282.897 72.207ZM286.34 81V72.9636H285.273C285.087 73.8317 284.318 74.4518 283.202 74.4766V75.3323H285.149V81H286.34ZM289.148 76.9818C289.148 75.754 289.371 74.8859 289.855 74.3774C290.165 74.0549 290.562 73.8565 291.132 73.8565C291.702 73.8565 292.099 74.0549 292.409 74.3774C292.893 74.8859 293.116 75.754 293.116 76.9818C293.116 78.2096 292.893 79.0777 292.409 79.5862C292.099 79.9086 291.702 80.1071 291.132 80.1071C290.562 80.1071 290.165 79.9086 289.855 79.5862C289.371 79.0777 289.148 78.2096 289.148 76.9818ZM287.945 76.9818C287.945 78.0856 288.131 79.1025 288.664 79.8962C289.185 80.6776 289.991 81.186 291.132 81.186C292.273 81.186 293.079 80.6776 293.6 79.8962C294.133 79.1025 294.319 78.0856 294.319 76.9818C294.319 75.878 294.133 74.8611 293.6 74.0673C293.079 73.286 292.273 72.7775 291.132 72.7775C289.991 72.7775 289.185 73.286 288.664 74.0673C288.131 74.8611 287.945 75.878 287.945 76.9818ZM296.705 76.9818C296.705 75.754 296.928 74.8859 297.412 74.3774C297.722 74.0549 298.119 73.8565 298.689 73.8565C299.26 73.8565 299.657 74.0549 299.967 74.3774C300.45 74.8859 300.674 75.754 300.674 76.9818C300.674 78.2096 300.45 79.0777 299.967 79.5862C299.657 79.9086 299.26 80.1071 298.689 80.1071C298.119 80.1071 297.722 79.9086 297.412 79.5862C296.928 79.0777 296.705 78.2096 296.705 76.9818ZM295.502 76.9818C295.502 78.0856 295.688 79.1025 296.221 79.8962C296.742 80.6776 297.548 81.186 298.689 81.186C299.83 81.186 300.637 80.6776 301.157 79.8962C301.691 79.1025 301.877 78.0856 301.877 76.9818C301.877 75.878 301.691 74.8611 301.157 74.0673C300.637 73.286 299.83 72.7775 298.689 72.7775C297.548 72.7775 296.742 73.286 296.221 74.0673C295.688 74.8611 295.502 75.878 295.502 76.9818Z" fill="#202425"/>
+<rect x="45" y="99.5" width="270" height="35" rx="3.5" fill="white" stroke="#ECEEF0"/>
+<rect x="84.5" y="115" width="158" height="5" rx="2.5" fill="#ECEEF0"/>
+<circle cx="64.5" cy="117" r="11" fill="#F1F3F5"/>
+<path d="M269.71 113.224C269.338 112.964 268.705 112.778 267.974 112.778C265.63 112.778 263.832 114.477 263.832 117.465C263.832 120.119 265.431 121.186 266.969 121.186C268.544 121.186 269.946 120.169 269.946 118.445C269.946 116.697 268.78 115.704 267.192 115.704C266.126 115.704 265.394 116.213 265.072 116.746C265.171 115.097 266.225 113.869 267.899 113.869C268.507 113.869 269.04 114.043 269.338 114.216L269.71 113.224ZM265.245 118.445C265.245 117.366 266.051 116.746 266.982 116.746C267.912 116.746 268.718 117.366 268.718 118.445C268.718 119.512 267.924 120.132 266.982 120.132C266.101 120.132 265.245 119.499 265.245 118.445ZM272.216 116.982C272.216 115.754 272.439 114.886 272.923 114.377C273.233 114.055 273.63 113.856 274.2 113.856C274.771 113.856 275.168 114.055 275.478 114.377C275.962 114.886 276.185 115.754 276.185 116.982C276.185 118.21 275.962 119.078 275.478 119.586C275.168 119.909 274.771 120.107 274.2 120.107C273.63 120.107 273.233 119.909 272.923 119.586C272.439 119.078 272.216 118.21 272.216 116.982ZM271.013 116.982C271.013 118.086 271.199 119.103 271.733 119.896C272.253 120.678 273.06 121.186 274.2 121.186C275.341 121.186 276.148 120.678 276.668 119.896C277.202 119.103 277.388 118.086 277.388 116.982C277.388 115.878 277.202 114.861 276.668 114.067C276.148 113.286 275.341 112.778 274.2 112.778C273.06 112.778 272.253 113.286 271.733 114.067C271.199 114.861 271.013 115.878 271.013 116.982ZM282.897 112.207H281.768L277.515 121H278.643L282.897 112.207ZM286.34 121V112.964H285.273C285.087 113.832 284.318 114.452 283.202 114.477V115.332H285.149V121H286.34ZM289.148 116.982C289.148 115.754 289.371 114.886 289.855 114.377C290.165 114.055 290.562 113.856 291.132 113.856C291.702 113.856 292.099 114.055 292.409 114.377C292.893 114.886 293.116 115.754 293.116 116.982C293.116 118.21 292.893 119.078 292.409 119.586C292.099 119.909 291.702 120.107 291.132 120.107C290.562 120.107 290.165 119.909 289.855 119.586C289.371 119.078 289.148 118.21 289.148 116.982ZM287.945 116.982C287.945 118.086 288.131 119.103 288.664 119.896C289.185 120.678 289.991 121.186 291.132 121.186C292.273 121.186 293.079 120.678 293.6 119.896C294.133 119.103 294.319 118.086 294.319 116.982C294.319 115.878 294.133 114.861 293.6 114.067C293.079 113.286 292.273 112.778 291.132 112.778C289.991 112.778 289.185 113.286 288.664 114.067C288.131 114.861 287.945 115.878 287.945 116.982ZM296.705 116.982C296.705 115.754 296.928 114.886 297.412 114.377C297.722 114.055 298.119 113.856 298.689 113.856C299.26 113.856 299.657 114.055 299.967 114.377C300.45 114.886 300.674 115.754 300.674 116.982C300.674 118.21 300.45 119.078 299.967 119.586C299.657 119.909 299.26 120.107 298.689 120.107C298.119 120.107 297.722 119.909 297.412 119.586C296.928 119.078 296.705 118.21 296.705 116.982ZM295.502 116.982C295.502 118.086 295.688 119.103 296.221 119.896C296.742 120.678 297.548 121.186 298.689 121.186C299.83 121.186 300.637 120.678 301.157 119.896C301.691 119.103 301.877 118.086 301.877 116.982C301.877 115.878 301.691 114.861 301.157 114.067C300.637 113.286 299.83 112.778 298.689 112.778C297.548 112.778 296.742 113.286 296.221 114.067C295.688 114.861 295.502 115.878 295.502 116.982Z" fill="#202425"/>
+<rect x="45" y="139.5" width="270" height="35" rx="3.5" fill="white" stroke="#ECEEF0"/>
+<rect x="84.5" y="155" width="158" height="5" rx="2.5" fill="#ECEEF0"/>
+<circle cx="64.5" cy="157" r="11" fill="#F1F3F5"/>
+<path d="M264.602 158.817C264.714 160.082 265.867 161.198 267.578 161.198C269.364 161.198 270.53 159.971 270.53 158.458C270.53 156.796 269.377 155.791 267.802 155.791C267.169 155.791 266.524 155.99 266.165 156.386L266.76 154.08H270.195V152.964H265.954L264.912 156.957C265.321 157.106 265.681 157.267 266.103 157.428C266.45 157.069 266.996 156.845 267.566 156.845C268.496 156.845 269.302 157.403 269.302 158.507C269.302 159.499 268.533 160.132 267.578 160.132C266.574 160.132 265.842 159.462 265.768 158.47L264.602 158.817ZM271.396 158.817C271.508 160.082 272.661 161.198 274.373 161.198C276.159 161.198 277.325 159.971 277.325 158.458C277.325 156.796 276.171 155.791 274.596 155.791C273.964 155.791 273.319 155.99 272.959 156.386L273.554 154.08H276.99V152.964H272.748L271.706 156.957C272.116 157.106 272.475 157.267 272.897 157.428C273.244 157.069 273.79 156.845 274.36 156.845C275.291 156.845 276.097 157.403 276.097 158.507C276.097 159.499 275.328 160.132 274.373 160.132C273.368 160.132 272.637 159.462 272.562 158.47L271.396 158.817ZM282.897 152.207H281.768L277.515 161H278.643L282.897 152.207ZM286.34 161V152.964H285.273C285.087 153.832 284.318 154.452 283.202 154.477V155.332H285.149V161H286.34ZM289.148 156.982C289.148 155.754 289.371 154.886 289.855 154.377C290.165 154.055 290.562 153.856 291.132 153.856C291.702 153.856 292.099 154.055 292.409 154.377C292.893 154.886 293.116 155.754 293.116 156.982C293.116 158.21 292.893 159.078 292.409 159.586C292.099 159.909 291.702 160.107 291.132 160.107C290.562 160.107 290.165 159.909 289.855 159.586C289.371 159.078 289.148 158.21 289.148 156.982ZM287.945 156.982C287.945 158.086 288.131 159.103 288.664 159.896C289.185 160.678 289.991 161.186 291.132 161.186C292.273 161.186 293.079 160.678 293.6 159.896C294.133 159.103 294.319 158.086 294.319 156.982C294.319 155.878 294.133 154.861 293.6 154.067C293.079 153.286 292.273 152.778 291.132 152.778C289.991 152.778 289.185 153.286 288.664 154.067C288.131 154.861 287.945 155.878 287.945 156.982ZM296.705 156.982C296.705 155.754 296.928 154.886 297.412 154.377C297.722 154.055 298.119 153.856 298.689 153.856C299.26 153.856 299.657 154.055 299.967 154.377C300.45 154.886 300.674 155.754 300.674 156.982C300.674 158.21 300.45 159.078 299.967 159.586C299.657 159.909 299.26 160.107 298.689 160.107C298.119 160.107 297.722 159.909 297.412 159.586C296.928 159.078 296.705 158.21 296.705 156.982ZM295.502 156.982C295.502 158.086 295.688 159.103 296.221 159.896C296.742 160.678 297.548 161.186 298.689 161.186C299.83 161.186 300.637 160.678 301.157 159.896C301.691 159.103 301.877 158.086 301.877 156.982C301.877 155.878 301.691 154.861 301.157 154.067C300.637 153.286 299.83 152.778 298.689 152.778C297.548 152.778 296.742 153.286 296.221 154.067C295.688 154.861 295.502 155.878 295.502 156.982Z" fill="#202425"/>
+<rect x="45" y="179.5" width="270" height="35" rx="3.5" fill="white" stroke="#ECEEF0"/>
+<rect x="84.5" y="195" width="158" height="5" rx="2.5" fill="#ECEEF0"/>
+<circle cx="64.5" cy="197" r="11" fill="#F1F3F5"/>
+<path d="M265.577 195.853C265.565 195.729 265.553 195.605 265.553 195.494C265.553 194.576 266.049 193.844 267.103 193.844C268.12 193.844 268.616 194.526 268.616 195.258C268.616 195.878 268.269 196.448 267.512 196.932L266.173 197.8C264.809 198.681 264.288 199.685 264.263 201H269.893V199.871H265.764C265.875 199.375 266.284 199.04 266.743 198.743L268.331 197.726C269.248 197.143 269.844 196.3 269.844 195.246C269.844 193.906 268.852 192.778 267.128 192.778C265.367 192.778 264.35 194.005 264.35 195.382C264.35 195.481 264.35 195.593 264.362 195.704L265.577 195.853ZM272.216 196.982C272.216 195.754 272.439 194.886 272.923 194.377C273.233 194.055 273.63 193.856 274.2 193.856C274.771 193.856 275.168 194.055 275.478 194.377C275.962 194.886 276.185 195.754 276.185 196.982C276.185 198.21 275.962 199.078 275.478 199.586C275.168 199.909 274.771 200.107 274.2 200.107C273.63 200.107 273.233 199.909 272.923 199.586C272.439 199.078 272.216 198.21 272.216 196.982ZM271.013 196.982C271.013 198.086 271.199 199.103 271.733 199.896C272.253 200.678 273.06 201.186 274.2 201.186C275.341 201.186 276.148 200.678 276.668 199.896C277.202 199.103 277.388 198.086 277.388 196.982C277.388 195.878 277.202 194.861 276.668 194.067C276.148 193.286 275.341 192.778 274.2 192.778C273.06 192.778 272.253 193.286 271.733 194.067C271.199 194.861 271.013 195.878 271.013 196.982ZM282.897 192.207H281.768L277.515 201H278.643L282.897 192.207ZM286.34 201V192.964H285.273C285.087 193.832 284.318 194.452 283.202 194.477V195.332H285.149V201H286.34ZM289.148 196.982C289.148 195.754 289.371 194.886 289.855 194.377C290.165 194.055 290.562 193.856 291.132 193.856C291.702 193.856 292.099 194.055 292.409 194.377C292.893 194.886 293.116 195.754 293.116 196.982C293.116 198.21 292.893 199.078 292.409 199.586C292.099 199.909 291.702 200.107 291.132 200.107C290.562 200.107 290.165 199.909 289.855 199.586C289.371 199.078 289.148 198.21 289.148 196.982ZM287.945 196.982C287.945 198.086 288.131 199.103 288.664 199.896C289.185 200.678 289.991 201.186 291.132 201.186C292.273 201.186 293.079 200.678 293.6 199.896C294.133 199.103 294.319 198.086 294.319 196.982C294.319 195.878 294.133 194.861 293.6 194.067C293.079 193.286 292.273 192.778 291.132 192.778C289.991 192.778 289.185 193.286 288.664 194.067C288.131 194.861 287.945 195.878 287.945 196.982ZM296.705 196.982C296.705 195.754 296.928 194.886 297.412 194.377C297.722 194.055 298.119 193.856 298.689 193.856C299.26 193.856 299.657 194.055 299.967 194.377C300.45 194.886 300.674 195.754 300.674 196.982C300.674 198.21 300.45 199.078 299.967 199.586C299.657 199.909 299.26 200.107 298.689 200.107C298.119 200.107 297.722 199.909 297.412 199.586C296.928 199.078 296.705 198.21 296.705 196.982ZM295.502 196.982C295.502 198.086 295.688 199.103 296.221 199.896C296.742 200.678 297.548 201.186 298.689 201.186C299.83 201.186 300.637 200.678 301.157 199.896C301.691 199.103 301.877 198.086 301.877 196.982C301.877 195.878 301.691 194.861 301.157 194.067C300.637 193.286 299.83 192.778 298.689 192.778C297.548 192.778 296.742 193.286 296.221 194.067C295.688 194.861 295.502 195.878 295.502 196.982Z" fill="#202425"/>
+<rect x="84.5" y="35" width="140" height="5" rx="2.5" fill="#3FCF8E"/>
+<rect x="84.5" y="75" width="121" height="5" rx="2.5" fill="#3FCF8E"/>
+<rect x="84.5" y="115" width="109" height="5" rx="2.5" fill="#3FCF8E"/>
+<rect x="84.5" y="155" width="91" height="5" rx="2.5" fill="#3FCF8E"/>
+<rect x="84.5" y="195" width="39" height="5" rx="2.5" fill="#3FCF8E"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17709">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/light/live-avatars.svg

@@ -0,0 +1,22 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1125_17886" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="87" y="38" width="60" height="60">
+<rect x="87.9635" y="38.4635" width="58.4057" height="58.4057" rx="29.2028" fill="#D9D9D9" stroke="#232323" stroke-width="0.927074"/>
+</mask>
+<g mask="url(#mask0_1125_17886)">
+<rect x="76.8385" y="27.3385" width="80.6555" height="112.176" fill="#A0A0A0" stroke="#3FCF8E" stroke-width="0.927074"/>
+<path d="M102.855 70.1654C102.855 72.6331 104.488 74.2664 106.974 74.2664C109.424 74.2664 111.075 72.3846 111.075 70.1121V61.4129H108.625V70.1121C108.625 71.2128 107.986 71.9407 106.956 71.9407C105.962 71.9407 105.234 71.3549 105.216 70.0589V68.9049L102.855 69.331V70.1654ZM125.626 70.1121L122.821 61.4129H120.283L117.495 70.0766L115.187 61.4129H112.595L116.093 74.0001H118.649L121.525 65.0346L124.401 74.0001H126.922L130.402 61.4129H127.899L125.626 70.1121Z" fill="#7E7E7E"/>
+</g>
+<rect x="129.219" y="79.7183" width="20.3956" height="20.3956" rx="10.1978" fill="#3FCF8E" stroke="#F1F3F5" stroke-width="5.56245"/>
+<path d="M162.112 61.1539C162.112 63.0925 163.395 64.3756 165.348 64.3756C167.272 64.3756 168.569 62.8972 168.569 61.1121V54.2783H166.645V61.1121C166.645 61.9768 166.143 62.5486 165.334 62.5486C164.553 62.5486 163.981 62.0883 163.967 61.0702V60.1637L162.112 60.4984V61.1539ZM172.441 64.1664V57.3047H170.586V64.1664H172.441ZM170.363 55.0593C170.363 55.6729 170.879 56.1889 171.507 56.1889C172.148 56.1889 172.651 55.6729 172.651 55.0593C172.651 54.4177 172.148 53.9017 171.507 53.9017C170.879 53.9017 170.363 54.4177 170.363 55.0593ZM176.282 64.1664V60.1498C176.282 59.3967 176.756 58.7969 177.565 58.7969C178.402 58.7969 178.779 59.3548 178.779 60.094V64.1664H180.619V60.1498C180.619 59.4106 181.094 58.7969 181.889 58.7969C182.739 58.7969 183.102 59.3548 183.102 60.094V64.1664H184.901V59.7174C184.901 57.8765 183.688 57.1094 182.419 57.1094C181.512 57.1094 180.787 57.4162 180.243 58.253C179.894 57.5139 179.141 57.1094 178.207 57.1094C177.454 57.1094 176.575 57.472 176.198 58.1415V57.3047H174.427V64.1664H176.282ZM199.64 61.1121L197.436 54.2783H195.442L193.252 61.0842L191.439 54.2783H189.403L192.151 64.1664H194.159L196.418 57.1234L198.678 64.1664H200.658L203.392 54.2783H201.425L199.64 61.1121ZM206.409 60.1358C206.451 59.3827 206.911 58.7969 207.692 58.7969C208.585 58.7969 208.961 59.3967 208.961 60.1637V64.1664H210.816V59.8429C210.816 58.3367 210.007 57.1234 208.264 57.1234C207.608 57.1234 206.855 57.3465 206.409 57.8765V54.0691H204.554V64.1664H206.409V60.1358ZM214.051 59.9545C214.093 59.3269 214.623 58.6017 215.586 58.6017C216.645 58.6017 217.092 59.2711 217.12 59.9545H214.051ZM217.301 61.7397C217.078 62.3533 216.604 62.7857 215.739 62.7857C214.818 62.7857 214.051 62.1302 214.01 61.2237H218.919C218.919 61.1958 218.947 60.9168 218.947 60.6518C218.947 58.4483 217.678 57.0955 215.558 57.0955C213.8 57.0955 212.183 58.518 212.183 60.7076C212.183 63.0228 213.842 64.3756 215.725 64.3756C217.413 64.3756 218.5 63.3854 218.849 62.1999L217.301 61.7397ZM222.262 64.1664V54.0691H220.407V64.1664H222.262ZM223.789 62.2975C223.789 63.3714 224.681 64.3616 226.146 64.3616C227.164 64.3616 227.819 63.8875 228.168 63.3435C228.168 63.6085 228.196 63.9851 228.238 64.1664H229.939C229.897 63.9293 229.856 63.4412 229.856 63.0785V59.7035C229.856 58.3228 229.047 57.0955 226.871 57.0955C225.03 57.0955 224.04 58.2809 223.928 59.3548L225.574 59.7035C225.63 59.1038 226.076 58.5877 226.885 58.5877C227.666 58.5877 228.043 58.9922 228.043 59.4803C228.043 59.7174 227.917 59.9127 227.527 59.9685L225.839 60.2195C224.695 60.3869 223.789 61.0702 223.789 62.2975ZM226.536 62.9809C225.937 62.9809 225.644 62.5904 225.644 62.186C225.644 61.656 226.02 61.391 226.494 61.3213L228.043 61.0842V61.391C228.043 62.6044 227.317 62.9809 226.536 62.9809ZM233.58 60.2195C233.58 59.4245 234.054 58.7969 234.863 58.7969C235.756 58.7969 236.132 59.3967 236.132 60.1637V64.1664H237.987V59.8429C237.987 58.3367 237.206 57.1234 235.505 57.1234C234.766 57.1234 233.943 57.4441 233.524 58.1554V57.3047H231.725V64.1664H233.58V60.2195Z" fill="#202425"/>
+<path d="M166.505 81.3756C168.513 81.3756 170.061 80.1204 170.061 77.7913V71.2783H168.695V77.7495C168.695 79.2557 167.9 80.1064 166.505 80.1064C165.124 80.1064 164.302 79.2557 164.302 77.7495V71.2783H162.949V77.7913C162.949 80.1204 164.497 81.3756 166.505 81.3756ZM171.664 79.4231C171.776 80.1901 172.557 81.3756 174.398 81.3756C176.057 81.3756 176.852 80.2459 176.852 79.2975C176.852 78.3073 176.211 77.5682 174.997 77.3032L173.91 77.0661C173.394 76.9545 173.143 76.6616 173.143 76.2572C173.143 75.7969 173.589 75.3646 174.258 75.3646C175.318 75.3646 175.597 76.1317 175.653 76.4803L176.811 76.048C176.671 75.4483 176.099 74.2489 174.258 74.2489C172.947 74.2489 171.873 75.2251 171.873 76.3688C171.873 77.3171 172.501 78.0284 173.547 78.2515L174.691 78.5026C175.249 78.6281 175.555 78.9489 175.555 79.3673C175.555 79.8415 175.151 80.2599 174.412 80.2599C173.463 80.2599 172.933 79.702 172.85 79.0047L171.664 79.4231ZM179.38 77.1219C179.436 76.2572 180.106 75.4064 181.207 75.4064C182.393 75.4064 183.02 76.1596 183.048 77.1219H179.38ZM183.244 78.8652C182.993 79.6183 182.449 80.218 181.361 80.218C180.231 80.218 179.366 79.3812 179.339 78.1818H184.387C184.401 78.0981 184.415 77.9308 184.415 77.7634C184.415 75.6714 183.258 74.2489 181.193 74.2489C179.506 74.2489 177.986 75.6854 177.986 77.7913C177.986 80.0646 179.562 81.3756 181.361 81.3756C182.923 81.3756 183.997 80.4412 184.373 79.2557L183.244 78.8652ZM189.812 74.3883C189.743 74.3744 189.561 74.3465 189.38 74.3465C188.697 74.3465 187.86 74.5975 187.372 75.6296V74.4581H186.089V81.1664H187.4V77.8053C187.4 76.3269 188.139 75.7412 189.241 75.7412C189.422 75.7412 189.617 75.7551 189.812 75.783V74.3883ZM197.569 80.2041C196.454 80.2041 195.477 79.3673 195.477 77.8053C195.477 76.2572 196.454 75.4204 197.569 75.4204C198.685 75.4204 199.661 76.2572 199.661 77.8053C199.661 79.3673 198.685 80.2041 197.569 80.2041ZM197.569 74.2489C195.561 74.2489 194.138 75.7691 194.138 77.8053C194.138 79.8554 195.561 81.3756 197.569 81.3756C199.578 81.3756 201 79.8554 201 77.8053C201 75.7691 199.578 74.2489 197.569 74.2489ZM203.988 77.2892C203.988 76.2711 204.518 75.4483 205.55 75.4483C206.722 75.4483 207.112 76.2014 207.112 77.1358V81.1664H208.423V76.9127C208.423 75.4204 207.628 74.2628 206.025 74.2628C205.244 74.2628 204.449 74.5836 203.961 75.4204V74.4581H202.677V81.1664H203.988V77.2892ZM211.82 81.1664V71.0691H210.509V81.1664H211.82ZM215.347 81.1664V74.4581H214.05V81.1664H215.347ZM213.757 71.9198C213.757 72.4358 214.175 72.8542 214.691 72.8542C215.221 72.8542 215.64 72.4358 215.64 71.9198C215.64 71.3898 215.221 70.9714 214.691 70.9714C214.175 70.9714 213.757 71.3898 213.757 71.9198ZM218.888 77.2892C218.888 76.2711 219.418 75.4483 220.45 75.4483C221.622 75.4483 222.012 76.2014 222.012 77.1358V81.1664H223.323V76.9127C223.323 75.4204 222.528 74.2628 220.925 74.2628C220.144 74.2628 219.349 74.5836 218.86 75.4204V74.4581H217.577V81.1664H218.888V77.2892ZM226.259 77.1219C226.315 76.2572 226.985 75.4064 228.086 75.4064C229.272 75.4064 229.9 76.1596 229.927 77.1219H226.259ZM230.123 78.8652C229.872 79.6183 229.328 80.218 228.24 80.218C227.11 80.218 226.246 79.3812 226.218 78.1818H231.266C231.28 78.0981 231.294 77.9308 231.294 77.7634C231.294 75.6714 230.137 74.2489 228.073 74.2489C226.385 74.2489 224.865 75.6854 224.865 77.7913C224.865 80.0646 226.441 81.3756 228.24 81.3756C229.802 81.3756 230.876 80.4412 231.252 79.2557L230.123 78.8652Z" fill="#3FCF8E"/>
+<mask id="mask1_1125_17886" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="87" y="112" width="60" height="61">
+<rect x="87.9635" y="113.274" width="58.4057" height="58.4057" rx="29.2028" fill="#D9D9D9" stroke="#232323" stroke-width="0.927074"/>
+</mask>
+<g mask="url(#mask1_1125_17886)">
+<rect x="76.8385" y="102.149" width="80.6555" height="112.176" fill="#7E7E7E" stroke="#3FCF8E" stroke-width="0.927074"/>
+<path d="M115.092 148.352H117.755L112.961 135.765H110.121L105.292 148.352H107.884L108.931 145.476H114.044L115.092 148.352ZM111.488 138.481L113.228 143.239H109.748L111.488 138.481ZM127.247 148.352V146.044H121.815V143.133H126.732V140.949H121.815V138.073H127.247V135.765H119.365V148.352H127.247Z" fill="#A0A0A0"/>
+</g>
+<circle cx="117.166" cy="142.477" r="32.4476" stroke="#F1F3F5" stroke-width="5.56245"/>
+<path d="M169.671 138.977H171.763L167.997 129.089H165.766L161.972 138.977H164.009L164.832 136.718H168.848L169.671 138.977ZM166.84 131.223L168.207 134.961H165.473L166.84 131.223ZM174.716 135.03C174.716 134.235 175.19 133.608 175.999 133.608C176.892 133.608 177.268 134.208 177.268 134.975V138.977H179.123V134.654C179.123 133.148 178.342 131.934 176.64 131.934C175.901 131.934 175.078 132.255 174.66 132.966V132.116H172.861V138.977H174.716V135.03ZM182.86 135.03C182.86 134.235 183.335 133.608 184.144 133.608C185.036 133.608 185.413 134.208 185.413 134.975V138.977H187.268V134.654C187.268 133.148 186.487 131.934 184.785 131.934C184.046 131.934 183.223 132.255 182.805 132.966V132.116H181.006V138.977H182.86V135.03ZM188.732 137.108C188.732 138.182 189.624 139.173 191.089 139.173C192.107 139.173 192.762 138.698 193.111 138.154C193.111 138.419 193.139 138.796 193.181 138.977H194.882C194.84 138.74 194.798 138.252 194.798 137.889V134.514C194.798 133.134 193.99 131.906 191.814 131.906C189.973 131.906 188.983 133.092 188.871 134.166L190.517 134.514C190.573 133.915 191.019 133.399 191.828 133.399C192.609 133.399 192.985 133.803 192.985 134.291C192.985 134.528 192.86 134.724 192.469 134.779L190.782 135.03C189.638 135.198 188.732 135.881 188.732 137.108ZM191.479 137.792C190.879 137.792 190.587 137.401 190.587 136.997C190.587 136.467 190.963 136.202 191.437 136.132L192.985 135.895V136.202C192.985 137.415 192.26 137.792 191.479 137.792ZM206.446 138.977V137.164H202.178V134.877H206.041V133.162H202.178V130.902H206.446V129.089H200.253V138.977H206.446ZM207.731 137.108C207.731 138.182 208.624 139.173 210.088 139.173C211.106 139.173 211.762 138.698 212.11 138.154C212.11 138.419 212.138 138.796 212.18 138.977H213.882C213.84 138.74 213.798 138.252 213.798 137.889V134.514C213.798 133.134 212.989 131.906 210.813 131.906C208.972 131.906 207.982 133.092 207.871 134.166L209.516 134.514C209.572 133.915 210.018 133.399 210.827 133.399C211.608 133.399 211.985 133.803 211.985 134.291C211.985 134.528 211.859 134.724 211.469 134.779L209.781 135.03C208.638 135.198 207.731 135.881 207.731 137.108ZM210.479 137.792C209.879 137.792 209.586 137.401 209.586 136.997C209.586 136.467 209.963 136.202 210.437 136.132L211.985 135.895V136.202C211.985 137.415 211.26 137.792 210.479 137.792ZM215.082 137.067C215.166 137.848 215.877 139.186 217.941 139.186C219.74 139.186 220.605 138.043 220.605 136.927C220.605 135.923 219.921 135.1 218.569 134.821L217.592 134.612C217.216 134.542 216.965 134.333 216.965 133.998C216.965 133.608 217.355 133.315 217.843 133.315C218.624 133.315 218.917 133.831 218.973 134.235L220.521 133.887C220.437 133.148 219.782 131.906 217.829 131.906C216.351 131.906 215.263 132.924 215.263 134.152C215.263 135.114 215.863 135.909 217.188 136.202L218.094 136.411C218.624 136.523 218.834 136.774 218.834 137.081C218.834 137.443 218.541 137.764 217.927 137.764C217.118 137.764 216.714 137.262 216.672 136.718L215.082 137.067ZM224.383 130.065H222.71V131.028C222.71 131.641 222.375 132.116 221.65 132.116H221.301V133.761H222.542V136.955C222.542 138.28 223.379 139.075 224.718 139.075C225.262 139.075 225.597 138.977 225.764 138.908V137.373C225.667 137.401 225.415 137.429 225.192 137.429C224.662 137.429 224.383 137.234 224.383 136.634V133.761H225.764V132.116H224.383V130.065ZM231.244 132.116L229.752 136.523L228.483 132.116H226.531L228.72 138.977H230.603L232.179 134.291L233.783 138.977H235.638L237.785 132.116H235.944L234.675 136.537L233.197 132.116H231.244ZM241.849 137.499C240.942 137.499 240.106 136.83 240.106 135.546C240.106 134.249 240.942 133.594 241.849 133.594C242.755 133.594 243.592 134.249 243.592 135.546C243.592 136.843 242.755 137.499 241.849 137.499ZM241.849 131.906C239.799 131.906 238.251 133.427 238.251 135.546C238.251 137.652 239.799 139.186 241.849 139.186C243.899 139.186 245.447 137.652 245.447 135.546C245.447 133.427 243.899 131.906 241.849 131.906ZM249.993 137.499C249.087 137.499 248.25 136.83 248.25 135.546C248.25 134.249 249.087 133.594 249.993 133.594C250.9 133.594 251.737 134.249 251.737 135.546C251.737 136.843 250.9 137.499 249.993 137.499ZM249.993 131.906C247.943 131.906 246.395 133.427 246.395 135.546C246.395 137.652 247.943 139.186 249.993 139.186C252.044 139.186 253.592 137.652 253.592 135.546C253.592 133.427 252.044 131.906 249.993 131.906ZM261.597 128.88H259.77V132.799C259.575 132.436 259.017 131.948 257.831 131.948C255.893 131.948 254.54 133.524 254.54 135.532C254.54 137.611 255.935 139.145 257.887 139.145C258.808 139.145 259.505 138.726 259.812 138.182C259.812 138.503 259.853 138.838 259.881 138.977H261.653C261.625 138.698 261.597 138.196 261.597 137.736V128.88ZM256.409 135.532C256.409 134.305 257.162 133.608 258.11 133.608C259.059 133.608 259.798 134.291 259.798 135.519C259.798 136.76 259.059 137.485 258.11 137.485C257.134 137.485 256.409 136.76 256.409 135.532Z" fill="#202425"/>
+<path d="M169.936 155.977H171.414L167.481 146.089H165.905L161.972 155.977H163.437L164.483 153.216H168.862L169.936 155.977ZM166.659 147.512L168.374 151.947H164.971L166.659 147.512ZM175.354 150.273C176.498 150.273 176.986 151.04 177.153 151.696L178.339 151.194C178.06 150.176 177.139 149.06 175.354 149.06C173.444 149.06 171.979 150.524 171.979 152.616C171.979 154.652 173.416 156.186 175.368 156.186C177.111 156.186 178.074 155.057 178.395 154.095L177.237 153.592C177.084 154.122 176.623 154.973 175.368 154.973C174.28 154.973 173.318 154.15 173.318 152.616C173.318 151.054 174.294 150.273 175.354 150.273ZM181.69 147.149H180.49V148.237C180.49 148.823 180.184 149.269 179.458 149.269H179.096V150.454H180.379V154.136C180.379 155.35 181.104 156.047 182.248 156.047C182.694 156.047 183.029 155.963 183.14 155.922V154.806C183.029 154.834 182.792 154.862 182.624 154.862C181.941 154.862 181.69 154.555 181.69 153.941V150.454H183.14V149.269H181.69V147.149ZM186.187 155.977V149.269H184.89V155.977H186.187ZM184.597 146.731C184.597 147.247 185.016 147.665 185.532 147.665C186.062 147.665 186.48 147.247 186.48 146.731C186.48 146.201 186.062 145.782 185.532 145.782C185.016 145.782 184.597 146.201 184.597 146.731ZM194.164 149.269H192.755L190.83 154.443L188.92 149.269H187.441L190.161 155.977H191.486L194.164 149.269ZM196.065 151.933C196.12 151.068 196.79 150.217 197.892 150.217C199.077 150.217 199.705 150.97 199.733 151.933H196.065ZM199.928 153.676C199.677 154.429 199.133 155.029 198.045 155.029C196.915 155.029 196.051 154.192 196.023 152.993H201.071C201.085 152.909 201.099 152.742 201.099 152.574C201.099 150.482 199.942 149.06 197.878 149.06C196.19 149.06 194.67 150.496 194.67 152.602C194.67 154.876 196.246 156.186 198.045 156.186C199.607 156.186 200.681 155.252 201.057 154.067L199.928 153.676ZM205.632 153.523C205.757 154.945 207.054 156.2 208.979 156.2C210.987 156.2 212.298 154.82 212.298 153.118C212.298 151.249 211.001 150.12 209.23 150.12C208.519 150.12 207.794 150.343 207.389 150.789L208.059 148.195H211.922V146.94H207.152L205.98 151.431C206.441 151.598 206.845 151.779 207.319 151.961C207.71 151.556 208.323 151.305 208.965 151.305C210.011 151.305 210.918 151.933 210.918 153.174C210.918 154.29 210.053 155.001 208.979 155.001C207.849 155.001 207.026 154.248 206.943 153.132L205.632 153.523ZM218.684 155.977V151.933C218.684 150.929 219.311 150.231 220.246 150.231C221.25 150.231 221.668 150.901 221.668 151.765V155.977H222.979V151.919C222.979 150.957 223.607 150.231 224.527 150.231C225.518 150.231 225.95 150.887 225.95 151.765V155.977H227.247V151.626C227.247 149.869 226.103 149.074 224.932 149.074C224.081 149.074 223.216 149.381 222.686 150.343C222.324 149.478 221.515 149.074 220.678 149.074C219.897 149.074 219.06 149.422 218.642 150.162V149.269H217.387V155.977H218.684ZM230.642 155.977V149.269H229.345V155.977H230.642ZM229.052 146.731C229.052 147.247 229.47 147.665 229.986 147.665C230.516 147.665 230.935 147.247 230.935 146.731C230.935 146.201 230.516 145.782 229.986 145.782C229.47 145.782 229.052 146.201 229.052 146.731ZM234.183 152.1C234.183 151.082 234.713 150.259 235.745 150.259C236.917 150.259 237.307 151.012 237.307 151.947V155.977H238.618V151.724C238.618 150.231 237.823 149.074 236.219 149.074C235.438 149.074 234.644 149.395 234.155 150.231V149.269H232.872V155.977H234.183V152.1ZM240.076 154.234C240.188 155.001 240.969 156.186 242.81 156.186C244.469 156.186 245.264 155.057 245.264 154.108C245.264 153.118 244.623 152.379 243.409 152.114L242.321 151.877C241.805 151.765 241.554 151.473 241.554 151.068C241.554 150.608 242.001 150.176 242.67 150.176C243.73 150.176 244.009 150.943 244.065 151.291L245.222 150.859C245.083 150.259 244.511 149.06 242.67 149.06C241.359 149.06 240.285 150.036 240.285 151.18C240.285 152.128 240.913 152.839 241.959 153.062L243.102 153.313C243.66 153.439 243.967 153.76 243.967 154.178C243.967 154.652 243.563 155.071 242.824 155.071C241.875 155.071 241.345 154.513 241.262 153.816L240.076 154.234ZM250.078 154.178C250.078 155.238 250.956 156.186 252.323 156.186C253.523 156.186 254.192 155.545 254.485 155.071C254.485 155.559 254.527 155.81 254.555 155.977H255.838C255.81 155.81 255.754 155.461 255.754 154.876V151.514C255.754 150.203 254.973 149.06 252.965 149.06C251.514 149.06 250.357 149.952 250.217 151.235L251.472 151.528C251.556 150.747 252.072 150.176 252.993 150.176C254.011 150.176 254.443 150.719 254.443 151.375C254.443 151.612 254.332 151.821 253.927 151.877L252.114 152.142C250.956 152.309 250.078 152.979 250.078 154.178ZM252.505 155.085C251.835 155.085 251.417 154.611 251.417 154.108C251.417 153.509 251.835 153.188 252.393 153.104L254.443 152.797V153.104C254.443 154.569 253.578 155.085 252.505 155.085ZM257.308 156.34C257.476 157.776 258.731 158.836 260.404 158.836C262.929 158.836 263.766 157.177 263.766 155.475V149.269H262.468V150.203C262.134 149.534 261.436 149.143 260.404 149.143C258.563 149.143 257.322 150.594 257.322 152.407C257.322 154.304 258.619 155.657 260.404 155.657C261.409 155.657 262.134 155.168 262.45Line truncated
+</svg>

apps/www/public/images/realtime/example-apps/light/live-cursors.svg

@@ -0,0 +1,15 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17697)">
+<path d="M49.5 254V101H433.5" stroke="#9BA1A6" stroke-miterlimit="10"/>
+<path d="M54.5 97H45.5V106H54.5V97Z" fill="#202425"/>
+<path d="M212.289 87.9403L197.582 50.5535C197.224 49.6466 198.098 48.7462 199.011 49.0659L237.631 62.5917C238.617 62.9375 238.656 64.3142 237.69 64.7122L221.809 71.25C221.535 71.3609 221.313 71.5828 221.196 71.8568L214.39 87.9664C213.992 88.906 212.661 88.8864 212.289 87.9403ZM316.098 91.3593C316.098 82.0615 308.562 74.5254 299.264 74.5254H239.36C230.063 74.5254 222.527 82.0615 222.527 91.3593C222.527 100.657 230.063 108.193 239.36 108.193H299.264C308.562 108.193 316.098 100.657 316.098 91.3593Z" fill="#3FCF8E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M257.153 94.1453C258.667 94.1453 259.894 92.9184 259.894 91.4049C259.894 89.8915 258.667 88.6646 257.153 88.6646C255.64 88.6646 254.413 89.8915 254.413 91.4049C254.413 92.9184 255.64 94.1453 257.153 94.1453ZM267.815 94.1453C269.328 94.1453 270.555 92.9184 270.555 91.4049C270.555 89.8915 269.328 88.6646 267.815 88.6646C266.301 88.6646 265.074 89.8915 265.074 91.4049C265.074 92.9184 266.301 94.1453 267.815 94.1453ZM281.209 91.4049C281.209 92.9184 279.982 94.1453 278.469 94.1453C276.955 94.1453 275.729 92.9184 275.729 91.4049C275.729 89.8915 276.955 88.6646 278.469 88.6646C279.982 88.6646 281.209 89.8915 281.209 91.4049Z" fill="#202425"/>
+<path d="M67.1692 140.436L73.8775 124.547C73.9949 124.273 74.2102 124.057 74.4843 123.946L90.1521 117.499C91.1048 117.108 91.0657 115.744 90.0934 115.404L51.9909 102.066C51.0838 101.747 50.229 102.641 50.5814 103.535L65.0876 140.417C65.453 141.35 66.7712 141.369 67.1627 140.443L67.1692 140.436ZM75.1891 143.784C75.1891 134.609 82.6282 127.176 91.7965 127.176H150.892C160.066 127.176 167.499 134.616 167.499 143.784C167.499 152.959 160.06 160.391 150.892 160.391H91.7965C82.6216 160.391 75.1891 152.952 75.1891 143.784Z" fill="#9BA1A6"/>
+<path d="M112.826 148V146.159H107.526L112.756 139.911V138.112H105.225V139.939H110.19L105.044 146.131V148H112.826ZM113.993 146.131C113.993 147.205 114.885 148.195 116.35 148.195C117.368 148.195 118.023 147.721 118.372 147.177C118.372 147.442 118.4 147.819 118.442 148H120.143C120.101 147.763 120.059 147.275 120.059 146.912V143.537C120.059 142.156 119.251 140.929 117.075 140.929C115.234 140.929 114.244 142.115 114.132 143.188L115.778 143.537C115.834 142.937 116.28 142.421 117.089 142.421C117.87 142.421 118.246 142.826 118.246 143.314C118.246 143.551 118.121 143.746 117.73 143.802L116.043 144.053C114.899 144.22 113.993 144.904 113.993 146.131ZM116.74 146.815C116.14 146.815 115.848 146.424 115.848 146.02C115.848 145.49 116.224 145.225 116.698 145.155L118.246 144.918V145.225C118.246 146.438 117.521 146.815 116.74 146.815ZM124.984 142.645C125.905 142.645 126.337 143.23 126.504 143.802L128.164 143.244C127.871 142.087 126.811 140.929 124.942 140.929C122.948 140.929 121.386 142.449 121.386 144.569C121.386 146.675 122.976 148.209 124.998 148.209C126.825 148.209 127.899 147.038 128.206 145.894L126.574 145.35C126.421 145.88 125.946 146.508 124.998 146.508C124.05 146.508 123.241 145.81 123.241 144.569C123.241 143.328 124.036 142.645 124.984 142.645ZM131.425 143.969C131.467 143.216 131.927 142.631 132.708 142.631C133.6 142.631 133.977 143.23 133.977 143.997V148H135.832V143.677C135.832 142.17 135.023 140.957 133.28 140.957C132.624 140.957 131.871 141.18 131.425 141.71V137.903H129.57V148H131.425V143.969Z" fill="#202425"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17697">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/light/location.svg

@@ -0,0 +1,18 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17607)">
+<path d="M315.5 232.5H316V232V30C316 25.3056 312.194 21.5 307.5 21.5H52.5C47.8056 21.5 44 25.3056 44 30V232V232.5H44.5H315.5Z" stroke="#ECEEF0"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44.5 217.296V232H65.7546L57.992 226.629L44.6408 217.393L44.5 217.296ZM88.5706 232H85.5218L63.9784 217.088L50.7961 207.975L44.5 203.617V30C44.5 25.5817 48.0817 22 52.5 22H161.802L172.48 26.9117L102.457 162.441C101.658 164.005 102.109 165.911 103.523 166.919L134.049 188.704L112.723 208.999L101.194 219.989L88.5706 232ZM236.641 232H98.7692L104.621 226.434L116.735 214.909L141.759 191.096L206.505 149.565L254.913 216.596L236.641 232ZM263.984 232H254.106L262.442 224.969L267.828 229.781L263.984 232ZM315.5 180.23V202.257L274.229 226.085L267.864 220.382L276.369 213.231L313.511 181.907L315.5 180.23ZM315.5 92.6087V165.493L298.946 179.457L260.307 212.049L212.452 145.764L212.441 145.746L303.716 87.208L303.736 87.2211L303.755 87.2105L315.5 92.6087ZM294.709 22H307.5C311.918 22 315.5 25.5817 315.5 30V84.8665L304.857 79.9758L273.349 65.5028L286.179 39.3765L286.197 39.3659L286.196 39.3423L286.224 39.2645L286.252 39.2486L291.757 28.0024L292.435 26.6317L294.709 22ZM178.663 22H262.363L278.809 38.404L276.338 43.4544L266.949 62.5625L244.635 52.3068L178.663 22ZM272.345 22H286.855L282.085 31.7136L272.345 22ZM139.672 184.062L110.11 162.969L178.891 29.8465L282.215 77.3164L296.146 83.7194L205.886 141.597L205.831 141.629C205.655 141.706 205.49 141.802 205.326 141.921C205.262 141.958 205.212 141.999 205.182 142.053L139.672 184.062Z" fill="#D7DBDF"/>
+<path d="M102.5 125L119.604 133.102C120.636 133.591 121.05 134.843 120.513 135.851L106.322 162.458C105.851 163.341 106.106 164.437 106.918 165.022L138.398 187.706C139.063 188.185 139.954 188.21 140.645 187.768L205.923 146.009C206.81 145.441 207.986 145.659 208.611 146.507L234.377 181.476C235.007 182.331 236.195 182.545 237.083 181.963L250 173.5" stroke="#3FCF8E" stroke-width="4"/>
+<path d="M103.52 121C103.52 129.295 96.7953 136.02 88.5 136.02C80.2047 136.02 73.48 129.295 73.48 121C73.48 112.705 80.2047 105.98 88.5 105.98C96.7953 105.98 103.52 112.705 103.52 121Z" stroke="#3FCF8E" stroke-width="3.96"/>
+<path d="M96.0196 121C96.0196 125.153 92.653 128.52 88.5 128.52C84.347 128.52 80.9804 125.153 80.9804 121C80.9804 116.847 84.347 113.48 88.5 113.48C92.653 113.48 96.0196 116.847 96.0196 121Z" fill="#3FCF8E" stroke="#3FCF8E" stroke-width="4.96076"/>
+<path d="M264.02 170C264.02 174.153 260.653 177.52 256.5 177.52C252.347 177.52 248.98 174.153 248.98 170C248.98 165.847 252.347 162.48 256.5 162.48C260.653 162.48 264.02 165.847 264.02 170Z" fill="#3FCF8E" stroke="#3FCF8E" stroke-width="4.96076"/>
+<path d="M44.5 30C44.5 25.5817 48.0817 22 52.5 22H307.5C311.918 22 315.5 25.5817 315.5 30V87H44.5V30Z" fill="white"/>
+<path d="M72.576 47V38.492H71.4V45.02L67.152 38.492H65.58V47H66.756V40.064L71.352 47H72.576ZM75.3443 43.52C75.3923 42.776 75.9683 42.044 76.9163 42.044C77.9363 42.044 78.4763 42.692 78.5003 43.52H75.3443ZM78.6683 45.02C78.4523 45.668 77.9843 46.184 77.0483 46.184C76.0763 46.184 75.3323 45.464 75.3083 44.432H79.6523C79.6643 44.36 79.6763 44.216 79.6763 44.072C79.6763 42.272 78.6803 41.048 76.9043 41.048C75.4523 41.048 74.1443 42.284 74.1443 44.096C74.1443 46.052 75.5003 47.18 77.0483 47.18C78.3923 47.18 79.3163 46.376 79.6403 45.356L78.6683 45.02ZM84.3097 41.228L82.8097 45.572L81.5137 41.228H80.2777L82.1737 47H83.3617L84.8617 42.608L86.3977 47H87.5617L89.4337 41.228H88.2457L86.9737 45.572L85.4737 41.228H84.3097ZM93.2133 45.452C93.2133 46.364 93.9693 47.18 95.1453 47.18C96.1773 47.18 96.7533 46.628 97.0053 46.22C97.0053 46.64 97.0413 46.856 97.0653 47H98.1693C98.1453 46.856 98.0973 46.556 98.0973 46.052V43.16C98.0973 42.032 97.4253 41.048 95.6973 41.048C94.4493 41.048 93.4533 41.816 93.3333 42.92L94.4133 43.172C94.4853 42.5 94.9293 42.008 95.7213 42.008C96.5973 42.008 96.9693 42.476 96.9693 43.04C96.9693 43.244 96.8733 43.424 96.5253 43.472L94.9653 43.7C93.9693 43.844 93.2133 44.42 93.2133 45.452ZM95.3013 46.232C94.7253 46.232 94.3653 45.824 94.3653 45.392C94.3653 44.876 94.7253 44.6 95.2053 44.528L96.9693 44.264V44.528C96.9693 45.788 96.2253 46.232 95.3013 46.232ZM103.059 41.168C102.999 41.156 102.843 41.132 102.687 41.132C102.099 41.132 101.379 41.348 100.959 42.236V41.228H99.8545V47H100.983V44.108C100.983 42.836 101.619 42.332 102.567 42.332C102.723 42.332 102.891 42.344 103.059 42.368V41.168ZM107.465 41.168C107.405 41.156 107.249 41.132 107.093 41.132C106.505 41.132 105.785 41.348 105.365 42.236V41.228H104.261V47H105.389V44.108C105.389 42.836 106.025 42.332 106.973 42.332C107.129 42.332 107.297 42.344 107.465 42.368V41.168ZM109.783 47V41.228H108.667V47H109.783ZM108.415 39.044C108.415 39.488 108.775 39.848 109.219 39.848C109.675 39.848 110.035 39.488 110.035 39.044C110.035 38.588 109.675 38.228 109.219 38.228C108.775 38.228 108.415 38.588 108.415 39.044ZM116.646 41.228H115.434L113.778 45.68L112.134 41.228H110.862L113.202 47H114.342L116.646 41.228ZM117.307 45.452C117.307 46.364 118.063 47.18 119.239 47.18C120.271 47.18 120.847 46.628 121.099 46.22C121.099 46.64 121.135 46.856 121.159 47H122.263C122.239 46.856 122.191 46.556 122.191 46.052V43.16C122.191 42.032 121.519 41.048 119.791 41.048C118.543 41.048 117.547 41.816 117.427 42.92L118.507 43.172C118.579 42.5 119.023 42.008 119.815 42.008C120.691 42.008 121.063 42.476 121.063 43.04C121.063 43.244 120.967 43.424 120.619 43.472L119.059 43.7C118.063 43.844 117.307 44.42 117.307 45.452ZM119.395 46.232C118.819 46.232 118.459 45.824 118.459 45.392C118.459 44.876 118.819 44.6 119.299 44.528L121.063 44.264V44.528C121.063 45.788 120.319 46.232 119.395 46.232ZM125.076 47V38.312H123.948V47H125.076ZM131.507 39.404H130.475V40.34C130.475 40.844 130.211 41.228 129.587 41.228H129.275V42.248H130.379V45.416C130.379 46.46 131.003 47.06 131.987 47.06C132.371 47.06 132.659 46.988 132.755 46.952V45.992C132.659 46.016 132.455 46.04 132.311 46.04C131.723 46.04 131.507 45.776 131.507 45.248V42.248H132.755V41.228H131.507V39.404ZM135.377 47V41.228H134.261V47H135.377ZM134.009 39.044C134.009 39.488 134.369 39.848 134.813 39.848C135.269 39.848 135.629 39.488 135.629 39.044C135.629 38.588 135.269 38.228 134.813 38.228C134.369 38.228 134.009 38.588 134.009 39.044ZM138.412 47V43.52C138.412 42.656 138.952 42.056 139.756 42.056C140.62 42.056 140.98 42.632 140.98 43.376V47H142.108V43.508C142.108 42.68 142.648 42.056 143.44 42.056C144.292 42.056 144.664 42.62 144.664 43.376V47H145.78V43.256C145.78 41.744 144.796 41.06 143.788 41.06C143.056 41.06 142.312 41.324 141.856 42.152C141.544 41.408 140.848 41.06 140.128 41.06C139.456 41.06 138.736 41.36 138.376 41.996V41.228H137.296V47H138.412ZM148.317 43.52C148.365 42.776 148.941 42.044 149.889 42.044C150.909 42.044 151.449 42.692 151.473 43.52H148.317ZM151.641 45.02C151.425 45.668 150.957 46.184 150.021 46.184C149.049 46.184 148.305 45.464 148.281 44.432H152.625C152.637 44.36 152.649 44.216 152.649 44.072C152.649 42.272 151.653 41.048 149.877 41.048C148.425 41.048 147.117 42.284 147.117 44.096C147.117 46.052 148.473 47.18 150.021 47.18C151.365 47.18 152.289 46.376 152.613 45.356L151.641 45.02Z" fill="#9BA1A6"/>
+<path d="M70.56 69V56.04H68.48C68.2 57.4 66.92 58.44 65.06 58.48V60.12H68.2V69H70.56ZM75.3748 60.9C75.3548 60.68 75.3148 60.44 75.3148 60.24C75.3148 58.9 76.0548 57.84 77.5748 57.84C79.0348 57.84 79.7548 58.8 79.7548 59.86C79.7548 60.8 79.2548 61.58 78.0948 62.3L75.9548 63.64C73.6948 65.04 72.9148 66.78 72.8748 69H82.2548V66.88H75.8348C76.0148 66.24 76.5348 65.78 77.1548 65.4L79.6748 63.84C81.2348 62.88 82.1748 61.5 82.1748 59.82C82.1748 57.6 80.4748 55.74 77.6148 55.74C74.6748 55.74 72.9948 57.76 72.9948 60C72.9948 60.26 73.0348 60.56 73.0548 60.74L75.3748 60.9ZM91.718 69V63.22C91.718 61.98 92.498 61.06 93.738 61.06C95.058 61.06 95.618 61.94 95.618 63.06V69H97.898V63.22C97.898 62.02 98.698 61.06 99.918 61.06C101.218 61.06 101.798 61.92 101.798 63.06V69H104.038V62.68C104.038 60.1 102.358 58.98 100.598 58.98C99.338 58.98 98.198 59.42 97.438 60.7C96.918 59.56 95.798 58.98 94.518 58.98C93.418 58.98 92.198 59.5 91.638 60.5V59.26H89.418V69H91.718ZM109.179 69V59.26H106.879V69H109.179ZM106.519 55.84C106.519 56.68 107.199 57.34 108.019 57.34C108.859 57.34 109.539 56.68 109.539 55.84C109.539 55 108.859 54.32 108.019 54.32C107.199 54.32 106.519 55 106.519 55.84ZM114.492 63.38C114.492 62.1 115.192 61.08 116.512 61.08C117.972 61.08 118.512 62.04 118.512 63.24V69H120.832V62.84C120.832 60.7 119.692 58.98 117.312 58.98C116.232 58.98 115.072 59.44 114.432 60.56V59.26H112.172V69H114.492V63.38ZM129.86 67.92C129.86 68.32 129.9 68.78 129.94 69H132.16C132.12 68.64 132.06 68.02 132.06 67.22V59.26H129.74V65.02C129.74 66.3 129.04 67.2 127.7 67.2C126.3 67.2 125.74 66.18 125.74 64.98V59.26H123.42V65.4C123.42 67.56 124.78 69.28 127.1 69.28C128.24 69.28 129.38 68.8 129.86 67.92ZM138.003 56.28H135.903V57.74C135.903 58.6 135.443 59.26 134.403 59.26H133.903V61.32H135.703V66.22C135.703 68.04 136.823 69.12 138.623 69.12C139.463 69.12 139.903 68.96 140.043 68.9V66.98C139.943 67 139.563 67.06 139.243 67.06C138.383 67.06 138.003 66.7 138.003 65.84V61.32H140.023V59.26H138.003V56.28ZM143.929 63.06C144.009 62.02 144.849 60.9 146.309 60.9C147.909 60.9 148.669 61.92 148.709 63.06H143.929ZM148.969 65.6C148.649 66.56 147.929 67.3 146.529 67.3C145.089 67.3 143.929 66.24 143.869 64.76H150.989C151.009 64.72 151.049 64.4 151.049 64.02C151.049 60.94 149.289 58.96 146.289 58.96C143.829 58.96 141.549 61 141.549 64.08C141.549 67.38 143.889 69.3 146.529 69.3C148.869 69.3 150.409 67.92 150.929 66.22L148.969 65.6ZM152.406 66.36C152.526 67.46 153.606 69.3 156.426 69.3C158.906 69.3 160.106 67.66 160.106 66.18C160.106 64.74 159.146 63.62 157.306 63.22L155.826 62.92C155.226 62.8 154.846 62.42 154.846 61.9C154.846 61.3 155.426 60.78 156.246 60.78C157.546 60.78 157.966 61.68 158.046 62.24L160.006 61.68C159.846 60.72 158.966 58.96 156.246 58.96C154.226 58.96 152.666 60.4 152.666 62.1C152.666 63.44 153.566 64.56 155.286 64.94L156.726 65.26C157.506 65.42 157.866 65.82 157.866 66.34C157.866 66.94 157.366 67.46 156.406 67.46C155.166 67.46 154.506 66.68 154.426 65.8L152.406 66.36ZM166.767 66.36C166.767 67.9 168.027 69.3 170.067 69.3C171.647 69.3 172.607 68.5 173.067 67.76C173.067 68.54 173.147 68.94 173.167 69H175.327C175.307 68.9 175.207 68.32 175.207 67.44V62.6C175.207 60.66 174.067 58.96 171.067 58.96C168.667 58.96 167.147 60.46 166.967 62.14L169.087 62.62C169.187 61.64 169.867 60.86 171.087 60.86C172.367 60.86 172.927 61.52 172.927 62.34C172.927 62.68 172.767 62.96 172.207 63.04L169.707 63.42C168.047 63.66 166.767 64.62 166.767 66.36ZM170.507 67.48C169.587 67.48 169.087 66.88 169.087 66.22C169.087 65.42 169.667 65.02 170.387 64.9L172.927 64.52V64.96C172.927 66.86 171.807 67.48 170.507 67.48ZM183.473 59.26L181.173 66L179.193 59.26H176.713L179.873 69H182.253L184.613 62L187.033 69H189.353L192.473 59.26H190.113L188.173 66L185.873 59.26H183.473ZM193.584 66.36C193.584 67.9 194.844 69.3 196.884 69.3C198.464 69.3 199.424 68.5 199.884 67.76C199.884 68.54 199.964 68.94 199.984 69H202.144C202.124 68.9 202.024 68.32 202.024 67.44V62.6C202.024 60.66 200.884 58.96 197.884 58.96C195.484 58.96 193.964 60.46 193.784 62.14L195.904 62.62C196.004 61.64 196.684 60.86 197.904 60.86C199.184 60.86 199.744 61.52 199.744 62.34C199.744 62.68 199.584 62.96 199.024 63.04L196.524 63.42C194.864 63.66 193.584 64.62 193.584 66.36ZM197.324 67.48C196.404 67.48 195.904 66.88 195.904 66.22C195.904 65.42 196.484 65.02 197.204 64.9L199.744 64.52V64.96C199.744 66.86 198.624 67.48 197.324 67.48ZM207.554 72.94L213.754 59.26H211.294L208.674 65.42L205.874 59.26H203.254L207.414 67.84L205.074 72.94H207.554Z" fill="#202425"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17607">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/light/multiplayer-game.svg

@@ -0,0 +1,58 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1125_17722)">
+<path d="M58.5083 21.4134H302.492C305.575 21.4134 308.087 23.9576 308.087 27.1109V309.889C308.087 313.042 305.575 315.587 302.492 315.587H58.5083C55.4249 315.587 52.9134 313.042 52.9134 309.889V27.1109C52.9134 23.9576 55.4249 21.4134 58.5083 21.4134Z" fill="white" stroke="#ECEEF0" stroke-width="0.826794"/>
+<path d="M116.5 21H84.5V53H116.5V21Z" fill="#D7DBDF"/>
+<path d="M180.5 21H148.5V53H180.5V21Z" fill="#D7DBDF"/>
+<path d="M244.5 21H212.5V53H244.5V21Z" fill="#D7DBDF"/>
+<path d="M308.5 26.9164V53H276.5V21H302.379C305.756 21 308.5 23.6467 308.5 26.9164Z" fill="#D7DBDF"/>
+<path d="M116.5 85H84.5V117H116.5V85Z" fill="#D7DBDF"/>
+<path d="M180.5 85H148.5V117H180.5V85Z" fill="#D7DBDF"/>
+<path d="M244.5 85H212.5V117H244.5V85Z" fill="#D7DBDF"/>
+<path d="M308.5 85H276.5V117H308.5V85Z" fill="#D7DBDF"/>
+<path d="M116.5 149H84.5V181H116.5V149Z" fill="#D7DBDF"/>
+<path d="M180.5 149H148.5V181H180.5V149Z" fill="#D7DBDF"/>
+<path d="M244.5 149H212.5V181H244.5V149Z" fill="#D7DBDF"/>
+<path d="M308.5 149H276.5V181H308.5V149Z" fill="#D7DBDF"/>
+<path d="M84.5 181H52.5V213H84.5V181Z" fill="#D7DBDF"/>
+<path d="M148.5 181H116.5V213H148.5V181Z" fill="#D7DBDF"/>
+<path d="M212.5 181H180.5V213H212.5V181Z" fill="#D7DBDF"/>
+<path d="M276.5 181H244.5V213H276.5V181Z" fill="#D7DBDF"/>
+<path d="M84.5 117H52.5V149H84.5V117Z" fill="#D7DBDF"/>
+<path d="M148.5 117H116.5V149H148.5V117Z" fill="#D7DBDF"/>
+<path d="M212.5 117H180.5V149H212.5V117Z" fill="#D7DBDF"/>
+<path d="M276.5 117H244.5V149H276.5V117Z" fill="#D7DBDF"/>
+<path d="M84.5 53H52.5V85H84.5V53Z" fill="#D7DBDF"/>
+<path d="M148.5 53H116.5V85H148.5V53Z" fill="#D7DBDF"/>
+<path d="M212.5 53H180.5V85H212.5V53Z" fill="#D7DBDF"/>
+<path d="M276.5 53H244.5V85H276.5V53Z" fill="#D7DBDF"/>
+<path d="M68.5947 45.1895C73.6176 45.1895 77.6895 41.1176 77.6895 36.0947C77.6895 31.0719 73.6176 27 68.5947 27C63.5718 27 59.5 31.0719 59.5 36.0947C59.5 41.1176 63.5718 45.1895 68.5947 45.1895Z" fill="#9BA1A6"/>
+<path d="M68.5947 78.1895C73.6176 78.1895 77.6895 74.1176 77.6895 69.0947C77.6895 64.0719 73.6176 60 68.5947 60C63.5718 60 59.5 64.0719 59.5 69.0947C59.5 74.1176 63.5718 78.1895 68.5947 78.1895Z" fill="#9BA1A6"/>
+<path d="M100.595 78.1895C105.618 78.1895 109.689 74.1176 109.689 69.0947C109.689 64.0719 105.618 60 100.595 60C95.5718 60 91.5 64.0719 91.5 69.0947C91.5 74.1176 95.5718 78.1895 100.595 78.1895Z" fill="#9BA1A6"/>
+<path d="M132.595 78.1895C137.618 78.1895 141.689 74.1176 141.689 69.0947C141.689 64.0719 137.618 60 132.595 60C127.572 60 123.5 64.0719 123.5 69.0947C123.5 74.1176 127.572 78.1895 132.595 78.1895Z" fill="#9BA1A6"/>
+<path d="M132.595 142.189C137.618 142.189 141.689 138.118 141.689 133.095C141.689 128.072 137.618 124 132.595 124C127.572 124 123.5 128.072 123.5 133.095C123.5 138.118 127.572 142.189 132.595 142.189Z" fill="#A0A0A0"/>
+<path d="M196.595 174.189C201.618 174.189 205.689 170.118 205.689 165.095C205.689 160.072 201.618 156 196.595 156C191.572 156 187.5 160.072 187.5 165.095C187.5 170.118 191.572 174.189 196.595 174.189Z" fill="#282828"/>
+<path d="M260.595 174.189C265.618 174.189 269.689 170.118 269.689 165.095C269.689 160.072 265.618 156 260.595 156C255.572 156 251.5 160.072 251.5 165.095C251.5 170.118 255.572 174.189 260.595 174.189Z" fill="#ECEEF0"/>
+<path d="M292.595 206.189C297.618 206.189 301.689 202.118 301.689 197.095C301.689 192.072 297.618 188 292.595 188C287.572 188 283.5 192.072 283.5 197.095C283.5 202.118 287.572 206.189 292.595 206.189Z" fill="#ECEEF0"/>
+<path d="M132.595 206.189C137.618 206.189 141.689 202.118 141.689 197.095C141.689 192.072 137.618 188 132.595 188C127.572 188 123.5 192.072 123.5 197.095C123.5 202.118 127.572 206.189 132.595 206.189Z" fill="#ECEEF0"/>
+<path d="M68.5947 206.189C73.6176 206.189 77.6895 202.118 77.6895 197.095C77.6895 192.072 73.6176 188 68.5947 188C63.5718 188 59.5 192.072 59.5 197.095C59.5 202.118 63.5718 206.189 68.5947 206.189Z" fill="#ECEEF0"/>
+<path d="M164.595 78.1895C169.618 78.1895 173.689 74.1176 173.689 69.0947C173.689 64.0719 169.618 60 164.595 60C159.572 60 155.5 64.0719 155.5 69.0947C155.5 74.1176 159.572 78.1895 164.595 78.1895Z" fill="#9BA1A6"/>
+<path d="M196.226 78.9463C201.248 78.9463 205.32 74.8745 205.32 69.8516C205.32 64.8287 201.248 60.7568 196.226 60.7568C191.203 60.7568 187.131 64.8287 187.131 69.8516C187.131 74.8745 191.203 78.9463 196.226 78.9463Z" fill="#9BA1A6"/>
+<path d="M228.595 78.1895C233.618 78.1895 237.689 74.1176 237.689 69.0947C237.689 64.0719 233.618 60 228.595 60C223.572 60 219.5 64.0719 219.5 69.0947C219.5 74.1176 223.572 78.1895 228.595 78.1895Z" fill="#9BA1A6"/>
+<path d="M228.595 46.1895C233.618 46.1895 237.689 42.1176 237.689 37.0947C237.689 32.0719 233.618 28 228.595 28C223.572 28 219.5 32.0719 219.5 37.0947C219.5 42.1176 223.572 46.1895 228.595 46.1895Z" fill="#9BA1A6"/>
+<path d="M260.595 78.1895C265.618 78.1895 269.689 74.1176 269.689 69.0947C269.689 64.0719 265.618 60 260.595 60C255.572 60 251.5 64.0719 251.5 69.0947C251.5 74.1176 255.572 78.1895 260.595 78.1895Z" fill="#9BA1A6"/>
+<path d="M292.595 110.189C297.618 110.189 301.689 106.118 301.689 101.095C301.689 96.0719 297.618 92 292.595 92C287.572 92 283.5 96.0719 283.5 101.095C283.5 106.118 287.572 110.189 292.595 110.189Z" fill="#9BA1A6"/>
+<path d="M228.595 110.189C233.618 110.189 237.689 106.118 237.689 101.095C237.689 96.0719 233.618 92 228.595 92C223.572 92 219.5 96.0719 219.5 101.095C219.5 106.118 223.572 110.189 228.595 110.189Z" fill="#9BA1A6"/>
+<path d="M164.595 110.189C169.618 110.189 173.689 106.118 173.689 101.095C173.689 96.0719 169.618 92 164.595 92C159.572 92 155.5 96.0719 155.5 101.095C155.5 106.118 159.572 110.189 164.595 110.189Z" fill="#9BA1A6"/>
+<path d="M260.595 46.1895C265.618 46.1895 269.689 42.1176 269.689 37.0947C269.689 32.0719 265.618 28 260.595 28C255.572 28 251.5 32.0719 251.5 37.0947C251.5 42.1176 255.572 46.1895 260.595 46.1895Z" fill="#9BA1A6"/>
+<path d="M155.886 108.565H107.932V157.346H155.886V108.565Z" stroke="#3FCF8E" stroke-width="3.13" stroke-miterlimit="10"/>
+<path d="M94.5 132.417L107.522 124.899L107.522 139.936L94.5 132.417Z" fill="#3FCF8E"/>
+<path d="M150.925 113.526H112.893V152.385H150.925V113.526Z" fill="#3FCF8E"/>
+<path d="M131.909 142.464C136.932 142.464 141.004 138.392 141.004 133.369C141.004 128.346 136.932 124.274 131.909 124.274C126.886 124.274 122.814 128.346 122.814 133.369C122.814 138.392 126.886 142.464 131.909 142.464Z" fill="#202425"/>
+<path d="M187.5 165.095C187.5 170.118 191.572 174.189 196.595 174.189C201.618 174.189 205.689 170.118 205.689 165.095C205.689 160.072 201.618 156 196.595 156C191.572 156 187.5 160.072 187.5 165.095Z" fill="#ECEEF0"/>
+</g>
+<defs>
+<clipPath id="clip0_1125_17722">
+<rect width="360" height="210" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/light/notifications.svg

@@ -0,0 +1,10 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="59.5892" y="58.4134" width="241.173" height="130.173" rx="7.5866" fill="#E6E8EB" stroke="#ECEEF0" stroke-width="0.826794"/>
+<rect x="49.8743" y="37.2957" width="260.44" height="141.382" rx="7.5866" fill="#ECEEF0" stroke="#ECEEF0" stroke-width="0.826794"/>
+<rect x="45" y="21.5" width="270.188" height="146.169" rx="7.5" fill="white" stroke="#ECEEF0"/>
+<rect x="59.3818" y="35.8823" width="24.8038" height="24.8038" rx="4.13397" fill="#3FCF8E"/>
+<path d="M98.131 46.133C97.939 45.209 97.171 44.021 95.251 44.021C93.679 44.021 92.443 45.221 92.443 46.553C92.443 47.825 93.307 48.617 94.519 48.881L95.731 49.145C96.583 49.325 97.003 49.853 97.003 50.465C97.003 51.209 96.427 51.821 95.251 51.821C93.967 51.821 93.295 50.945 93.211 49.997L92.083 50.357C92.239 51.569 93.211 52.889 95.263 52.889C97.075 52.889 98.203 51.689 98.203 50.369C98.203 49.181 97.411 48.293 95.995 47.981L94.723 47.705C94.003 47.549 93.631 47.081 93.631 46.469C93.631 45.677 94.315 45.053 95.275 45.053C96.463 45.053 96.979 45.893 97.075 46.505L98.131 46.133ZM103.2 52.013C103.2 52.253 103.224 52.577 103.248 52.709H104.328C104.304 52.505 104.268 52.097 104.268 51.641V46.937H103.14V50.417C103.14 51.293 102.684 51.893 101.772 51.893C100.824 51.893 100.464 51.197 100.464 50.405V46.937H99.3355V50.573C99.3355 51.881 100.152 52.889 101.496 52.889C102.168 52.889 102.888 52.613 103.2 52.013ZM107.308 54.989V51.929C107.62 52.445 108.292 52.865 109.18 52.865C110.872 52.865 111.868 51.533 111.868 49.817C111.868 48.137 110.944 46.805 109.216 46.805C108.28 46.805 107.596 47.261 107.284 47.837V46.937H106.192V54.989H107.308ZM110.716 49.817C110.716 51.005 110.056 51.857 109.012 51.857C107.98 51.857 107.296 51.005 107.296 49.817C107.296 48.665 107.98 47.801 109.012 47.801C110.068 47.801 110.716 48.665 110.716 49.817ZM112.946 51.161C112.946 52.073 113.702 52.889 114.878 52.889C115.91 52.889 116.486 52.337 116.738 51.929C116.738 52.349 116.774 52.565 116.798 52.709H117.902C117.878 52.565 117.83 52.265 117.83 51.761V48.869C117.83 47.741 117.158 46.757 115.43 46.757C114.182 46.757 113.186 47.525 113.066 48.629L114.146 48.881C114.218 48.209 114.662 47.717 115.454 47.717C116.33 47.717 116.702 48.185 116.702 48.749C116.702 48.953 116.606 49.133 116.258 49.181L114.698 49.409C113.702 49.553 112.946 50.129 112.946 51.161ZM115.034 51.941C114.458 51.941 114.098 51.533 114.098 51.101C114.098 50.585 114.458 50.309 114.938 50.237L116.702 49.973V50.237C116.702 51.497 115.958 51.941 115.034 51.941ZM120.703 52.709V51.869C121.063 52.493 121.723 52.865 122.575 52.865C124.291 52.865 125.263 51.509 125.263 49.793C125.263 48.113 124.363 46.769 122.611 46.769C121.651 46.769 120.979 47.237 120.703 47.753V44.021H119.587V52.709H120.703ZM124.111 49.793C124.111 51.041 123.439 51.857 122.407 51.857C121.411 51.857 120.691 51.041 120.691 49.793C120.691 48.545 121.411 47.765 122.407 47.765C123.451 47.765 124.111 48.545 124.111 49.793ZM126.34 51.161C126.34 52.073 127.096 52.889 128.272 52.889C129.304 52.889 129.88 52.337 130.132 51.929C130.132 52.349 130.168 52.565 130.192 52.709H131.296C131.272 52.565 131.224 52.265 131.224 51.761V48.869C131.224 47.741 130.552 46.757 128.824 46.757C127.576 46.757 126.58 47.525 126.46 48.629L127.54 48.881C127.612 48.209 128.056 47.717 128.848 47.717C129.724 47.717 130.096 48.185 130.096 48.749C130.096 48.953 130 49.133 129.652 49.181L128.092 49.409C127.096 49.553 126.34 50.129 126.34 51.161ZM128.428 51.941C127.852 51.941 127.492 51.533 127.492 51.101C127.492 50.585 127.852 50.309 128.332 50.237L130.096 49.973V50.237C130.096 51.497 129.352 51.941 128.428 51.941ZM132.441 51.209C132.537 51.869 133.209 52.889 134.793 52.889C136.221 52.889 136.905 51.917 136.905 51.101C136.905 50.249 136.353 49.613 135.309 49.385L134.373 49.181C133.929 49.085 133.713 48.833 133.713 48.485C133.713 48.089 134.097 47.717 134.673 47.717C135.585 47.717 135.825 48.377 135.873 48.677L136.869 48.305C136.749 47.789 136.257 46.757 134.673 46.757C133.545 46.757 132.621 47.597 132.621 48.581C132.621 49.397 133.161 50.009 134.061 50.201L135.045 50.417C135.525 50.525 135.789 50.801 135.789 51.161C135.789 51.569 135.441 51.929 134.805 51.929C133.989 51.929 133.533 51.449 133.461 50.849L132.441 51.209ZM139.081 49.229C139.129 48.485 139.705 47.753 140.653 47.753C141.673 47.753 142.213 48.401 142.237 49.229H139.081ZM142.405 50.729C142.189 51.377 141.721 51.893 140.785 51.893C139.813 51.893 139.069 51.173 139.045 50.141H143.389C143.401 50.069 143.413 49.925 143.413 49.781C143.413 47.981 142.417 46.757 140.641 46.757C139.189 46.757 137.881 47.993 137.881 49.805C137.881 51.761 139.237 52.889 140.785 52.889C142.129 52.889 143.053 52.085 143.377 51.065L142.405 50.729ZM147.493 51.161C147.493 52.073 148.249 52.889 149.425 52.889C150.457 52.889 151.033 52.337 151.285 51.929C151.285 52.349 151.321 52.565 151.345 52.709H152.449C152.425 52.565 152.377 52.265 152.377 51.761V48.869C152.377 47.741 151.705 46.757 149.977 46.757C148.729 46.757 147.733 47.525 147.613 48.629L148.693 48.881C148.765 48.209 149.209 47.717 150.001 47.717C150.877 47.717 151.249 48.185 151.249 48.749C151.249 48.953 151.153 49.133 150.805 49.181L149.245 49.409C148.249 49.553 147.493 50.129 147.493 51.161ZM149.581 51.941C149.005 51.941 148.645 51.533 148.645 51.101C148.645 50.585 149.005 50.309 149.485 50.237L151.249 49.973V50.237C151.249 51.497 150.505 51.941 149.581 51.941ZM155.25 54.989V51.929C155.562 52.445 156.234 52.865 157.122 52.865C158.814 52.865 159.81 51.533 159.81 49.817C159.Line truncated
+<path d="M66.1258 84.9541H67.9258L64.6858 76.4461H62.7658L59.5018 84.9541H61.2538L61.9618 83.0101H65.4178L66.1258 84.9541ZM63.6898 78.2821L64.8658 81.4981H62.5138L63.6898 78.2821ZM70.4666 81.5581C70.4666 80.8741 70.8746 80.3341 71.5706 80.3341C72.3386 80.3341 72.6626 80.8501 72.6626 81.5101V84.9541H74.2586V81.2341C74.2586 79.9381 73.5866 78.8941 72.1226 78.8941C71.4866 78.8941 70.7786 79.1701 70.4186 79.7821V79.0501H68.8706V84.9541H70.4666V81.5581ZM81.5064 76.2661H79.9344V79.6381C79.7664 79.3261 79.2864 78.9061 78.2664 78.9061C76.5984 78.9061 75.4344 80.2621 75.4344 81.9901C75.4344 83.7781 76.6344 85.0981 78.3144 85.0981C79.1064 85.0981 79.7064 84.7381 79.9704 84.2701C79.9704 84.5461 80.0064 84.8341 80.0304 84.9541H81.5544C81.5304 84.7141 81.5064 84.2821 81.5064 83.8861V76.2661ZM77.0424 81.9901C77.0424 80.9341 77.6904 80.3341 78.5064 80.3341C79.3224 80.3341 79.9584 80.9221 79.9584 81.9781C79.9584 83.0461 79.3224 83.6701 78.5064 83.6701C77.6664 83.6701 77.0424 83.0461 77.0424 81.9901ZM86.8377 79.0261C86.7177 79.0141 86.5977 79.0021 86.4657 79.0021C85.9617 79.0021 85.1457 79.1461 84.7857 79.9261V79.0501H83.2377V84.9541H84.8337V82.2541C84.8337 80.9821 85.5417 80.5861 86.3577 80.5861C86.5017 80.5861 86.6577 80.5981 86.8377 80.6341V79.0261ZM89.0658 81.3301C89.1018 80.7901 89.5578 80.1661 90.3858 80.1661C91.2978 80.1661 91.6818 80.7421 91.7058 81.3301H89.0658ZM91.8618 82.8661C91.6698 83.3941 91.2618 83.7661 90.5178 83.7661C89.7258 83.7661 89.0658 83.2021 89.0298 82.4221H93.2538C93.2538 82.3981 93.2778 82.1581 93.2778 81.9301C93.2778 80.0341 92.1858 78.8701 90.3618 78.8701C88.8498 78.8701 87.4578 80.0941 87.4578 81.9781C87.4578 83.9701 88.8858 85.1341 90.5058 85.1341C91.9578 85.1341 92.8938 84.2821 93.1938 83.2621L91.8618 82.8661ZM97.7889 79.0501L96.5049 82.8421L95.4129 79.0501H93.7329L95.6169 84.9541H97.2369L98.5929 80.9221L99.9729 84.9541H101.569L103.417 79.0501H101.833L100.741 82.8541L99.4689 79.0501H97.7889Z" fill="#202425"/>
+<path d="M61.6618 104.931V96.4232H60.4618V104.931H61.6618ZM69.1291 100.023C70.1131 100.023 70.5331 100.683 70.6771 101.247L71.6971 100.815C71.4571 99.9392 70.6651 98.9792 69.1291 98.9792C67.4851 98.9792 66.2251 100.239 66.2251 102.039C66.2251 103.791 67.4611 105.111 69.1411 105.111C70.6411 105.111 71.4691 104.139 71.7451 103.311L70.7491 102.879C70.6171 103.335 70.2211 104.067 69.1411 104.067C68.2051 104.067 67.3771 103.359 67.3771 102.039C67.3771 100.695 68.2171 100.023 69.1291 100.023ZM72.6498 103.383C72.6498 104.295 73.4058 105.111 74.5818 105.111C75.6138 105.111 76.1898 104.559 76.4418 104.151C76.4418 104.571 76.4778 104.787 76.5018 104.931H77.6058C77.5818 104.787 77.5338 104.487 77.5338 103.983V101.091C77.5338 99.9632 76.8618 98.9792 75.1338 98.9792C73.8858 98.9792 72.8898 99.7472 72.7698 100.851L73.8498 101.103C73.9218 100.431 74.3658 99.9392 75.1578 99.9392C76.0338 99.9392 76.4058 100.407 76.4058 100.971C76.4058 101.175 76.3098 101.355 75.9618 101.403L74.4018 101.631C73.4058 101.775 72.6498 102.351 72.6498 103.383ZM74.7378 104.163C74.1618 104.163 73.8018 103.755 73.8018 103.323C73.8018 102.807 74.1618 102.531 74.6418 102.459L76.4058 102.195V102.459C76.4058 103.719 75.6618 104.163 74.7378 104.163ZM80.4191 101.595C80.4191 100.719 80.8751 100.011 81.7631 100.011C82.7711 100.011 83.1071 100.659 83.1071 101.463V104.931H84.2351V101.271C84.2351 99.9872 83.5511 98.9912 82.1711 98.9912C81.4991 98.9912 80.8151 99.2672 80.3951 99.9872V99.1592H79.2911V104.931H80.4191V101.595ZM91.4533 100.023C92.4373 100.023 92.8573 100.683 93.0013 101.247L94.0213 100.815C93.7813 99.9392 92.9893 98.9792 91.4533 98.9792C89.8093 98.9792 88.5493 100.239 88.5493 102.039C88.5493 103.791 89.7853 105.111 91.4653 105.111C92.9653 105.111 93.7933 104.139 94.0693 103.311L93.0733 102.879C92.9413 103.335 92.5453 104.067 91.4653 104.067C90.5293 104.067 89.7013 103.359 89.7013 102.039C89.7013 100.695 90.5413 100.023 91.4533 100.023ZM97.806 104.103C96.846 104.103 96.006 103.383 96.006 102.039C96.006 100.707 96.846 99.9872 97.806 99.9872C98.766 99.9872 99.606 100.707 99.606 102.039C99.606 103.383 98.766 104.103 97.806 104.103ZM97.806 98.9792C96.078 98.9792 94.854 100.287 94.854 102.039C94.854 103.803 96.078 105.111 97.806 105.111C99.534 105.111 100.758 103.803 100.758 102.039C100.758 100.287 99.534 98.9792 97.806 98.9792ZM103.329 101.595C103.329 100.719 103.785 100.011 104.673 100.011C105.681 100.011 106.017 100.659 106.017 101.463V104.931H107.145V101.271C107.145 99.9872 106.461 98.9912 105.081 98.9912C104.409 98.9912 103.725 99.2672 103.305 99.9872V99.1592H102.201V104.931H103.329V101.595ZM111.183 96.2072C110.139 96.2072 109.287 96.9032 109.287 98.1872V99.1592H108.219V100.179H109.287V104.931H110.451V100.179H113.151V104.931H114.267V99.1592H110.451V98.2352C110.451 97.4432 110.967 97.2632 111.363 97.2632C111.651 97.2632 111.795 97.3112 111.855 97.3352V96.3272C111.807 96.2912 111.567 96.2072 111.183 96.2072ZM112.899 96.9512C112.899 97.3952 113.259 97.7552 113.703 97.7552C114.159 97.7552 114.519 97.3952 114.519 96.9512C114.519 96.4952 114.159 96.1352 113.703 96.1352C113.259 96.1352 112.899 96.4952 112.899 96.9512ZM119.386 99.0992C119.326 99.0872 119.17 99.0632 119.014 99.0632C118.426 99.0632 117.706 99.2792 117.286 100.167V99.1592H116.182V104.931H117.31V102.039C117.31 100.767 117.946 100.263 118.894 100.263C119.05 100.263 119.218 100.275 119.386 100.299V99.0992ZM121.704 104.931V101.451C121.704 100.587 122.244 99.9872 123.048 99.9872C123.912 99.9872 124.272 100.563 124.272 101.307V104.931H125.4V101.439C125.4 100.611 125.94 99.9872 126.732 99.9872C127.584 99.9872 127.956 100.551 127.956 101.307V104.931H129.072V101.187C129.072 99.6752 128.088 98.9912 127.08 98.9912C126.348 98.9912 125.604 99.2552 125.148 100.083C124.836 99.3392 124.14 98.9912 123.42 98.9912C122.748 98.9912 122.028 99.2912 121.668 99.9272V99.1592H120.588V104.931H121.704ZM139.889 104.931H141.161L137.777 96.4232H136.421L133.037 104.931H134.297L135.197 102.555H138.965L139.889 104.931ZM137.069 97.6472L138.545 101.463H135.617L137.069 97.6472ZM143.314 101.595C143.314 100.719 143.77 100.011 144.658 100.011C145.666 100.011 146.002 100.659 146.002 101.463V104.931H147.13V101.271C147.13 99.9872 146.446 98.9912 145.066 98.9912C144.394 98.9912 143.71 99.2672 143.29 99.9872V99.1592H142.186V104.931H143.314V101.595ZM150.436 97.3352H149.404V98.2712C149.404 98.7752 149.14 99.1592 148.516 99.1592H148.204V100.179H149.308V103.347C149.308 104.391 149.932 104.991 150.916 104.991C151.3 104.991 151.588 104.919 151.684 104.883V103.923C151.588 103.947 151.384 103.971 151.24 103.971C150.652 103.971 150.436 103.707 150.436 103.179V100.179H151.684V99.1592H150.436V97.3352ZM157.305 104.931V99.1592H156.189V104.931H157.305ZM155.937 96.9752C155.937 97.4192 156.297 97.7792 156.741 97.7792C157.197 97.7792 157.557 97.4192 157.557 96.9752C157.557 96.5192 157.197 96.1592 156.741 96.1592C156.297 96.1592 155.937 96.5192 155.937 96.9752ZM158.685 103.431C158.781 104.091 159.453 105.111 161.037 105.111C162.465 105.111 163.149 104.13Line truncated
+<path d="M278.584 50.5073C278.584 49.6313 279.04 48.9233 279.928 48.9233C280.936 48.9233 281.272 49.5713 281.272 50.3753V53.8433H282.4V50.1833C282.4 48.8993 281.716 47.9033 280.336 47.9033C279.664 47.9033 278.98 48.1793 278.56 48.8993V48.0713H277.456V53.8433H278.584V50.5073ZM286.666 53.0153C285.706 53.0153 284.866 52.2953 284.866 50.9513C284.866 49.6193 285.706 48.8993 286.666 48.8993C287.626 48.8993 288.466 49.6193 288.466 50.9513C288.466 52.2953 287.626 53.0153 286.666 53.0153ZM286.666 47.8913C284.938 47.8913 283.714 49.1993 283.714 50.9513C283.714 52.7153 284.938 54.0233 286.666 54.0233C288.394 54.0233 289.618 52.7153 289.618 50.9513C289.618 49.1993 288.394 47.8913 286.666 47.8913ZM294.196 48.0713L292.696 52.4153L291.4 48.0713H290.164L292.06 53.8433H293.248L294.748 49.4513L296.284 53.8433H297.448L299.32 48.0713H298.132L296.86 52.4153L295.36 48.0713H294.196Z" fill="#9BA1A6"/>
+</svg>

apps/www/public/images/realtime/example-apps/light/stock-market.svg

@@ -0,0 +1,25 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M45.75 41H314.25" stroke="#D7DBDF"/>
+<path d="M45.75 73H314.25" stroke="#D7DBDF"/>
+<path d="M45.75 105H314.25" stroke="#D7DBDF"/>
+<path d="M45.75 137H314.25" stroke="#D7DBDF"/>
+<path d="M45.75 169H314.25" stroke="#D7DBDF"/>
+<path d="M96.5 132L96.5 31" stroke="#9BA1A6" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M98.5 54H94.5C93.3954 54 92.5 54.8954 92.5 56V103C92.5 104.105 93.3954 105 94.5 105H98.5C99.6046 105 100.5 104.105 100.5 103V56C100.5 54.8954 99.6046 54 98.5 54Z" fill="#9BA1A6"/>
+<path d="M68.5 152L68.5 51" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M70.5 74H66.5C65.3954 74 64.5 74.8954 64.5 76V123C64.5 124.105 65.3954 125 66.5 125H70.5C71.6046 125 72.5 124.105 72.5 123V76C72.5 74.8954 71.6046 74 70.5 74Z" fill="#17C573"/>
+<path d="M208.5 169L208.5 68" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M210.5 91H206.5C205.395 91 204.5 91.8954 204.5 93V140C204.5 141.105 205.395 142 206.5 142H210.5C211.605 142 212.5 141.105 212.5 140V93C212.5 91.8954 211.605 91 210.5 91Z" fill="#17C573"/>
+<path d="M236.5 113L236.5 51" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M238.5 66H234.5C233.395 66 232.5 66.8954 232.5 68V100C232.5 101.105 233.395 102 234.5 102H238.5C239.605 102 240.5 101.105 240.5 100V68C240.5 66.8954 239.605 66 238.5 66Z" fill="#17C573"/>
+<path d="M264.5 113L264.5 33" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M266.5 43H262.5C261.395 43 260.5 43.8954 260.5 45V81C260.5 82.1046 261.395 83 262.5 83H266.5C267.605 83 268.5 82.1046 268.5 81V45C268.5 43.8954 267.605 43 266.5 43Z" fill="#17C573"/>
+<path d="M292.5 124L292.5 23" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M294.5 33H290.5C289.395 33 288.5 33.8954 288.5 35V103C288.5 104.105 289.395 105 290.5 105H294.5C295.605 105 296.5 104.105 296.5 103V35C296.5 33.8954 295.605 33 294.5 33Z" fill="#17C573"/>
+<path d="M124.5 177L124.5 80" stroke="#9BA1A6" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M126.5 91H122.5C121.395 91 120.5 91.8954 120.5 93V140C120.5 141.105 121.395 142 122.5 142H126.5C127.605 142 128.5 141.105 128.5 140V93C128.5 91.8954 127.605 91 126.5 91Z" fill="#9BA1A6"/>
+<path d="M180.5 167L180.5 91" stroke="#3FCF8E" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M182.5 102H178.5C177.395 102 176.5 102.895 176.5 104V151C176.5 152.105 177.395 153 178.5 153H182.5C183.605 153 184.5 152.105 184.5 151V104C184.5 102.895 183.605 102 182.5 102Z" fill="#17C573"/>
+<path d="M152.5 189L152.5 124" stroke="#9BA1A6" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M154.5 147H150.5C149.395 147 148.5 147.895 148.5 149V172C148.5 173.105 149.395 174 150.5 174H154.5C155.605 174 156.5 173.105 156.5 172V149C156.5 147.895 155.605 147 154.5 147Z" fill="#9BA1A6"/>
+</svg>

apps/www/public/images/realtime/example-apps/light/text-editor.svg

@@ -0,0 +1,41 @@
+<svg width="360" height="210" viewBox="0 0 360 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_931_17673)">
+<path d="M315 230.5H315.5V230V24C315.5 21.5147 313.485 19.5 311 19.5H48C45.5147 19.5 43.5 21.5147 43.5 24V230V230.5H44H315Z" fill="#FBFCFD" stroke="#ECEEF0"/>
+<path d="M44 24C44 21.7909 45.7909 20 48 20H311C313.209 20 315 21.7909 315 24V36H44V24Z" fill="#E6E8EB"/>
+<path d="M55.5273 31.0305C57.4754 31.0305 59.0546 29.4567 59.0546 27.5153C59.0546 25.5738 57.4754 24 55.5273 24C53.5792 24 52 25.5738 52 27.5153C52 29.4567 53.5792 31.0305 55.5273 31.0305Z" fill="#FBFCFD"/>
+<path d="M65.3779 31.0305C67.326 31.0305 68.9052 29.4567 68.9052 27.5153C68.9052 25.5738 67.326 24 65.3779 24C63.4298 24 61.8506 25.5738 61.8506 27.5153C61.8506 29.4567 63.4298 31.0305 65.3779 31.0305Z" fill="#FBFCFD"/>
+<path d="M75.2226 31.0305C77.1707 31.0305 78.7499 29.4567 78.7499 27.5153C78.7499 25.5738 77.1707 24 75.2226 24C73.2745 24 71.6953 25.5738 71.6953 27.5153C71.6953 29.4567 73.2745 31.0305 75.2226 31.0305Z" fill="#FBFCFD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M107 134H263V148H288V164H177V179H64V164V163V148H107V134Z" fill="#3FCF8E"/>
+<path d="M99.9963 165.954H72.4083C70.2762 165.954 68.5479 167.675 68.5479 169.798C68.5479 171.921 70.2762 173.643 72.4083 173.643H99.9963C102.128 173.643 103.857 171.921 103.857 169.798C103.857 167.675 102.128 165.954 99.9963 165.954Z" fill="white"/>
+<path d="M165.784 165.954H112.476C110.344 165.954 108.615 167.675 108.615 169.798C108.615 171.921 110.344 173.643 112.476 173.643H165.784C167.916 173.643 169.644 171.921 169.644 169.798C169.644 167.675 167.916 165.954 165.784 165.954Z" fill="white"/>
+<path d="M125.438 152.112H97.8497C95.7176 152.112 93.9893 153.833 93.9893 155.957C93.9893 158.08 95.7176 159.801 97.8497 159.801H125.438C127.57 159.801 129.298 158.08 129.298 155.957C129.298 153.833 127.57 152.112 125.438 152.112Z" fill="white"/>
+<path d="M279.3 152.112H136.923C134.791 152.112 133.062 153.833 133.062 155.957C133.062 158.08 134.791 159.801 136.923 159.801H279.3C281.432 159.801 283.161 158.08 283.161 155.957C283.161 153.833 281.432 152.112 279.3 152.112Z" fill="white"/>
+<path d="M253.866 138.276H122.79C120.658 138.276 118.93 139.998 118.93 142.121C118.93 144.244 120.658 145.965 122.79 145.965H253.866C255.998 145.965 257.726 144.244 257.726 142.121C257.726 139.998 255.998 138.276 253.866 138.276Z" fill="white"/>
+<path d="M99.9963 138.276H72.4083C70.2762 138.276 68.5479 139.997 68.5479 142.12C68.5479 144.244 70.2762 145.965 72.4083 145.965H99.9963C102.128 145.965 103.857 144.244 103.857 142.12C103.857 139.997 102.128 138.276 99.9963 138.276Z" fill="#C1C8CD"/>
+<path d="M120.553 80.3723H92.9649C90.8329 80.3723 89.1045 82.0934 89.1045 84.2166C89.1045 86.3397 90.8329 88.0608 92.9649 88.0608H120.553C122.685 88.0608 124.413 86.3397 124.413 84.2166C124.413 82.0934 122.685 80.3723 120.553 80.3723Z" fill="#C1C8CD"/>
+<path d="M235.665 80.3723H132.04C129.908 80.3723 128.18 82.0934 128.18 84.2166C128.18 86.3397 129.908 88.0608 132.04 88.0608H235.665C237.797 88.0608 239.525 86.3397 239.525 84.2166C239.525 82.0934 237.797 80.3723 235.665 80.3723Z" fill="#C1C8CD"/>
+<path d="M120.553 66.5366H92.9649C90.8329 66.5366 89.1045 68.2578 89.1045 70.3809C89.1045 72.504 90.8329 74.2251 92.9649 74.2251H120.553C122.685 74.2251 124.413 72.504 124.413 70.3809C124.413 68.2578 122.685 66.5366 120.553 66.5366Z" fill="#C1C8CD"/>
+<path d="M99.1389 95.1682H71.5509C69.4188 95.1682 67.6904 96.8893 67.6904 99.0125C67.6904 101.136 69.4188 102.857 71.5509 102.857H99.1389C101.271 102.857 102.999 101.136 102.999 99.0125C102.999 96.8893 101.271 95.1682 99.1389 95.1682Z" fill="#C1C8CD"/>
+<path d="M205.596 66.5366H132.04C129.908 66.5366 128.18 68.2578 128.18 70.3809C128.18 72.504 129.908 74.2251 132.04 74.2251H205.596C207.728 74.2251 209.457 72.504 209.457 70.3809C209.457 68.2578 207.728 66.5366 205.596 66.5366Z" fill="#C1C8CD"/>
+<path d="M243.564 66.5366H215.976C213.844 66.5366 212.115 68.2578 212.115 70.3809C212.115 72.504 213.844 74.2251 215.976 74.2251H243.564C245.696 74.2251 247.424 72.504 247.424 70.3809C247.424 68.2578 245.696 66.5366 243.564 66.5366Z" fill="#C1C8CD"/>
+<path d="M280.705 80.3723H253.117C250.985 80.3723 249.257 82.0934 249.257 84.2166C249.257 86.3397 250.985 88.0608 253.117 88.0608H280.705C282.837 88.0608 284.566 86.3397 284.566 84.2166C284.566 82.0934 282.837 80.3723 280.705 80.3723Z" fill="#C1C8CD"/>
+<path d="M99.9963 52.6948H72.4083C70.2762 52.6948 68.5479 54.416 68.5479 56.5391C68.5479 58.6622 70.2762 60.3833 72.4083 60.3833H99.9963C102.128 60.3833 103.857 58.6622 103.857 56.5391C103.857 54.416 102.128 52.6948 99.9963 52.6948Z" fill="#C1C8CD"/>
+<path d="M253.866 52.6948H111.488C109.356 52.6948 107.628 54.416 107.628 56.5391C107.628 58.6622 109.356 60.3833 111.488 60.3833H253.866C255.998 60.3833 257.726 58.6622 257.726 56.5391C257.726 54.416 255.998 52.6948 253.866 52.6948Z" fill="#C1C8CD"/>
+<path d="M120.553 196.842H92.9649C90.8329 196.842 89.1045 198.563 89.1045 200.686C89.1045 202.809 90.8329 204.53 92.9649 204.53H120.553C122.685 204.53 124.413 202.809 124.413 200.686C124.413 198.563 122.685 196.842 120.553 196.842Z" fill="#C1C8CD"/>
+<path d="M205.596 196.842H132.04C129.908 196.842 128.18 198.563 128.18 200.686C128.18 202.809 129.908 204.53 132.04 204.53H205.596C207.728 204.53 209.457 202.809 209.457 200.686C209.457 198.563 207.728 196.842 205.596 196.842Z" fill="#C1C8CD"/>
+<path d="M243.564 196.842H215.976C213.844 196.842 212.115 198.563 212.115 200.686C212.115 202.809 213.844 204.53 215.976 204.53H243.564C245.696 204.53 247.424 202.809 247.424 200.686C247.424 198.563 245.696 196.842 243.564 196.842Z" fill="#C1C8CD"/>
+<path d="M99.9963 183H72.4083C70.2762 183 68.5479 184.721 68.5479 186.844C68.5479 188.967 70.2762 190.689 72.4083 190.689H99.9963C102.128 190.689 103.857 188.967 103.857 186.844C103.857 184.721 102.128 183 99.9963 183Z" fill="#C1C8CD"/>
+<path d="M253.866 183H111.488C109.356 183 107.628 184.721 107.628 186.844C107.628 188.967 109.356 190.689 111.488 190.689H253.866C255.998 190.689 257.726 188.967 257.726 186.844C257.726 184.721 255.998 183 253.866 183Z" fill="#C1C8CD"/>
+<path d="M26 107.51V126.089C26 126.853 26.6246 127.476 27.3919 127.476H110.715C111.482 127.476 112.107 128.098 112.107 128.863V143.938C112.107 145.046 113.011 145.947 114.123 145.947C115.236 145.947 116.14 145.046 116.14 143.938V107.51C116.14 106.746 115.515 106.123 114.748 106.123H27.3919C26.6246 106.123 26 106.746 26 107.51Z" fill="#687076"/>
+<path d="M76.7156 120.54H104.304C106.436 120.54 108.164 118.819 108.164 116.696C108.164 114.573 106.436 112.852 104.304 112.852H76.7156C74.5836 112.852 72.8552 114.573 72.8552 116.696C72.8552 118.819 74.5836 120.54 76.7156 120.54Z" fill="#FBFCFD"/>
+<path d="M38.2361 120.54H65.8242C67.9562 120.54 69.6846 118.819 69.6846 116.696C69.6846 114.573 67.9562 112.852 65.8242 112.852H38.2361C36.1041 112.852 34.3757 114.573 34.3757 116.696C34.3757 118.819 36.1041 120.54 38.2361 120.54Z" fill="#FBFCFD"/>
+<path d="M333.591 49.3871V67.9652C333.591 68.7299 332.967 69.3524 332.199 69.3524H248.876C248.109 69.3524 247.484 69.9748 247.484 70.7395V85.8142C247.484 86.9227 246.58 87.8238 245.468 87.8238C244.355 87.8238 243.451 86.9227 243.451 85.8142V49.3871C243.451 48.6224 244.076 48 244.843 48H332.199C332.967 48 333.591 48.6224 333.591 49.3871Z" fill="#3FCF8E"/>
+<path d="M282.876 54.728H255.288C253.156 54.728 251.428 56.4492 251.428 58.5723C251.428 60.6954 253.156 62.4165 255.288 62.4165H282.876C285.008 62.4165 286.737 60.6954 286.737 58.5723C286.737 56.4492 285.008 54.728 282.876 54.728Z" fill="white"/>
+<path d="M321.362 54.728H293.774C291.641 54.728 289.913 56.4492 289.913 58.5723C289.913 60.6954 291.641 62.4165 293.774 62.4165H321.362C323.494 62.4165 325.222 60.6954 325.222 58.5723C325.222 56.4492 323.494 54.728 321.362 54.728Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_931_17673">
+<rect width="360" height="210" fill="white"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/example-apps/light/toast-messages.svg

@@ -0,0 +1,10 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="59.9954" y="43.4134" width="241.173" height="119.732" rx="7.5866" fill="#E6E8EB" stroke="#ECEEF0" stroke-width="0.826794"/>
+<rect x="50.2806" y="43.4134" width="260.44" height="109.823" rx="7.5866" fill="#ECEEF0" stroke="#ECEEF0" stroke-width="0.826794"/>
+<rect x="45" y="43.5" width="270" height="98" rx="7.5" fill="white" stroke="#ECEEF0"/>
+<path d="M66.5 58C66.2348 58 65.9804 58.1054 65.7929 58.2929C65.6054 58.4804 65.5 58.7348 65.5 59C65.5 59.2652 65.6054 59.5196 65.7929 59.7071C65.9804 59.8946 66.2348 60 66.5 60H72.5C72.7652 60 73.0196 59.8946 73.2071 59.7071C73.3946 59.5196 73.5 59.2652 73.5 59C73.5 58.7348 73.3946 58.4804 73.2071 58.2929C73.0196 58.1054 72.7652 58 72.5 58H66.5ZM63.5 62C63.5 61.7348 63.6054 61.4804 63.7929 61.2929C63.9804 61.1054 64.2348 61 64.5 61H74.5C74.7652 61 75.0196 61.1054 75.2071 61.2929C75.3946 61.4804 75.5 61.7348 75.5 62C75.5 62.2652 75.3946 62.5196 75.2071 62.7071C75.0196 62.8946 74.7652 63 74.5 63H64.5C64.2348 63 63.9804 62.8946 63.7929 62.7071C63.6054 62.5196 63.5 62.2652 63.5 62ZM61.5 66C61.5 65.4696 61.7107 64.9609 62.0858 64.5858C62.4609 64.2107 62.9696 64 63.5 64H75.5C76.0304 64 76.5391 64.2107 76.9142 64.5858C77.2893 64.9609 77.5 65.4696 77.5 66V70C77.5 70.5304 77.2893 71.0391 76.9142 71.4142C76.5391 71.7893 76.0304 72 75.5 72H63.5C62.9696 72 62.4609 71.7893 62.0858 71.4142C61.7107 71.0391 61.5 70.5304 61.5 70V66Z" fill="#A0A0A0"/>
+<path d="M95.652 67.192C97.476 67.192 98.928 66.076 98.928 63.988V58.492H97.272V63.868C97.272 64.984 96.66 65.572 95.652 65.572C94.668 65.572 94.044 64.984 94.044 63.868V58.492H92.388V63.988C92.388 66.076 93.84 67.192 95.652 67.192ZM102.21 69.28V66.424C102.498 66.82 103.098 67.144 103.914 67.144C105.582 67.144 106.698 65.824 106.698 64.036C106.698 62.284 105.702 60.964 103.974 60.964C103.086 60.964 102.426 61.36 102.162 61.816V61.096H100.614V69.28H102.21ZM105.126 64.048C105.126 65.104 104.478 65.716 103.662 65.716C102.846 65.716 102.186 65.092 102.186 64.048C102.186 63.004 102.846 62.392 103.662 62.392C104.478 62.392 105.126 63.004 105.126 64.048ZM109.557 67V58.312H107.961V67H109.557ZM113.918 65.728C113.138 65.728 112.418 65.152 112.418 64.048C112.418 62.932 113.138 62.368 113.918 62.368C114.698 62.368 115.418 62.932 115.418 64.048C115.418 65.164 114.698 65.728 113.918 65.728ZM113.918 60.916C112.154 60.916 110.822 62.224 110.822 64.048C110.822 65.86 112.154 67.18 113.918 67.18C115.682 67.18 117.014 65.86 117.014 64.048C117.014 62.224 115.682 60.916 113.918 60.916ZM117.914 65.392C117.914 66.316 118.682 67.168 119.942 67.168C120.818 67.168 121.382 66.76 121.682 66.292C121.682 66.52 121.706 66.844 121.742 67H123.206C123.17 66.796 123.134 66.376 123.134 66.064V63.16C123.134 61.972 122.438 60.916 120.566 60.916C118.982 60.916 118.13 61.936 118.034 62.86L119.45 63.16C119.498 62.644 119.882 62.2 120.578 62.2C121.25 62.2 121.574 62.548 121.574 62.968C121.574 63.172 121.466 63.34 121.13 63.388L119.678 63.604C118.694 63.748 117.914 64.336 117.914 65.392ZM120.278 65.98C119.762 65.98 119.51 65.644 119.51 65.296C119.51 64.84 119.834 64.612 120.242 64.552L121.574 64.348V64.612C121.574 65.656 120.95 65.98 120.278 65.98ZM130.347 58.312H128.775V61.684C128.607 61.372 128.127 60.952 127.107 60.952C125.439 60.952 124.275 62.308 124.275 64.036C124.275 65.824 125.475 67.144 127.155 67.144C127.947 67.144 128.547 66.784 128.811 66.316C128.811 66.592 128.847 66.88 128.871 67H130.395C130.371 66.76 130.347 66.328 130.347 65.932V58.312ZM125.883 64.036C125.883 62.98 126.531 62.38 127.347 62.38C128.163 62.38 128.799 62.968 128.799 64.024C128.799 65.092 128.163 65.716 127.347 65.716C126.507 65.716 125.883 65.092 125.883 64.036ZM133.675 67V61.096H132.079V67H133.675ZM131.887 59.164C131.887 59.692 132.331 60.136 132.871 60.136C133.423 60.136 133.855 59.692 133.855 59.164C133.855 58.612 133.423 58.168 132.871 58.168C132.331 58.168 131.887 58.612 131.887 59.164ZM136.979 63.604C136.979 62.92 137.387 62.38 138.083 62.38C138.851 62.38 139.175 62.896 139.175 63.556V67H140.771V63.28C140.771 61.984 140.099 60.94 138.635 60.94C137.999 60.94 137.291 61.216 136.931 61.828V61.096H135.383V67H136.979V63.604ZM141.971 67.324C142.139 68.452 143.219 69.46 144.839 69.46C147.059 69.46 147.935 67.984 147.935 66.364V61.096H146.399V61.792C146.195 61.396 145.655 60.988 144.719 60.988C143.099 60.988 141.971 62.308 141.971 63.868C141.971 65.524 143.147 66.736 144.719 66.736C145.571 66.736 146.123 66.364 146.363 65.98V66.412C146.363 67.552 145.799 68.056 144.791 68.056C144.035 68.056 143.519 67.588 143.411 66.94L141.971 67.324ZM144.995 65.368C144.167 65.368 143.579 64.792 143.579 63.868C143.579 62.956 144.203 62.38 144.995 62.38C145.763 62.38 146.387 62.956 146.387 63.868C146.387 64.78 145.811 65.368 144.995 65.368ZM155.552 67V59.212H154.124C153.968 60.028 153.176 60.664 152.036 60.676V61.792H153.908V67H155.552ZM158.662 62.224C158.626 62.092 158.602 61.936 158.602 61.792C158.602 61.06 159.01 60.496 159.838 60.496C160.618 60.496 161.014 61 161.014 61.564C161.014 62.104 160.75 62.512 160.09 62.908L158.806 63.676C157.414 64.516 156.982 65.632 156.97 67H162.73V65.572H158.998C159.118 65.272 159.37 65.056 159.67 64.864L161.17 63.952C162.13 63.364 162.682 62.548 162.682 61.54C162.682 60.184 161.614 59.032 159.874 59.032C158.062 59.032 157.03 60.268 157.03 61.636C157.03 61.828 157.066 62.068 157.09 62.176L158.662 62.224ZM169.57 65.728C168.79 65.728 168.07 65.152 168.07 64.048C168.07 62.932 168.79 62.368 169.57 62.368C170.35 62.368 171.07 62.932 171.07 64.048C171.07 65.164 170.35 65.728 169.57 65.728ZM169.57 60.916C167.806 60.916 166.474 62.224 166.474 64.048C166.474 65.86 167.806 67.18 169.57 67.18C171.334 67.18 172.666 65.86 172.666 64.048C172.666 62.224 171.334 60.916 169.57 60.916ZM177.767 67H179.291C179.267 66.796 179.231 66.388 179.231 65.932V61.096H177.635V64.528C177.635 65.212 177.227 65.692 176.519 65.692C175.775 65.692 175.439 65.164 175.439 64.504V61.096H173.843V64.828C173.843 66.112 174.659 67.156 176.087 67.156C176.711 67.156 177.395 66.916 177.719 66.364C177.719 66.604 177.743 66.88 177.767 67ZM182.902 59.332H181.462V60.16C181.462 60.688 181.174 61.096 180.55 61.096H180.25V62.512H181.318V65.26C181.318 66.4 182.038 67.084 183.19 67.084C183.658 67.084 183.946 67 184.09 66.94V65.62C184.006 65.644 183.79 65.668 183.598 65.668C183.142 65.668 182.902 65.5 182.902 64.984V62.512H184.09V61.096H182.902V59.332ZM191.027 65.728C190.247 65.728 189.527 65.152 189.527 64.048C1Line truncated
+<rect x="91.5" y="78" width="192" height="4" rx="2" fill="#ECEEF0"/>
+<rect x="91.5" y="78" width="111" height="4" rx="2" fill="#3FCF8E"/>
+<path d="M95.52 102.18C97.248 102.18 98.58 101.1 98.58 99.096V93.492H97.404V99.06C97.404 100.356 96.72 101.088 95.52 101.088C94.332 101.088 93.624 100.356 93.624 99.06V93.492H92.46V99.096C92.46 101.1 93.792 102.18 95.52 102.18ZM101.556 104.28V101.22C101.868 101.736 102.54 102.156 103.428 102.156C105.12 102.156 106.116 100.824 106.116 99.108C106.116 97.428 105.192 96.096 103.464 96.096C102.528 96.096 101.844 96.552 101.532 97.128V96.228H100.44V104.28H101.556ZM104.964 99.108C104.964 100.296 104.304 101.148 103.26 101.148C102.228 101.148 101.544 100.296 101.544 99.108C101.544 97.956 102.228 97.092 103.26 97.092C104.316 97.092 104.964 97.956 104.964 99.108ZM108.682 102V93.312H107.554V102H108.682ZM113.073 101.172C112.113 101.172 111.273 100.452 111.273 99.108C111.273 97.776 112.113 97.056 113.073 97.056C114.033 97.056 114.873 97.776 114.873 99.108C114.873 100.452 114.033 101.172 113.073 101.172ZM113.073 96.048C111.345 96.048 110.121 97.356 110.121 99.108C110.121 100.872 111.345 102.18 113.073 102.18C114.801 102.18 116.025 100.872 116.025 99.108C116.025 97.356 114.801 96.048 113.073 96.048ZM117.108 100.452C117.108 101.364 117.864 102.18 119.04 102.18C120.072 102.18 120.648 101.628 120.9 101.22C120.9 101.64 120.936 101.856 120.96 102H122.064C122.04 101.856 121.992 101.556 121.992 101.052V98.16C121.992 97.032 121.32 96.048 119.592 96.048C118.344 96.048 117.348 96.816 117.228 97.92L118.308 98.172C118.38 97.5 118.824 97.008 119.616 97.008C120.492 97.008 120.864 97.476 120.864 98.04C120.864 98.244 120.768 98.424 120.42 98.472L118.86 98.7C117.864 98.844 117.108 99.42 117.108 100.452ZM119.196 101.232C118.62 101.232 118.26 100.824 118.26 100.392C118.26 99.876 118.62 99.6 119.1 99.528L120.864 99.264V99.528C120.864 100.788 120.12 101.232 119.196 101.232ZM124.421 99.096C124.421 97.908 125.093 97.068 126.125 97.068C127.157 97.068 127.781 97.884 127.781 99.072C127.781 100.26 127.145 101.16 126.113 101.16C125.033 101.16 124.421 100.284 124.421 99.096ZM127.793 101.22C127.793 101.568 127.829 101.868 127.853 102H128.945C128.933 101.904 128.885 101.484 128.885 100.932V93.312H127.769V97.044C127.577 96.576 127.025 96.072 126.005 96.072C124.373 96.072 123.269 97.464 123.269 99.096C123.269 100.812 124.313 102.156 126.005 102.156C126.905 102.156 127.517 101.676 127.793 101.124V101.22ZM131.92 102V96.228H130.804V102H131.92ZM130.552 94.044C130.552 94.488 130.912 94.848 131.356 94.848C131.812 94.848 132.172 94.488 132.172 94.044C132.172 93.588 131.812 93.228 131.356 93.228C130.912 93.228 130.552 93.588 130.552 94.044ZM134.967 98.664C134.967 97.788 135.423 97.08 136.311 97.08C137.319 97.08 137.655 97.728 137.655 98.532V102H138.783V98.34C138.783 97.056 138.099 96.06 136.719 96.06C136.047 96.06 135.363 96.336 134.943 97.056V96.228H133.839V102H134.967V98.664ZM140.157 102.312C140.301 103.548 141.381 104.46 142.821 104.46C144.993 104.46 145.713 103.032 145.713 101.568V96.228H144.597V97.032C144.309 96.456 143.709 96.12 142.821 96.12C141.237 96.12 140.169 97.368 140.169 98.928C140.169 100.56 141.285 101.724 142.821 101.724C143.685 101.724 144.309 101.304 144.585 100.776V101.604C144.585 102.852 144.033 103.476 142.821 103.476C141.945 103.476 141.333 102.864 141.249 102.06L140.157 102.312ZM142.989 100.776C141.969 100.776 141.321 100.056 141.321 98.928C141.321 97.812 141.993 97.08 142.989 97.08C143.961 97.08 144.633 97.812 144.633 98.928C144.633 100.044 143.961 100.776 142.989 100.776ZM152.027 94.404H150.995V95.34C150.995 95.844 150.731 96.228 150.107 96.228H149.795V97.248H150.899V100.416C150.899 101.46 151.523 102.06 152.507 102.06C152.891 102.06 153.179 101.988 153.275 101.952V100.992C153.179 101.016 152.975 101.04 152.831 101.04C152.243 101.04 152.027 100.776 152.027 100.248V97.248H153.275V96.228H152.027V94.404ZM155.908 98.604C155.932 97.752 156.388 97.08 157.252 97.08C158.26 97.08 158.596 97.728 158.596 98.532V102H159.724V98.34C159.724 97.056 159.04 96.06 157.66 96.06C157 96.06 156.328 96.288 155.908 96.9V93.312H154.78V102H155.908V98.604ZM162.251 98.52C162.299 97.776 162.875 97.044 163.823 97.044C164.843 97.044 165.383 97.692 165.407 98.52H162.251ZM165.575 100.02C165.359 100.668 164.891 101.184 163.955 101.184C162.983 101.184 162.239 100.464 162.215 99.432H166.559C166.571 99.36 166.583 99.216 166.583 99.072C166.583 97.272 165.587 96.048 163.811 96.048C162.359 96.048 161.051 97.284 161.051 99.096C161.051 101.052 162.407 102.18 163.955 102.18C165.299 102.18 166.223 101.376 166.547 100.356L165.575 100.02ZM167.483 100.5C167.579 101.16 168.251 102.18 169.835 102.18C171.263 102.18 171.947 101.208 171.947 100.392C171.947 99.54 171.395 98.904 170.351 98.676L169.415 98.472C168.971 98.376 168.755 98.124 168.755 97.776C168.755 97.38 169.139 97.008 169.715 97.008C170.627 97.008 170.867 97.668 170.915 97.968L171.911 97.596C171.791 97.08 171.299 96.048 169.715 96.048C168.587 96.048 167.663 96.888 167.663 97.872C167.663 98.688 168.203 99.3 169.103 99.492L170.087 99.708C170.567 99.816 170.831 100.092 170.831 100.452C170.831 100.86 170.483 101.22 169.847 101.22CLine truncated
+</svg>

apps/www/public/images/realtime/example-apps/light/whiteboard.svg

@@ -0,0 +1,8 @@
+<svg width="361" height="210" viewBox="0 0 361 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 35H70.5V157H155.5L192.5 135V35Z" fill="white"/>
+<path d="M70.5 35V34.5H70V35H70.5ZM192.5 35H193V34.5H192.5V35ZM70.5 157H70V157.5H70.5V157ZM155.5 157V157.5H155.637L155.756 157.43L155.5 157ZM192.5 135L192.756 135.43L193 135.284V135H192.5ZM70.5 35.5H192.5V34.5H70.5V35.5ZM71 157V35H70V157H71ZM155.5 156.5H70.5V157.5H155.5V156.5ZM155.756 157.43L192.756 135.43L192.244 134.57L155.244 156.57L155.756 157.43ZM192 35V135H193V35H192Z" fill="#ECEEF0"/>
+<path d="M155.5 157L155.5 135L192.5 135L155.5 157Z" fill="#D7DBDF"/>
+<path d="M52.5 99.5C54.1667 106.5 59.7 120.3 68.5 119.5C77.3 118.7 79 78 79.5 57.5C78.8906 78 78.1 116 90.5 116C102.9 116 101.5 84 102.5 68.5C102.055 79.5 100.7 99.5 107.5 99.5C114.3 99.5 115.894 81.5 116.5 73C115.644 85 112.3 108.1 119.5 108.5C128.5 109 124 83 133 83.5C142 84 131.5 110.5 142 110C152.5 109.5 147.07 86.0573 155 85C162.5 84 156 101 162 101C166.8 101 170 92.6667 171 88.5" stroke="#3FCF8E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M200.256 121.031L185.549 83.6442C185.19 82.7373 186.065 81.8369 186.978 82.1566L225.598 95.6824C226.583 96.0282 226.623 97.4049 225.657 97.8029L209.776 104.341C209.502 104.452 209.28 104.673 209.162 104.948L202.357 121.057C201.959 121.997 200.628 121.977 200.256 121.031ZM304.065 124.45C304.065 115.152 296.529 107.616 287.231 107.616H227.327C218.029 107.616 210.493 115.152 210.493 124.45C210.493 133.748 218.029 141.284 227.327 141.284H287.231C296.529 141.284 304.065 133.748 304.065 124.45Z" fill="#3FCF8E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M245.12 127.236C246.634 127.236 247.861 126.009 247.861 124.496C247.861 122.982 246.634 121.755 245.12 121.755C243.607 121.755 242.38 122.982 242.38 124.496C242.38 126.009 243.607 127.236 245.12 127.236ZM255.781 127.236C257.295 127.236 258.522 126.009 258.522 124.496C258.522 122.982 257.295 121.755 255.781 121.755C254.268 121.755 253.041 122.982 253.041 124.496C253.041 126.009 254.268 127.236 255.781 127.236ZM269.176 124.496C269.176 126.009 267.949 127.236 266.436 127.236C264.922 127.236 263.695 126.009 263.695 124.496C263.695 122.982 264.922 121.755 266.436 121.755C267.949 121.755 269.176 122.982 269.176 124.496Z" fill="#202425"/>
+</svg>

apps/www/public/images/realtime/example-apps/realtime-image/shared-editor.svg

@@ -0,0 +1,16 @@
+<svg width="337" height="211" viewBox="0 0 337 211" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_928_17340)">
+<path d="M15.9889 58H320.082C328.903 58 336.071 65.1372 336.071 73.9343V213.329H0V73.9343C0 65.1431 7.1617 58 15.9889 58Z" fill="#161616"/>
+<path d="M197.789 79.9403L183.082 42.5535C182.724 41.6466 183.598 40.7462 184.511 41.0659L223.131 54.5917C224.117 54.9375 224.156 56.3142 223.19 56.7122L207.309 63.25C207.035 63.3609 206.813 63.5828 206.696 63.8568L199.89 79.9664C199.492 80.906 198.161 80.8864 197.789 79.9403ZM301.598 83.3593C301.598 74.0615 294.062 66.5254 284.764 66.5254H224.86C215.563 66.5254 208.027 74.0615 208.027 83.3593C208.027 92.657 215.563 100.193 224.86 100.193H284.764C294.062 100.193 301.598 92.657 301.598 83.3593Z" fill="#3FCF8E"/>
+<path d="M242.653 86.1452C244.167 86.1452 245.394 84.9183 245.394 83.4048C245.394 81.8913 244.167 80.6644 242.653 80.6644C241.14 80.6644 239.913 81.8913 239.913 83.4048C239.913 84.9183 241.14 86.1452 242.653 86.1452Z" fill="white"/>
+<path d="M253.315 86.1452C254.828 86.1452 256.055 84.9183 256.055 83.4048C256.055 81.8913 254.828 80.6644 253.315 80.6644C251.801 80.6644 250.574 81.8913 250.574 83.4048C250.574 84.9183 251.801 86.1452 253.315 86.1452Z" fill="white"/>
+<path d="M263.97 86.1452C265.483 86.1452 266.71 84.9183 266.71 83.4048C266.71 81.8913 265.483 80.6644 263.97 80.6644C262.456 80.6644 261.229 81.8913 261.229 83.4048C261.229 84.9183 262.456 86.1452 263.97 86.1452Z" fill="white"/>
+<path d="M89.3298 138.436L82.6216 122.547C82.5041 122.273 82.2888 122.057 82.0147 121.946L66.3469 115.499C65.3942 115.108 65.4334 113.744 66.4057 113.404L104.508 100.066C105.415 99.7465 106.27 100.641 105.918 101.535L91.4114 138.417C91.046 139.35 89.7279 139.369 89.3363 138.443L89.3298 138.436ZM81.3099 141.784C81.3099 132.609 73.8709 125.176 64.7025 125.176H5.60744C-3.56744 125.176 -11 132.616 -11 141.784C-11 150.959 -3.56091 158.391 5.60744 158.391H64.7025C73.8774 158.391 81.3099 150.952 81.3099 141.784Z" fill="#7E7E7E"/>
+<path d="M247.33 167.436L240.622 151.547C240.504 151.273 240.289 151.057 240.015 150.946L224.347 144.499C223.394 144.108 223.433 142.744 224.406 142.404L262.508 129.066C263.415 128.747 264.27 129.641 263.918 130.535L249.411 167.417C249.046 168.35 247.728 168.369 247.336 167.443L247.33 167.436ZM239.31 170.784C239.31 161.609 231.871 154.176 222.703 154.176H163.607C154.433 154.176 147 161.616 147 170.784C147 179.959 154.439 187.391 163.607 187.391H222.703C231.877 187.391 239.31 179.952 239.31 170.784Z" fill="#7E7E7E"/>
+</g>
+<defs>
+<clipPath id="clip0_928_17340">
+<rect width="336.071" height="210.832" fill="white"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/realtime/icons/broadcast-alt.svg

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #343434;
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5 {
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .cls-1, .cls-5 {
+        stroke: #3e3e3e;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+
+      .cls-2, .cls-3 {
+        stroke: #505050;
+      }
+
+      .cls-3, .cls-4, .cls-5 {
+        fill: none;
+      }
+
+      .cls-4 {
+        stroke: #3fcf8e;
+      }
+
+      .cls-4, .cls-5 {
+        opacity: .25;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <circle class="cls-4" cx="12.5" cy="12.5" r="4"/>
+    <circle class="cls-4" cx="12.5" cy="12.5" r="7"/>
+    <rect class="cls-1" x=".5" y=".5" width="24" height="24" rx="6" ry="6"/>
+    <line class="cls-2" x1="12.5" y1="24.18" x2="12.5" y2="12.5"/>
+    <circle class="cls-5" cx="12.31" cy="12.62" r="4"/>
+    <circle class="cls-5" cx="12.31" cy="12.62" r="7"/>
+    <circle class="cls-3" cx="12.5" cy="12.5" r="1"/>
+    <g>
+      <path class="cls-3" d="M7.19,16.74c-1.09-1.09-1.76-2.59-1.76-4.24"/>
+      <path class="cls-3" d="M7.19,8.26c-1.09,1.09-1.76,2.59-1.76,4.24"/>
+      <path class="cls-3" d="M9.31,14.62c-.54-.54-.88-1.29-.88-2.12"/>
+      <path class="cls-3" d="M9.31,10.38c-.54,.54-.88,1.29-.88,2.12"/>
+    </g>
+    <g>
+      <path class="cls-3" d="M17.74,8.26c1.09,1.09,1.76,2.59,1.76,4.24"/>
+      <path class="cls-3" d="M17.74,16.74c1.09-1.09,1.76-2.59,1.76-4.24"/>
+      <path class="cls-3" d="M15.62,10.38c.54,.54,.88,1.29,.88,2.12"/>
+      <path class="cls-3" d="M15.62,14.62c.54-.54,.88-1.29,.88-2.12"/>
+    </g>
+  </g>
+</svg>

apps/www/public/images/realtime/icons/broadcast.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-1, .cls-2, .cls-3 {
+        stroke: #3fcf8e;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .cls-2, .cls-3 {
+        fill: none;
+      }
+
+      .cls-4 {
+        fill: #3fcf8e;
+        opacity: .1;
+      }
+
+      .cls-3 {
+        opacity: .25;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <rect class="cls-4" x=".5" y=".5" width="24" height="24" rx="6" ry="6"/>
+    <circle class="cls-3" cx="12.5" cy="12.5" r="4"/>
+    <circle class="cls-3" cx="12.5" cy="12.5" r="7"/>
+    <rect class="cls-2" x=".5" y=".5" width="24" height="24" rx="6" ry="6"/>
+    <line class="cls-1" x1="12.5" y1="24.18" x2="12.5" y2="12.5"/>
+    <circle class="cls-2" cx="12.5" cy="12.5" r="1"/>
+    <g>
+      <path class="cls-2" d="M7.19,16.74c-1.09-1.09-1.76-2.59-1.76-4.24"/>
+      <path class="cls-2" d="M7.19,8.26c-1.09,1.09-1.76,2.59-1.76,4.24"/>
+      <path class="cls-2" d="M9.31,14.62c-.54-.54-.88-1.29-.88-2.12"/>
+      <path class="cls-2" d="M9.31,10.38c-.54,.54-.88,1.29-.88,2.12"/>
+    </g>
+    <g>
+      <path class="cls-2" d="M17.74,8.26c1.09,1.09,1.76,2.59,1.76,4.24"/>
+      <path class="cls-2" d="M17.74,16.74c1.09-1.09,1.76-2.59,1.76-4.24"/>
+      <path class="cls-2" d="M15.62,10.38c.54,.54,.88,1.29,.88,2.12"/>
+      <path class="cls-2" d="M15.62,14.62c.54-.54,.88-1.29,.88-2.12"/>
+    </g>
+  </g>
+</svg>

apps/www/public/images/realtime/icons/database-changes.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #3fcf8e;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .cls-2 {
+        fill: #3fcf8e;
+        opacity: .1;
+      }
+
+      .cls-3 {
+        opacity: .5;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <rect class="cls-2" x=".5" y=".5" width="24" height="24" rx="6" ry="6"/>
+    <g class="cls-3">
+      <path class="cls-1" d="M5.5,10.5c0-1.54,.59-3.07,1.76-4.24"/>
+      <path class="cls-1" d="M11.5,4.5c-1.54,0-3.07,.59-4.24,1.76"/>
+    </g>
+    <g class="cls-3">
+      <path class="cls-1" d="M20.5,13.5c0,1.54-.59,3.07-1.76,4.24"/>
+      <path class="cls-1" d="M14.5,19.5c1.54,0,3.07-.59,4.24-1.76"/>
+    </g>
+    <rect class="cls-1" x=".5" y=".5" width="24" height="24" rx="6" ry="6"/>
+    <rect class="cls-1" x="12.5" y="3.5" width="8" height="8" rx="4" ry="4"/>
+    <polygon class="cls-1" points="9.86 13.5 5.62 13.5 3.5 17.17 5.62 20.85 9.86 20.85 11.99 17.17 9.86 13.5"/>
+  </g>
+</svg>

apps/www/public/images/realtime/icons/presence.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
+  <defs>
+    <style>
+      .cls-1, .cls-2 {
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .cls-1, .cls-2, .cls-3 {
+        fill: none;
+        stroke: #3fcf8e;
+      }
+
+      .cls-4 {
+        fill: #3fcf8e;
+        opacity: .1;
+      }
+
+      .cls-2 {
+        stroke-dasharray: 0 0 4.17 2.08;
+      }
+
+      .cls-3 {
+        stroke-miterlimit: 10;
+      }
+
+      .cls-5 {
+        opacity: .5;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <rect class="cls-4" x=".5" y=".5" width="24" height="24" rx="6" ry="6"/>
+    <g class="cls-5">
+      <g>
+        <line class="cls-1" x1="12.5" y1="21.5" x2="10.5" y2="21.5"/>
+        <path class="cls-2" d="M8.42,21.5h-.92c-2.21,0-4-1.79-4-4V7.5c0-2.21,1.79-4,4-4h10c2.21,0,4,1.79,4,4v2.96"/>
+        <line class="cls-1" x1="21.5" y1="11.5" x2="21.5" y2="13.5"/>
+      </g>
+    </g>
+    <rect class="cls-1" x=".5" y=".5" width="24" height="24" rx="6" ry="6"/>
+    <path class="cls-3" d="M12.53,13.07l3.06,8.16c.14,.39,.7,.35,.8-.05l.9-3.59c.04-.15,.16-.27,.31-.31l3.59-.9c.4-.1,.43-.65,.05-.8l-8.16-3.06c-.34-.13-.67,.2-.54,.54Z"/>
+  </g>
+</svg>

apps/www/public/sitemap_www.xml

@@ -60,6 +60,18 @@
     <changefreq>0.5</changefreq>
   </url>
 
+  <url>
+    <loc>https://supabase.com/database</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
+  <url>
+    <loc>https://supabase.com/edge-functions</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
   <url>
     <loc>https://supabase.com/contact/enterprise</loc>
     <changefreq>weekly</changefreq>
@@ -72,18 +84,6 @@
     <changefreq>0.5</changefreq>
   </url>
 
-  <url>
-    <loc>https://supabase.com/database</loc>
-    <changefreq>weekly</changefreq>
-    <changefreq>0.5</changefreq>
-  </url>
-
-  <url>
-    <loc>https://supabase.com/edge-functions/edge-functions</loc>
-    <changefreq>weekly</changefreq>
-    <changefreq>0.5</changefreq>
-  </url>
-
   <url>
     <loc>https://supabase.com/legal/dpa</loc>
     <changefreq>weekly</changefreq>
@@ -97,7 +97,13 @@
   </url>
 
   <url>
-    <loc>https://supabase.com/nextjs/Nextjs</loc>
+    <loc>https://supabase.com/nextjs</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
+  <url>
+    <loc>https://supabase.com/realtime</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
@@ -870,6 +876,12 @@
     <changefreq>0.5</changefreq>
   </url>
 
+  <url>
+    <loc>https://supabase.com/blog/postgresql-commitfest</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
   <url>
     <loc>https://supabase.com/alternatives/supabase-vs-firebase</loc>
     <changefreq>weekly</changefreq>

package-lock.json

@@ -55,7 +55,7 @@
         "jsrsasign": "^10.5.26",
         "lodash": "^4.17.21",
         "markdown-toc": "^1.2.0",
-        "next": "12.0.9",
+        "next": "12.1.0",
         "next-compose-plugins": "^2.2.1",
         "next-mdx-remote": "^3.0.8",
         "next-themes": "0.0.15",
@@ -63,6 +63,7 @@
         "react": "17.0.2",
         "react-copy-to-clipboard": "^5.0.2",
         "react-dom": "17.0.2",
+        "react-intersection-observer": "^9.4.0",
         "react-markdown": "^8.0.3",
         "react-syntax-highlighter": "^15.3.1",
         "remark": "^14.0.2",
@@ -177,176 +178,6 @@
         "react": "^16.13.1 || ^17.0.0"
       }
     },
-    "apps/temp-docs/node_modules/@next/env": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-12.0.9.tgz",
-      "integrity": "sha512-oBlkyDop0Stf7MPIzETGv5r0YT/G/weBrknoPOUTaa5qwOeGjuy6gsOVc/SBtrBkOoBmRpD+fFhQJPvmo1mS+g=="
-    },
-    "apps/temp-docs/node_modules/@next/swc-android-arm64": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-12.0.9.tgz",
-      "integrity": "sha512-aVqgsEn5plmUH2X58sjzhHsH/6majucWTMaaBEs7hHO2+GCwCZc7zaLH4XCBMKPES9Yaja8/pYUbvZQE9DqgFw==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-darwin-arm64": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.0.9.tgz",
-      "integrity": "sha512-uAgRKm4a2nVdyBiPPJokvmDD1saugOvxljz9ld2ih0CCg5S9vBhqaj3kPGCQBj9hSu3q+Lng2CHnQqG3ga1jzA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-darwin-x64": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.0.9.tgz",
-      "integrity": "sha512-fDOs2lZIyrAdU18IxMA5orBPn9qLbOdu55gXSTNZOhyRJ8ugtbUAejsK7OL0boJy0CCHPAdVRXm01Mwk8tZ9RQ==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-linux-arm-gnueabihf": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.0.9.tgz",
-      "integrity": "sha512-/ni0p9DBvATUML9RQ1ycQuf05uOYKdzA6iI8+eRsARjpGbFVUFbge7XPzlj9g2Q9YWgoN8CSjFGnKRlyky5uHA==",
-      "cpu": [
-        "arm"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.0.9.tgz",
-      "integrity": "sha512-AphxilJDf95rUxJDHgM9Ww1DaYXZWqTvoKwXeej/0SgSvICcRZrLaFDrkojdXz0Rxr4igX2OdYR1S4/Hj1jWOQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-linux-arm64-musl": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.0.9.tgz",
-      "integrity": "sha512-K5jbvNNzF3mRjWmPdxP5Bg87i7FHivfBj/L0KJlxpkLSC8sffBJDmB6jtMnI7wiPj9J6vmLkbGtSosln78xAlQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-linux-x64-gnu": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.0.9.tgz",
-      "integrity": "sha512-bJZ9bkMkQzsY+UyWezEZ77GWQ4TzwKeXdayX3U3+aEkL8k5C6eKBXlidWdrhu0teLmaUXIyWerWrLnJzwGXdfw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-linux-x64-musl": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.0.9.tgz",
-      "integrity": "sha512-SR9p0R+v1T32DTXPVAXZw31pmJAkSDotC6Afy+mfC0xrEL3pp95R8sGXYAAUCEPkQp0MEeUOVy2LrToe92X7hQ==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.0.9.tgz",
-      "integrity": "sha512-mzQ1A8vfHhJrvEy5KJZGZWEByXthyKfWofvFaf+oo/5nJl/0Bz1ODP2ajSmbLG++77Eo2AROgbm9pkW1ucvG2A==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.0.9.tgz",
-      "integrity": "sha512-MpD2vj1zjo1u3J3wiz3pEKse19Etz+P0GL6XfQkB/9a84vJQ1JWMaWBjmIdivzZv718Il2pRSSx8hymwPfguYQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/temp-docs/node_modules/@next/swc-win32-x64-msvc": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.0.9.tgz",
-      "integrity": "sha512-1c/sxp/4Qz4F6rCxiYqAnrmghCOFt5hHZ9Kd+rXFW5Mqev4C4XDOUMHdBH55HgnJZqngYhOE0r/XNkCtsIojig==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "apps/temp-docs/node_modules/@radix-ui/primitive": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
@@ -812,55 +643,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "apps/temp-docs/node_modules/next": {
-      "version": "12.0.9",
-      "resolved": "https://registry.npmjs.org/next/-/next-12.0.9.tgz",
-      "integrity": "sha512-omfYqoR/DvbdOIJ6SS1unKJ4mGIxUPs0RPa7wr/Mft22OCKgJhuG+aI9KFYi5ZJBwoFQk1vqaMKpWz5qr+dN0Q==",
-      "dependencies": {
-        "@next/env": "12.0.9",
-        "caniuse-lite": "^1.0.30001283",
-        "postcss": "8.4.5",
-        "styled-jsx": "5.0.0",
-        "use-subscription": "1.5.1"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": ">=12.22.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-android-arm64": "12.0.9",
-        "@next/swc-darwin-arm64": "12.0.9",
-        "@next/swc-darwin-x64": "12.0.9",
-        "@next/swc-linux-arm-gnueabihf": "12.0.9",
-        "@next/swc-linux-arm64-gnu": "12.0.9",
-        "@next/swc-linux-arm64-musl": "12.0.9",
-        "@next/swc-linux-x64-gnu": "12.0.9",
-        "@next/swc-linux-x64-musl": "12.0.9",
-        "@next/swc-win32-arm64-msvc": "12.0.9",
-        "@next/swc-win32-ia32-msvc": "12.0.9",
-        "@next/swc-win32-x64-msvc": "12.0.9"
-      },
-      "peerDependencies": {
-        "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0",
-        "react": "^17.0.2 || ^18.0.0-0",
-        "react-dom": "^17.0.2 || ^18.0.0-0",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "fibers": {
-          "optional": true
-        },
-        "node-sass": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
     "apps/temp-docs/node_modules/next-mdx-remote": {
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/next-mdx-remote/-/next-mdx-remote-3.0.8.tgz",
@@ -897,23 +679,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "apps/temp-docs/node_modules/postcss": {
-      "version": "8.4.5",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-      "dependencies": {
-        "nanoid": "^3.1.30",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
     "apps/temp-docs/node_modules/supports-color": {
       "version": "7.2.0",
       "dev": true,
@@ -29547,6 +29312,14 @@
         "react": "^16.8.4 || ^17.0.0"
       }
     },
+    "node_modules/react-intersection-observer": {
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.4.0.tgz",
+      "integrity": "sha512-v0403CmomOVlzhqFXlzOxg0ziLcVq8mfbP0AwAcEQWgZmR2OulOT79Ikznw4UlB3N+jlUYqLMe4SDHUOyp0t2A==",
+      "peerDependencies": {
+        "react": "^15.0.0 || ^16.0.0 || ^17.0.0|| ^18.0.0"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -58843,6 +58616,12 @@
         "prop-types": "^15.0.0"
       }
     },
+    "react-intersection-observer": {
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.4.0.tgz",
+      "integrity": "sha512-v0403CmomOVlzhqFXlzOxg0ziLcVq8mfbP0AwAcEQWgZmR2OulOT79Ikznw4UlB3N+jlUYqLMe4SDHUOyp0t2A==",
+      "requires": {}
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -62159,7 +61938,7 @@
         "lodash": "^4.17.21",
         "markdown-toc": "^1.2.0",
         "minimist": "^1.2.6",
-        "next": "12.0.9",
+        "next": "12.1.0",
         "next-compose-plugins": "^2.2.1",
         "next-mdx-remote": "^3.0.8",
         "next-themes": "0.0.15",
@@ -62169,6 +61948,7 @@
         "react": "17.0.2",
         "react-copy-to-clipboard": "^5.0.2",
         "react-dom": "17.0.2",
+        "react-intersection-observer": "^9.4.0",
         "react-markdown": "^8.0.3",
         "react-syntax-highlighter": "^15.3.1",
         "remark": "^14.0.2",
@@ -62235,77 +62015,6 @@
           "version": "1.6.22",
           "requires": {}
         },
-        "@next/env": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/env/-/env-12.0.9.tgz",
-          "integrity": "sha512-oBlkyDop0Stf7MPIzETGv5r0YT/G/weBrknoPOUTaa5qwOeGjuy6gsOVc/SBtrBkOoBmRpD+fFhQJPvmo1mS+g=="
-        },
-        "@next/swc-android-arm64": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-12.0.9.tgz",
-          "integrity": "sha512-aVqgsEn5plmUH2X58sjzhHsH/6majucWTMaaBEs7hHO2+GCwCZc7zaLH4XCBMKPES9Yaja8/pYUbvZQE9DqgFw==",
-          "optional": true
-        },
-        "@next/swc-darwin-arm64": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.0.9.tgz",
-          "integrity": "sha512-uAgRKm4a2nVdyBiPPJokvmDD1saugOvxljz9ld2ih0CCg5S9vBhqaj3kPGCQBj9hSu3q+Lng2CHnQqG3ga1jzA==",
-          "optional": true
-        },
-        "@next/swc-darwin-x64": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.0.9.tgz",
-          "integrity": "sha512-fDOs2lZIyrAdU18IxMA5orBPn9qLbOdu55gXSTNZOhyRJ8ugtbUAejsK7OL0boJy0CCHPAdVRXm01Mwk8tZ9RQ==",
-          "optional": true
-        },
-        "@next/swc-linux-arm-gnueabihf": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.0.9.tgz",
-          "integrity": "sha512-/ni0p9DBvATUML9RQ1ycQuf05uOYKdzA6iI8+eRsARjpGbFVUFbge7XPzlj9g2Q9YWgoN8CSjFGnKRlyky5uHA==",
-          "optional": true
-        },
-        "@next/swc-linux-arm64-gnu": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.0.9.tgz",
-          "integrity": "sha512-AphxilJDf95rUxJDHgM9Ww1DaYXZWqTvoKwXeej/0SgSvICcRZrLaFDrkojdXz0Rxr4igX2OdYR1S4/Hj1jWOQ==",
-          "optional": true
-        },
-        "@next/swc-linux-arm64-musl": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.0.9.tgz",
-          "integrity": "sha512-K5jbvNNzF3mRjWmPdxP5Bg87i7FHivfBj/L0KJlxpkLSC8sffBJDmB6jtMnI7wiPj9J6vmLkbGtSosln78xAlQ==",
-          "optional": true
-        },
-        "@next/swc-linux-x64-gnu": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.0.9.tgz",
-          "integrity": "sha512-bJZ9bkMkQzsY+UyWezEZ77GWQ4TzwKeXdayX3U3+aEkL8k5C6eKBXlidWdrhu0teLmaUXIyWerWrLnJzwGXdfw==",
-          "optional": true
-        },
-        "@next/swc-linux-x64-musl": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.0.9.tgz",
-          "integrity": "sha512-SR9p0R+v1T32DTXPVAXZw31pmJAkSDotC6Afy+mfC0xrEL3pp95R8sGXYAAUCEPkQp0MEeUOVy2LrToe92X7hQ==",
-          "optional": true
-        },
-        "@next/swc-win32-arm64-msvc": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.0.9.tgz",
-          "integrity": "sha512-mzQ1A8vfHhJrvEy5KJZGZWEByXthyKfWofvFaf+oo/5nJl/0Bz1ODP2ajSmbLG++77Eo2AROgbm9pkW1ucvG2A==",
-          "optional": true
-        },
-        "@next/swc-win32-ia32-msvc": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.0.9.tgz",
-          "integrity": "sha512-MpD2vj1zjo1u3J3wiz3pEKse19Etz+P0GL6XfQkB/9a84vJQ1JWMaWBjmIdivzZv718Il2pRSSx8hymwPfguYQ==",
-          "optional": true
-        },
-        "@next/swc-win32-x64-msvc": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.0.9.tgz",
-          "integrity": "sha512-1c/sxp/4Qz4F6rCxiYqAnrmghCOFt5hHZ9Kd+rXFW5Mqev4C4XDOUMHdBH55HgnJZqngYhOE0r/XNkCtsIojig==",
-          "optional": true
-        },
         "@radix-ui/primitive": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
@@ -62642,29 +62351,6 @@
           "version": "0.4.1",
           "dev": true
         },
-        "next": {
-          "version": "12.0.9",
-          "resolved": "https://registry.npmjs.org/next/-/next-12.0.9.tgz",
-          "integrity": "sha512-omfYqoR/DvbdOIJ6SS1unKJ4mGIxUPs0RPa7wr/Mft22OCKgJhuG+aI9KFYi5ZJBwoFQk1vqaMKpWz5qr+dN0Q==",
-          "requires": {
-            "@next/env": "12.0.9",
-            "@next/swc-android-arm64": "12.0.9",
-            "@next/swc-darwin-arm64": "12.0.9",
-            "@next/swc-darwin-x64": "12.0.9",
-            "@next/swc-linux-arm-gnueabihf": "12.0.9",
-            "@next/swc-linux-arm64-gnu": "12.0.9",
-            "@next/swc-linux-arm64-musl": "12.0.9",
-            "@next/swc-linux-x64-gnu": "12.0.9",
-            "@next/swc-linux-x64-musl": "12.0.9",
-            "@next/swc-win32-arm64-msvc": "12.0.9",
-            "@next/swc-win32-ia32-msvc": "12.0.9",
-            "@next/swc-win32-x64-msvc": "12.0.9",
-            "caniuse-lite": "^1.0.30001283",
-            "postcss": "8.4.5",
-            "styled-jsx": "5.0.0",
-            "use-subscription": "1.5.1"
-          }
-        },
         "next-mdx-remote": {
           "version": "3.0.8",
           "resolved": "https://registry.npmjs.org/next-mdx-remote/-/next-mdx-remote-3.0.8.tgz",
@@ -62692,16 +62378,6 @@
             "word-wrap": "^1.2.3"
           }
         },
-        "postcss": {
-          "version": "8.4.5",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-          "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-          "requires": {
-            "nanoid": "^3.1.30",
-            "picocolors": "^1.0.0",
-            "source-map-js": "^1.0.1"
-          }
-        },
         "supports-color": {
           "version": "7.2.0",
           "dev": true,

spec/supabase_dart_v1.yml

@@ -1100,9 +1100,14 @@ pages:
           ```
   Using Modifiers:
     description: |
-      Modifiers can be used on `select()` queries. 
+      Filters work on the row level—they allow you to return rows that
+      only match certain conditions without changing the shape of the rows.
+      Modifiers are everything that don't fit that definition—allowing you to
+      change the format of the response (e.g., returning a CSV string).
 
-      If a Stored Procedure returns a table response, you can also apply modifiers to the `rpc()` function.
+      Modifiers must be specified after filters. Some modifiers only apply for
+      queries that return rows (e.g., `select()` or `rpc()` on a function that
+      returns a table response).
 
   limit():
     description: |
@@ -1180,13 +1185,17 @@ pages:
 
   Using Filters:
     description: |
+      Filters allow you to only return rows that match certain conditions.
+
       Filters can be used on `select()`, `update()`, and `delete()` queries. 
 
-      If a Stored Procedure returns a table response, you can also apply filters.
+      If a Database function returns a table response, you can also apply filters.
 
       ### Applying Filters
 
-      You must apply your filters to the end of your query. For example:
+      Filters must be applied after any of `select()`, `update()`, `upsert()`,
+      `delete()`, and `rpc()` and before
+      [modifiers](/docs/reference/dart/using-modifiers).
 
       ```dart
       final data = await supabase
@@ -1202,7 +1211,8 @@ pages:
 
       ### Chaining
 
-      Filters can be chained together to produce advanced queries. For example:
+      Filters can be chained together to produce advanced queries. For example,
+      to query cities with population between 1,000 and 10,000:
 
       ```dart
       final data = await supabase
@@ -1212,6 +1222,146 @@ pages:
         .lt('population', 10000);
       ```
 
+      ### Conditional Chaining
+
+      Filters can be built up one step at a time and then executed. For example:
+
+      ```dart
+      final filterByName = null;
+      final filterPopLow = 1000;
+      final filterPopHigh = 10000;
+
+      var query = supabase
+        .from('cities')
+        .select('name, country_id');
+
+      if (filterByName != null)  { query = query.eq('name', filterByName); }
+      if (filterPopLow != null)  { query = query.gte('population', filterPopLow); }
+      if (filterPopHigh != null) { query = query.lt('population', filterPopHigh); }
+
+      final data = await query;
+      ```
+
+      ### Filter by values within a JSON column
+
+      <Tabs>
+      <TabItem value="schema" label="Schema">
+
+        ```sql
+        create table
+          users (
+            id int8 primary key,
+            name text,
+            address jsonb
+          );
+
+        insert into
+          users (id, name, address)
+        values
+          (1, 'Michael', '{ "postcode": 90210 }'),
+          (2, 'Jane', null);
+        ```
+
+      </TabItem>
+      <TabItem default value="dart" label="Flutter">
+
+        ```dart
+        final data = await supabase
+          .from('users')
+          .select()
+          .eq('address->postcode', 90210);
+        ```
+
+      </TabItem>
+      <TabItem value="result" label="Result">
+
+        ```json
+        {
+          "data": [
+            {
+              "id": 1,
+              "name": "Michael",
+              "address": {
+                "postcode": 90210
+              }
+            }
+          ],
+          "status": 200,
+          "statusText": "OK"
+        }
+        ```
+
+      </TabItem>
+      </Tabs>
+
+      ### Filter Foreign Tables
+
+      You can filter on foreign tables in your `select()` query using dot
+      notation:
+
+      <Tabs>
+      <TabItem value="schema" label="Schema">
+
+        ```sql
+        create table
+          countries (id int8 primary key, name text);
+        create table
+          cities (
+            id int8 primary key,
+            country_id int8 not null references countries,
+            name text
+          );
+
+        insert into
+          countries (id, name)
+        values
+          (1, 'Germany'),
+          (2, 'Indonesia');
+        insert into
+          cities (id, country_id, name)
+        values
+          (1, 2, 'Bali'),
+          (2, 1, 'Munich');
+        ```
+
+      </TabItem>
+      <TabItem default value="dart" label="Flutter">
+
+        ```dart
+        final data = await supabase
+          .from('countries')
+          .select('''
+            name,
+            cities!inner (
+              name
+            )
+          ''')
+          .eq('cities.name', 'Bali');
+        ```
+
+      </TabItem>
+      <TabItem value="result" label="Result">
+
+        ```json
+        {
+          "data": [
+            {
+              "name": "Indonesia",
+              "cities": [
+                {
+                  "name": "Bali"
+                }
+              ]
+            }
+          ],
+          "status": 200,
+          "statusText": "OK"
+        }
+        ```
+
+      </TabItem>
+      </Tabs>
+
   .or():
     description: |
       Finds all rows satisfying at least one of the filters.

studio/pages/project/[ref]/logs/pgbouncer-logs.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useRouter } from 'next/router'
 import { observer } from 'mobx-react-lite'
-import { DatabaseLayout } from 'components/layouts'
+import { LogsLayout } from 'components/layouts'
 import LogsPreviewer from 'components/interfaces/Settings/Logs/LogsPreviewer'
 import { NextPageWithLayout } from 'types'
 import { LogsTableName } from 'components/interfaces/Settings/Logs'
@@ -20,6 +20,6 @@ export const LogPage: NextPageWithLayout = () => {
   )
 }
 
-LogPage.getLayout = (page) => <DatabaseLayout title="Database">{page}</DatabaseLayout>
+LogPage.getLayout = (page) => <LogsLayout title="Database">{page}</LogsLayout>
 
 export default observer(LogPage)

studio/pages/project/[ref]/logs/postgrest-logs.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useRouter } from 'next/router'
 import { observer } from 'mobx-react-lite'
-import { DatabaseLayout } from 'components/layouts'
+import { LogsLayout } from 'components/layouts'
 import LogsPreviewer from 'components/interfaces/Settings/Logs/LogsPreviewer'
 import { NextPageWithLayout } from 'types'
 import { LogsTableName } from 'components/interfaces/Settings/Logs'
@@ -20,6 +20,6 @@ export const LogPage: NextPageWithLayout = () => {
   )
 }
 
-LogPage.getLayout = (page) => <DatabaseLayout title="Database">{page}</DatabaseLayout>
+LogPage.getLayout = (page) => <LogsLayout title="Database">{page}</LogsLayout>
 
 export default observer(LogPage)