stuve-it
/
stuve-it-frontend
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(app): added Docker and CI/CD

This commit is contained in:
Valentin Kolb 2024-05-13 16:22:31 +02:00
parent f0318195c1
commit 6ea4e8a7eb
187 changed files with 10524 additions and 1562 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.dockerignore Normal file
View File

@ -0,0 +1,6 @@
node_modules
yarn-error.log
README.md
.gitignore
.git
.idea

32
.gitea/workflows/cicd.yml Normal file
View File

@ -0,0 +1,32 @@
name: Build and Push Docker image
on:
push:
branches:
- main
jobs:
build-and-push:
runs-on: ubuntu-latest
steps:
- name: Check out the repo
uses: actions/checkout@v2
- name: Log in to StuVe Gitea Container Registry
uses: docker/login-action@v1
with:
registry: git.stuve.uni-ulm.de
username: ${{ secrets.USER_NAME }}
password: ${{ secrets.USER_PASSWORD }}
- name: Build and push Docker image
uses: docker/build-push-action@v2
with:
context: .
file: ./Dockerfile
push: true
tags: git.stuve.uni-ulm.de/stuve-it/stuve-it-frontend:latest
# - name: Trigger webhook
# run: curl -X POST ${{ secrets.WEBHOOK_URL }}

32
Dockerfile Normal file
View File

@ -0,0 +1,32 @@
# Stage 1: Build the React app using Vite
FROM node:18 AS build
WORKDIR /app
# Copy package.json and package-lock.json to install dependencies
COPY package*.json ./
RUN yarn install
# Copy source code
COPY . .
# Set environment variables
ENV NODE_ENV=production
# Build the React app using Vite
RUN yarn run build
# Stage 2: Create a lightweight production image
FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html
#copy public folder
COPY --from=build /app/public /usr/share/nginx/html
#copy allowed mime types
COPY ./nginx/mime.types /etc/nginx/mime.types
# Expose port 80 to access the app
EXPOSE 80
# Start Nginx server
CMD ["nginx", "-g", "daemon off;"]

9
README.md
View File

@ -41,14 +41,19 @@ zu finden.
### Pocketbase API
Um die Kommunikation mit dem Backend zu erleichtern ist in der Datei "src/lib/pocketbase.ts" ein Pocketbase Client implementiert.
Um die Kommunikation mit dem Backend zu erleichtern ist in der Datei "s@/lib/pocketbase.ts" ein Pocketbase Client implementiert.
Dieser Client ist ein React Hook und kann in jeder React Komponente verwendet werden.
```typescript
import {usePB} from "/lib/pocketbase";
import {usePB} from@/lib/pocketbase";
const {pb} = usePB();
```
#### Pocketbase Modell Types
## Todo
- New Liste erstellen focus name field on +-Click

44
config.ts
View File

@ -1,51 +1,13 @@
/**
* @description Global configuration file for the application
*/
import {IconHome, IconInfoCircle, IconQrcode, TablerIconsProps} from "@tabler/icons-react";
import {ReactNode} from "react";
// POCKETBASE
export const PB_USER_COLLECTION = "ldap_users"
export const PB_BASE_URL = "https://it.stuve.uni-ulm.de"
export const PB_STORAGE_KEY = "stuve-it-ldap-login"
export const PB_STORAGE_KEY = "stuve-it-login-record"
// general
export const APP_NAME = "StuVe IT"
export const APP_DESCRIPTION = "StuVe IT - Die IT-Abteilung der Studierendenvertretung der Universität Ulm"
export const APP_VERSION = "0.1.0"
// Navigation
export const NAV_ITEMS = [
{
section: "Seiten",
items: [
{
title: "Home",
icon: IconHome,
description: "Home",
link: "/"
},
{
title: "Events",
icon: IconInfoCircle,
description: "Administration für StuVe Events.",
link: "/events"
},
{
title: "QR Code Generator",
icon: IconQrcode,
description: "Generiere einen QR Code",
link: "/util/qr"
}
]
},
] as {
section: string,
items: {
title: string,
icon: (props: TablerIconsProps) => ReactNode,
description: string,
link: string
}[]
}[]
export const APP_VERSION = "0.5.0 (beta)"
export const APP_URL = "https://it.stuve.uni-ulm.de"

2
index.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" href="/public/stuve-logo.svg"/>
<link rel="icon" href="/stuve-logo.svg"/>
<title>StuVe IT</title>
</head>
<body>

102
nginx/mime.types Normal file
View File

@ -0,0 +1,102 @@
types {
# Manifest files
application/manifest+json webmanifest;
# general
text/html html htm shtml;
text/css css;
text/xml xml;
image/gif gif;
image/jpeg jpeg jpg;
application/javascript js;
application/atom+xml atom;
application/rss+xml rss;
text/mathml mml;
text/plain txt;
text/vnd.sun.j2me.app-descriptor jad;
text/vnd.wap.wml wml;
text/x-component htc;
image/avif avif;
image/png png;
image/svg+xml svg svgz;
image/tiff tif tiff;
image/vnd.wap.wbmp wbmp;
image/webp webp;
image/x-icon ico;
image/x-jng jng;
image/x-ms-bmp bmp;
font/woff woff;
font/woff2 woff2;
application/java-archive jar war ear;
application/json json;
application/mac-binhex40 hqx;
application/msword doc;
application/pdf pdf;
application/postscript ps eps ai;
application/rtf rtf;
application/vnd.apple.mpegurl m3u8;
application/vnd.google-earth.kml+xml kml;
application/vnd.google-earth.kmz kmz;
application/vnd.ms-excel xls;
application/vnd.ms-fontobject eot;
application/vnd.ms-powerpoint ppt;
application/vnd.oasis.opendocument.graphics odg;
application/vnd.oasis.opendocument.presentation odp;
application/vnd.oasis.opendocument.spreadsheet ods;
application/vnd.oasis.opendocument.text odt;
application/vnd.openxmlformats-officedocument.presentationml.presentation
pptx;
application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
xlsx;
application/vnd.openxmlformats-officedocument.wordprocessingml.document
docx;
application/vnd.wap.wmlc wmlc;
application/wasm wasm;
application/x-7z-compressed 7z;
application/x-cocoa cco;
application/x-java-archive-diff jardiff;
application/x-java-jnlp-file jnlp;
application/x-makeself run;
application/x-perl pl pm;
application/x-pilot prc pdb;
application/x-rar-compressed rar;
application/x-redhat-package-manager rpm;
application/x-sea sea;
application/x-shockwave-flash swf;
application/x-stuffit sit;
application/x-tcl tcl tk;
application/x-x509-ca-cert der pem crt;
application/x-xpinstall xpi;
application/xhtml+xml xhtml;
application/xspf+xml xspf;
application/zip zip;
application/octet-stream bin exe dll;
application/octet-stream deb;
application/octet-stream dmg;
application/octet-stream iso img;
application/octet-stream msi msp msm;
audio/midi mid midi kar;
audio/mpeg mp3;
audio/ogg ogg;
audio/x-m4a m4a;
audio/x-realaudio ra;
video/3gpp 3gpp 3gp;
video/mp2t ts;
video/mp4 mp4;
video/mpeg mpeg mpg;
video/quicktime mov;
video/webm webm;
video/x-flv flv;
video/x-m4v m4v;
video/x-mng mng;
video/x-ms-asf asx asf;
video/x-ms-wmv wmv;
video/x-msvideo avi;
}

14
package.json
View File

@ -5,7 +5,7 @@
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"build": "export NODE_ENV=production && tsc && vite build",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview"
},
@ -18,10 +18,12 @@
"@mantine/dates": "^7.8.0",
"@mantine/form": "^7.8.0",
"@mantine/hooks": "^7.8.0",
"@mantine/notifications": "^7.8.0",
"@mantine/modals": "^7.9.0",
"@mantine/notifications": "^7.8.1",
"@mantine/tiptap": "^7.8.0",
"@tabler/icons-react": "^2.39.0",
"@tabler/icons-react": "^3.2.0",
"@tanstack/react-query": "^5.0.5",
"@tanstack/react-query-devtools": "^5.31.0",
"@tiptap/extension-collaboration": "^2.3.0",
"@tiptap/extension-collaboration-cursor": "^2.3.0",
"@tiptap/extension-link": "^2.3.0",
@ -31,9 +33,11 @@
"@tiptap/react": "^2.3.0",
"@tiptap/starter-kit": "^2.3.0",
"@types/react-big-calendar": "^1.8.9",
"clsx": "^2.1.1",
"dayjs": "^1.11.10",
"jwt-decode": "^3.1.2",
"ms": "^2.1.3",
"nanoid": "^5.0.7",
"pocketbase": "^0.19.0",
"react": "^18.2.0",
"react-big-calendar": "^1.11.3",
@ -49,6 +53,7 @@
},
"devDependencies": {
"@types/ms": "^0.7.33",
"@types/node": "^20.12.10",
"@types/react": "^18.2.15",
"@types/react-dom": "^18.2.7",
"@types/sanitize-html": "^2.11.0",
@ -63,6 +68,7 @@
"postcss-simple-vars": "^7.0.1",
"sass": "^1.75.0",
"typescript": "^5.0.2",
"vite": "^4.4.5"
"vite": "^4.4.5",
"vite-plugin-svgr": "^4.2.0"
}
}

8
src/Router.tsx
View File

@ -1,9 +1,9 @@
import {createBrowserRouter, RouterProvider} from "react-router-dom";
import HomePage from "./pages/home/index.page.tsx";
import NotFound from "./pages/not-found/index.page.tsx";
import Layout from "./components/layout";
import Layout from "@/components/layout";
import QRCodeGenerator from "./pages/util/qr/index.page.tsx";
import EventRouter from "./pages/events/router.tsx";
import EventsRouter from "./pages/events/EventsRouter.tsx";
import PrivacyPolicy from "./pages/privacy-policy.page.tsx";
import TermsAndConditions from "./pages/terms-and-conditions.page.tsx";
@ -30,7 +30,7 @@ const router = createBrowserRouter([
},
{
path: "events/*",
element: <EventRouter/>,
element: <EventsRouter/>,
},
{
path: "util",
@ -46,7 +46,7 @@ const router = createBrowserRouter([
element: <NotFound/>
}
]
},
}
])

81
src/components/ConfirmModal.tsx Normal file
View File

@ -0,0 +1,81 @@
import {Button, Group, Modal, ModalProps, Text} from "@mantine/core";
import {useDisclosure} from "@mantine/hooks";
import {IconAlertTriangle} from "@tabler/icons-react";
import {useState} from "react";
/**
* This hook provides a confirmation modal that can be used to confirm actions.
* It returns a function to toggle the modal and the modal component itself.
* @param title - the title of the modal (optional)
* @param description - the description of the modal
* @param onConfirm - the function to call when the user confirms
* @param onCancel - the function to call when the user cancels (optional)
* @param props - additional props for the modal
*/
export const useConfirmModal = <T, >(
{title, description, onConfirm, onCancel, ...props}: {
title?: string,
description: string,
onConfirm: (t?: T) => void,
onCancel?: () => void
} & Omit<ModalProps, "opened" | "onClose">
) => {
const [showConfirmModal, handler] = useDisclosure(false)
const [data, setData] = useState<T | undefined>(undefined)
const ConfirmModal = () => {
return <>
<Modal
size={"sm"}
{...props}
opened={showConfirmModal}
onClose={handler.close}
withCloseButton={false}
title={title ?? "Bestätigen"}
>
<div className={"stack"}>
<Text size="sm">
{description}
</Text>
<Group justify={"start"}>
<Button
variant={"light"}
color={"green"}
size={"xs"}
onClick={() => {
handler.close()
onCancel?.()
setData(undefined)
}}>
Abbrechen
</Button>
<Button
onClick={() => {
handler.close()
onConfirm(data)
setData(undefined)
}}
size={"xs"}
leftSection={<IconAlertTriangle/>}
color={"orange"}
>
Weiter
</Button>
</Group>
</div>
</Modal>
</>
}
return {
showConfirmModal,
toggleConfirmModal: (t?: T) => {
handler.toggle()
setData(t)
},
ConfirmModal
}
}

4
src/components/PBAvatar.tsx
View File

@ -1,11 +1,11 @@
import {Avatar, AvatarProps} from "@mantine/core";
import {usePB} from "../lib/pocketbase.tsx";
import {usePB} from "@/lib/pocketbase.tsx";
import React from "react";
import {RecordModel} from "pocketbase";
const PBAvatar = React.forwardRef<
HTMLDivElement, { name: string, img?: string, model: RecordModel } & AvatarProps
HTMLDivElement, { name: string, img: string | null, model: RecordModel } & AvatarProps
>(({model, img, name, ...props}, ref) => {
const {pb} = usePB()
const avatarSrc = img ? pb.files.getUrl(model, img) : null

60
src/components/ShowDebug.tsx Normal file
View File

@ -0,0 +1,60 @@
import {Alert, Tooltip} from "@mantine/core";
import {IconBug} from "@tabler/icons-react";
import {useLocalStorage} from "@mantine/hooks";
import {ReactNode} from "react";
/**
* Hook to manage the global state of all debug dialogs
* Stores the state in local storage
* @see ShowHelp
* @see useLocalStorage
* @returns {{showDebug: boolean, setShowDebug: (function(boolean): void), toggleShowDebug: (function(): void)}}
*/
// eslint-disable-next-line react-refresh/only-export-components
export const useShowDebug = (): {
showDebug: boolean;
setShowDebug: ((arg0: boolean) => void);
toggleShowDebug: (() => void);
} => {
const [value, setValue] = useLocalStorage({
key: 'stuve-it-show-debug',
defaultValue: 'false',
})
return {
showDebug: value === 'true',
setShowDebug: (value: boolean) => setValue(value ? 'true' : 'false'),
toggleShowDebug: () => setValue(value => value === 'true' ? 'false' : 'true'),
}
}
/**
* Shows a help dialog if the user has not disabled it
* @see useShowHelp
* @param children - the content of the help dialog
*/
export default function ShowDebug({children}: { children: ReactNode }) {
const {showDebug} = useShowDebug()
if (!showDebug) {
return null
}
return <Alert
title={"Debug"}
color={"orange"}
icon={
<Tooltip
withArrow
color={"orange"}
label={"Du kannst in deinen Einstellungen den Debug Modus deaktivieren."}
>
<IconBug/>
</Tooltip>
}>
{children}
</Alert>
}

53
src/components/ShowHelp.tsx Normal file
View File

@ -0,0 +1,53 @@
import {Alert, Tooltip} from "@mantine/core";
import {IconQuestionMark} from "@tabler/icons-react";
import {useLocalStorage} from "@mantine/hooks";
import {ReactNode} from "react";
/**
* Hook to manage the global state of all help dialogs
* Stores the state in local storage
* @see ShowHelp
* @see useLocalStorage
* @returns {{showHelp: boolean, setShowHelp: (function(boolean): void), toggleShowHelp: (function(): void)}}
*/
// eslint-disable-next-line react-refresh/only-export-components
export const useShowHelp = (): { showHelp: boolean; setShowHelp: ((arg0: boolean) => void); toggleShowHelp: (() => void); } => {
const [value, setValue] = useLocalStorage({
key: 'stuve-it-show-help',
defaultValue: 'true',
})
return {
showHelp: value === 'true',
setShowHelp: (value: boolean) => setValue(value ? 'true' : 'false'),
toggleShowHelp: () => setValue(value => value === 'true' ? 'false' : 'true'),
}
}
/**
* Shows a help dialog if the user has not disabled it
* @see useShowHelp
* @param children - the content of the help dialog
*/
export default function ShowHelp({children}: { children: ReactNode }) {
const {showHelp} = useShowHelp()
if (!showHelp) {
return null
}
return <Alert
title={"Hilfe"}
icon={
<Tooltip
withArrow
label={"Du kannst in deinen Einstellungen die Hilfe deaktivieren."}
>
<IconQuestionMark/>
</Tooltip>
}>
{children}
</Alert>
}

4
src/components/auth/LdapGroupInput.tsx
View File

@ -1,6 +1,6 @@
import RecordSearchInput, {GenericRecordSearchInputProps} from "../input/RecordSearchInput.tsx";
import {LdapGroupModel} from "../../models/AuthTypes.ts";
import {usePB} from "../../lib/pocketbase.tsx";
import {LdapGroupModel} from "@/models/AuthTypes.ts";
import {usePB} from "@/lib/pocketbase.tsx";
import {IconUsersGroup} from "@tabler/icons-react";
import {useMutation} from "@tanstack/react-query";

4
src/components/auth/LdapGroupsDisplay.tsx
View File

@ -1,12 +1,12 @@
import {List, Text, Tooltip} from "@mantine/core";
import {IconUsersGroup} from "@tabler/icons-react";
import {LdapGroupModel} from "../../models/AuthTypes.ts";
import {LdapGroupModel} from "@/models/AuthTypes.ts";
export default function LdapGroupsDisplay({groups}: { groups: LdapGroupModel[] }) {
return < >
<List size={"sm"}
icon={<IconUsersGroup size={"1rem"}/>}
icon={<IconUsersGroup size={16}/>}
>
{
groups.map((group) => (

8
src/components/auth/UserInput.tsx → src/components/auth/LdapUserInput.tsx
View File

@ -1,11 +1,11 @@
import {useMutation} from "@tanstack/react-query";
import {IconUsers} from "@tabler/icons-react";
import {usePB} from "../../lib/pocketbase.tsx";
import {LdapUserModel} from "../../models/AuthTypes.ts";
import {usePB} from "@/lib/pocketbase.tsx";
import {LdapUserModel} from "@/models/AuthTypes.ts";
import RecordSearchInput, {GenericRecordSearchInputProps} from "../input/RecordSearchInput.tsx";
export default function UserInput(props: GenericRecordSearchInputProps<LdapUserModel>) {
export default function LdapUserInput(props: GenericRecordSearchInputProps<LdapUserModel>) {
const {pb} = usePB()
@ -13,8 +13,8 @@ export default function UserInput(props: GenericRecordSearchInputProps<LdapUserM
<RecordSearchInput
<LdapUserModel>
recordToString={(user) => ({displayName: `${user.givenName} ${user.sn}`})}
placeholder={props.placeholder || "Suche nach Personen..."}
{...props}
placeholder={props.placeholder || "Suche nach Personen..."}
leftSection={<IconUsers size={18}/>}
recordSearchMutation={
useMutation({

21
src/components/auth/LdapUsersDisplay.tsx Normal file
View File

@ -0,0 +1,21 @@
import {LdapUserModel} from "@/models/AuthTypes.ts";
import {List} from "@mantine/core";
import {IconUser} from "@tabler/icons-react";
import {usePB} from "@/lib/pocketbase.tsx";
export default function LdapUsersDisplay({users}: { users: LdapUserModel[] }) {
const {ldapUser} = usePB()
return <>
<List size={"sm"} icon={<IconUser size={16}/>}>
{
users.map((u) => (
<List.Item key={u.id} fw={500} c={ldapUser && ldapUser.id == u.id ? "green" : ""}>
{u.givenName} {u.sn}
</List.Item>
))
}
</List>
</>
}

21
src/components/auth/UsersDisplay.tsx
View File

@ -1,21 +0,0 @@
import {LdapUserModel} from "../../models/AuthTypes.ts";
import {List} from "@mantine/core";
import {IconUser} from "@tabler/icons-react";
import {usePB} from "../../lib/pocketbase.tsx";
export default function UsersDisplay({users}: { users: LdapUserModel[] }) {
const {user} = usePB()
return <>
<List size={"sm"} icon={<IconUser size={"1rem"}/>}>
{
users.map((u) => (
<List.Item key={u.id} fw={500} c={user && user.id == u.id ? "green" : ""}>
{u.givenName} {u.sn}
</List.Item>
))
}
</List>
</>
}

176
src/components/auth/modals/ChangeEmailModal.tsx Normal file
View File

@ -0,0 +1,176 @@
import {useChangeEmail} from "@/components/auth/modals/hooks.ts";
import {isEmail, useForm} from "@mantine/form";
import {Button, Center, Group, Modal, PasswordInput, TextInput} from "@mantine/core";
import {PocketBaseErrorAlert, usePB} from "@/lib/pocketbase.tsx";
import {IconArrowForward, IconAt, IconKey, IconX} from "@tabler/icons-react";
import {useMutation} from "@tanstack/react-query";
import {showSuccessNotification} from "@/components/util.tsx";
import {useSearchParams} from "react-router-dom";
import EmailSVG from "@/illustrations/email.svg?react"
import {useUser} from "@/lib/user.ts";
import PromptLoginModal from "@/components/auth/modals/PromptLoginModal.tsx";
export const CHANGE_EMAIL_TOKEN_KEY = "changeEmailToken"
const RequestEmailChangeModal = ({open, onClose}: {
open: boolean,
onClose: () => void
}) => {
const {pb} = usePB()
const formValues = useForm({
initialValues: {
email: "",
},
validate: {
email: isEmail("Ungültige E-Mail Adresse"),
}
})
const mutation = useMutation({
mutationFn: async () => {
await pb.collection("guest_users").requestEmailChange(formValues.values.email)
},
onSuccess: () => {
formValues.reset()
showSuccessNotification("Wir haben dir eine E-Mail an deine neue Adresse geschickt, bitte bestätige diese")
onClose()
}
})
return <Modal opened={open} onClose={onClose}
title={"E-Mail ändern"}>
<form className={"stack"} onSubmit={formValues.onSubmit(() => mutation.mutate())}>
<Center>
<EmailSVG height={"200px"} width={"200px"}/>
</Center>
<PocketBaseErrorAlert error={mutation.error}/>
<TextInput
label={"Neue E-Mail Adresse"}
description={"Bitte gebe die neue E-Mail Adresse sein"}
placeholder={"E-Mail Adresse"}
leftSection={<IconAt/>}
required
{...formValues.getInputProps("email")}
/>
<Group>
<Button
leftSection={<IconX/>}
onClick={onClose}
variant={"light"}
>
Abbrechen
</Button>
<Button
type={"submit"}
leftSection={<IconArrowForward/>}
loading={mutation.isPending}
>
E-Mail ändern
</Button>
</Group>
</form>
</Modal>
}
const ConfirmEmailChangeModal = ({open, onClose, token}: {
open: boolean,
onClose: () => void,
token: string
}) => {
const {pb, refreshUser} = usePB()
const formValues = useForm({
initialValues: {
password: "",
}
})
const mutation = useMutation({
mutationFn: async () => {
await pb.collection("guest_users").confirmEmailChange(
token,
formValues.values.password,
)
},
onSuccess: () => {
formValues.reset()
showSuccessNotification("E-Mail erfolgreich geändert")
refreshUser()
onClose()
}
})
return <Modal opened={open} onClose={onClose}
title={"E-Mail ändern"}>
<form className={"stack"} onSubmit={formValues.onSubmit(() => mutation.mutate())}>
<Center>
<EmailSVG height={"200px"} width={"200px"}/>
</Center>
<PocketBaseErrorAlert error={mutation.error}/>
<PasswordInput
label={"Passwort"}
description={"Bitte gebe dein Passwort ein um deine E-Mail zu ändern"}
placeholder={"Passwort"}
leftSection={<IconKey/>}
required
{...formValues.getInputProps("password")}
/>
<Group>
<Button
leftSection={<IconX/>}
onClick={onClose}
variant={"light"}
>
Abbrechen
</Button>
<Button
type={"submit"}
leftSection={<IconArrowForward/>}
loading={mutation.isPending}
>
E-Email ändern
</Button>
</Group>
</form>
</Modal>
}
export default function ChangeEmailModal() {
const {value, handler} = useChangeEmail()
const user = useUser()
const [searchParams] = useSearchParams()
const token = searchParams.get(CHANGE_EMAIL_TOKEN_KEY)
if (value && !user) {
return <PromptLoginModal
onAbort={handler.close}
description={"Du musst eingeloggt sein um deine E-Mail Adresse zu ändern"}
/>
}
return <>
{token ? (
<ConfirmEmailChangeModal open={value} onClose={handler.close} token={token}/>
) : (
<RequestEmailChangeModal open={value} onClose={handler.close}/>
)}
</>
}

88
src/components/auth/modals/EmailTokenVerification.tsx Normal file
View File

@ -0,0 +1,88 @@
import {useSearchParams} from "react-router-dom";
import {useEffect, useState} from "react";
import {useMutation} from "@tanstack/react-query";
import {usePB} from "@/lib/pocketbase.tsx";
import {showErrorNotification, showSuccessNotification} from "@/components/util.tsx";
import {Alert, Button, Group, Modal, TextInput, Title} from "@mantine/core";
import {IconAt} from "@tabler/icons-react";
import {useLogin} from "@/components/auth/modals/hooks.ts";
import {useUser} from "@/lib/user.ts";
export const EMAIL_TOKEN_KEY = "emailVerificationToken"
/**
* This Component is used to verify auth tokens.
*
* The following tokens are supported:
*
* - Email verification
* - Password reset
* - Email change
*
* The token is extracted from the URL and the verification is done.
*/
export default function EmailTokenVerification() {
const [searchParams] = useSearchParams()
const {handler: loginHandler} = useLogin()
const [email, setEmail] = useState<string>("")
const {pb, refreshUser} = usePB()
const user = useUser()
const verifyTokenMutation = useMutation({
mutationFn: async (token: string) => {
await pb.collection("guest_users").confirmVerification(token)
},
onSuccess: () => {
showSuccessNotification("E-Mail erfolgreich verifiziert")
refreshUser()
if (!user) {
loginHandler.open()
}
},
onError: () => {
showErrorNotification("Fehler beim Verifizieren der E-Mail")
}
})
useEffect(() => {
const token = searchParams.get(EMAIL_TOKEN_KEY)
if (token !== null) {
verifyTokenMutation.mutate(token)
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [searchParams])
return <Modal opened={user ? !user.verified : false} onClose={() => undefined} withCloseButton={false}>
<div className={"stack"}>
<Title ta={"center"} order={3} c={"orange"}>Token Verifizierung</Title>
<Alert>
Deine E-Mail muss verifiziert werden.
Bitte schau in dein E-Mail Postfach und klicke auf den Button in der E-Mail.
</Alert>
<TextInput
type={"email"}
label={"E-Mail Adresse"}
placeholder={"E-Mail"}
description={"Bitte gib deine E-Mail Adresse ein um den Token zu erhalten"}
leftSection={<IconAt/>}
value={email}
onChange={(e) => setEmail(e.currentTarget.value)}
/>
<Group>
<Button
disabled={email.length === 0}
onClick={() => {
pb.collection("guest_users").requestVerification(email)
}}
>
Token erneut senden
</Button>
</Group>
</div>
</Modal>
}

190
src/components/auth/modals/ForgotPasswordModal.tsx Normal file
View File

@ -0,0 +1,190 @@
import {useForgotPassword, useLogin} from "@/components/auth/modals/hooks.ts";
import {isEmail, useForm} from "@mantine/form";
import {Button, Center, Collapse, Group, Modal, PasswordInput, TextInput} from "@mantine/core";
import {PocketBaseErrorAlert, usePB} from "@/lib/pocketbase.tsx";
import {IconAt, IconKey, IconPassword, IconX} from "@tabler/icons-react";
import {useMutation} from "@tanstack/react-query";
import {showSuccessNotification} from "@/components/util.tsx";
import {useSearchParams} from "react-router-dom";
import PasswordSVG from "@/illustrations/boy-with-key.svg?react";
import PasswordStrengthMeter, {getPasswordStrength} from "@/components/input/PasswordStrengthMeter.tsx";
export const PWD_RESET_TOKEN_KEY = "passwordResetToken"
const RequestResetPasswordModal = ({open, onClose}: {
open: boolean,
onClose: () => void
}) => {
const {pb} = usePB()
const formValues = useForm({
initialValues: {
email: "",
},
validate: {
email: isEmail("Ungültige E-Mail Adresse"),
}
})
const requestResetPasswordMutation = useMutation({
mutationFn: async () => {
await pb.collection("guest_users").requestPasswordReset(formValues.values.email)
},
onSuccess: () => {
formValues.reset()
showSuccessNotification("Passwort zurücksetzen erfolgreich, bitte überprüfe deine E-Mails")
}
})
return <Modal opened={open} onClose={onClose}
title={"Passwort zurücksetzen"}>
<form className={"stack"} onSubmit={formValues.onSubmit(() => requestResetPasswordMutation.mutate())}>
<Center>
<PasswordSVG height={"200px"} width={"200px"}/>
</Center>
<PocketBaseErrorAlert error={requestResetPasswordMutation.error}/>
<TextInput
label={"E-Mail Adresse"}
description={"Bitte gebe deine E-Mail Adresse ein"}
placeholder={"E-Mail Adresse"}
leftSection={<IconAt/>}
required
{...formValues.getInputProps("email")}
/>
<Group>
<Button
leftSection={<IconX/>}
onClick={onClose}
variant={"light"}
>
Abbrechen
</Button>
<Button
type={"submit"}
leftSection={<IconPassword/>}
loading={requestResetPasswordMutation.isPending}
>
Zurücksetzen
</Button>
</Group>
</form>
</Modal>
}
const ResetPasswordModal = ({open, onClose, token}: {
open: boolean,
onClose: () => void,
token: string
}) => {
const {pb, userRecord} = usePB()
const {handler: loginHandler} = useLogin()
const formValues = useForm({
initialValues: {
password: "",
passwordConfirm: "",
},
validate: {
password: (val) => getPasswordStrength(val) !== 100 ? "Das Passwort ist zu schwach" : null,
passwordConfirm: (val, values) => val !== values.password ? "Die Passwörter stimmen nicht überein" : null
}
})
const requestResetPasswordMutation = useMutation({
mutationFn: async () => {
await pb.collection("guest_users").confirmPasswordReset(
token,
formValues.values.password,
formValues.values.passwordConfirm
)
},
onSuccess: () => {
formValues.reset()
showSuccessNotification("Passwort erfolgreich zurückgesetzt")
if (!userRecord) {
loginHandler.open()
}
}
})
return <Modal opened={open} onClose={onClose}
title={"Passwort zurücksetzen"}>
<form className={"stack"} onSubmit={formValues.onSubmit(() => requestResetPasswordMutation.mutate())}>
<Center>
<PasswordSVG height={"200px"} width={"200px"}/>
</Center>
<PocketBaseErrorAlert error={requestResetPasswordMutation.error}/>
<PasswordInput
label={"Neues Passwort"}
description={"Das Passwort muss mindestens 8 Zeichen lang sein"}
placeholder={"Neues Passwort"}
leftSection={<IconKey/>}
required
{...formValues.getInputProps("password")}
/>
<Collapse in={formValues.values.password.length > 0} className={"stack"}>
<PasswordInput
label={"Neues Passwort wiederholen"}
description={"Bitte wiederhole dein Passwort"}
placeholder={"Neues Passwort wiederholen"}
leftSection={<IconKey/>}
required
{...formValues.getInputProps("passwordConfirm")}
/>
<PasswordStrengthMeter
password={formValues.values.password}
passwordConfirm={formValues.values.passwordConfirm}
/>
</Collapse>
<Group>
<Button
leftSection={<IconX/>}
onClick={onClose}
variant={"light"}
>
Abbrechen
</Button>
<Button
type={"submit"}
leftSection={<IconPassword/>}
loading={requestResetPasswordMutation.isPending}
>
Zurücksetzen
</Button>
</Group>
</form>
</Modal>
}
export default function ForgotPasswordModal() {
const {value, handler} = useForgotPassword()
const [searchParams] = useSearchParams()
const token = searchParams.get(PWD_RESET_TOKEN_KEY)
return <>
{token ? (
<ResetPasswordModal open={value} onClose={handler.close} token={token}/>
) : (
<RequestResetPasswordModal open={value} onClose={handler.close}/>
)}
</>
}

147
src/components/auth/modals/LoginModal.tsx Normal file
View File

@ -0,0 +1,147 @@
import {Link} from "react-router-dom";
import {PocketBaseErrorAlert, usePB} from "@/lib/pocketbase.tsx";
import {useForm} from "@mantine/form";
import {useMutation} from "@tanstack/react-query";
import {
Anchor,
Button,
Center,
Checkbox,
Divider,
Group,
Modal,
PasswordInput,
Radio,
Text,
TextInput,
Title
} from "@mantine/core";
import LoginSVG from "@/illustrations/boy-with-key.svg?react"
import {useForgotPassword, useLogin, useRegister} from "@/components/auth/modals/hooks.ts";
import {showSuccessNotification} from "@/components/util.tsx";
export default function LoginModal() {
const {value, handler} = useLogin()
const {ldapLogin, guestLogin, userRecord} = usePB()
const {handler: registerHandler} = useRegister()
const {handler: forgorPasswordHandler} = useForgotPassword()
const formValues = useForm({
initialValues: {
username: "",
password: "",
authMethod: "ldap" as "ldap" | "guest",
privacy: false
}
})
const loginMutation = useMutation({
mutationFn: async () => {
if (formValues.values.authMethod === "guest") {
await guestLogin(formValues.values.username, formValues.values.password)
} else {
await ldapLogin(formValues.values.username, formValues.values.password)
}
},
onSuccess: () => {
handler.close()
formValues.reset()
showSuccessNotification("Erfolgreich eingeloggt")
}
})
return <>
<Modal opened={value && !userRecord} onClose={handler.close} withCloseButton={false} size={"sm"}>
<form className={"stack"} onSubmit={formValues.onSubmit(() => loginMutation.mutate())}>
<Title ta={"center"} order={3}>StuVe IT Login</Title>
<Center>
<LoginSVG height={"200px"} width={"200px"}/>
</Center>
<Radio.Group
{...formValues.getInputProps("authMethod")}
name="authMethod"
withAsterisk
>
<Group justify={"space-around"}>
<Radio value="ldap" label="StuVe IT Account"/>
<Radio value="guest" label="Gäste Account"/>
</Group>
</Radio.Group>
<TextInput
label={"Anmeldename"}
placeholder={
formValues.values.authMethod === "ldap" ?
"vorname.nachname" : "Anmeldename oder Email"
}
{...formValues.getInputProps("username")}
/>
<PasswordInput
label={"Passwort"}
placeholder={"Passwort"}
{...formValues.getInputProps("password")}
/>
<Checkbox
required
label={
<Text>
Ich akzeptiere die <Anchor
component={Link}
target={"_blank"}
to={"/privacy-policy"}
>
Datenschutzerklärung
</Anchor>.
</Text>
}
{...formValues.getInputProps("privacy", {type: "checkbox"})}
/>
<PocketBaseErrorAlert error={loginMutation.error}/>
<Button
loading={loginMutation.isPending}
disabled={formValues.values.username === "" || formValues.values.password === "" || !formValues.values.privacy}
type={"submit"}
>
Einloggen
</Button>
<Divider label={"oder"}/>
<Group justify={"space-evenly"}>
<Button
size={"compact-xs"}
variant={"transparent"}
onClick={() => {
handler.close()
forgorPasswordHandler.open()
}}
>
Passwort vergessen?
</Button>
<Button
size={"compact-xs"}
variant={"transparent"}
onClick={() => {
handler.close()
registerHandler.open()
}}
>
Gast Account anlegen
</Button>
</Group>
</form>
</Modal>
</>
}

46
src/components/auth/modals/PromptLoginModal.tsx Normal file
View File

@ -0,0 +1,46 @@
import {useDisclosure} from "@mantine/hooks";
import {Button, Group, Modal} from "@mantine/core";
import {useLogin} from "@/components/auth/modals/hooks.ts";
import {IconLogin, IconX} from "@tabler/icons-react";
export default function PromptLoginModal({onAbort, description}: {
description?: string
onAbort: () => void
}) {
const [open, openHandler] = useDisclosure(true)
const {handler: loginHandler} = useLogin()
return <Modal opened={open} onClose={openHandler.close} title={"Zugang beschränkt"}>
<div className={"stack"}>
{
description ?? <>
Dieser Bereich ist nur für angemeldete Benutzer zugänglich. Bitte logge dich ein oder registriere dich.
</>
}
<Group>
<Button
variant={"light"}
leftSection={<IconX/>}
onClick={() => {
openHandler.close()
onAbort()
}}
>
Abbrechen
</Button>
<Button
variant={"light"}
leftSection={<IconLogin/>}
onClick={() => {
loginHandler.open()
openHandler.close()
}}
>
Login
</Button>
</Group>
</div>
</Modal>
}

130
src/components/auth/modals/RegisterModal.tsx Normal file
View File

@ -0,0 +1,130 @@
import {useRegister} from "@/components/auth/modals/hooks.ts";
import {isEmail, useForm} from "@mantine/form";
import {Alert, Button, Collapse, Group, Modal, PasswordInput, TextInput} from "@mantine/core";
import {PocketBaseErrorAlert, usePB} from "@/lib/pocketbase.tsx";
import {IconAt, IconKey, IconUser, IconUserPlus, IconX} from "@tabler/icons-react";
import PasswordStrengthMeter, {getPasswordStrength} from "@/components/input/PasswordStrengthMeter.tsx";
import {useMutation} from "@tanstack/react-query";
import {showSuccessNotification} from "@/components/util.tsx";
export default function RegisterModal() {
const {value, handler} = useRegister()
const {userRecord, pb} = usePB()
const formValues = useForm({
initialValues: {
username: "",
email: "",
password: "",
passwordConfirm: "",
sn: "",
givenName: "",
},
validate: {
email: isEmail("Ungültige E-Mail Adresse"),
username: (val) => val.length < 3 ? "Der Anmeldename muss mindestens 3 Zeichen lang sein" : null,
password: (val) => getPasswordStrength(val) !== 100 ? "Das Passwort ist zu schwach" : null,
passwordConfirm: (val, values) => val !== values.password ? "Die Passwörter stimmen nicht überein" : null
}
})
const registerMutation = useMutation({
mutationFn: async () => {
await pb.collection("guest_users").create({
...formValues.values,
})
await pb.collection("guest_users").requestVerification(formValues.values.email)
},
onSuccess: () => {
handler.close()
formValues.reset()
showSuccessNotification("Account erfolgreich angelegt")
showSuccessNotification("Bitte bestätige deine E-Mail Adresse")
}
})
return <>
<Modal size={"lg"} opened={value && !userRecord} onClose={handler.close}
title={"Gast Account anlegen"}>
<form className={"stack"} onSubmit={formValues.onSubmit(() => registerMutation.mutate())}>
<Alert>
Hier kannst du einen Gast Account anlegen. Mit diesem Account kannst du dich zum Beispiel für
ein Event anmelden.
<br/>
Falls du einen StuVe IT Account hast, kannst du auch diesen Nutzen um dich anzumelden.
</Alert>
<PocketBaseErrorAlert error={registerMutation.error}/>
<TextInput
label={"E-Mail Adresse"}
description={"Diese E-Mail Adresse ist für niemanden sichtbar"}
placeholder={"E-Mail Adresse"}
leftSection={<IconAt/>}
required
{...formValues.getInputProps("email")}
/>
<Collapse in={formValues.values.email.length > 0} className={"stack"}>
<TextInput
label={"Anmeldename"}
description={"Dein Anmeldename ist für eingeloggte Personen sichtbar"}
placeholder={"Anmeldename"}
leftSection={<IconUser/>}
required
{...formValues.getInputProps("username")}
/>
<Collapse in={formValues.values.username.length > 0} className={"stack"}>
<PasswordInput
label={"Passwort"}
description={"Das Passwort muss mindestens 8 Zeichen lang sein"}
placeholder={"Passwort"}
leftSection={<IconKey/>}
required
{...formValues.getInputProps("password")}
/>
<Collapse in={formValues.values.password.length > 0} className={"stack"}>
<PasswordInput
label={"Passwort wiederholen"}
description={"Bitte wiederhole dein Passwort"}
placeholder={"Passwort wiederholen"}
leftSection={<IconKey/>}
required
{...formValues.getInputProps("passwordConfirm")}
/>
<PasswordStrengthMeter
password={formValues.values.password}
passwordConfirm={formValues.values.passwordConfirm}
/>
</Collapse>
</Collapse>
</Collapse>
<Group>
<Button
leftSection={<IconX/>}
onClick={handler.close}
variant={"light"}
>
Abbrechen
</Button>
<Button
type={"submit"}
leftSection={<IconUserPlus/>}
loading={registerMutation.isPending}
>
Account anlegen
</Button>
</Group>
</form>
</Modal>
</>
}

182
src/components/auth/modals/UserMenuModal.tsx Normal file
View File

@ -0,0 +1,182 @@
import {useChangeEmail, useForgotPassword, useUserMenu} from "@/components/auth/modals/hooks.ts";
import {usePB} from "@/lib/pocketbase.tsx";
import {useShowHelp} from "@/components/ShowHelp.tsx";
import ShowDebug, {useShowDebug} from "@/components/ShowDebug.tsx";
import {ActionIcon, Code, Divider, Group, Modal, Switch, Text, ThemeIcon, Title, Tooltip} from "@mantine/core";
import classes from "@/components/layout/nav/index.module.css";
import {
IconAt,
IconCalendar,
IconLogout,
IconMailCog,
IconPassword,
IconServer,
IconServerOff
} from "@tabler/icons-react";
import LdapGroupsDisplay from "@/components/auth/LdapGroupsDisplay.tsx";
export default function UserMenuModal() {
const {value, handler} = useUserMenu()
const {handler: passwordResetHandler} = useForgotPassword()
const {handler: changeEmailHandler} = useChangeEmail()
const {logout, apiIsHealthy, userRecord} = usePB()
const {showHelp, toggleShowHelp} = useShowHelp()
const {showDebug, toggleShowDebug} = useShowDebug()
return <>
<Modal opened={value && !!userRecord} onClose={handler.close} withCloseButton={false} size={"md"}>
<div className={classes.stack}>
<Title order={3}>Hallo {userRecord?.username}</Title>
<ShowDebug>
Datenbank ID: <Code>{userRecord?.id}</Code>
{userRecord?.objectGUID && <>
<br/>
GUID: <Code>{userRecord?.objectGUID}</Code>
</>}
</ShowDebug>
<div className={classes.row}>
<ThemeIcon
variant={"transparent"}
size={"xl"}
>
<IconAt/>
</ThemeIcon>
<Text>
{userRecord?.email}
</Text>
</div>
<div className={classes.row}>
<ThemeIcon
variant={"transparent"}
size={"xl"}
>
<IconCalendar/>
</ThemeIcon>
<Text>
{userRecord?.accountExpires ? (
new Date(userRecord?.accountExpires).getTime() > Date.now() ? (
"Account ist aktiv und läuft am " + new Date(userRecord?.accountExpires).toLocaleDateString() + " ab"
) : (
"Account ist abgelaufen"
)
) : (
"Dein Account läuft nicht ab"
)}
</Text>
</div>
<div className={classes.row}>
{apiIsHealthy ? (
<ThemeIcon
variant={"transparent"}
color={"green"}
size={"xl"}
>
<IconServer/>
</ThemeIcon>
) : (
<ThemeIcon
variant={"transparent"}
color={"red"}
size={"xl"}
>
<IconServerOff/>
</ThemeIcon>
)}
<Text>
{apiIsHealthy ? "Das Backend ist erreichbar" : "Das Backend ist nicht erreichbar"}
</Text>
</div>
{userRecord?.memberOf?.length && <>
<Title order={5}>Deine Gruppen</Title>
<LdapGroupsDisplay groups={userRecord?.expand?.memberOf}/>
</>}
<Divider label={"Einstellungen"}/>
<Text c={"dimmed"} size={"xs"}>
Die folgenden Einstellungen werden lokal auf deinem Gerät gespeichert und nicht an den Server
übertragen.
</Text>
<Switch
checked={showHelp}
onChange={toggleShowHelp}
label={"Hilfe Fenster anzeigen"}
/>
<Switch
checked={showDebug}
onChange={toggleShowDebug}
label={"Debug Modus aktivieren"}
/>
<ShowDebug>
Der Debug Modus ändert nicht das Verhalten der Anwendung,
sondern zeigt zusätzliche Informationen an.
</ShowDebug>
<Divider
label={"Account"}
/>
<Group justify={"center"}>
<Tooltip label={"Email ändern"}>
<ActionIcon
variant={"transparent"}
aria-label={"change email"}
onClick={() => {
handler.close()
changeEmailHandler.open()
}}
>
<IconMailCog/>
</ActionIcon>
</Tooltip>
<Tooltip label={"Passwort zurücksetzen"}>
<ActionIcon
variant={"transparent"}
aria-label={"change password"}
onClick={() => {
handler.close()
passwordResetHandler.open()
}}
>
<IconPassword/>
</ActionIcon>
</Tooltip>
<Tooltip label={"Ausloggen"}>
<ActionIcon
variant={"transparent"}
color={"orange"}
aria-label={"logout"}
onClick={() => {
logout()
handler.close()
}}
>
<IconLogout/>
</ActionIcon>
</Tooltip>
</Group>
</div>
</Modal>
</>
}

32
src/components/auth/modals/hooks.ts Normal file
View File

@ -0,0 +1,32 @@
import {useSearchParams} from "react-router-dom";
export const useSearchParamToggle = (key: string) => {
const [searchParams, setSearchParams] = useSearchParams()
const value = searchParams.get(key) === "true"
const open = () => setSearchParams(prev => ({...prev, [key]: "true"}), {replace: true})
const close = () => setSearchParams(prev => {
prev.delete(key)
return prev
}, {replace: true})
return {
value: value,
handler: {
open,
close,
toggle: () => value ? close() : open()
}
}
}
export const useLogin = () => useSearchParamToggle("login")
export const useRegister = () => useSearchParamToggle("register")
export const useUserMenu = () => useSearchParamToggle("userMenu")
export const useForgotPassword = () => useSearchParamToggle("forgotPassword")
export const useChangeEmail = () => useSearchParamToggle("changeEmail")

15
src/components/formUtil/formTypeIcon.tsx → src/components/formUtil/FormTypeIcon.tsx
View File

@ -1,15 +1,16 @@
import {FieldType} from "./types.ts";
import {
IconAt,
IconCalendar,
IconCalendarMonth,
IconCalendarTime,
IconCheckbox,
IconCursorText,
IconHash,
IconList,
TablerIconsProps
IconList
} from "@tabler/icons-react";
import {FieldDataType} from "./formBuilder/types.ts";
import {TablerIconProps} from "@/lib/helperTypes.ts";
const FormTypeIcon = ({fieldType, ...props}: { fieldType: FieldType } & TablerIconsProps) => {
const FormTypeIcon = ({fieldType, ...props}: { fieldType: FieldDataType } & TablerIconProps) => {
switch (fieldType) {
case "text":
return <IconCursorText {...props}/>
@ -18,7 +19,9 @@ const FormTypeIcon = ({fieldType, ...props}: { fieldType: FieldType } & TablerIc
case "number":
return <IconHash {...props}/>
case "date":
return <IconCalendar {...props}/>
return <IconCalendarTime {...props}/>
case "date-range":
return <IconCalendarMonth {...props}/>
case "select":
return <IconList{...props}/>
case "checkbox":

20
src/components/formUtil/formBuilder/FormFieldsPreview.tsx Normal file
View File

@ -0,0 +1,20 @@
import {FormSchema} from "./types.ts";
import {List, rem} from "@mantine/core";
import FormTypeIcon from "../FormTypeIcon.tsx";
/**
* This component displays a preview of the form fields
* @param formSchema
*/
export default function FormFieldsPreview({formSchema}: { formSchema: FormSchema }) {
return <List center size={"sm"} spacing={"xs"}>
{
formSchema.fields.map((field, index) => {
return <List.Item key={index} icon={<FormTypeIcon style={{width: rem(16), height: rem(16)}}
fieldType={field.dataType}/>}>
{`${field.label}`}
</List.Item>
})
}
</List>
}

6
src/components/formUtil/formBuilder/editField.module.css
View File

@ -7,11 +7,13 @@
padding: var(--padding);
background-color: var(--mantine-color-body);
margin-bottom: var(--gap);
&[data-has-error=true]{
border-color: var(--mantine-color-error);
}
&:not(:last-of-type) {
margin-bottom: var(--gap);
}
}
.header {

60
src/components/formUtil/formBuilder/editField.tsx
View File

@ -1,4 +1,4 @@
import {EmailField, FormSchema, FormSchemaField, SelectField} from "./types.ts";
import {EmailFieldSchema, FormSchema, FormSchemaField, SelectFieldSchema} from "./types.ts";
import {UseFormReturnType} from "@mantine/form";
import {
ActionIcon,
@ -12,10 +12,13 @@ import {
Stack,
Text,
TextInput,
ThemeIcon
ThemeIcon,
Tooltip
} from "@mantine/core";
import {
IconDragDrop,
IconGrid3x3,
IconInfoCircle,
IconPlus,
IconSettings,
IconSettingsOff,
@ -23,7 +26,7 @@ import {
IconTrashOff,
IconX
} from "@tabler/icons-react";
import FormTypeIcon from "../formTypeIcon.tsx";
import FormTypeIcon from "../FormTypeIcon.tsx";
import {DateTimePicker} from "@mantine/dates";
import {useDisclosure} from "@mantine/hooks";
@ -110,7 +113,9 @@ const NumberFieldSettings = ({formValues, index}: Omit<EditFieldProps, "field">)
* Settings for select fields
* List to add and remove options
*/
const SelectFieldSettings = ({field, formValues, index}: Omit<EditFieldProps, "field"> & { field: SelectField }) => {
const SelectFieldSettings = ({field, formValues, index}: Omit<EditFieldProps, "field"> & {
field: SelectFieldSchema
}) => {
const error = formValues.errors?.[`fields.${index}.options`]
@ -165,7 +170,9 @@ const SelectFieldSettings = ({field, formValues, index}: Omit<EditFieldProps, "f
* Settings for email fields
* List to add and remove allowed domains
*/
const EmailFieldSettings = ({field, formValues, index}: Omit<EditFieldProps, "field"> & { field: EmailField }) => {
const EmailFieldSettings = ({field, formValues, index}: Omit<EditFieldProps, "field"> & {
field: EmailFieldSchema
}) => {
return <>
<Fieldset legend={"Erlaubte Email Domain's"} className={"stack"}>
@ -241,17 +248,17 @@ export default function EditField({field, formValues, index}: EditFieldProps) {
</ThemeIcon>
<TextInput
leftSection={
<FormTypeIcon size={"1rem"} fieldType={field.type}/>
<FormTypeIcon size={16} fieldType={field.dataType}/>
}
variant="unstyled"
placeholder={"Name"}
placeholder={"Name des Formularfeldes ..."}
required
disabled={field.meta?.required}
{...formValues.getInputProps(`fields.${index}.label`)}
/>
<Badge color={"gray"} variant="light">
{humanReadableField(field.type)}
{humanReadableField(field.dataType)}
</Badge>
<ActionIcon
@ -271,11 +278,24 @@ export default function EditField({field, formValues, index}: EditFieldProps) {
<Stack>
{field.meta?.required && (
<Alert color={"blue"}>
Dieses Feld wird vom System benötigt und kann nicht gelöscht werden.
<Alert color={"blue"} icon={<IconTrashOff/>}>
Dieses Feld kann nicht entfernt werden, da es als benötigt festgelegt wurde.
</Alert>
)
}
)}
{field.meta?.description && (
<Alert color={"blue"} icon={<IconInfoCircle/>}>
{field.meta.description}
</Alert>
)}
<Tooltip label={
"Mithilfe dieser ID kann dieses Feld referenziert werden."
} withArrow>
<Badge color={"gray"} variant="light" leftSection={<IconGrid3x3 size={12}/>}>
Feld ID: {field.id}
</Badge>
</Tooltip>
<Group>
<TextInput
@ -290,43 +310,44 @@ export default function EditField({field, formValues, index}: EditFieldProps) {
{
// validation settings for text fields
(field.type === "text") &&
(field.dataType === "text") &&
<TextFieldSettings index={index} formValues={formValues}/>
}
{
// validation settings for number fields
(field.type === "number") &&
(field.dataType === "number") &&
<NumberFieldSettings index={index} formValues={formValues}/>
}
{
// validation settings for date fields
(field.type === "date") &&
(field.dataType === "date") &&
<DateFieldSettings index={index} formValues={formValues}/>
}
</Group>
{
// settings for select fields
(field.type === "select") &&
(field.dataType === "select") &&
<SelectFieldSettings index={index} field={field} formValues={formValues}/>
}
{
// settings for email fields
(field.type === "email") &&
(field.dataType === "email") &&
<EmailFieldSettings index={index} field={field} formValues={formValues}/>
}
<Group>
<Checkbox
label={"Pflichtfeld"}
disabled={field.meta?.required}
{...formValues.getInputProps(`fields.${index}.required`, {type: "checkbox"})}
/>
{
field.type === "text" && <>
field.dataType === "text" && <>
<Checkbox
label={"Mehrzeilig"}
{...formValues.getInputProps(`fields.${index}.multiline`, {type: "checkbox"})}
@ -335,9 +356,10 @@ export default function EditField({field, formValues, index}: EditFieldProps) {
}
{
field.type === "select" && <>
field.dataType === "select" && <>
<Checkbox
label={"Mehrfachauswahl"}
disabled={field.meta?.required}
{...formValues.getInputProps(`fields.${index}.multiple`, {type: "checkbox"})}
/>
</>

111
src/components/formUtil/formBuilder/index.tsx
View File

@ -1,31 +1,69 @@
import {FieldTypes, FormSchema, FormSchemaField} from "./types.ts";
import {FieldDataTypes, FormSchema, FormSchemaField} from "./types.ts";
import {isNotEmpty, useForm} from "@mantine/form";
import {createNewField, humanReadableField} from "../util.ts";
import {Alert, Button, Group, Menu, Modal} from "@mantine/core";
import EditField from "./editField.tsx";
import {IconEye, IconPlus} from "@tabler/icons-react";
import FormTypeIcon from "../formTypeIcon.tsx";
import {IconDatabaseOff, IconEye, IconSquarePlus2} from "@tabler/icons-react";
import FormTypeIcon from "../FormTypeIcon.tsx";
import {useDisclosure} from "@mantine/hooks";
import FormInput from "../fromInput";
import {DragDropContext, Droppable} from "@hello-pangea/dnd";
import {useEffect} from "react";
export default function FormBuilder({initialValues, onSubmit, withPreview}: {
initialValues?: FormSchema,
onSubmit?: (values: FormSchema) => void,
withPreview?: boolean
/**
* FormBuilder
* This component is used to create a form schema by adding fields to it.
* The form schema can then be used to render a form with FormInput.
* @see FormInput
* @param defaultValue The default value of the form schema
* @param withPreview Whether to show a preview of the form
* @param onSubmit The function to call when the for schema is submitted
* @param reservedFieldLabels A list of reserved field labels that cannot be used
* @param additionalSchemaToPreview Additional schema to show in the preview, only used if withPreview is true
* @constructor
*/
export default function FormBuilder({
defaultValue,
withPreview,
onSubmit,
reservedFieldLabels,
additionalSchemaToPreview
}: {
defaultValue: FormSchema,
onSubmit: (values: FormSchema) => void,
withPreview?: boolean,
additionalSchemaToPreview?: FormSchema,
reservedFieldLabels?: string[]
}) {
const [showPreview, setShowPreview] = useDisclosure(false)
const formValues = useForm({
mode: "uncontrolled",
initialValues: initialValues ?? {
fields: []
} as FormSchema,
// mode: "uncontrolled", todo: fix this
initialValues: defaultValue,
validateInputOnChange: true,
validate: {
fields: {
// check if label is unique
label: (value, values) => values.fields.map(({label}) => label).filter(isNotEmpty).filter((label) => label === value).length > 1 ? "Der Name muss eindeutig sein" : value.length > 0 ? null : "Der Name darf nicht leer sein",
label: (value, values) => {
// check if label is unique
if (values.fields.map(({label}) => label).filter(isNotEmpty).filter((label) => label === value).length > 1) {
return "Der Name muss eindeutig sein"
}
// check if label is empty
if (value.length == 0) {
return "Der Name darf nicht leer sein"
}
// check if label is in reservedFieldNames
if (reservedFieldLabels?.includes(value)) {
return "Der Name ist reserviert"
}
return null
},
// check if all options are unique and not empty
options: value => {
@ -49,16 +87,19 @@ export default function FormBuilder({initialValues, onSubmit, withPreview}: {
}
)
return (
<form
onSubmit={formValues.onSubmit(values => {
onSubmit && onSubmit(values)
})}
>
useEffect(() => {
formValues.setValues(defaultValue)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [defaultValue])
return (
<form className={"stack"} onSubmit={formValues.onSubmit(values => onSubmit(values))}>
<DragDropContext
onDragEnd={({destination, source}) =>
destination?.index !== undefined && formValues.reorderListItem('fields', {from: source.index, to: destination.index})
destination?.index !== undefined && formValues.reorderListItem('fields', {
from: source.index,
to: destination.index
})
}
>
<Droppable droppableId="dnd-list" direction="vertical">
@ -75,13 +116,15 @@ export default function FormBuilder({initialValues, onSubmit, withPreview}: {
<Group>
<Menu position="bottom-start" withArrow>
<Menu.Target>
<Button leftSection={<IconPlus/>} variant={"light"}>Feld hinzufügen</Button>
<Button leftSection={<IconSquarePlus2 size={16}/>} variant={"light"}>
Formularfeld hinzufügen
</Button>
</Menu.Target>
<Menu.Dropdown>
{
FieldTypes.map((fieldType) => {
FieldDataTypes.map((fieldType) => {
return <Menu.Item
leftSection={<FormTypeIcon size={"1rem"} fieldType={fieldType}/>}
leftSection={<FormTypeIcon size={16} fieldType={fieldType}/>}
onClick={() => formValues.insertListItem("fields", createNewField(fieldType))}
key={fieldType}
>
@ -96,27 +139,33 @@ export default function FormBuilder({initialValues, onSubmit, withPreview}: {
withPreview && <>
<Modal opened={showPreview} onClose={setShowPreview.close} title={"Vorschau"} size={"lg"}>
<div className={`stack`}>
<Alert color={"orange"}>
Die Vorschau zeigt nur die Struktur des Formulars an. Die Eingaben werden nicht
gespeichert.
<Alert color={"orange"} icon={<IconDatabaseOff/>}>
Die Vorschau zeigt nur die Struktur des Formulars an.
<br/>
Die Eingaben werden nicht gespeichert.
</Alert>
<FormInput schema={formValues.values}/>
<FormInput schema={{
fields: [
...formValues.values.fields,
...(additionalSchemaToPreview?.fields ?? [])
]
}} disabled/>
</div>
</Modal>
<Button
onClick={setShowPreview.toggle}
variant={"light"}
leftSection={<IconEye/>}
leftSection={<IconEye size={16}/>}
>
Vorschau
</Button>
<Button type={"submit"}>
Speichern
</Button>
</>
}
<Button type={"submit"}>
Speichern
</Button>
</Group>
</form>
)

56
src/components/formUtil/formBuilder/types.ts
View File

@ -1,4 +1,4 @@
export type AbstractSchemaField = {
export type AbstractFieldSchema = {
id: string
label: string
description: string | null
@ -6,56 +6,68 @@ export type AbstractSchemaField = {
placeholder: string | null
meta?: {
required?: boolean
description?: string
}
}
export type TextField = {
type: "text"
export type TextFieldSchema = {
dataType: "text"
multiline: boolean
validator: {
minLength: number | null
maxLength: number | null
regex: string
}
} & AbstractSchemaField
} & AbstractFieldSchema
export type EmailField = {
type: "email",
export type EmailFieldSchema = {
dataType: "email",
validator: {
allowedDomains: string[],
}
} & AbstractSchemaField
} & AbstractFieldSchema
export type NumberField = {
type: "number",
export type NumberFieldSchema = {
dataType: "number",
validator: {
min: number | null
max: number | null
}
} & AbstractSchemaField
} & AbstractFieldSchema
export type DateField = {
type: "date"
export type DateFieldSchema = {
dataType: "date"
validator: {
minDate: Date | null
maxDate: Date | null
}
} & AbstractSchemaField
} & AbstractFieldSchema
export type SelectField = {
type: "select",
export type DateRangeFieldSchema = {
dataType: "date-range"
} & AbstractFieldSchema
export type SelectFieldSchema = {
dataType: "select",
multiple: boolean
options: string[]
} & AbstractSchemaField
} & AbstractFieldSchema
export type CheckboxField = {
type: "checkbox"
} & AbstractSchemaField
export type CheckboxFieldSchema = {
dataType: "checkbox"
} & AbstractFieldSchema
export type FormSchemaField = TextField | EmailField | NumberField | DateField | SelectField | CheckboxField
export type FormSchemaField =
TextFieldSchema
| EmailFieldSchema
| NumberFieldSchema
| DateFieldSchema
| SelectFieldSchema
| CheckboxFieldSchema
| DateRangeFieldSchema
export type FieldType = "text" | "number" | "date" | "select" | "checkbox" | "email"
export const FieldTypes: FieldType[] = ["text", "email", "number", "date", "select", "checkbox"]
export type FieldDataType = FormSchemaField["dataType"]
export const FieldDataTypes: FieldDataType[] = ["text", "email", "number", "date", "date-range", "select", "checkbox"]
export type FormSchema = {
fields: FormSchemaField[],

185
src/components/formUtil/formTable/RenderCell.tsx Normal file
View File

@ -0,0 +1,185 @@
import {FieldEntry} from "../fromInput/types.ts";
import {ReactNode} from "react";
import {Anchor, Badge, Code, Group, List, Spoiler, ThemeIcon, Tooltip} from "@mantine/core";
import {
IconCalendar,
IconCheck,
IconCheckbox,
IconCircleOff,
IconClock,
IconEye,
IconEyeOff,
IconX
} from "@tabler/icons-react";
import {areDatesSame, formatDuration, pprintDateTime} from "@/lib/datetime.ts";
import dayjs from "dayjs";
const EmptyCell = () => {
return <>
<Tooltip label={"Nicht angeben"} withArrow>
<Badge
leftSection={<IconCircleOff size={10}/>}
variant="light" color="gray"
>
N/A
</Badge>
</Tooltip>
</>
}
const DateTimeCell = ({date}: { date: Date | string }) => {
return <>
{pprintDateTime(date)}
</>
}
const DateRangeCell = ({dateRange}: { dateRange: [Date | null, Date | null] }) => {
const [start, end] = dateRange
if (start === null || end === null) {
return <EmptyCell/>
}
const duration = formatDuration(start, end)
// case for same date
if (areDatesSame(start, end)) {
return <Tooltip label={duration} withArrow>
<Group gap={"xs"} justify={"center"}>
<Group wrap={"nowrap"} gap={2} align={"start"}>
<IconClock size={16}/>
{dayjs(start).format("HH:mm")}
{"-"}
{dayjs(end).format("HH:mm")}
</Group>
<Group gap={2} wrap={"nowrap"} align={"start"}>
<IconCalendar size={16}/>
{dayjs(start).format("DD.MM.YY")}
</Group>
</Group>
</Tooltip>
}
// case both dates start at 00:00:00
if (start.getHours() === 0 && start.getMinutes() === 0 && start.getSeconds() === 0 &&
end.getHours() === 0 && end.getMinutes() === 0 && end.getSeconds() === 0) {
return <Tooltip label={duration} withArrow>
<Group gap={'xs'} justify={"center"}>
<Group gap={2} wrap={"nowrap"} align={"start"}>
<IconCalendar size={16}/>
{dayjs(start).format("DD.MM.YY")}
</Group>
{"-"}
<Group gap={2} wrap={"nowrap"} align={"start"}>
<IconCalendar size={16}/>
{dayjs(end).format("DD.MM.YY")}
</Group>
</Group>
</Tooltip>
}
// case different dates and times
return <Tooltip label={duration} withArrow>
<Group gap={'xs'} justify={"center"}>
<Group gap={2} wrap={"nowrap"} align={"start"}>
<IconClock size={16}/>
{dayjs(start).format("HH:mm")}
<IconCalendar size={16}/>
{dayjs(start).format("DD.MM.YY")}
</Group>
{"bis"}
<Group gap={2} wrap={"nowrap"} align={"start"}>
<IconClock size={16}/>
{dayjs(end).format("HH:mm")}
<IconCalendar size={16}/>
{dayjs(end).format("DD.MM.YY")}
</Group>
</Group>
</Tooltip>
}
const NumberCell = ({value}: { value: number }) => {
return <Code>{value}</Code>
}
const MailCell = ({value}: { value: string }) => {
return <Anchor href={`mailto:${value}`}>{value}</Anchor>
}
const TextCell = ({value}: { value: string }) => {
return <>
<Spoiler maxHeight={120}
showLabel={
<ThemeIcon size={"sm"} variant={"transparent"} aria-label={"show more"}>
<IconEye/>
</ThemeIcon>
}
hideLabel={
<ThemeIcon size={"sm"} variant={"transparent"} aria-label={"show less"}>
<IconEyeOff/>
</ThemeIcon>
}
>
{value}
</Spoiler>
</>
}
const BooleanCell = ({value}: { value: boolean }) => {
return (
<Badge
variant={"light"}
leftSection={value ? <IconCheck size={16}/> : <IconX size={16}/>}
color={value ? "green" : "red"}
>
{value ? "Ja" : "Nein"}
</Badge>
)
}
const SelectCell = ({value}: { value: string | string[] }) => {
return <>
<List size={"sm"} icon={<IconCheckbox size={10}/>}>
{
(Array.isArray(value) ? value : [value]).map((item, index) => (
<List.Item key={index}>
{item}
</List.Item>
))
}
</List>
</>
}
export default function RenderCell({entry}: { entry?: FieldEntry }): ReactNode {
if (!entry) {
return <EmptyCell/>
}
const {value, dataType} = entry
if (value === undefined ||
value === null ||
value === '') {
return <EmptyCell/>
}
switch (dataType) {
case "date":
return <DateTimeCell date={value}/>
case "date-range":
return <DateRangeCell dateRange={value}/>
case "number":
return <NumberCell value={value as number}/>
case "email":
return <MailCell value={value}/>
case "text":
return <TextCell value={value}/>
case "checkbox":
return <BooleanCell value={value}/>
case "select":
return <SelectCell value={value}/>
}
}

35
src/components/formUtil/formTable/index.tsx Normal file
View File

@ -0,0 +1,35 @@
import {FieldEntries, FieldEntry} from "../fromInput/types.ts"
import {objectMap} from "@/lib/util.ts";
import {FormSchemaField} from "../formBuilder/types.ts";
export const renderEntries = (entries: FieldEntries, fields: FormSchemaField[]): {
label: string,
value: FieldEntry,
}[] => fields.map(field => ({
label: field.label || field.id,
value: entries[field.id]
}))
export const transformData = (d: FieldEntries) => objectMap(d, (_, entry) => {
switch (entry.dataType) {
case "date":
return {
dataType: "date",
value: entry.value === null ? null : new Date(entry.value)
} as FieldEntry
case "date-range":
return {
dataType: "date-range",
value: entry.value.some(v => v === null) ? [null, null] : [new Date(entry.value[0]!), new Date(entry.value[1]!)]
} as FieldEntry
case 'number':
return {
dataType: 'number',
value: entry.value === null ? null : Number(entry.value)
} as FieldEntry
default:
return entry
}
})

32
src/components/formUtil/formTable/sorter.ts Normal file
View File

@ -0,0 +1,32 @@
import {FieldDataType} from "../formBuilder/types.ts";
import {FieldEntryValue} from "../fromInput/types.ts";
import dayjs from "dayjs";
/**
* This function sorts the cells based on their type and value
* @param dataType
* @param v1
* @param v2
*/
export const sortCell = (dataType: FieldDataType, v1: FieldEntryValue, v2: FieldEntryValue): number => {
if (typeof v1 !== typeof v2) return 0
if (v1 === undefined || v1 === null || v1 === '') return -1
if (v2 === undefined || v2 === null || v2 === '') return 1
switch (dataType) {
case "text":
case "email":
return (v1 as string).localeCompare(v2 as string)
case "number":
return (v1 as number) - (v2 as number)
case "date":
return dayjs(v1 as string).diff(v2 as string)
case "date-range":
return dayjs((v1 as string [])[0]).diff((v2 as string[])[0])
case "checkbox":
return v1 === v2 ? 0 : v1 ? 1 : -1
case "select":
return JSON.stringify(v1).localeCompare(JSON.stringify(v2))
default:
return 0
}
}

118
src/components/formUtil/fromInput/formFieldComponents.tsx Normal file
View File

@ -0,0 +1,118 @@
import {DatePickerInput, DatePickerInputProps, DateTimePicker, DateTimePickerProps} from "@mantine/dates";
import {
MultiSelect,
MultiSelectProps,
NumberInput,
NumberInputProps,
Select,
SelectProps,
Textarea,
TextareaProps,
TextInput,
TextInputProps
} from "@mantine/core";
import {IconAt} from "@tabler/icons-react";
import {
CheckboxFieldSchema,
DateFieldSchema,
DateRangeFieldSchema,
EmailFieldSchema,
FormSchemaField,
NumberFieldSchema,
SelectFieldSchema,
TextFieldSchema
} from "../formBuilder/types.ts";
import {CheckboxCard, CheckboxCardProps} from "@/components/input/CheckboxCard";
/**
* This function unpacks a field into a set of props that can be used in the input components
* @param field
*/
const unpackField = (field: FormSchemaField) => {
return {
label: field.label || undefined,
placeholder: field.placeholder || undefined,
description: field.description || undefined,
required: field.required || false,
}
}
export const FormTextField = ({field, ...props}: { field: TextFieldSchema } & TextInputProps) => {
if (field.multiline) {
console.error("for multiline text fields use FormTextareaField instead of FormTextField")
return null
}
return <TextInput
{...unpackField(field)}
{...props}
/>
}
export const FormTextareaField = ({field, ...props}: { field: TextFieldSchema } & TextareaProps) => {
if (!field.multiline) {
console.error("for single line text fields use FormTextField instead of FormTextareaField")
return null
}
return <Textarea
resize={"vertical"}
{...unpackField(field)}
{...props}/>
}
export const EmailField = ({field, ...props}: { field: EmailFieldSchema } & TextInputProps) => {
return <TextInput
leftSection={<IconAt/>}
{...unpackField(field)}
type={"email"}
{...props}
/>
}
export const NumberField = ({field, ...props}: { field: NumberFieldSchema } & NumberInputProps) => {
return <NumberInput
{...unpackField(field)}
{...props}
/>
}
export const DateField = ({field, ...props}: { field: DateFieldSchema } & DateTimePickerProps) => {
return <DateTimePicker
clearable
{...unpackField(field)}
{...props}
/>
}
export const DateRangeField = ({field, ...props}: { field: DateRangeFieldSchema } & DatePickerInputProps<"range">) => {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
return <DatePickerInput
type="range"
clearable
{...unpackField(field)}
{...props}
/>
}
export const SelectField = ({field, ...props}: { field: SelectFieldSchema } & SelectProps & MultiSelectProps) => {
const Component = field.multiple ? MultiSelect : Select
return <Component
clearable
{...unpackField(field)}
{...props}
data={field.options}
/>
}
export const CheckboxField = ({field, ...props}: { field: CheckboxFieldSchema } & CheckboxCardProps) => {
return <CheckboxCard
{...unpackField(field)}
{...props}
/>
/*
return <Checkbox
{...unpackField(field)}
{...props}
/>
*/
}

249
src/components/formUtil/fromInput/index.tsx
View File

@ -1,158 +1,122 @@
import {FormSchema} from "../formBuilder/types.ts";
import {Button, Group,} from "@mantine/core";
import {useForm} from "@mantine/form";
import {FieldEntries} from "./types.ts";
import {
CheckboxField,
DateField,
DateRangeField,
EmailField,
FormSchema,
FormSchemaField,
FormTextareaField,
FormTextField,
NumberField,
SelectField,
TextField
} from "../formBuilder/types.ts";
import {
Button,
Checkbox,
CheckboxProps,
Group,
MultiSelect,
MultiSelectProps,
NumberInput,
NumberInputProps,
Select,
SelectProps,
Textarea,
TextareaProps,
TextInput,
TextInputProps,
} from "@mantine/core";
import {IconAt} from "@tabler/icons-react";
import {DateTimePicker, DateTimePickerProps} from "@mantine/dates";
import {useForm} from "@mantine/form";
import {FormEntries} from "./types.ts";
import {useEffect} from "react";
SelectField
} from "./formFieldComponents.tsx";
import {createValidationFromSchema} from "./validation.ts";
import ShowDebug from "../../ShowDebug.tsx";
/**
* This function creates default values based on a data type (e.g. "" for text, false for checkbox)
*
* If initialEntries are provided, only the missing fields will be created, this appears to be useful for updating
* existing entries
*
* @param schema The schema to create the default values from
* @param initialEntries The already existing entries
*/
const createDefaultValuesFromSchema = (schema: FormSchema, initialEntries?: FieldEntries): FieldEntries => {
const entries: FieldEntries = initialEntries ?? {}
const unpackField = (field: FormSchemaField) => {
return {
label: field.label || undefined,
placeholder: field.placeholder || undefined,
description: field.description || undefined,
required: field.required || false,
}
}
const FormTextField = ({field, ...props}: { field: TextField } & TextInputProps) => {
if (field.multiline) {
console.error("for multiline text fields use FormTextareaField instead of FormTextField")
return null
}
return <TextInput
{...unpackField(field)}
{...props}
/>
}
const FormTextareaField = ({field, ...props}: { field: TextField } & TextareaProps) => {
if (!field.multiline) {
console.error("for single line text fields use FormTextField instead of FormTextareaField")
return null
}
return <Textarea
resize={"vertical"}
{...unpackField(field)}
{...props}/>
}
const EmailField = ({field, ...props}: { field: EmailField } & TextInputProps) => {
return <TextInput
leftSection={<IconAt/>}
{...unpackField(field)}
type={"email"}
{...props}
/>
}
const NumberField = ({field, ...props}: { field: NumberField } & NumberInputProps) => {
return <NumberInput
{...unpackField(field)}
{...props}
/>
}
const DateField = ({field, ...props}: { field: DateField } & DateTimePickerProps) => {
return <DateTimePicker
clearable
{...unpackField(field)}
{...props}
/>
}
const SelectField = ({field, ...props}: { field: SelectField } & SelectProps & MultiSelectProps) => {
const Component = field.multiple ? MultiSelect : Select
return <Component
clearable
{...unpackField(field)}
{...props}
data={field.options}
/>
}
const CheckboxField = ({field, ...props}: { field: CheckboxField } & CheckboxProps) => {
return <Checkbox
{...unpackField(field)}
{...props}
/>
}
const createDefaultFormEntries = (schema: FormSchema): FormEntries => {
const entries: FormEntries = {}
schema.fields.forEach(field => {
const defaultValue =
field.type === "text" ? "" :
field.type === "email" ? "" :
field.type === "number" ? "" :
field.type === "checkbox" ? false :
field.type === "select" && field.multiple ? [] :
field.type === "select" && !field.multiple ? null :
field.type === "date" ? null : null
// if the field already exists, skip it
if (entries[field.id]) return
entries[field.label] = {
value: defaultValue,
type: field.type,
// if the field does not exist, create it
switch (field.dataType) {
case "text":
entries[field.id] = {
value: "",
dataType: field.dataType,
}
break
case "email":
entries[field.id] = {
value: "",
dataType: field.dataType,
}
break
case "number":
entries[field.id] = {
value: null,
dataType: field.dataType,
}
break
case "checkbox":
entries[field.id] = {
value: false,
dataType: field.dataType,
}
break
case "select":
entries[field.id] = {
value: field.multiple ? [] : null,
dataType: field.dataType,
}
break
case "date":
entries[field.id] = {
value: null,
dataType: field.dataType,
}
break
case "date-range":
entries[field.id] = {
value: [null, null],
dataType: field.dataType,
}
}
})
return entries
}
export default function FormInput({schema}: { schema: FormSchema }) {
/**
* This renders a form based on a schema
* @see FormBuilder
* @param schema The schema to render
* @param onAbort The function to call when the form is aborted
* @param onSubmit The function to call when the form is submitted
* @param disabled Whether the form is disabled
* @param initialData The initial data to populate the form with
*/
export default function FormInput({schema, onAbort, onSubmit, disabled, initialData}: {
schema: FormSchema,
onAbort?: () => void,
onSubmit?: (values: FieldEntries) => Promise<unknown>,
disabled?: boolean,
initialData?: FieldEntries
}) {
const validationSchema = createValidationFromSchema(schema)
const formValues = useForm({
mode: "controlled", // todo change to uncontrolled
// todo validation (don't forget checkbox required validation)
initialValues: createDefaultValuesFromSchema(schema, initialData),
validate: validationSchema
})
useEffect(() => {
const data = createDefaultFormEntries(schema)
formValues.setInitialValues(data)
formValues.setValues(data)
console.log("initial values set", formValues.values)
},
[schema])
return <form
className={"stack"}
onSubmit={formValues.onSubmit((values) => {
console.log(values)
if (disabled) return
onSubmit?.(values).then(() => {
formValues.reset()
})
})}
>
{schema.fields.map(field => {
let Component = null
switch (field.type) {
switch (field.dataType) {
case "text":
Component = field.multiline ? FormTextareaField : FormTextField
break
@ -169,6 +133,10 @@ export default function FormInput({schema}: { schema: FormSchema }) {
Component = DateField
break
case "date-range":
Component = DateRangeField
break
case "select":
Component = SelectField
break
@ -180,19 +148,28 @@ export default function FormInput({schema}: { schema: FormSchema }) {
return <Component
key={field.id}
field={field as never}
{...formValues.getInputProps(`${field.label}.value`)}
{...formValues.getInputProps(`${field.id}.value`, {
type: field.dataType === "checkbox" ? "checkbox" : undefined,
})}
error={formValues.errors[field.id]}
/>
})}
<Group>
<Button onClick={formValues.reset}>
Zurücksetzen
</Button>
<Button type={"submit"}>Speichern</Button>
{
onAbort &&
<Button disabled={disabled} onClick={onAbort} variant={"light"}>
Abbrechen
</Button>
}
<Button disabled={disabled} type={"submit"}>Speichern</Button>
</Group>
<pre>
{JSON.stringify(formValues.values, null, 2)}
</pre>
<ShowDebug>
<pre>
{JSON.stringify(formValues, null, 2)}
</pre>
</ShowDebug>
</form>
}

106
src/components/formUtil/fromInput/types.ts
View File

@ -1,10 +1,104 @@
import {FieldType} from "../formBuilder/types.ts";
export type FieldEntry =
DateFieldEntry
| TextFieldEntry
| EmailFieldEntry
| NumberFieldEntry
| SelectFieldEntry
| CheckboxFieldEntry
| DateRangeFieldEntry
export type FieldEntry = {
value: unknown
type: FieldType
export type FieldEntryFilter =
DateFieldEntryFilter
| TextFieldEntryFilter
| EmailFieldEntryFilter
| NumberFieldEntryFilter
| SelectFieldEntryFilter
| CheckboxFieldEntryFilter
| DateRangeFieldEntryFilter
export type DateRangeFieldEntryFilter = {
min: Date | null
max: Date | null
dataType: "date-range"
}
export type FormEntries = {
[key: string]: FieldEntry
export type DateRangeFieldEntry = {
value: [null | Date, null | Date]
dataType: "date-range"
}
export type DateFieldEntryFilter = {
min: Date | null
max: Date | null
dataType: "date"
}
export type DateFieldEntry = {
value: string | Date | null
dataType: "date"
}
export type TextFieldEntryFilter = {
value: string | null
dataType: "text"
}
export type TextFieldEntry = {
value: string | null
dataType: "text"
}
export type EmailFieldEntryFilter = {
value: string | null
dataType: "email"
}
export type EmailFieldEntry = {
value: string | null
dataType: "email"
}
export type NumberFieldEntryFilter = {
min: number | null
max: number | null
dataType: "number"
}
export type NumberFieldEntry = {
value: number | null
dataType: "number"
}
export type SelectFieldEntryFilter = {
value: string | null
dataType: "select"
}
export type SelectFieldEntry = {
value: string | string[] | null
dataType: "select"
}
export type CheckboxFieldEntryFilter = {
value: boolean | null
dataType: "checkbox"
}
export type CheckboxFieldEntry = {
value: boolean | null
dataType: "checkbox"
}
type FieldID = string
export type FieldEntriesFilter = {
[key: FieldID]: FieldEntryFilter
}
export type FieldEntries = {
[key: FieldID]: FieldEntry
}
export type FieldEntryValue = FieldEntry["value"]

130
src/components/formUtil/fromInput/validation.ts Normal file
View File

@ -0,0 +1,130 @@
import {
DateFieldSchema,
EmailFieldSchema,
FormSchema,
FormSchemaField,
NumberFieldSchema,
TextFieldSchema
} from "../formBuilder/types.ts"
import {FieldEntry} from "./types.ts";
import {pprintDateTime} from "@/lib/datetime.ts";
const textValidator = (field: TextFieldSchema, value: string) => {
// check min length
if (field.validator.minLength && value.length < field.validator.minLength) {
return `Muss mindestens ${field.validator.minLength} Zeichen lang sein`
}
// check max length
if (field.validator.maxLength && value.length > field.validator.maxLength) {
return `Darf nicht länger als ${field.validator.maxLength} Zeichen lang sein`
}
// check regex
if (field.validator.regex && !new RegExp(field.validator.regex).test(value)) {
return "Invalid format"
}
return null
}
const emailValidator = (field: EmailFieldSchema, value: string) => {
// return if no email
if (!value) return null
// match the email address with the regex (with named domain group)
const emailRegex = new RegExp(/^[a-zA-Z0-9._%+-]+@(?<domain>[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/);
const match = value.match(emailRegex);
// check if the email is valid
if (!match) {
return "Invalide E-Mail Adresse";
}
// check if the domain is allowed, use domain regex group to match the domain, ignore case
const emailDomain = match.groups!.domain.toLowerCase();
if (field.validator?.allowedDomains?.length > 0 && !field.validator.allowedDomains.some(domain => domain.toLowerCase() === emailDomain)) {
return "Ungültige Domain";
}
return null
}
const numberValidator = (field: NumberFieldSchema, value: number) => {
// check if the value is a number
if (isNaN(value)) {
return "Muss eine Zahl sein";
}
// check min
if (field.validator.min && value < field.validator.min) {
return `Muss mindestens ${field.validator.min} sein`;
}
// check max
if (field.validator.max && value > field.validator.max) {
return `Darf nicht größer als ${field.validator.max} sein`;
}
return null;
}
const dateValidator = (field: DateFieldSchema, value: Date) => {
// check min date
if (field.validator.minDate && value < field.validator.minDate) {
return `Muss nach ${pprintDateTime(field.validator.minDate)} sein`;
}
// check max date
if (field.validator.maxDate && value > field.validator.maxDate) {
return `Muss vor ${pprintDateTime(field.validator.maxDate)} sein`;
}
return null;
}
const createFieldValidation = (field: FormSchemaField) => (entry?: FieldEntry) => {
// check if required field is empty
if (field.required && (
!entry || !entry.value && entry.value !== 0 ||
Array.isArray(entry.value) && entry.value.filter(i => !!i).length == 0
)) {
return "Das Feld darf nicht leer sein"
}
// check if entry is undefined
if (!entry) {
return null
}
switch (field.dataType) {
case "text":
return textValidator(field, entry.value as string)
case "email":
return emailValidator(field, entry.value as string)
case "number":
return numberValidator(field, entry.value as number)
case "date":
return dateValidator(field, entry.value as Date)
case "date-range":
case "select":
case "checkbox":
return null // no additional validation needed
}
}
export const createValidationFromSchema = (schema: FormSchema) => {
return schema.fields.reduce((acc, field) => ({
[field.id]: createFieldValidation(field),
...acc
}), {} as Record<string, (value: FieldEntry) => string | null>)
}

29
src/components/formUtil/util.ts
View File

@ -1,7 +1,7 @@
import {randomId} from "@mantine/hooks";
import {FieldType, FormSchemaField} from "./formBuilder/types.ts";
import {FieldDataType, FormSchemaField} from "./formBuilder/types.ts";
import {nanoid} from "nanoid";
export const humanReadableField = (fieldType: FieldType): string => {
export const humanReadableField = (fieldType: FieldDataType): string => {
switch (fieldType) {
case "text":
return "Text"
@ -11,6 +11,8 @@ export const humanReadableField = (fieldType: FieldType): string => {
return "Zahl"
case "date":
return "Datum & Zeit"
case "date-range":
return "Zeit Bereich"
case "select":
return "(Mehrfach-) Auswahl"
case "checkbox":
@ -18,10 +20,10 @@ export const humanReadableField = (fieldType: FieldType): string => {
}
}
export const createNewField = (fieldType: FieldType): FormSchemaField => {
export const createNewField = (fieldType: FieldDataType): FormSchemaField => {
const abstractField = {
id: randomId(),
id: nanoid(),
label: "",
description: "",
placeholder: "",
@ -34,7 +36,7 @@ export const createNewField = (fieldType: FieldType): FormSchemaField => {
switch (fieldType) {
case "text":
return {
type: "text",
dataType: "text",
multiline: false,
validator: {
minLength: null,
@ -45,7 +47,7 @@ export const createNewField = (fieldType: FieldType): FormSchemaField => {
}
case "email":
return {
type: "email",
dataType: "email",
validator: {
allowedDomains: []
},
@ -53,7 +55,7 @@ export const createNewField = (fieldType: FieldType): FormSchemaField => {
}
case "number":
return {
type: "number",
dataType: "number",
validator: {
min: null,
max: null,
@ -62,23 +64,28 @@ export const createNewField = (fieldType: FieldType): FormSchemaField => {
}
case "date":
return {
type: "date",
dataType: "date",
validator: {
minDate: null,
maxDate: null,
},
...abstractField,
}
case "date-range":
return {
dataType: "date-range",
...abstractField,
}
case "select":
return {
type: "select",
dataType: "select",
multiple: false,
options: [],
...abstractField,
}
case "checkbox":
return {
type: "checkbox",
dataType: "checkbox",
...abstractField,
}
}

18
src/components/input/CheckboxCard/index.module.css Normal file
View File

@ -0,0 +1,18 @@
.container {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
/*noinspection CssInvalidFunction*/
border: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-8));
border-radius: var(--border-radius);
padding: var(--mantine-spacing-md);
/*noinspection CssInvalidFunction*/
background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-8));
}
.textContainer {
display: flex;
flex-direction: column;
gap: calc(var(--gap) / 2)
}

27
src/components/input/CheckboxCard/index.tsx Normal file
View File

@ -0,0 +1,27 @@
import {Checkbox, CheckboxProps, Input, InputWrapperProps} from '@mantine/core';
import classes from './index.module.css';
export type CheckboxCardProps = InputWrapperProps & CheckboxProps
export function CheckboxCard(props: CheckboxCardProps) {
return (
<div className={classes.container}>
<Checkbox
checked={props.checked}
onChange={props.onChange}
required={props.required}
size="md"
mr="xl"
styles={{input: {cursor: 'pointer'}}}
aria-hidden
/>
<div className={classes.textContainer}>
<Input.Label required={props.required}>{props.label}</Input.Label>
{props.description && <Input.Description>{props.description}</Input.Description>}
{props.error && <Input.Error>{props.error}</Input.Error>}
</div>
</div>
)
}

4
src/components/input/ImageSelect.tsx
View File

@ -71,10 +71,10 @@ export default function ImageSelect({
{!small && <>
< Title c={"green"}
order={3}>{maxFileCount > 1 ? "Bilder" : "Bild"} hochladen</Title>
order={3}>{maxFileCount > 1 ? "Bilder" : "Bild"} auswählen</Title>
<Text size={"sm"}>Bilder können per Drag & Drop oder durch {
<Text span c={"green"}>klicken</Text>
} hochgeladen werden.</Text>
} ausgewählt werden.</Text>
{maxFileCount > 1 &&
<Text size={"sm"} c={"dimmed"}>{fileCount} von {maxFileCount} Bildern</Text>
}

85
src/components/input/PasswordStrengthMeter.tsx Normal file
View File

@ -0,0 +1,85 @@
import {Box, BoxProps, Center, Group, GroupProps, Progress} from "@mantine/core";
import {IconCheck, IconX} from "@tabler/icons-react";
function StrengthMeter({strength, enabled, ...props}: {
strength: number,
enabled: boolean
} & Omit<GroupProps, "children">) {
return <Group gap={5} grow {...props}>
{
Array(4)
.fill(0)
.map((_, index) => (
<Progress
value={
enabled && index === 0 ? 100 : strength >= ((index + 1) / 4) * 100 ? 100 : 0
}
color={strength > 80 ? 'green' : strength > 50 ? 'yellow' : 'red'}
key={index}
size={4}
/>
))
}
</Group>
}
function PasswordRequirement({meets, label, ...props}: {
meets: boolean;
label: string
} & BoxProps) {
return (
<Box
c={meets ? "teal" : "red"}
fz={"sm"}
mt={5}{...props}>
<Center inline>
{meets ? <IconCheck size={15} stroke={1.5}/> : <IconX size={15} stroke={1.5}/>}
<Box ml={7}>{label}</Box>
</Center>
</Box>
)
}
const PASSWORD_REQUIREMENTS = [
{re: /[0-9]/, label: 'Enthält Zahlen'},
{re: /[a-z]/, label: 'Enthält Kleinbuchstaben'},
{re: /[A-Z]/, label: 'Enthält Großbuchstaben'},
{re: /[\W_]/, label: 'Enthält Symbole'},
]
// eslint-disable-next-line react-refresh/only-export-components
export function getPasswordStrength(password: string) {
let multiplier = password.length > 7 ? 0 : 1;
PASSWORD_REQUIREMENTS.forEach((requirement) => {
if (!requirement.re.test(password)) {
multiplier += 1;
}
})
return Math.max(100 - (100 / (PASSWORD_REQUIREMENTS.length + 1)) * multiplier, 0);
}
export default function PasswordStrengthMeter({password, passwordConfirm, ...props}: {
password: string,
passwordConfirm: string
} & BoxProps) {
const passwordStrength = getPasswordStrength(password)
return <Box {...props}>
<StrengthMeter mt="xs" mb="sm" strength={passwordStrength}
enabled={password.length > 0}/>
<PasswordRequirement label="Hat mindestens 8 Zeichen"
meets={password.length > 7}/>
{
PASSWORD_REQUIREMENTS.map((requirement, index) => (
<PasswordRequirement key={index} label={requirement.label}
meets={requirement.re.test(password)}/>
))
}
<PasswordRequirement
mb={"sm"}
meets={password === passwordConfirm && !!password}
label={"Die Passwörter stimmen überein"}
/>
</Box>
}

3
src/components/input/RecordSearchInput.tsx
View File

@ -16,7 +16,8 @@ import {useState} from "react";
export type GenericRecordSearchInputProps<T> = {
selectedRecords: T[]
setSelectedRecords: (records: T[]) => void
} & Pick<PillsInputProps, "label" | "description" | "leftSection" | "placeholder" | "required" | "error">
placeholder?: string
} & Pick<PillsInputProps, "label" | "description" | "leftSection" | "required" | "error">
/**
* RecordSearchInput is a generic component that can be used to create a searchable input field for selecting records from a database.

8
src/components/layout/TextWithIcon/index.module.css Normal file
View File

@ -0,0 +1,8 @@
.container {
display: inline-flex;
gap: calc(var(--gap) / 2);
& > :first-child {
vertical-align: center;
}
}

12
src/components/layout/TextWithIcon/index.tsx Normal file
View File

@ -0,0 +1,12 @@
import classes from "./index.module.css";
import {ReactNode} from "react";
export default function TextWithIcon({icon, children}: {
icon: ReactNode,
children: ReactNode
}) {
return <div className={classes.container}>
{icon}
<span>{children}</span>
</div>
}

4
src/components/layout/footer/index.tsx
View File

@ -2,7 +2,7 @@ import classes from "./index.module.css";
import {APP_NAME, APP_VERSION} from "../../../../config.ts";
import {Anchor, Divider, Image} from "@mantine/core";
import {Link} from "react-router-dom";
import {usePB} from "../../../lib/pocketbase.tsx";
import {usePB} from "@/lib/pocketbase.tsx";
export default function Footer() {
const {apiIsHealthy} = usePB()
@ -13,7 +13,7 @@ export default function Footer() {
<Image
h={15}
w={15}
src={"/public/stuve-logo.svg"}
src={"/stuve-logo.svg"}
alt={"StuVe IT Logo"}
/>

17
src/components/layout/index.tsx
View File

@ -3,10 +3,23 @@ import {Outlet} from "react-router-dom";
import classes from "./index.module.css";
import Footer from "./footer";
import LoginModal from "@/components/auth/modals/LoginModal.tsx";
import UserMenuModal from "@/components/auth/modals/UserMenuModal.tsx";
import RegisterModal from "@/components/auth/modals/RegisterModal.tsx";
import EmailTokenVerification from "@/components/auth/modals/EmailTokenVerification.tsx";
import ForgotPasswordModal from "@/components/auth/modals/ForgotPasswordModal.tsx";
import ChangeEmailModal from "@/components/auth/modals/ChangeEmailModal.tsx";
export default function Layout() {
export default function Layout({hideNav}: { hideNav?: boolean }) {
return <div className={classes.container}>
<NavBar/>
{!hideNav && <NavBar/>}
<LoginModal/>
<UserMenuModal/>
<RegisterModal/>
<EmailTokenVerification/>
<ForgotPasswordModal/>
<ChangeEmailModal/>
<div className={`${classes.body} no-scrollbar`}>
<div className={`${classes.content}`}>

93
src/components/layout/nav/Login.tsx
View File

@ -1,93 +0,0 @@
import {IconExclamationCircle, IconLogin} from "@tabler/icons-react";
import {ActionIcon, Alert, Anchor, Button, Checkbox, Modal, PasswordInput, Text, TextInput, Title} from "@mantine/core";
import {useDisclosure} from "@mantine/hooks";
import {usePB} from "../../../lib/pocketbase.tsx";
import {useForm} from "@mantine/form";
import {useMutation} from "@tanstack/react-query";
import classes from "./index.module.css";
import {Link} from "react-router-dom";
/**
* This component renders a login button and a login modal.
*/
export default function Login() {
const [opened, {open, close}] = useDisclosure(false)
const {ldapLogin} = usePB()
const formValues = useForm({
initialValues: {
username: "",
password: "",
privacy: false
}
})
const loginMutation = useMutation({
mutationFn: async () => {
await ldapLogin(formValues.values.username, formValues.values.password)
}
})
return <>
<Modal opened={opened} onClose={close} withCloseButton={false} size={"sm"}>
<form
className={classes.stack}
onSubmit={formValues.onSubmit(() => loginMutation.mutate())}
>
<Title ta={"center"} order={3}>StuVe IT Account - Login</Title>
<TextInput
label={"Anmeldename"}
placeholder={"vorname.nachname"}
{...formValues.getInputProps("username")}
/>
<PasswordInput
label={"Passwort"}
placeholder={"Passwort"}
{...formValues.getInputProps("password")}
/>
<Checkbox
required
label={
<Text>
Ich akzeptiere die <Anchor
component={Link}
target={"_blank"}
to={"/privacy-policy"}
>
Datenschutzerklärung
</Anchor>.
</Text>
}
{...formValues.getInputProps("privacy", {type: "checkbox"})}
/>
{loginMutation.error && (
<Alert variant="transparent" color="red" title="Fehler" icon={<IconExclamationCircle/>}>
{loginMutation.error.message}
</Alert>
)}
<Button
loading={loginMutation.isPending}
disabled={formValues.values.username === "" || formValues.values.password === "" || !formValues.values.privacy}
type={"submit"}
>
Einloggen
</Button>
</form>
</Modal>
<ActionIcon
variant={"transparent"}
color={"gray"}
aria-label={"Login"}
onClick={open}
>
<IconLogin/>
</ActionIcon>
</>
}

36
src/components/layout/nav/MenuItems.tsx
View File

@ -1,14 +1,38 @@
import {Menu, rem} from "@mantine/core";
import {NAV_ITEMS} from "../../../../config.ts";
import {Menu} from "@mantine/core";
import {NavLink} from "react-router-dom";
import {Fragment} from "react";
import {IconConfetti, IconHome, IconQrcode} from "@tabler/icons-react";
const NavItems = [
{
section: "Seiten",
items: [
{
title: "Home",
icon: IconHome,
description: "Home",
link: "/"
},
{
title: "Events",
icon: IconConfetti,
description: "Administration für StuVe Events.",
link: "/events"
},
{
title: "QR Code Generator",
icon: IconQrcode,
description: "Generiere einen QR Code",
link: "/util/qr"
}
]
},
]
export default function MenuItems() {
return <>
{NAV_ITEMS.map((section, index) => (
{NavItems.map((section, index) => (
<Fragment key={index + section.section}>
<Menu.Label>
{section.section}
@ -18,7 +42,7 @@ export default function MenuItems() {
return (
<Menu.Item
key={index + item.title}
leftSection={<item.icon style={{width: rem(14), height: rem(14)}}/>}
leftSection={<item.icon size={16}/>}
component={NavLink}
to={item.link}
aria-label={item.description}

107
src/components/layout/nav/UserMenu.tsx
View File

@ -1,107 +0,0 @@
import {ActionIcon, Button, Code, Divider, Modal, Text, ThemeIcon, Title} from "@mantine/core";
import {IconBalloon, IconCalendar, IconId, IconLogout, IconServer, IconServerOff} from "@tabler/icons-react";
import {useDisclosure} from "@mantine/hooks";
import {usePB} from "../../../lib/pocketbase.tsx";
import classes from "./index.module.css";
import LdapGroupsDisplay from "../../auth/LdapGroupsDisplay.tsx";
/**
* This component renders a user menu button and a user menu modal with user information.
*/
export default function UserMenu() {
const [opened, {open, close}] = useDisclosure(false)
const {user, logout, apiIsHealthy} = usePB()
return <>
<Modal opened={opened} onClose={close} withCloseButton={false} size={"sm"}>
<div className={classes.stack}>
<Title order={3}>Hallo {user!.username}</Title>
<div className={classes.row}>
<ThemeIcon
variant={"transparent"}
size={"xl"}
>
<IconId/>
</ThemeIcon>
<Code>{user?.id}</Code>
</div>
<div className={classes.row}>
<ThemeIcon
variant={"transparent"}
size={"xl"}
>
<IconCalendar/>
</ThemeIcon>
<Text>
{user?.accountExpires ? (
new Date(user?.accountExpires).getTime() > Date.now() ? (
"Account ist aktiv und läuft am " + new Date(user?.accountExpires).toLocaleDateString() + " ab"
) : (
"Account ist abgelaufen"
)
) : (
"Dein Account läuft nicht ab"
)}
</Text>
</div>
<div className={classes.row}>
{apiIsHealthy ? (
<ThemeIcon
variant={"transparent"}
color={"green"}
size={"xl"}
>
<IconServer/>
</ThemeIcon>
) : (
<ThemeIcon
variant={"transparent"}
color={"red"}
size={"xl"}
>
<IconServerOff/>
</ThemeIcon>
)}
<Text>
{apiIsHealthy ? "Das Backend ist erreichbar" : "Das Backend ist nicht erreichbar"}
</Text>
</div>
{user?.memberOf.length && <>
<Divider/>
<Title order={5}>Deine Gruppen</Title>
<LdapGroupsDisplay groups={user?.expand.memberOf}/>
<Divider/>
</>}
<Button
leftSection={<IconLogout/>}
color={"orange"}
onClick={logout}
>
Ausloggen
</Button>
</div>
</Modal>
<ActionIcon
variant={"transparent"}
color={"gray"}
aria-label={"User Menu"}
onClick={open}
>
<IconBalloon/>
</ActionIcon>
</>
}

34
src/components/layout/nav/index.tsx
View File

@ -1,17 +1,19 @@
import {usePB} from "../../../lib/pocketbase.tsx";
import {usePB} from "@/lib/pocketbase.tsx";
import classes from "./index.module.css";
import {ActionIcon, Image, Menu, ThemeIcon, useMantineColorScheme} from "@mantine/core";
import {IconChevronDown, IconMoon, IconSun} from "@tabler/icons-react";
import UserMenu from "./UserMenu.tsx";
import Login from "./Login.tsx";
import {IconChevronDown, IconLogin, IconMoon, IconSun, IconUserStar} from "@tabler/icons-react";
import MenuItems from "./MenuItems.tsx";
import {useLogin, useUserMenu} from "@/components/auth/modals/hooks.ts";
export default function NavBar() {
const {user} = usePB()
const {userRecord} = usePB()
const {colorScheme, toggleColorScheme} = useMantineColorScheme()
const {handler: userMenuHandler} = useUserMenu()
const {handler: loginHandler} = useLogin()
return <nav className={classes.navbar}>
<Menu
trigger="hover"
@ -25,7 +27,7 @@ export default function NavBar() {
<Image
h={30}
w={30}
src={"/public/stuve-logo.svg"}
src={"/stuve-logo.svg"}
alt={"StuVe IT Logo"}
/>
@ -56,7 +58,25 @@ export default function NavBar() {
}
</ActionIcon>
{user ? <UserMenu/> : <Login/>}
{userRecord ?
<ActionIcon
variant={"transparent"}
color={"gray"}
aria-label={"User Menu"}
onClick={userMenuHandler.open}
>
<IconUserStar/>
</ActionIcon>
: (
<ActionIcon
variant={"transparent"}
color={"gray"}
aria-label={"Login"}
onClick={loginHandler.open}
>
<IconLogin/>
</ActionIcon>
)}
</div>
</nav>
}

20
src/components/util.tsx Normal file
View File

@ -0,0 +1,20 @@
import {notifications} from "@mantine/notifications";
import {IconAlertTriangle, IconCheck} from "@tabler/icons-react";
export const showSuccessNotification = (message?: string) => {
notifications.show({
title: "Erfolg",
message: message ?? "Die Aktion wurde erfolgreich durchgeführt",
color: "green",
icon: <IconCheck/>,
})
}
export const showErrorNotification = (message?: string) => {
notifications.show({
title: "Fehler",
message: message ?? "Die Aktion wurde konnte nicht durchgeführt werden",
color: "red",
icon: <IconAlertTriangle/>,
})
}

82
src/illustrations/ai.svg Normal file
View File

@ -0,0 +1,82 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-ai-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-ai-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-ai-c { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-ai-d { fill: #232B41; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-ai-a { fill: black; opacity: 0.07; } .tblr-illustrations-ai-b { fill: #1A2030; } .tblr-illustrations-ai-c { fill: #454C5E; } .tblr-illustrations-ai-d { fill: #232B41; } }
</style>
<path d="M139.1 318.997C139.1 364.344 187.021 397.233 208.162 433.842C230.119 471.676 235.29 529.35 273.097 551.196C309.704 572.382 361.8 548.675 407.13 548.675C452.46 548.675 504.556 572.382 541.139 551.196C578.898 529.35 584.117 471.616 606.002 433.842C627.179 397.209 675.1 364.344 675.1 318.997C675.1 273.649 627.107 240.772 606.002 204.151C584.165 166.389 578.898 108.655 541.139 86.785C504.508 65.6116 452.352 89.3657 407.082 89.3657C361.812 89.3657 309.656 65.6116 273.157 86.785C235.398 108.655 230.179 166.389 208.294 204.151C187.129 240.772 139.232 273.661 139.232 318.997" fill="#F7F8FC" class="tblr-illustrations-ai-a"/>
<path d="M202.563 536.843C202.563 539.699 283.424 542.011 383.178 542.011C482.931 542.011 563.781 539.744 563.781 536.843C563.781 533.941 482.92 531.731 383.178 531.731C283.436 531.731 202.563 533.998 202.563 536.843Z" fill="#A6A9B3" class="tblr-illustrations-ai-b"/>
<path d="M255.069 305.161H239.77C238.511 300.816 236.678 296.657 234.318 292.797L244.756 282.348C245.002 282.105 245.196 281.815 245.329 281.496C245.462 281.177 245.531 280.835 245.531 280.489C245.531 280.144 245.462 279.802 245.329 279.483C245.196 279.164 245.002 278.874 244.756 278.631L230.318 264.181C230.074 263.935 229.783 263.74 229.463 263.607C229.143 263.474 228.8 263.406 228.454 263.406C228.107 263.406 227.764 263.474 227.444 263.607C227.124 263.74 226.834 263.935 226.589 264.181L215.778 275.015C211.825 272.81 207.588 271.155 203.187 270.097V255.364C203.187 254.664 202.908 253.992 202.413 253.497C201.918 253.002 201.246 252.723 200.546 252.723H180.147C179.446 252.723 178.775 253.002 178.279 253.497C177.784 253.992 177.506 254.664 177.506 255.364V270.652C173.159 271.909 169.001 273.742 165.142 276.103L154.693 265.666C154.448 265.42 154.158 265.225 153.838 265.092C153.518 264.959 153.175 264.89 152.828 264.89C152.482 264.89 152.139 264.959 151.819 265.092C151.499 265.225 151.208 265.42 150.964 265.666L136.446 280.093C135.952 280.59 135.675 281.262 135.675 281.963C135.675 282.663 135.952 283.336 136.446 283.833L147.281 294.667C145.079 298.614 143.425 302.842 142.362 307.235H127.629C127.283 307.237 126.939 307.307 126.62 307.441C126.3 307.575 126.01 307.77 125.765 308.017C125.521 308.263 125.328 308.555 125.197 308.876C125.065 309.197 124.999 309.54 125 309.887V330.287C124.999 330.633 125.065 330.977 125.197 331.298C125.328 331.619 125.521 331.911 125.765 332.157C126.01 332.403 126.3 332.599 126.62 332.733C126.939 332.867 127.283 332.937 127.629 332.939H142.94C144.187 337.287 146.017 341.446 148.38 345.303L137.942 355.741C137.697 355.985 137.502 356.276 137.369 356.595C137.236 356.915 137.167 357.258 137.167 357.605C137.167 357.951 137.236 358.295 137.369 358.615C137.502 358.934 137.697 359.225 137.942 359.469L152.381 373.908C152.878 374.402 153.55 374.679 154.251 374.679C154.951 374.679 155.624 374.402 156.121 373.908L166.944 363.085C170.888 365.302 175.117 366.972 179.512 368.048V382.781C179.512 383.128 179.58 383.47 179.713 383.79C179.846 384.11 180.041 384.4 180.286 384.645C180.531 384.889 180.823 385.082 181.143 385.214C181.463 385.345 181.806 385.412 182.153 385.411H202.552C203.25 385.411 203.92 385.134 204.415 384.641C204.91 384.148 205.19 383.48 205.193 382.781V367.482C209.536 366.228 213.691 364.394 217.546 362.031L227.995 372.468C228.239 372.714 228.529 372.909 228.849 373.042C229.169 373.175 229.512 373.243 229.859 373.243C230.205 373.243 230.549 373.175 230.868 373.042C231.188 372.909 231.479 372.714 231.723 372.468L246.173 358.03C246.667 357.533 246.944 356.861 246.944 356.16C246.944 355.459 246.667 354.787 246.173 354.29L235.327 343.467C237.533 339.518 239.188 335.285 240.246 330.887H254.979C255.326 330.887 255.671 330.819 255.992 330.685C256.313 330.552 256.605 330.356 256.85 330.11C257.095 329.864 257.289 329.571 257.421 329.249C257.554 328.928 257.621 328.583 257.619 328.235V307.836C257.629 307.145 257.367 306.478 256.89 305.978C256.413 305.478 255.76 305.185 255.069 305.161ZM191.355 353.893C184.465 353.891 177.73 351.846 172.002 348.016C166.274 344.186 161.811 338.744 159.176 332.377C156.541 326.01 155.854 319.005 157.2 312.248C158.547 305.491 161.867 299.284 166.74 294.414C171.614 289.543 177.823 286.227 184.581 284.885C191.339 283.543 198.344 284.235 204.709 286.874C211.074 289.513 216.513 293.98 220.339 299.71C224.165 305.441 226.206 312.177 226.204 319.067C226.189 328.302 222.512 337.154 215.978 343.68C209.445 350.207 200.59 353.876 191.355 353.882V353.893Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M624.288 213.058H619.234C618.345 209.517 616.87 206.15 614.871 203.096L618.27 199.696C618.559 199.405 618.721 199.012 618.721 198.603C618.721 198.193 618.559 197.8 618.27 197.509L609.816 189.055C609.674 188.909 609.503 188.793 609.316 188.714C609.128 188.635 608.926 188.595 608.722 188.595C608.519 188.595 608.317 188.635 608.129 188.714C607.941 188.793 607.771 188.909 607.629 189.055L604.07 192.613C600.917 190.726 597.469 189.382 593.87 188.635V183.875C593.867 183.465 593.703 183.071 593.412 182.781C593.122 182.49 592.729 182.326 592.318 182.323H580.395C579.984 182.323 579.589 182.486 579.298 182.778C579.006 183.069 578.843 183.464 578.843 183.875V188.987C575.3 189.874 571.932 191.353 568.881 193.361L565.481 189.961C565.339 189.816 565.169 189.7 564.981 189.621C564.793 189.542 564.591 189.501 564.387 189.501C564.184 189.501 563.982 189.542 563.794 189.621C563.606 189.7 563.436 189.816 563.294 189.961L554.839 198.416C554.694 198.557 554.579 198.726 554.5 198.913C554.421 199.1 554.38 199.301 554.38 199.504C554.38 199.706 554.421 199.907 554.5 200.094C554.579 200.281 554.694 200.45 554.839 200.592L558.409 204.173C556.51 207.321 555.161 210.771 554.42 214.373H549.66C549.457 214.371 549.255 214.41 549.067 214.487C548.879 214.563 548.707 214.677 548.563 214.82C548.419 214.963 548.304 215.134 548.226 215.321C548.148 215.509 548.108 215.711 548.108 215.914V227.859C548.108 228.063 548.148 228.265 548.226 228.453C548.304 228.641 548.418 228.813 548.562 228.957C548.706 229.101 548.878 229.215 549.066 229.293C549.254 229.371 549.456 229.412 549.66 229.412H554.703C555.585 232.962 557.06 236.338 559.067 239.396L555.667 242.796C555.521 242.938 555.405 243.108 555.326 243.296C555.247 243.484 555.207 243.686 555.207 243.889C555.207 244.093 555.247 244.295 555.326 244.483C555.405 244.671 555.521 244.841 555.667 244.983L564.11 253.426C564.401 253.715 564.794 253.877 565.203 253.877C565.613 253.877 566.006 253.715 566.297 253.426L569.878 249.856C573.03 251.751 576.478 253.103 580.078 253.857V258.605C580.077 258.807 580.115 259.007 580.191 259.194C580.267 259.381 580.38 259.551 580.522 259.695C580.664 259.838 580.834 259.952 581.02 260.029C581.206 260.107 581.406 260.147 581.608 260.147H593.564C593.768 260.148 593.969 260.109 594.158 260.033C594.346 259.956 594.517 259.843 594.662 259.699C594.806 259.556 594.92 259.386 594.999 259.198C595.077 259.01 595.117 258.809 595.117 258.605V253.562C598.667 252.675 602.042 251.196 605.101 249.188L608.501 252.588C608.79 252.875 609.181 253.037 609.589 253.037C609.997 253.037 610.388 252.875 610.677 252.588L619.132 244.133C619.42 243.842 619.582 243.449 619.582 243.04C619.582 242.63 619.42 242.237 619.132 241.946L615.562 238.376C617.45 235.247 618.795 231.822 619.54 228.244H624.311C624.514 228.244 624.716 228.204 624.903 228.126C625.091 228.048 625.262 227.933 625.405 227.789C625.548 227.644 625.661 227.473 625.738 227.285C625.815 227.097 625.854 226.895 625.852 226.692V214.611C625.852 214.406 625.812 214.203 625.733 214.014C625.654 213.825 625.539 213.653 625.393 213.509C625.248 213.364 625.076 213.25 624.886 213.173C624.696 213.096 624.493 213.056 624.288 213.058ZM586.991 237.809C583.704 237.812 580.491 236.839 577.757 235.014C575.023 233.189 572.891 230.595 571.633 227.558C570.374 224.522 570.044 221.18 570.684 217.957C571.325 214.733 572.908 211.771 575.232 209.447C577.556 207.123 580.518 205.54 583.741 204.9C586.965 204.259 590.307 204.589 593.343 205.848C596.379 207.107 598.974 209.238 600.799 211.972C602.624 214.706 603.596 217.919 603.594 221.206C603.588 225.608 601.837 229.827 598.725 232.94C595.612 236.052 591.393 237.803 586.991 237.809Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M588.986 343.762L585.801 344.691C584.61 342.62 583.077 340.766 581.268 339.206L582.764 336.463C582.894 336.227 582.925 335.949 582.851 335.69C582.777 335.431 582.603 335.212 582.367 335.081L575.477 331.307C575.241 331.177 574.963 331.146 574.704 331.22C574.445 331.294 574.226 331.468 574.094 331.703L572.508 334.605C570.184 333.996 567.775 333.778 565.379 333.959L564.507 330.967C564.471 330.839 564.411 330.719 564.329 330.614C564.247 330.509 564.145 330.421 564.03 330.356C563.914 330.291 563.786 330.249 563.654 330.233C563.522 330.217 563.388 330.228 563.26 330.264L555.712 332.463C555.454 332.541 555.236 332.719 555.107 332.956C554.978 333.193 554.947 333.472 555.021 333.732L555.95 336.894C553.88 338.114 552.027 339.669 550.465 341.495L547.722 339.988C547.486 339.858 547.208 339.827 546.949 339.901C546.69 339.975 546.471 340.149 546.34 340.384L542.566 347.275C542.502 347.391 542.461 347.519 542.446 347.65C542.432 347.782 542.443 347.915 542.48 348.043C542.517 348.17 542.578 348.289 542.661 348.393C542.744 348.496 542.846 348.582 542.963 348.646L545.875 350.244C545.252 352.562 545.03 354.969 545.218 357.361L542.215 358.245C542.087 358.283 541.968 358.345 541.865 358.429C541.762 358.513 541.676 358.616 541.613 358.733C541.55 358.85 541.51 358.978 541.497 359.11C541.483 359.243 541.496 359.376 541.535 359.503L543.733 367.04C543.807 367.297 543.98 367.514 544.213 367.643C544.447 367.773 544.723 367.805 544.98 367.731L548.153 366.802C549.37 368.874 550.925 370.728 552.754 372.287L551.236 375.041C551.17 375.157 551.128 375.284 551.113 375.416C551.097 375.548 551.108 375.682 551.145 375.81C551.182 375.938 551.244 376.057 551.328 376.16C551.412 376.264 551.515 376.349 551.632 376.412L558.511 380.197C558.75 380.324 559.027 380.351 559.286 380.275C559.544 380.199 559.763 380.025 559.894 379.789L561.435 376.888C563.757 377.49 566.161 377.709 568.553 377.534L569.425 380.526C569.463 380.655 569.526 380.775 569.61 380.88C569.694 380.984 569.798 381.071 569.916 381.135C570.034 381.2 570.164 381.24 570.297 381.254C570.431 381.268 570.566 381.256 570.694 381.217L578.22 379.019C578.348 378.982 578.468 378.921 578.572 378.838C578.677 378.754 578.764 378.651 578.828 378.534C578.892 378.417 578.933 378.289 578.947 378.156C578.961 378.023 578.949 377.889 578.911 377.761L577.993 374.588C580.06 373.391 581.914 371.859 583.478 370.054L586.221 371.562C586.457 371.692 586.735 371.723 586.994 371.649C587.253 371.574 587.472 371.4 587.603 371.165L591.377 364.275C591.442 364.158 591.484 364.03 591.498 363.897C591.513 363.765 591.501 363.631 591.463 363.503C591.425 363.375 591.362 363.256 591.277 363.153C591.192 363.05 591.087 362.965 590.969 362.903L588.102 361.249C588.716 358.926 588.934 356.516 588.748 354.12L591.751 353.247C592.007 353.169 592.221 352.993 592.349 352.758C592.476 352.522 592.505 352.246 592.431 351.989L590.233 344.453C590.197 344.325 590.137 344.205 590.055 344.101C589.973 343.997 589.871 343.91 589.755 343.845C589.639 343.781 589.511 343.74 589.379 343.726C589.247 343.712 589.113 343.724 588.986 343.762ZM570.026 366.212C567.956 366.819 565.753 366.797 563.696 366.151C561.638 365.505 559.818 364.264 558.467 362.583C557.115 360.903 556.292 358.859 556.101 356.711C555.911 354.563 556.362 352.407 557.398 350.515C558.433 348.623 560.007 347.081 561.919 346.084C563.831 345.086 565.996 344.678 568.14 344.911C570.284 345.144 572.31 346.008 573.963 347.393C575.616 348.778 576.821 350.622 577.426 352.692C578.234 355.466 577.908 358.448 576.521 360.982C575.133 363.517 572.798 365.397 570.026 366.212Z" fill="#A7AAB3"/>
<path d="M369.748 377.398C369.044 377.395 368.369 377.113 367.872 376.614C367.375 376.115 367.096 375.439 367.096 374.735V291.347C367.093 288.769 366.068 286.297 364.245 284.474C362.422 282.651 359.951 281.626 357.373 281.623H306.057C302.07 281.617 298.248 280.03 295.429 277.211C292.61 274.392 291.024 270.571 291.018 266.584V207.652C291.018 207.302 291.087 206.956 291.22 206.633C291.354 206.31 291.55 206.016 291.798 205.769C292.045 205.522 292.339 205.325 292.662 205.192C292.985 205.058 293.331 204.989 293.681 204.989C294.031 204.989 294.377 205.058 294.7 205.192C295.023 205.325 295.317 205.522 295.564 205.769C295.811 206.016 296.008 206.31 296.141 206.633C296.275 206.956 296.344 207.302 296.344 207.652V266.584C296.344 269.161 297.367 271.632 299.188 273.456C301.009 275.279 303.48 276.305 306.057 276.308H357.373C361.36 276.311 365.184 277.896 368.003 280.716C370.823 283.535 372.408 287.359 372.411 291.347V374.735C372.411 375.085 372.343 375.431 372.209 375.754C372.075 376.077 371.879 376.371 371.631 376.618C371.384 376.866 371.091 377.062 370.767 377.196C370.444 377.329 370.098 377.398 369.748 377.398Z" fill="#A7AAB3"/>
<path d="M406.955 357.667C406.853 363.243 406.739 369 406.615 374.825C406.588 375.966 406.117 377.051 405.302 377.849C404.487 378.647 403.392 379.095 402.251 379.098H402.161C401.59 379.088 401.026 378.965 400.503 378.736C399.979 378.508 399.506 378.178 399.11 377.767C398.715 377.355 398.404 376.869 398.196 376.337C397.988 375.805 397.887 375.238 397.9 374.667C398.183 361.316 398.398 348.521 398.545 336.69C398.806 314.024 398.806 294.871 398.545 282.416C398.398 276.387 398.194 271.91 397.934 269.337C397.673 266.765 397.05 263.433 394.67 261.053C393.643 260.019 392.421 259.198 391.075 258.64C389.728 258.082 388.285 257.796 386.827 257.8H338.718C333.467 257.797 328.432 255.711 324.718 251.999C321.004 248.287 318.914 243.253 318.908 238.002V208.808C318.908 207.654 319.367 206.547 320.183 205.73C320.999 204.914 322.106 204.456 323.26 204.456C324.414 204.456 325.521 204.914 326.337 205.73C327.154 206.547 327.612 207.654 327.612 208.808V238.002C327.618 240.941 328.789 243.759 330.869 245.836C332.949 247.914 335.767 249.082 338.707 249.085H386.793C389.396 249.079 391.973 249.589 394.378 250.585C396.782 251.581 398.965 253.043 400.801 254.888C405.674 259.75 406.354 266.289 406.581 268.487C406.83 270.969 407.034 275.061 407.181 280.489C407.612 296.491 407.533 324.382 406.955 357.667Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M506.538 374.735H307.915C304.14 374.741 300.521 376.244 297.853 378.915C295.184 381.585 293.684 385.205 293.681 388.98V502.583C293.69 506.355 295.192 509.971 297.86 512.638C300.527 515.306 304.143 516.808 307.915 516.817H380.503V521.656C380.342 523.012 379.878 524.314 379.143 525.464C378.532 526.374 377.731 527.142 376.796 527.715C375.862 528.288 374.815 528.653 373.726 528.785H346.187C345.912 528.786 345.639 528.842 345.385 528.949C345.132 529.055 344.901 529.211 344.708 529.407C344.514 529.603 344.361 529.835 344.257 530.09C344.153 530.345 344.1 530.617 344.102 530.893V533.329C344.1 533.605 344.153 533.878 344.257 534.133C344.361 534.388 344.514 534.62 344.708 534.815C344.901 535.011 345.132 535.167 345.385 535.273C345.639 535.38 345.912 535.436 346.187 535.437H468.312C468.871 535.437 469.407 535.215 469.802 534.82C470.198 534.425 470.42 533.888 470.42 533.329V530.893C470.42 530.334 470.198 529.798 469.802 529.402C469.407 529.007 468.871 528.785 468.312 528.785H440.738C438.268 528.399 434.698 526.904 433.939 521.622V516.783H506.47C510.243 516.777 513.86 515.276 516.529 512.607C519.197 509.939 520.698 506.322 520.704 502.549V388.607C520.602 384.909 519.067 381.396 516.424 378.808C513.781 376.22 510.237 374.76 506.538 374.735ZM515.366 502.549C515.363 504.888 514.432 507.131 512.777 508.784C511.121 510.437 508.877 511.366 506.538 511.366H307.927C305.591 511.354 303.354 510.422 301.701 508.771C300.048 507.12 299.113 504.885 299.098 502.549V388.935C299.104 386.597 300.037 384.356 301.691 382.703C303.346 381.051 305.588 380.121 307.927 380.118H506.538C508.876 380.124 511.116 381.055 512.77 382.706C514.424 384.358 515.357 386.598 515.366 388.935V502.549Z" fill="#232B41" class="tblr-illustrations-ai-c"/>
<path d="M515.366 388.935V502.549C515.36 504.887 514.428 507.126 512.773 508.777C511.118 510.428 508.876 511.355 506.538 511.355H307.927C305.59 511.352 303.35 510.424 301.695 508.774C300.041 507.124 299.107 504.886 299.098 502.549V388.935C299.11 386.598 300.044 384.359 301.697 382.706C303.35 381.053 305.589 380.119 307.927 380.107H506.538C507.744 380.107 508.936 380.358 510.04 380.844C511.621 381.525 512.968 382.654 513.914 384.092C514.861 385.53 515.365 387.214 515.366 388.935Z" fill="white" class="tblr-illustrations-ai-d"/>
<path d="M251.375 151.78H209.443C206.936 151.777 204.532 150.781 202.758 149.009C200.985 147.238 199.985 144.835 199.979 142.328V130.508C199.979 129.802 200.26 129.124 200.759 128.625C201.259 128.125 201.936 127.845 202.643 127.845C203.349 127.845 204.026 128.125 204.526 128.625C205.025 129.124 205.306 129.802 205.306 130.508V142.328C205.309 143.425 205.746 144.475 206.521 145.25C207.296 146.025 208.346 146.462 209.443 146.465H251.375C251.738 146.441 252.103 146.492 252.446 146.615C252.789 146.738 253.103 146.93 253.369 147.179C253.635 147.428 253.847 147.729 253.992 148.063C254.137 148.398 254.212 148.758 254.212 149.122C254.212 149.487 254.137 149.847 253.992 150.182C253.847 150.516 253.635 150.817 253.369 151.066C253.103 151.315 252.789 151.507 252.446 151.63C252.103 151.753 251.738 151.804 251.375 151.78Z" fill="#A7AAB3"/>
<path d="M270.924 50.8708H224.844C223.915 48.8864 222.337 47.2781 220.37 46.3114C218.404 45.3447 216.166 45.0773 214.028 45.5533C211.889 46.0294 209.976 47.2204 208.605 48.9299C207.234 50.6393 206.487 52.7651 206.487 54.9563C206.487 57.1476 207.234 59.2733 208.605 60.9828C209.976 62.6923 211.889 63.8833 214.028 64.3593C216.166 64.8354 218.404 64.568 220.37 63.6013C222.337 62.6345 223.915 61.0263 224.844 59.0419H270.947C272.359 59.0449 273.712 59.607 274.71 60.6053C275.708 61.6036 276.27 62.9567 276.273 64.3684V80.7333C276.244 81.288 276.328 81.8427 276.52 82.3638C276.712 82.8849 277.009 83.3615 277.391 83.7644C277.773 84.1673 278.233 84.4882 278.744 84.7075C279.254 84.9267 279.804 85.0398 280.359 85.0398C280.914 85.0398 281.464 84.9267 281.974 84.7075C282.484 84.4882 282.945 84.1673 283.327 83.7644C283.709 83.3615 284.005 82.8849 284.198 82.3638C284.39 81.8427 284.474 81.288 284.445 80.7333V64.3231C284.427 60.7491 282.994 57.3276 280.461 54.8067C277.927 52.2858 274.498 50.8707 270.924 50.8708ZM216.106 59.2686C215.274 59.2731 214.458 59.0371 213.757 58.5888C213.056 58.1405 212.499 57.4991 212.154 56.7418C211.809 55.9845 211.689 55.1436 211.811 54.3203C211.933 53.4969 212.289 52.7262 212.839 52.1009C213.388 51.4757 214.106 51.0225 214.907 50.7959C215.708 50.5694 216.557 50.5791 217.353 50.8239C218.148 51.0687 218.856 51.5382 219.391 52.1758C219.926 52.8135 220.265 53.5921 220.367 54.418C220.292 54.7729 220.292 55.1398 220.367 55.4947C220.238 56.5344 219.734 57.4913 218.949 58.186C218.165 58.8807 217.154 59.2656 216.106 59.2686Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M471.904 343.977C470.907 346.742 469.207 348.895 465.433 352.103C460.487 356.475 454.874 360.029 448.808 362.631C445.6 363.98 442.552 364.898 438.721 366.167C435.321 367.3 432.477 368.048 430.448 368.581C417.847 356.018 407.279 341.569 399.124 325.753C423.535 353.066 472.788 338.22 472.788 338.22C472.855 340.177 472.556 342.13 471.904 343.977Z" fill="black" opacity="0.1"/>
<path d="M418.82 493.301H426.878C429.475 493.301 431.581 491.195 431.581 488.598V410.853C431.581 408.256 429.475 406.15 426.878 406.15H418.82C416.223 406.15 414.117 408.256 414.117 410.853V488.598C414.117 491.195 416.223 493.301 418.82 493.301Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M458.135 493.301H477.82C480.48 493.301 482.637 491.145 482.637 488.484V443.696C482.637 441.036 480.48 438.88 477.82 438.88H458.135C455.474 438.88 453.318 441.036 453.318 443.696V488.484C453.318 491.145 455.474 493.301 458.135 493.301Z" fill="#DADBE0"/>
<path d="M463.971 19.8522C463.974 18.0607 463.476 16.304 462.535 14.7795C461.594 13.2549 460.247 12.023 458.644 11.2222C457.042 10.4213 455.248 10.0832 453.464 10.2458C451.679 10.4085 449.976 11.0655 448.545 12.1429C447.113 13.2204 446.011 14.6756 445.361 16.3452C444.711 18.0147 444.54 19.8324 444.866 21.5939C445.193 23.3555 446.004 24.9912 447.208 26.3171C448.413 27.6431 449.964 28.6068 451.686 29.1V52.1854C451.686 52.9188 451.395 53.6221 450.876 54.1407C450.358 54.6593 449.654 54.9507 448.921 54.9507H421.722C419.576 54.9507 417.517 55.8032 416 57.3207C414.482 58.8382 413.63 60.8964 413.63 63.0424V74.7381C413.63 75.4445 413.91 76.1219 414.41 76.6213C414.909 77.1208 415.587 77.4014 416.293 77.4014C416.999 77.4014 417.677 77.1208 418.176 76.6213C418.676 76.1219 418.956 75.4445 418.956 74.7381V63.0424C418.956 62.309 419.248 61.6057 419.766 61.0871C420.285 60.5685 420.988 60.2772 421.722 60.2772H448.921C451.065 60.2742 453.12 59.4203 454.635 57.9031C456.15 56.386 457.001 54.3295 457.001 52.1854V29.1C459.009 28.5225 460.774 27.3083 462.031 25.6403C463.288 23.9723 463.969 21.9409 463.971 19.8522ZM454.338 24.1588C453.484 24.1588 452.648 23.9053 451.938 23.4303C451.228 22.9553 450.674 22.2803 450.348 21.4907C450.021 20.701 449.937 19.8322 450.104 18.9944C450.272 18.1565 450.684 17.3871 451.289 16.7837C451.894 16.1803 452.664 15.7699 453.503 15.6046C454.341 15.4393 455.21 15.5264 455.998 15.855C456.787 16.1835 457.461 16.7387 457.934 17.4503C458.407 18.1618 458.658 18.9978 458.656 19.8522C458.656 20.4187 458.544 20.9797 458.327 21.5029C458.11 22.0261 457.792 22.5014 457.391 22.9014C456.99 23.3015 456.513 23.6185 455.99 23.8342C455.466 24.05 454.905 24.1603 454.338 24.1588Z" fill="#A7AAB3"/>
<path d="M445.022 127.629V171.091C445.022 171.443 445.022 171.794 445.022 172.134C444.783 174.881 443.64 177.471 441.772 179.499C439.904 181.527 437.416 182.879 434.698 183.342V197.475C434.7 199.183 434.247 200.861 433.387 202.336C432.527 203.812 431.289 205.032 429.802 205.872V214.78C429.796 216.482 429.117 218.111 427.913 219.313C426.709 220.515 425.078 221.192 423.376 221.195H408.054C406.355 221.189 404.726 220.511 403.525 219.309C402.323 218.108 401.645 216.48 401.639 214.78V207.119H383.688C382.419 207.121 381.162 206.872 379.989 206.387C378.817 205.903 377.751 205.192 376.853 204.295C375.955 203.398 375.243 202.333 374.757 201.161C374.271 199.989 374.021 198.732 374.021 197.463V190.663H288.524C286.928 190.665 285.347 190.352 283.872 189.742C282.396 189.132 281.056 188.237 279.926 187.109C278.797 185.981 277.901 184.641 277.29 183.166C276.679 181.692 276.364 180.111 276.364 178.514V176.089C274.199 176.04 272.082 175.436 270.217 174.334C268.352 173.233 266.8 171.672 265.711 169.799C264.929 168.473 264.403 167.013 264.158 165.493C264.054 164.825 264.001 164.151 264 163.476V118.177C264.017 114.862 265.331 111.684 267.661 109.325C269.99 106.966 273.151 105.612 276.466 105.552C276.466 105.178 276.557 104.804 276.625 104.419C277.178 101.662 278.669 99.1819 280.845 97.4007C283.021 95.6196 285.747 94.6475 288.558 94.65H306.691V89.3801C306.691 86.8182 307.708 84.3611 309.519 82.5485C311.329 80.7359 313.785 79.7161 316.347 79.7131H334.129V78.0698C334.135 75.9004 334.998 73.8215 336.531 72.2865C338.064 70.7515 340.142 69.8849 342.311 69.876H369.329C371.499 69.882 373.579 70.7475 375.112 72.2832C376.646 73.8188 377.508 75.8995 377.511 78.0698V79.7131H400.008C402.146 79.7154 404.224 80.4279 405.914 81.7385C407.604 83.0492 408.811 84.884 409.346 86.9549H418.344C420.409 86.9552 422.397 87.7373 423.909 89.1439C425.421 90.5504 426.344 92.4772 426.493 94.5367C426.504 94.7367 426.504 94.9373 426.493 95.1373V104.85C428.76 105.208 430.825 106.364 432.317 108.109C433.808 109.854 434.628 112.074 434.63 114.369V115.321C437.538 115.812 440.178 117.318 442.081 119.571C443.984 121.825 445.026 124.68 445.022 127.629Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M299.121 113.055V115.424C299.121 115.724 299.24 116.012 299.453 116.225C299.665 116.438 299.953 116.557 300.254 116.557C300.555 116.557 300.843 116.438 301.055 116.225C301.268 116.012 301.387 115.724 301.387 115.424V113.055C301.384 110.778 300.478 108.594 298.868 106.984C297.258 105.374 295.074 104.468 292.797 104.465H276.591C276.523 104.839 276.466 105.213 276.432 105.598C274.717 105.632 273.028 106.018 271.468 106.731H292.774C294.454 106.731 296.064 107.397 297.254 108.582C298.443 109.767 299.115 111.376 299.121 113.055Z" fill="white"/>
<path d="M403.487 129.805C401.804 129.805 400.189 129.137 398.999 127.946C397.809 126.756 397.14 125.142 397.14 123.459V121.102C397.14 120.801 397.021 120.513 396.808 120.3C396.596 120.088 396.308 119.968 396.007 119.968C395.706 119.968 395.418 120.088 395.206 120.3C394.993 120.513 394.874 120.801 394.874 121.102V123.459C394.877 125.736 395.783 127.92 397.393 129.53C399.003 131.14 401.187 132.046 403.464 132.049H445V129.783L403.487 129.805Z" fill="white"/>
<path d="M393.865 177.449V177.971C392.065 178.49 390.512 179.641 389.494 181.214C388.475 182.786 388.058 184.673 388.32 186.528C388.582 188.383 389.505 190.082 390.92 191.31C392.334 192.539 394.145 193.215 396.018 193.215C397.892 193.215 399.702 192.539 401.117 191.31C402.531 190.082 403.454 188.383 403.716 186.528C403.978 184.673 403.562 182.786 402.543 181.214C401.524 179.641 399.972 178.49 398.171 177.971V177.449C398.171 176.04 398.731 174.688 399.728 173.691C400.725 172.694 402.077 172.134 403.487 172.134H444.977C444.977 171.794 444.977 171.443 444.977 171.092V167.828H403.487C400.936 167.831 398.49 168.845 396.686 170.649C394.883 172.453 393.868 174.898 393.865 177.449ZM399.531 185.383C399.534 186.069 399.332 186.74 398.952 187.312C398.573 187.884 398.032 188.33 397.398 188.595C396.765 188.859 396.067 188.929 395.394 188.796C394.72 188.664 394.101 188.335 393.615 187.85C393.129 187.365 392.798 186.748 392.663 186.075C392.528 185.402 392.596 184.704 392.858 184.069C393.121 183.435 393.565 182.893 394.136 182.511C394.706 182.13 395.377 181.926 396.063 181.926C396.981 181.938 397.857 182.313 398.498 182.97C399.14 183.626 399.495 184.51 399.486 185.428L399.531 185.383Z" fill="white"/>
<path d="M379.619 138.951C379.421 136.546 378.326 134.303 376.553 132.666C374.78 131.029 372.456 130.117 370.043 130.111H264V134.418H370.043C371.316 134.418 372.547 134.876 373.51 135.708C374.473 136.541 375.105 137.692 375.29 138.951C373.495 139.472 371.948 140.624 370.934 142.194C369.919 143.765 369.506 145.649 369.769 147.5C370.032 149.35 370.955 151.044 372.367 152.269C373.779 153.495 375.585 154.169 377.455 154.169C379.324 154.169 381.131 153.495 382.543 152.269C383.955 151.044 384.877 149.35 385.141 147.5C385.404 145.649 384.99 143.765 383.976 142.194C382.962 140.624 381.415 139.472 379.619 138.951ZM377.5 149.887C376.814 149.887 376.143 149.684 375.572 149.302C375.002 148.921 374.557 148.378 374.295 147.744C374.033 147.11 373.965 146.412 374.1 145.739C374.234 145.066 374.566 144.448 375.052 143.963C375.538 143.479 376.157 143.149 376.831 143.017C377.504 142.884 378.202 142.955 378.835 143.219C379.469 143.483 380.009 143.929 380.389 144.501C380.769 145.073 380.97 145.745 380.968 146.431C380.965 147.349 380.598 148.228 379.948 148.876C379.298 149.524 378.418 149.887 377.5 149.887Z" fill="white"/>
<path d="M341.393 144.278C339.523 144.279 337.717 144.955 336.305 146.181C334.894 147.407 333.973 149.102 333.711 150.953C333.449 152.805 333.864 154.688 334.88 156.258C335.896 157.828 337.444 158.978 339.24 159.498V160.144C339.24 161.554 338.68 162.905 337.683 163.902C336.686 164.899 335.334 165.459 333.924 165.459H264.158C264.403 166.979 264.929 168.439 265.711 169.766H333.924C336.475 169.763 338.921 168.748 340.725 166.944C342.529 165.14 343.543 162.695 343.546 160.144V159.521C345.342 159.001 346.89 157.85 347.906 156.281C348.922 154.711 349.337 152.827 349.075 150.976C348.813 149.125 347.892 147.43 346.48 146.204C345.069 144.977 343.263 144.301 341.393 144.3V144.278ZM341.393 155.509C340.707 155.509 340.036 155.305 339.465 154.923C338.895 154.542 338.45 154 338.188 153.365C337.926 152.731 337.858 152.033 337.992 151.36C338.127 150.687 338.459 150.069 338.945 149.585C339.431 149.1 340.05 148.771 340.723 148.638C341.397 148.506 342.094 148.576 342.728 148.84C343.361 149.104 343.902 149.551 344.282 150.122C344.662 150.694 344.863 151.366 344.861 152.052C344.858 152.97 344.491 153.849 343.841 154.497C343.191 155.145 342.311 155.509 341.393 155.509Z" fill="white"/>
<path d="M334.117 115.616C335.983 115.606 337.782 114.924 339.187 113.697C340.592 112.469 341.509 110.778 341.77 108.93C342.031 107.083 341.62 105.203 340.61 103.635C339.6 102.066 338.06 100.912 336.27 100.385V99.8748C336.27 98.4641 336.83 97.1109 337.827 96.1124C338.823 95.1138 340.175 94.5512 341.586 94.5482H426.481C426.371 92.9877 425.812 91.4924 424.872 90.2417H341.574C339.021 90.2447 336.574 91.2609 334.77 93.0672C332.966 94.8734 331.953 97.3219 331.953 99.8748V100.385C330.147 100.897 328.588 102.046 327.564 103.618C326.541 105.191 326.121 107.082 326.384 108.94C326.647 110.798 327.574 112.498 328.993 113.726C330.413 114.953 332.229 115.625 334.106 115.616H334.117ZM334.117 104.385C334.803 104.385 335.474 104.589 336.044 104.97C336.614 105.351 337.059 105.892 337.321 106.526C337.584 107.16 337.652 107.857 337.518 108.53C337.385 109.202 337.054 109.82 336.569 110.305C336.084 110.79 335.466 111.121 334.794 111.255C334.121 111.388 333.424 111.32 332.79 111.057C332.156 110.795 331.615 110.35 331.234 109.78C330.853 109.21 330.649 108.539 330.649 107.853C330.648 107.397 330.736 106.946 330.91 106.524C331.084 106.103 331.339 105.72 331.662 105.398C331.984 105.075 332.367 104.82 332.788 104.646C333.21 104.473 333.661 104.384 334.117 104.385Z" fill="white"/>
<path d="M492.53 192.42L505.291 177.279V172.757H483.441V178.435H495.885L483.158 193.587V198.109H505.835V192.42H492.53Z" fill="#A7AAB3"/>
<path d="M467.62 225.864L477.231 214.463V211.052H460.787V215.336H470.148L460.56 226.737V230.148H477.639V225.864H467.62Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M442.937 248.371L449.329 240.79V238.523H438.393V241.368H444.614L438.245 248.949V251.216H449.601V248.371H442.937Z" fill="#A7AAB3"/>
<path d="M333.471 374.735L330.559 380.118H317.333C318.229 378.211 319.327 376.407 320.608 374.735H333.471Z" fill="black" opacity="0.3"/>
<path d="M448.66 380.118L442.733 374.735H415.783C417.793 376.781 420.033 378.587 422.458 380.118H448.66Z" fill="black" opacity="0.3"/>
<path d="M462.589 380.118L468.504 374.735H495.454C493.443 376.784 491.199 378.59 488.768 380.118H462.589Z" fill="black" opacity="0.3"/>
<path d="M406.955 357.667C404.473 351.672 401.492 344.306 398.546 336.678C398.806 314.012 398.806 294.86 398.546 282.405C401.398 281.594 404.292 280.935 407.215 280.433C407.612 296.492 407.533 324.382 406.955 357.667Z" fill="black" opacity="0.1"/>
<path d="M464.186 343.898L566.308 328.496C567.192 331.08 568.088 333.664 568.972 336.237L491.839 365.612C491.839 365.612 432.363 363.13 433.939 362.371C435.514 361.611 464.186 343.898 464.186 343.898Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M464.186 343.898L566.308 328.496C567.192 331.08 568.088 333.664 568.972 336.237L491.839 365.612C491.839 365.612 432.363 363.13 433.939 362.371C435.514 361.611 464.186 343.898 464.186 343.898Z" fill="black" opacity="0.25"/>
<path d="M448.649 285.669C448.101 286.927 447.433 288.13 446.654 289.261C444.365 292.426 441.219 294.871 437.588 296.31L430.233 283.742C431.121 282.988 432.048 282.28 433.009 281.623C434.211 280.795 434.505 280.705 434.902 280.387C435.882 279.481 436.552 278.291 436.818 276.983C437.085 275.676 436.934 274.317 436.387 273.1C434.777 270.38 430.108 270.38 426.255 270.505H425.065C418.32 270.965 411.623 271.97 405.039 273.508C403.438 268.975 401.828 264.442 400.212 259.909L399.464 257.767H399.69C405.514 256.894 411.408 256.59 417.29 256.86C419.398 256.951 421.348 257.121 423.138 257.325C424.691 257.506 426.108 257.721 427.4 257.937C437.248 259.591 442.835 260.634 446.666 265.62C450.712 270.868 451.505 278.982 448.649 285.669Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M394.182 324.065C388.948 324.206 383.722 323.56 378.679 322.15C364.818 318.228 355.514 308.822 354.596 299.359C353.633 289.556 361.781 280.455 366.824 275.82C368.013 274.714 369.257 273.67 370.553 272.692C371.938 271.659 373.387 270.717 374.893 269.87C376.894 268.733 378.987 267.767 381.149 266.98L388.98 276.659C386.553 277.709 384.253 279.033 382.124 280.603C381.088 281.372 380.104 282.209 379.177 283.107C377.019 285.185 375.253 287.634 373.964 290.338C373.325 291.68 372.816 293.08 372.445 294.52C372.763 296.163 373.839 298.01 376.457 299.824C379.393 301.852 384.311 303.869 392.324 305.569C392.958 311.712 393.578 317.877 394.182 324.065Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M563.702 306.261L566.49 324.824C566.49 324.824 561.957 326.717 559.588 324.303C557.219 321.889 560.121 310.375 563.702 306.261Z" fill="#232B41" class="tblr-illustrations-ai-c"/>
<path d="M577.902 318.398L579.41 335.772C579.41 335.772 575.137 337.268 573.04 334.888C570.944 332.508 574.321 322.002 577.902 318.398Z" fill="#232B41" class="tblr-illustrations-ai-c"/>
<path d="M388.98 276.659C386.553 277.709 384.253 279.033 382.124 280.603C378.639 277.883 376.11 274.124 374.905 269.87C376.903 268.736 378.992 267.769 381.149 266.98L388.98 276.659Z" fill="black" opacity="0.1"/>
<path d="M426.289 270.505H425.099C418.329 270.83 411.608 271.837 405.039 273.508C403.43 268.975 401.832 264.442 400.211 259.909L399.69 257.733C402.808 257.269 405.948 256.963 409.097 256.815C412.197 256.676 415.303 256.699 418.401 256.883C417.782 257.657 417.324 258.547 417.052 259.501C416.666 261.202 416.788 262.979 417.404 264.612C418.639 267.728 422.039 269.995 426.289 270.505Z" fill="black" opacity="0.15"/>
<path d="M379.325 266.323C379.88 268.363 380.707 271.412 381.909 274.947C382.181 275.741 382.407 276.432 382.487 276.67C383.908 280.588 385.856 284.294 388.278 287.686C388.765 288.343 389.264 288.978 389.774 289.567C391.723 291.777 402.557 292.14 411.148 288.853C419.738 285.566 421.042 276.625 416.44 274.177C414.796 273.139 413.365 271.797 412.225 270.222C410.646 268.195 409.225 266.051 407.975 263.807L406.841 261.688L398.625 257.88L382.067 262.334C382.861 264.918 382.543 266.958 381.693 267.354C380.843 267.751 379.585 266.572 379.325 266.323Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M379.325 266.323C379.88 268.363 380.707 271.412 381.909 274.948C382.181 275.741 382.407 276.432 382.487 276.67C383.908 280.588 385.856 284.294 388.278 287.686C390.374 286.412 391.902 284.385 392.55 282.019C392.867 280.765 392.982 279.468 392.89 278.178C392.879 277.339 392.811 276.502 392.686 275.673C396.125 275.838 399.568 275.456 402.886 274.54C406.196 273.598 409.344 272.161 412.225 270.278C410.65 268.249 409.229 266.105 407.975 263.864L406.841 261.745L398.614 257.937L382.056 262.391C382.849 264.975 382.543 267.015 381.693 267.411C380.843 267.808 379.585 266.573 379.325 266.323Z" fill="black" opacity="0.1"/>
<path d="M416.372 257.279C416.121 258.51 415.742 259.71 415.239 260.861C414.573 262.34 413.712 263.724 412.678 264.974C408.02 270.732 399.316 273.316 390.624 271.457C389.155 271.13 387.715 270.687 386.317 270.131C386.468 271.001 386.688 271.857 386.974 272.692C387.084 272.929 387.171 273.176 387.235 273.429C387.326 273.667 387.348 273.644 387.36 273.667C388.213 275.348 388.907 277.104 389.434 278.914C389.618 280.146 389.391 281.405 388.788 282.495C388.024 280.899 386.851 279.534 385.388 278.54C384.82 278.195 384.225 277.895 383.609 277.645C382.08 276.75 380.744 275.562 379.677 274.149C378.609 272.735 377.832 271.125 377.39 269.41C376.947 267.695 376.849 265.91 377.099 264.157C377.349 262.403 377.944 260.717 378.849 259.195C382.328 254.48 393.049 253.528 398.511 253.834C399.822 254.018 401.158 253.842 402.376 253.324C402.613 253.193 402.824 253.02 402.999 252.814C404.133 251.511 403.747 249.312 402.999 248.02C401.617 245.55 398.058 244.416 393.933 245.04C402.24 240.744 411.307 242.648 415.001 248.168C415.84 249.512 416.395 251.014 416.631 252.581C416.867 254.149 416.779 255.747 416.372 257.279Z" fill="#232B41" class="tblr-illustrations-ai-c"/>
<path d="M416.372 257.279C416.121 258.51 415.741 259.71 415.239 260.861C414.573 262.34 413.712 263.724 412.678 264.974C408.02 270.732 399.316 273.316 390.624 271.457L386.317 270.131L383.201 268.624C387.939 269.457 392.787 269.457 397.525 268.624C401.753 267.864 407.623 266.822 412.576 262.209C414.069 260.755 415.348 259.095 416.372 257.279Z" fill="black" opacity="0.5"/>
<path d="M431.321 366.303C435.38 372.787 441.438 377.775 448.581 380.515C457.109 383.188 466.271 383.049 474.715 380.118L557.661 328.655C556.607 326.739 555.565 324.824 554.511 322.92L455.301 345.382L454.032 347.173L431.321 366.303Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M394.182 324.065C388.948 324.205 383.722 323.56 378.679 322.15C379.812 315.066 377.659 304.685 376.412 299.823C379.347 301.852 384.266 303.869 392.278 305.569C392.943 311.712 393.578 317.877 394.182 324.065Z" fill="black" opacity="0.1"/>
<path d="M448.649 285.668C448.1 286.927 447.433 288.13 446.654 289.261C444.364 292.426 441.219 294.871 437.588 296.31L430.233 283.742C431.121 282.987 432.047 282.28 433.009 281.622C434.211 280.795 434.505 280.704 434.902 280.387C435.762 279.631 436.381 278.637 436.681 277.531C440.274 278.755 445.623 281.248 448.649 285.668Z" fill="black" opacity="0.1"/>
<path d="M471.904 343.977C470.907 346.754 469.207 348.896 465.433 352.103C460.492 356.481 454.878 360.036 448.808 362.631C445.6 363.991 442.552 364.898 438.732 366.178C435.333 367.255 432.488 368.048 430.448 368.592C417.865 356.038 407.309 341.605 399.158 325.81V325.753C397.787 326.432 396.336 326.935 394.84 327.249C392.232 327.768 389.541 327.698 386.963 327.045C383.805 317.48 380.639 307.919 377.466 298.362C391.145 299.767 396.948 300.379 397.548 300.447H397.718C398.314 300.501 398.913 300.501 399.509 300.447C400.2 300.392 400.881 300.252 401.537 300.028C401.719 299.971 401.9 299.914 402.093 299.835C407.711 297.457 412.852 294.082 417.268 289.873C417.551 289.556 417.993 289.102 418.56 288.558C419.818 287.433 421.155 286.399 422.56 285.465C425.665 283.198 425.405 283.413 425.665 283.198C428.323 281.421 431.124 279.871 434.041 278.563C437.581 279.951 440.66 282.307 442.926 285.363C444.811 287.93 446.058 290.91 446.564 294.055L438.086 298.917C440.961 306.565 445.014 313.715 450.1 320.11C454.251 325.62 459.328 330.367 465.104 334.14C467.575 335.715 470.163 337.098 472.845 338.277C472.893 340.219 472.574 342.153 471.904 343.977Z" fill="#DADBE0"/>
<path d="M410.797 299.869C404.337 302.838 398.33 303.654 397.469 301.694C397.31 301.293 397.31 300.847 397.469 300.447C398.122 300.492 398.777 300.492 399.43 300.447C403.827 300.209 411.499 294.259 417.188 289.862C419.115 289.737 420.441 290.066 420.849 290.916C421.756 292.911 417.256 296.911 410.797 299.869Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M410.797 299.869C404.337 302.838 398.33 303.654 397.469 301.694C397.31 301.293 397.31 300.847 397.469 300.447C398.122 300.492 398.777 300.492 399.43 300.447C403.827 300.209 411.499 294.259 417.188 289.862C419.115 289.737 420.441 290.066 420.849 290.916C421.756 292.911 417.256 296.911 410.797 299.869Z" fill="black" opacity="0.1"/>
<path d="M471.904 343.977C470.907 346.754 469.207 348.895 465.433 352.103C460.492 356.481 454.878 360.036 448.808 362.631C445.6 363.991 442.552 364.898 438.733 366.178C435.333 367.255 432.488 368.048 430.448 368.592C417.865 356.038 407.309 341.605 399.158 325.81C400.291 327.476 423.852 362.722 472.822 338.276C472.878 340.217 472.566 342.151 471.904 343.977Z" fill="black" opacity="0.1"/>
<path d="M392.414 511.366C391.145 515.763 387.745 523.39 379.143 525.464C379.877 524.314 380.342 523.012 380.503 521.656V516.817H307.915C305.72 516.814 303.555 516.302 301.591 515.321L303.858 510.369C305.107 511.022 306.495 511.364 307.904 511.366H392.414Z" fill="black" opacity="0.3"/>
<path d="M382.872 509.417H367.13L365.736 499.625L370.553 497.608C375.086 495.08 377.103 496.055 377.681 496.406C378.996 497.188 379.234 498.582 381.081 504.271C381.852 506.515 382.475 508.317 382.872 509.417Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M382.872 509.417H367.13L365.736 499.625L370.553 497.608C375.086 495.08 377.103 496.055 377.681 496.406C378.996 497.188 379.234 498.582 381.081 504.271C381.852 506.515 382.475 508.317 382.872 509.417Z" fill="black" opacity="0.1"/>
<path d="M376.287 513.395C382.083 513.395 386.782 511.817 386.782 509.87C386.782 507.923 382.083 506.345 376.287 506.345C370.492 506.345 365.793 507.923 365.793 509.87C365.793 511.817 370.492 513.395 376.287 513.395Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M325.289 496.361L278.245 504.113L276.772 504.351C270.403 521.297 264.049 538.244 257.71 555.191L249.72 553.967C251.329 534.542 252.935 515.121 254.537 495.704L290.077 480.517L305.037 473.627L324.688 495.658C324.869 495.896 325.073 496.112 325.289 496.361Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M324.654 495.658L278.574 503.251C278.461 503.535 278.359 503.829 278.245 504.113L276.772 504.351C270.403 521.297 264.049 538.244 257.71 555.191L249.72 553.967C251.329 534.542 252.935 515.121 254.537 495.704L290.077 480.517L305.037 473.627L324.654 495.658Z" fill="black" opacity="0.25"/>
<path d="M262.243 505.393L302.362 486.377L306.895 481.401C306.623 478.817 306.34 476.222 306.068 473.627L337.8 495.103C336.452 499.818 333.143 508.374 325.005 513.576C317.684 518.268 309.468 518.268 300.311 518.324C296.102 518.355 291.898 518.036 287.742 517.372L286.416 567.612H278.993C273.395 546.872 267.811 526.133 262.243 505.393Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M278.483 589.042L289.93 577.279C289.93 577.279 287.663 573.324 284.728 573.664C281.793 574.004 278.007 584.045 278.483 589.042Z" fill="#232B41" class="tblr-illustrations-ai-c"/>
<path d="M239.033 565.731L255.443 565.243C255.443 565.243 256.577 560.823 254.242 559.033C251.907 557.242 242.195 561.843 239.033 565.731Z" fill="#232B41" class="tblr-illustrations-ai-c"/>
<path d="M311.134 420.101H311.213C311.538 419.979 311.871 419.88 312.21 419.806C311.836 419.836 311.471 419.936 311.134 420.101Z" fill="#DADBE0"/>
<path d="M362.676 449.963C362.507 450.221 362.287 450.441 362.03 450.61C361.773 450.78 361.484 450.895 361.18 450.949C358.721 451.097 356.579 444.558 356.035 442.778C353.694 453.208 350.665 463.472 346.969 473.502C344.056 481.435 340.928 488.609 337.789 495.114L329.403 491.046C323.011 487.933 316.672 484.805 310.386 481.662C318.398 480.143 319.158 477.831 319.271 477.129C319.781 473.933 312.868 470.329 308.051 468.153C305.909 467.212 304.175 466.555 303.722 466.385C303.79 465.818 303.858 465.252 303.915 464.685C307.951 457.059 310.574 448.766 311.655 440.206C306.102 452.222 296.664 462.019 284.864 468.017C284.15 468.38 283.481 468.708 282.858 468.992L281.022 466.646C279.356 464.447 277.679 462.226 276.013 460.004L278.279 457.194C291.743 440.432 301.047 428.737 303.405 425.325C304.464 423.741 305.791 422.353 307.326 421.223C308.931 420.076 310.721 419.214 312.618 418.673C316.046 417.769 319.64 417.696 323.102 418.458C333.97 420.373 340.781 420.395 347.853 421.767C355.911 423.342 359.968 424.158 361.18 425.371C361.677 425.886 362.097 426.47 362.427 427.105C366.439 433.938 365.929 446.303 362.676 449.963Z" fill="#DADBE0"/>
<path d="M312.21 419.784C312.505 419.784 312.868 419.704 313.276 419.682C312.917 419.659 312.558 419.694 312.21 419.784Z" fill="#DADBE0"/>
<path d="M327.351 379.665C327.068 381.863 326.762 385.093 326.399 389.173C326.331 390.012 326.275 390.85 326.286 391.134C326.126 395.553 326.506 399.976 327.419 404.303L328.099 406.785C329.017 409.72 338.73 414.718 347.819 415.182C356.908 415.647 361.418 407.487 358.189 403.169C357.097 401.433 356.329 399.513 355.922 397.503C355.254 394.868 354.788 392.185 354.528 389.479C354.335 387.904 354.245 386.918 354.245 386.918L348.215 379.778L331.375 377.115C331.08 379.982 330.049 381.852 329.108 381.852C328.167 381.852 327.465 380.027 327.397 379.585" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M327.351 379.665C327.068 381.863 326.762 385.093 326.399 389.173C326.331 390.012 326.275 390.85 326.286 391.134C326.126 395.553 326.506 399.976 327.419 404.303C328.546 404.14 329.628 403.755 330.604 403.169C331.715 402.528 332.665 401.64 333.381 400.574C334.159 399.491 334.749 398.284 335.126 397.004C335.459 396.188 335.713 395.342 335.885 394.477C341.965 397.632 348.915 398.699 355.661 397.514C354.999 394.874 354.533 392.188 354.267 389.479C354.075 387.904 353.995 386.929 353.995 386.929L347.955 379.789L331.171 377.115C330.876 379.971 329.833 381.841 328.904 381.841C327.975 381.841 327.442 380.073 327.374 379.676" fill="black" opacity="0.1"/>
<path d="M324.654 382.94C324.162 386.446 325.034 390.008 327.091 392.89C327.499 393.4 327.918 393.91 328.315 394.5C329.242 396.111 329.741 397.933 329.765 399.792C330.704 398.963 331.368 397.868 331.669 396.653C331.88 394.715 331.956 392.765 331.896 390.816C331.914 390.723 331.914 390.627 331.896 390.533C331.888 390.252 331.907 389.972 331.953 389.694C332.043 388.776 332.225 387.87 332.372 387.065V386.974C336.248 390.227 347.354 398.511 356.511 393.661C357.926 392.886 359.236 391.934 360.41 390.828C360.531 390.76 360.63 390.657 360.693 390.533C360.974 390.254 361.225 389.946 361.441 389.615H361.554C362.163 388.785 362.658 387.878 363.028 386.918L363.13 386.566C363.398 385.497 363.415 384.379 363.179 383.302C362.943 382.224 362.461 381.216 361.77 380.356C359.827 378.051 357.471 376.129 354.823 374.689C348.136 370.689 337.37 368.218 330.219 373.669C328.388 375.089 326.945 376.949 326.025 379.075C325.307 380.289 324.837 381.634 324.643 383.031" fill="#232B41" class="tblr-illustrations-ai-c"/>
<path d="M332.383 386.975C336.259 390.227 347.366 398.512 356.523 393.661C357.937 392.886 359.247 391.934 360.421 390.828C360.543 390.76 360.641 390.657 360.705 390.533C360.985 390.254 361.236 389.947 361.453 389.615H361.566C362.174 388.785 362.67 387.878 363.039 386.918C360.839 388.491 358.391 389.686 355.797 390.454C343.002 394.115 331.613 385.184 329.867 383.654L329.72 383.507C330.504 384.739 331.396 385.899 332.383 386.975Z" fill="black" opacity="0.5"/>
<path d="M342.708 420.634C339.529 422.887 335.735 424.109 331.839 424.136H331.397L326.49 418.412L342.708 420.634Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M333.381 423.274L325.334 414.604L322.727 416.486L327.215 427.377L333.381 423.274Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M333.913 423.297L350.017 417.29L352.658 420.94L340.339 431.638L333.913 423.297Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M333.381 423.274L325.334 414.604L322.727 416.486L327.215 427.377L333.381 423.274Z" fill="black" opacity="0.11"/>
<path d="M308.04 468.131C307.779 464.153 318.784 461.444 329.777 456.288C340.207 451.336 349.774 444.739 358.109 436.75C355.168 449.511 351.355 462.056 346.697 474.296C343.852 481.753 340.86 488.689 337.812 495.103L329.425 491.046C323.033 487.918 316.695 484.79 310.408 481.662C318.421 480.144 319.18 477.832 319.294 477.129C319.781 473.763 308.301 472.188 308.04 468.131Z" fill="black" opacity="0.1"/>
<path d="M362.676 449.964C362.29 450.445 361.763 450.793 361.169 450.961C360.33 451.165 358.902 451.029 356.421 448.479C356.421 448.513 359.163 448.966 362.676 449.964Z" fill="black" opacity="0.1"/>
<path d="M360.217 424.714C360.534 424.895 361.01 425.178 361.566 425.552C374.451 434.12 374.882 451.834 378.305 468.493C380.899 480.981 385.121 493.075 390.862 504.464H364.852L350.777 430.799L352.318 429.825C354.978 428.11 357.611 426.406 360.217 424.714Z" fill="#DADBE0"/>
<path d="M311.621 440.194C306.068 452.211 296.63 462.007 284.83 468.006C283.549 467.552 282.269 467.076 281.022 466.589C279.356 464.39 277.679 462.169 276.013 459.948L278.279 457.137C295.596 453.873 311.088 440.659 311.621 440.194Z" fill="black" opacity="0.1"/>
<path d="M329.89 492.564C329.907 492.711 329.907 492.86 329.89 493.006C329.783 493.526 329.476 493.982 329.034 494.275C328.592 494.568 328.053 494.674 327.533 494.57L275.752 484.609C275.305 484.524 274.901 484.288 274.606 483.942C274.312 483.596 274.144 483.159 274.131 482.705L273.825 468.618L273.531 454.735C273.514 454.584 273.514 454.432 273.531 454.281C273.635 453.769 273.935 453.318 274.367 453.024C274.799 452.73 275.328 452.616 275.843 452.706L327.623 462.668C328.073 462.756 328.479 462.995 328.774 463.345C329.068 463.696 329.234 464.137 329.244 464.595L329.89 492.564Z" fill="#232B41" class="tblr-illustrations-ai-c"/>
<path d="M284.184 472.607C281.907 476.91 278.389 480.428 274.086 482.705L273.78 468.618L284.184 472.607Z" fill="black" opacity="0.1"/>
<path d="M283.901 473.967C282.824 476.528 279.061 477.446 275.129 476.234C274.697 476.108 274.273 475.956 273.859 475.78C269.508 473.967 266.924 470.193 268.114 467.36C269.009 465.218 271.786 464.22 274.97 464.651C276.061 464.799 277.128 465.088 278.143 465.512C282.507 467.36 285.079 471.179 283.901 473.967Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M276.001 470.68C276.015 472.574 275.72 474.457 275.129 476.256C274.697 476.13 274.273 475.979 273.859 475.803C269.508 473.99 266.924 470.216 268.114 467.382C269.009 465.24 271.786 464.243 274.97 464.674C275.667 466.599 276.016 468.633 276.001 470.68Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

32
src/illustrations/bad-news.svg Normal file
View File

@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-bad-news-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-bad-news-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-bad-news-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-bad-news-a { fill: black; opacity: 0.07; } .tblr-illustrations-bad-news-b { fill: #1A2030; } .tblr-illustrations-bad-news-c { fill: #454C5E; } }
</style>
<path d="M155 329.283C155 370.808 198.897 400.919 218.291 434.442C238.305 469.019 243.115 521.892 277.702 541.94C311.237 561.334 358.957 539.635 400.471 539.635C441.985 539.635 489.716 561.334 523.229 541.94C557.817 521.992 562.626 469.063 582.641 434.442C602.035 400.919 645.932 370.808 645.932 329.283C645.932 287.758 602.035 257.659 582.641 224.146C562.626 189.559 557.817 136.685 523.229 116.649C489.716 97.2546 441.974 118.943 400.471 118.943C358.968 118.943 311.237 97.2546 277.702 116.649C243.115 136.597 238.305 189.514 218.291 224.146C198.897 257.659 155 287.78 155 329.283Z" fill="#F7F8FC" class="tblr-illustrations-bad-news-a"/>
<path d="M199.539 520.917C199.539 523.322 289.494 525.272 400.471 525.272C511.449 525.272 601.392 523.322 601.392 520.917C601.392 518.512 511.438 516.595 400.527 516.595C289.616 516.595 199.539 518.545 199.539 520.917Z" fill="#A6A9B3" class="tblr-illustrations-bad-news-b"/>
<path d="M551.877 364.425H256.259C253.408 364.425 250.673 365.558 248.657 367.573C246.641 369.589 245.509 372.324 245.509 375.175V376.527C245.509 377.938 245.787 379.335 246.327 380.639C246.868 381.942 247.66 383.127 248.658 384.124C249.656 385.121 250.841 385.912 252.146 386.451C253.45 386.99 254.847 387.267 256.259 387.265H286.181V518.911C286.181 519.293 286.332 519.66 286.603 519.93C286.873 520.2 287.239 520.352 287.621 520.352H290.946C291.329 520.352 291.697 520.2 291.969 519.931C292.241 519.661 292.395 519.294 292.398 518.911V387.265H517.034V518.911C517.037 519.294 517.192 519.661 517.464 519.931C517.736 520.2 518.103 520.352 518.486 520.352H521.811C522.194 520.352 522.562 520.2 522.834 519.931C523.105 519.661 523.26 519.294 523.263 518.911V387.265H551.91C553.32 387.265 554.717 386.988 556.02 386.448C557.323 385.908 558.506 385.117 559.504 384.12C560.501 383.123 561.292 381.939 561.831 380.636C562.371 379.333 562.649 377.937 562.649 376.527V375.175C562.649 373.761 562.37 372.361 561.829 371.056C561.287 369.75 560.493 368.564 559.493 367.566C558.492 366.567 557.304 365.776 555.998 365.237C554.691 364.698 553.291 364.422 551.877 364.425Z" fill="#232B41" class="tblr-illustrations-bad-news-c"/>
<path d="M497.385 372.304C497.385 377.713 492.609 382.81 484.186 387.265H286.446C278.024 382.832 273.247 377.713 273.247 372.304C273.374 369.334 274.617 366.52 276.727 364.425H493.939C496.037 366.525 497.267 369.338 497.385 372.304Z" fill="black" opacity="0.3"/>
<path d="M395.052 289.454L363.534 257.57C359.888 260.573 356.142 263.887 352.352 267.544C350.49 269.328 348.728 271.102 347.033 272.864C343.963 278.083 344.174 281.319 344.916 283.292C348.152 291.836 368.078 293.953 395.052 289.454Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M464.327 342.416L387.328 334.658C387.328 333.217 387.261 331.832 387.228 330.524C387.228 330.037 387.228 329.56 387.228 329.095C387.228 328.574 387.228 328.064 387.228 327.565C387.234 327.484 387.234 327.403 387.228 327.322V327.178C387.228 326.623 387.228 326.069 387.228 325.571C387.228 325.072 387.228 324.64 387.228 324.196C387.223 324.126 387.223 324.056 387.228 323.986C387.228 323.443 387.228 322.933 387.228 322.445C387.228 321.958 387.228 321.592 387.228 321.204C387.228 320.816 387.228 320.595 387.228 320.318C387.228 320.041 387.228 319.874 387.228 319.675C387.228 319.475 387.228 319.154 387.228 318.91C387.228 318.378 387.173 317.946 387.162 317.603C387.162 317.447 387.162 317.303 387.162 317.193C387.162 317.082 387.162 316.882 387.162 316.805C387.162 316.727 387.095 316.317 387.062 316.073C387.029 315.829 386.984 315.486 386.951 315.253C386.918 315.02 386.951 315.076 386.951 315.009C386.951 314.943 386.951 314.81 386.951 314.765C386.949 314.747 386.949 314.728 386.951 314.71C386.84 314.001 386.729 313.292 386.596 312.571C386.53 312.205 386.475 311.84 386.397 311.463C385.745 308.026 384.871 304.635 383.782 301.312C383.593 300.735 383.394 300.148 383.183 299.561C382.729 298.253 382.208 296.934 381.654 295.604C381.465 295.15 381.277 294.707 381.078 294.263C380.967 294.008 380.856 293.742 380.734 293.488C380.612 293.233 380.457 292.856 380.302 292.546V292.479L379.947 291.714L379.77 291.349C379.604 291.016 379.448 290.695 379.282 290.373C378.529 288.911 377.775 287.536 377.066 286.262C376.8 285.819 376.534 285.386 376.268 284.965L375.725 284.101L375.448 283.68C375.215 283.325 374.982 282.971 374.738 282.572C374.495 282.173 374.495 282.195 374.362 282.017C373.719 281.087 373.076 280.222 372.456 279.391C365.097 269.639 361.373 264.807 362.482 260.485C362.784 259.371 363.342 258.342 364.111 257.481C365.322 256.654 366.519 255.812 367.701 254.955C375.326 249.547 382.714 243.924 389.866 238.088L391.118 237.068H391.173L391.716 236.647C392.038 236.403 392.348 236.159 392.67 235.893L393.113 235.55L393.346 235.361L393.578 235.173C393.8 234.996 394.01 234.829 394.188 234.663C394.609 234.32 395.008 233.976 395.374 233.655L396.061 233.045L396.382 232.757L396.947 232.247L397.612 231.627L397.845 231.405L398.011 231.239C398.277 230.995 398.532 230.74 398.798 230.474C399.064 230.208 399.319 229.953 399.585 229.676C399.851 229.399 400.117 229.144 400.372 228.867L401.136 228.047L401.934 227.16C402.2 226.872 402.466 226.573 402.721 226.274L403.497 225.354C403.752 225.044 404.018 224.733 404.273 224.412C405.758 222.55 407.786 219.879 411.41 218.738C411.499 218.703 411.592 218.677 411.687 218.66C414.38 218.095 420.364 220.267 426.803 224.102C427.479 224.501 428.155 224.922 428.842 225.365C429.529 225.808 430.205 226.252 430.892 226.728C432.259 227.674 433.607 228.675 434.937 229.732C435.602 230.263 436.256 230.84 436.888 231.361C437.519 231.882 438.162 232.469 438.783 233.056L439.691 233.932C440.29 234.519 440.866 235.118 441.431 235.727C441.753 236.071 442.074 236.425 442.384 236.835C442.695 237.245 442.95 237.467 443.227 237.799L443.315 237.91C467.02 267.012 465.181 325.792 464.327 342.416Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M337.546 279.712C338.171 279.118 338.965 278.731 339.818 278.604C338.965 279.048 338.2 279.413 337.546 279.712Z" fill="black" opacity="0.15"/>
<path d="M464.327 342.416L387.328 334.658C387.328 333.217 387.261 331.832 387.228 330.524C387.228 330.037 387.228 329.56 387.228 329.095C387.228 328.574 387.228 328.064 387.228 327.566V327.322C387.234 327.274 387.234 327.225 387.228 327.178C387.228 326.624 387.228 326.069 387.228 325.571C387.228 325.072 387.228 324.64 387.228 324.196C387.223 324.126 387.223 324.056 387.228 323.986C387.228 323.443 387.228 322.933 387.228 322.446C387.228 321.958 387.228 321.592 387.228 321.204C387.228 320.816 387.228 320.595 387.228 320.318C387.228 320.041 387.228 319.874 387.228 319.675C387.228 319.475 387.228 319.154 387.228 318.91C387.228 318.378 387.173 317.946 387.162 317.603C387.162 317.447 387.162 317.303 387.162 317.193C387.162 317.082 387.162 316.882 387.162 316.805C387.162 316.727 387.095 316.317 387.062 316.073C387.029 315.829 387.062 315.597 386.973 315.397C386.885 315.198 386.973 315.297 386.973 315.253C386.973 315.209 386.973 315.076 386.973 315.009C386.973 314.943 386.973 314.81 386.973 314.766C386.971 314.747 386.971 314.728 386.973 314.71C386.862 314.001 386.752 313.292 386.619 312.571C386.552 312.206 386.497 311.84 386.419 311.463C385.767 308.026 384.894 304.636 383.804 301.312C383.615 300.735 383.416 300.148 383.205 299.561C382.751 298.253 382.23 296.934 381.676 295.604C381.499 295.15 381.299 294.707 381.111 294.263C380.989 294.009 380.878 293.743 380.756 293.488C380.634 293.233 380.479 292.856 380.324 292.546V292.479C373.878 293.134 367.367 292.68 361.074 291.138C359.373 290.698 357.7 290.154 356.065 289.509C352.226 288.002 348.655 285.884 345.492 283.237C344.872 282.727 343.387 278.649 340.783 278.527H340.395C341.06 278.161 341.769 277.729 342.511 277.23C343.456 276.589 344.363 275.893 345.227 275.147C346.068 274.412 346.863 273.628 347.609 272.797C348.784 271.501 350.823 269.472 353.339 267.09L353.981 266.491C356.564 264.064 359.6 261.338 362.736 258.667L364.088 257.559C365.3 256.732 366.497 255.889 367.679 255.032L367.613 254.689L368.289 254.157C375.237 248.738 378.905 246.876 387.793 239.805L389.821 238.165L391.074 237.146H391.129L391.672 236.724C391.994 236.481 392.304 236.237 392.625 235.971L393.068 235.627L393.301 235.439L393.534 235.251C393.756 235.073 393.966 234.907 394.143 234.741C394.565 234.397 394.964 234.054 395.329 233.732L396.016 233.123L396.338 232.835L396.903 232.325L397.568 231.704L397.801 231.483L397.967 231.316C398.233 231.073 398.488 230.818 398.754 230.552C399.02 230.286 399.275 230.031 399.54 229.754C399.806 229.477 400.072 229.222 400.327 228.945L401.092 228.125L401.89 227.238C402.156 226.95 402.422 226.651 402.677 226.352L403.453 225.432C403.707 225.121 403.973 224.811 404.228 224.49C405.713 222.628 407.741 219.957 411.365 218.816C411.455 218.781 411.548 218.755 411.642 218.738C414.335 218.173 420.32 220.345 426.758 224.179C427.434 224.578 428.111 224.999 428.798 225.443C429.485 225.886 430.161 226.329 430.848 226.806C432.211 227.748 433.563 228.756 434.893 229.809C435.558 230.341 436.212 230.917 436.843 231.438C437.475 231.959 438.118 232.546 438.738 233.134L439.647 234.009C440.246 234.597 440.822 235.195 441.387 235.805C441.708 236.148 442.03 236.503 442.34 236.913C442.65 237.323 442.916 237.567 443.193 237.91C443.216 237.939 443.242 237.965 443.271 237.988C467.02 267.012 465.181 325.792 464.327 342.416Z" fill="black" opacity="0.15"/>
<path d="M305.851 374.033C307.062 373.484 308.183 372.756 309.176 371.872C314.041 367.439 315.57 360.657 312.501 356.734C309.786 353.298 304.388 353.121 299.745 356.213L297.972 357.487C293.45 361.599 291.91 367.461 293.96 371.517C294.193 371.85 294.403 372.304 294.636 372.626C297.141 375.884 301.651 376.194 305.851 374.033Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M305.851 374.033C307.062 373.484 308.183 372.756 309.176 371.872C314.041 367.439 315.57 360.657 312.501 356.734C309.785 353.298 304.388 353.121 299.745 356.213C299.867 356.379 299.956 356.678 300.188 357C301.518 360.214 302.482 365.644 300.266 368.703C298.77 370.919 296.132 371.307 294.093 371.54C294.326 371.872 294.536 372.326 294.769 372.648C297.141 375.884 301.651 376.194 305.851 374.033Z" fill="black" opacity="0.1"/>
<path d="M358.171 291.98L321.245 372.304C318.026 368.58 314.13 365.501 309.763 363.228C295.999 356.124 282.213 359.726 278.379 360.879L339.331 274.925L358.171 291.98Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M358.171 291.98L321.245 372.304C318.026 368.58 314.13 365.501 309.763 363.228C295.999 356.124 282.213 359.726 278.379 360.879L339.331 274.925L358.171 291.98Z" fill="black" opacity="0.15"/>
<path d="M569.298 79.512L555.656 62.5673L520.736 90.6385L488.065 50L459.728 72.8294L492.399 113.457L457.479 141.528L471.099 158.495L506.008 130.402L538.689 171.029L567.048 148.211L534.378 107.583L569.298 79.512Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M463.13 366.054C461.389 368.606 459.321 370.92 456.98 372.936C452.826 376.809 448.198 380.138 443.205 382.844C428.543 391.033 405.891 398.813 403.408 399.655L374.849 475.912L366.405 475.746C367.313 447.287 368.226 418.842 369.142 390.413L391.384 366.874L358.525 365.954L335.253 440.083L327.251 437.8C325.589 406.209 323.923 374.61 322.253 343.003L321.655 331.588L387.328 334.736L405.148 336.531L418.602 337.883C433.851 339.405 449.093 340.934 464.327 342.471C465.823 347.159 468.339 357.676 463.13 366.054Z" fill="#DDDDDD"/>
<path d="M306.428 462.935L335.541 459.699C335.541 459.699 336.56 452.207 331.972 449.481C327.384 446.755 311.193 455.787 306.428 462.935Z" fill="#232B41" class="tblr-illustrations-bad-news-c"/>
<path d="M353.106 504.926L379.238 491.693C379.238 491.693 377.576 484.324 372.311 483.382C367.047 482.44 354.901 496.614 353.106 504.926Z" fill="#232B41" class="tblr-illustrations-bad-news-c"/>
<path d="M397.324 230.906L397.058 231.627L384.646 265.073C384.646 265.073 363.645 261.127 366.216 259.232C367.325 258.379 367.435 256.661 367.147 255.021L367.081 254.678C366.83 253.465 366.459 252.281 365.973 251.142L385.632 231.859C391.362 233.887 397.324 230.906 397.324 230.906Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M397.324 230.906L397.058 231.627L384.646 265.073C384.646 265.073 363.645 261.127 366.216 259.232C367.325 258.379 367.435 256.661 367.147 255.021L367.081 254.678C366.83 253.465 366.459 252.281 365.973 251.142L385.632 231.859C391.362 233.887 397.324 230.906 397.324 230.906Z" fill="black" opacity="0.15"/>
<path d="M418.602 337.828L391.384 366.874L358.525 365.954L335.253 440.083L327.251 437.8C325.589 406.209 323.923 374.61 322.253 343.003L321.655 331.588L387.328 334.736L405.148 336.531L418.602 337.883V337.828Z" fill="black" opacity="0.1"/>
<path d="M364.177 174.83C366.394 178.532 369.718 184.073 373.442 190.755L375.248 194.202C379.175 201.888 382.152 210.023 384.114 218.428C384.509 220.03 384.809 221.655 385.012 223.293C385.798 229.222 372.555 245.923 356.94 254.256C341.326 262.59 326.542 251.708 328.814 241.434C329.35 237.52 329.181 233.542 328.315 229.687C327.358 224.415 325.983 219.227 324.203 214.172C323.206 211.257 322.641 209.462 322.641 209.462L327.506 191.985L355.023 173.522C357.86 178.487 361.318 180.693 362.903 179.983C364.487 179.274 364.122 175.362 364.177 174.83Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M364.177 174.83C366.394 178.532 369.718 184.073 373.442 190.755L375.248 194.202C379.175 201.888 382.152 210.023 384.114 218.428C381.957 219.052 379.699 219.255 377.465 219.026C375.034 218.794 372.676 218.066 370.538 216.887C368.317 215.526 366.302 213.854 364.554 211.922C363.359 210.73 362.249 209.456 361.229 208.11C353.04 218.688 341.573 226.249 328.625 229.61C327.657 224.406 326.351 219.272 324.713 214.239C323.727 211.324 323.151 209.529 323.151 209.529L328.027 192.052L355.544 173.589C358.381 178.554 361.828 180.759 363.423 180.061C365.019 179.363 364.122 175.362 364.177 174.83Z" fill="black" opacity="0.1"/>
<path d="M295.556 214.216C297.202 215.294 299.048 216.03 300.984 216.382C302.92 216.734 304.906 216.695 306.827 216.267C311.368 219.776 316.84 221.876 322.563 222.306C337.657 223.226 353.294 210.803 360.952 191.077L361.163 191.187L361.229 191.309C362.249 192.794 363.246 194.268 364.055 195.62C364.374 196.056 364.652 196.52 364.886 197.006L365.152 197.471C366.654 200.986 368.398 204.393 370.372 207.667C371.897 209.504 373.959 210.817 376.268 211.424C374.733 208.116 374.106 204.459 374.45 200.829C374.648 199.57 374.96 198.331 375.381 197.128C376.671 190.354 375.31 183.344 371.58 177.545C371.093 176.747 370.521 176.003 369.873 175.329L369.995 175.129C371.646 172.543 372.203 169.408 371.544 166.412C370.885 163.416 369.065 160.804 366.482 159.149C364.457 157.905 362.103 157.303 359.73 157.422C357.357 157.541 355.075 158.374 353.184 159.814C352.156 157.329 350.467 155.174 348.3 153.583C346.134 151.991 343.572 151.024 340.894 150.786C338.216 150.549 335.524 151.05 333.111 152.235C330.698 153.42 328.656 155.244 327.207 157.509C325.687 159.781 324.877 162.455 324.88 165.189C321.881 163.716 318.469 163.315 315.211 164.051C311.953 164.788 309.045 166.619 306.973 169.238C304.9 171.858 303.787 175.108 303.819 178.449C303.85 181.789 305.025 185.017 307.148 187.597C304.146 186.845 300.984 187.051 298.104 188.186C295.225 189.321 292.772 191.327 291.09 193.925C290.041 195.547 289.324 197.362 288.981 199.263C288.638 201.165 288.675 203.115 289.09 205.002C289.505 206.889 290.291 208.675 291.401 210.257C292.51 211.838 293.923 213.184 295.556 214.216Z" fill="#232B41" class="tblr-illustrations-bad-news-c"/>
<path d="M306.827 216.267C311.368 219.776 316.84 221.876 322.563 222.307C337.657 223.226 353.294 210.803 360.952 191.077L361.163 191.188L361.229 191.31C362.01 188.672 362.624 185.989 363.069 183.275L362.947 183.474C360.73 187.453 348.064 212.576 322.408 216.488C317.238 217.285 311.972 217.21 306.827 216.267Z" fill="black" opacity="0.5"/>
<path d="M332.072 225.52C332.5 227.285 332.661 229.105 332.548 230.917C331.817 239.883 325.844 247.186 319.072 247.186C313.11 247.186 308.433 241.49 307.879 233.887L307.769 230.917C308.4 222.639 313.443 216.078 319.494 214.904C320.037 214.904 320.702 214.726 321.245 214.704C326.797 214.615 330.886 219.204 332.072 225.52Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M332.072 225.52C332.5 227.285 332.661 229.105 332.548 230.917C331.817 239.883 325.844 247.186 319.072 247.186C313.11 247.186 308.433 241.49 307.879 233.887C308.145 233.887 308.544 233.732 309.087 233.71C313.642 232.458 320.291 228.956 321.732 224.035C322.84 220.611 321.078 217.386 319.626 215.037C320.169 215.037 320.845 214.859 321.389 214.837C326.797 214.615 330.886 219.203 332.072 225.52Z" fill="black" opacity="0.1"/>
<path d="M338.843 236.326L292.364 234.264C294.049 246.964 301.529 296.868 328.093 323.698C333.335 328.973 341.281 336.531 352.884 338.005C362.736 339.257 370.494 335.556 383.05 329.383C390.842 325.75 398.303 321.445 405.347 316.517C409.248 313.656 412.998 310.597 416.585 307.352C428.088 296.69 454.597 262.679 442.872 238.165C438.849 229.754 428.953 219.602 416.984 218.483C414.202 218.228 412.728 218.084 410.855 218.749C398.975 222.927 405.602 246.931 392.337 268.874C387.206 277.352 375.558 291.216 364.565 289.93C351.765 288.523 340.683 266.824 338.843 236.326Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

48
src/illustrations/bicycle.svg Normal file
View File

@ -0,0 +1,48 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-bicycle-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-bicycle-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-bicycle-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-bicycle-a { fill: black; opacity: 0.07; } .tblr-illustrations-bicycle-b { fill: #1A2030; } .tblr-illustrations-bicycle-c { fill: #454C5E; } }
</style>
<path d="M133.091 300.004C133.091 347.034 182.83 381.151 204.76 419.13C227.554 458.331 232.915 518.205 272.151 540.861C310.13 562.848 364.205 538.255 411.234 538.255C458.264 538.255 512.339 562.848 550.318 540.861C589.519 518.205 594.915 458.319 617.617 419.13C639.604 381.151 689.297 347.034 689.297 300.004C689.297 252.975 639.569 218.847 617.617 180.868C594.961 141.666 589.496 81.7925 550.318 59.1135C512.269 37.207 458.218 61.7884 411.188 61.7884C364.158 61.7884 310.084 37.1494 272.151 59.1135C232.95 81.7925 227.554 141.678 204.841 180.868C182.876 218.847 133.172 252.963 133.172 300.004" fill="#F7F8FC" class="tblr-illustrations-bicycle-a"/>
<path d="M432.334 282.214L388.521 315.5L408.963 368.756L415.224 364.34V328.667L453.883 316.561C455.935 312.272 457.976 307.487 459.867 302.253C462.489 294.948 464.555 287.455 466.047 279.839L432.334 282.214Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M432.334 282.214L388.521 315.5L408.963 368.756L415.224 364.34V328.667L453.883 316.561C455.935 312.272 457.976 307.487 459.867 302.253C462.489 294.948 464.555 287.455 466.047 279.839L432.334 282.214Z" fill="black" opacity="0.1"/>
<path d="M619.738 91.3507H501.87C500.513 91.3507 499.414 92.4502 499.414 93.8065V93.818C499.414 95.1744 500.513 96.2739 501.87 96.2739H619.738C621.094 96.2739 622.194 95.1744 622.194 93.818V93.8065C622.194 92.4502 621.094 91.3507 619.738 91.3507Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M678.125 111.516H560.256C558.9 111.516 557.8 112.616 557.8 113.972V113.984C557.8 115.34 558.9 116.439 560.256 116.439H678.125C679.481 116.439 680.58 115.34 680.58 113.984V113.972C680.58 112.616 679.481 111.516 678.125 111.516Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M304.596 201.195H186.727C185.371 201.195 184.271 202.294 184.271 203.65V203.662C184.271 205.018 185.371 206.118 186.727 206.118H304.596C305.952 206.118 307.052 205.018 307.052 203.662V203.65C307.052 202.294 305.952 201.195 304.596 201.195Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M231.324 221.348H113.456C112.1 221.348 111 222.448 111 223.804V223.816C111 225.172 112.1 226.272 113.456 226.272H231.324C232.681 226.272 233.78 225.172 233.78 223.816V223.804C233.78 222.448 232.681 221.348 231.324 221.348Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M578.081 300.004L558.377 283.39L575.948 262.487L595.652 279.101L578.081 300.004ZM563.277 283.009L577.701 295.104L590.902 279.516L576.478 267.41L563.277 283.009Z" fill="#DADBE0"/>
<path d="M578.081 300.004L558.377 283.39L575.948 262.487L595.652 279.101L578.081 300.004ZM563.277 283.009L577.701 295.104L590.902 279.516L576.478 267.41L563.277 283.009Z" fill="black" opacity="0.1"/>
<path d="M578.081 300.004L558.377 283.39L575.948 262.487L595.652 279.101L578.081 300.004ZM563.277 283.009L577.701 295.104L590.902 279.516L576.478 267.41L563.277 283.009Z" fill="black" opacity="0.35"/>
<path d="M637.413 283.125L609.384 259.512L604.888 255.73L597.37 264.585L601.867 268.367L614.434 278.951C615.003 279.437 615.36 280.124 615.431 280.869C615.502 281.613 615.281 282.356 614.815 282.94L611.794 286.515C611.308 287.083 610.621 287.44 609.876 287.511C609.132 287.582 608.389 287.361 607.805 286.895L595.237 276.311L590.741 272.529L587.916 275.838L572.455 294.067L569.837 297.099L574.334 300.881L586.89 311.453C587.461 311.937 587.82 312.625 587.891 313.371C587.962 314.116 587.739 314.859 587.27 315.443L584.284 318.902C583.796 319.471 583.107 319.829 582.36 319.9C581.614 319.971 580.87 319.749 580.283 319.282L567.9 308.582L563.404 304.801L554.341 315.512L586.844 343.045L591.017 338.018L637.413 283.125Z" fill="#DADBE0"/>
<path d="M637.413 283.125L609.384 259.512L604.888 255.73L597.37 264.585L601.867 268.367L614.434 278.951C615.003 279.437 615.36 280.124 615.431 280.869C615.502 281.613 615.281 282.356 614.815 282.94L611.794 286.515C611.308 287.083 610.621 287.44 609.876 287.511C609.132 287.582 608.389 287.361 607.805 286.895L595.237 276.311L590.741 272.529L587.916 275.838L572.455 294.067L569.837 297.099L574.334 300.881L586.89 311.453C587.461 311.937 587.82 312.625 587.891 313.371C587.962 314.116 587.739 314.859 587.27 315.443L584.284 318.902C583.796 319.471 583.107 319.829 582.36 319.9C581.614 319.971 580.87 319.749 580.283 319.282L567.9 308.582L563.404 304.801L554.341 315.512L586.844 343.045L591.017 338.018L637.413 283.125Z" fill="black" opacity="0.1"/>
<path d="M637.413 283.125L609.384 259.512L601.844 268.355L614.411 278.94C614.98 279.425 615.337 280.113 615.408 280.857C615.479 281.602 615.258 282.344 614.792 282.929L611.771 286.503C611.285 287.072 610.598 287.429 609.853 287.5C609.109 287.571 608.366 287.35 607.782 286.884L595.214 276.299L592.563 279.481L577.251 297.733L574.599 300.915L587.167 311.488C587.736 311.976 588.094 312.665 588.165 313.412C588.236 314.158 588.014 314.903 587.547 315.489L584.526 319.052C584.042 319.623 583.354 319.982 582.609 320.053C581.864 320.124 581.12 319.901 580.537 319.432L567.854 308.536L563.139 314.082C569.198 320.962 577.436 325.554 586.475 327.088C591.253 327.743 596.111 327.488 600.795 326.338L637.413 283.125Z" fill="#DADBE0"/>
<path d="M586.994 311.476L574.426 300.904L569.93 297.122C569.653 296.892 569.333 296.72 568.989 296.616C568.644 296.512 568.283 296.478 567.925 296.515C567.567 296.553 567.221 296.662 566.906 296.835C566.591 297.009 566.313 297.243 566.09 297.525L563.219 301.123C562.768 301.672 562.542 302.372 562.589 303.081C562.637 303.79 562.953 304.455 563.473 304.939L567.97 308.721L580.537 319.305C581.122 319.773 581.866 319.994 582.611 319.921C583.357 319.847 584.044 319.486 584.526 318.913L587.57 315.408C587.991 314.802 588.166 314.059 588.059 313.328C587.952 312.598 587.571 311.936 586.994 311.476Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M614.55 278.974L601.982 268.39L597.486 264.62C597.208 264.39 596.887 264.217 596.542 264.113C596.197 264.009 595.834 263.974 595.475 264.012C595.117 264.05 594.769 264.158 594.453 264.332C594.137 264.506 593.859 264.741 593.635 265.023L590.614 268.597C590.168 269.176 589.947 269.897 589.991 270.626C590.036 271.355 590.343 272.044 590.856 272.564L595.353 276.334L607.92 286.918C608.503 287.387 609.247 287.61 609.992 287.539C610.737 287.468 611.425 287.109 611.909 286.538L614.93 282.963C615.33 282.354 615.509 281.627 615.44 280.902C615.371 280.177 615.057 279.497 614.55 278.974Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M140.689 498.731C140.689 500.945 248.331 502.743 381.13 502.743C513.93 502.743 621.583 500.945 621.583 498.731C621.583 496.517 513.941 494.776 381.153 494.776C248.365 494.776 140.689 496.563 140.689 498.731Z" fill="#A6A9B3" class="tblr-illustrations-bicycle-b"/>
<path d="M446.861 419.914C446.855 414.133 444.556 408.591 440.469 404.504C436.381 400.416 430.839 398.117 425.058 398.111C424.172 398.116 423.286 398.173 422.407 398.284L417.795 380.62C417.687 380.207 417.499 379.819 417.242 379.478C416.984 379.137 416.662 378.851 416.294 378.634C415.926 378.418 415.518 378.276 415.095 378.218C414.672 378.159 414.242 378.184 413.828 378.291C413.415 378.399 413.027 378.587 412.686 378.844C412.345 379.102 412.059 379.424 411.843 379.792C411.626 380.16 411.485 380.568 411.426 380.991C411.367 381.414 411.392 381.844 411.499 382.258L416.111 400.036C411.558 402.075 407.841 405.615 405.584 410.064C403.326 414.513 402.663 419.603 403.707 424.482C404.75 429.361 407.436 433.734 411.316 436.871C415.196 440.008 420.034 441.718 425.024 441.716C425.681 441.716 426.327 441.716 426.972 441.624L432.161 461.478C432.34 462.174 432.745 462.791 433.313 463.231C433.88 463.672 434.578 463.911 435.297 463.911C435.577 463.91 435.855 463.875 436.127 463.807C436.958 463.585 437.667 463.044 438.099 462.3C438.531 461.557 438.651 460.673 438.433 459.841L433.279 440.079C437.288 438.444 440.72 435.654 443.138 432.063C445.557 428.472 446.853 424.243 446.861 419.914ZM425.058 435.617C421.55 435.623 418.141 434.454 415.375 432.295C412.609 430.136 410.647 427.112 409.801 423.707C408.956 420.302 409.276 416.712 410.71 413.51C412.144 410.308 414.61 407.679 417.714 406.043L425.427 435.594L425.058 435.617ZM431.757 434.095L423.963 404.268C424.332 404.268 424.689 404.21 425.058 404.21C428.625 404.209 432.085 405.422 434.87 407.651C437.654 409.879 439.596 412.99 440.376 416.47C441.156 419.95 440.728 423.592 439.161 426.796C437.594 430 434.983 432.574 431.757 434.095Z" fill="#A7AAB3"/>
<path d="M522.358 446.363C532.126 446.363 540.045 438.444 540.045 428.676C540.045 418.908 532.126 410.99 522.358 410.99C512.59 410.99 504.671 418.908 504.671 428.676C504.671 438.444 512.59 446.363 522.358 446.363Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M269.096 368.768C280.822 368.765 292.285 372.241 302.036 378.754C311.787 385.267 319.388 394.525 323.877 405.358C328.366 416.191 329.542 428.112 327.255 439.613C324.969 451.114 319.324 461.679 311.033 469.971C302.742 478.263 292.178 483.911 280.678 486.2C269.177 488.488 257.256 487.315 246.422 482.828C235.588 478.341 226.329 470.742 219.814 460.992C213.299 451.243 209.821 439.78 209.821 428.054C209.84 412.338 216.09 397.27 227.202 386.156C238.314 375.042 253.38 368.789 269.096 368.768ZM269.096 357.572C255.156 357.572 241.529 361.706 229.938 369.451C218.348 377.195 209.314 388.203 203.98 401.082C198.645 413.96 197.249 428.132 199.969 441.804C202.688 455.476 209.401 468.034 219.258 477.891C229.115 487.748 241.674 494.461 255.346 497.181C269.018 499.9 283.189 498.504 296.068 493.17C308.947 487.835 319.954 478.801 327.699 467.211C335.443 455.62 339.577 441.993 339.577 428.054C339.577 409.361 332.151 391.434 318.934 378.216C305.716 364.998 287.789 357.572 269.096 357.572Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M458.818 360.501C456.804 365.32 454.778 370.14 452.741 374.959L464.778 356.8L458.818 360.501ZM458.818 360.501C456.804 365.32 454.778 370.14 452.741 374.959L464.778 356.8L458.818 360.501ZM526.901 358.679L525.609 358.598H524.814C524.433 358.598 524.053 358.598 523.661 358.598H521.678C513.829 358.601 506.036 359.91 498.618 362.472L487.815 337.649L490.663 333.348L488.484 333.233L493.787 313.725C493.918 313.244 493.965 312.745 493.926 312.249C493.848 311.379 493.506 310.553 492.945 309.883C492.385 309.214 491.632 308.731 490.79 308.502C489.897 308.257 488.949 308.314 488.092 308.663L487.688 308.848L487.354 309.044C487.268 309.094 487.187 309.151 487.112 309.217C487.014 309.273 486.925 309.343 486.846 309.424C486.726 309.527 486.615 309.639 486.512 309.758C486.291 309.999 486.101 310.266 485.947 310.554C485.862 310.702 485.789 310.856 485.728 311.015C485.666 311.174 485.612 311.335 485.567 311.499L479.767 332.703L385.973 327.883L333.835 325.208L358.935 284.278L324.946 259.143C324.036 258.47 322.896 258.186 321.777 258.354C320.658 258.522 319.652 259.127 318.979 260.036C318.306 260.946 318.023 262.086 318.19 263.205C318.358 264.324 318.963 265.33 319.873 266.003L347.544 286.491L260.817 427.662C260.525 428.138 260.329 428.668 260.241 429.221C260.153 429.773 260.175 430.338 260.306 430.882C260.436 431.426 260.673 431.939 261.002 432.391C261.331 432.844 261.747 433.227 262.224 433.519C262.886 433.938 263.654 434.158 264.438 434.153C265.168 434.156 265.887 433.971 266.525 433.615C267.163 433.26 267.699 432.746 268.081 432.124L330.791 330.074L368.344 367.776L421.888 421.482L425.497 425.113L429.555 425.333L450.874 426.485C450.874 427.419 450.804 428.353 450.804 429.299C450.804 429.979 450.804 430.659 450.804 431.328C450.804 431.997 450.804 432.596 450.885 433.23C450.966 433.865 450.885 434.383 450.989 434.925C450.989 435.294 451.047 435.652 451.093 436.009C451.139 436.366 451.162 436.747 451.208 437.162C451.216 437.317 451.236 437.471 451.266 437.623C451.323 438.2 451.381 438.776 451.473 439.364C451.565 439.952 451.669 440.621 451.761 441.255C451.758 441.286 451.758 441.317 451.761 441.347C451.865 441.958 451.969 442.569 452.096 443.181C452.096 443.181 452.096 443.238 452.096 443.273L452.511 445.164C452.649 445.798 452.811 446.432 452.972 447.066C453.133 447.7 453.306 448.311 453.491 448.934C453.967 450.594 454.498 452.22 455.082 453.811C455.22 454.203 455.37 454.595 455.52 454.964C456.154 456.578 456.846 458.169 457.584 459.726C462.929 470.979 471.146 480.624 481.406 487.689C491.667 494.754 503.609 498.99 516.029 499.968C528.448 500.946 540.906 498.633 552.147 493.261C563.387 487.89 573.013 479.65 580.053 469.372C587.094 459.094 591.301 447.142 592.249 434.72C593.198 422.299 590.855 409.846 585.456 398.619C580.058 387.391 571.795 377.785 561.501 370.769C551.206 363.753 539.244 359.575 526.82 358.656L526.901 358.679ZM515.014 421.482L460.305 418.507C462.021 408.875 465.973 399.78 471.845 391.954C477.716 384.129 485.343 377.79 494.11 373.449L515.014 421.482ZM451.704 418.023L435.032 417.112C440.935 403.069 446.834 389.018 452.73 374.959L449.79 379.456L426.73 414.276L370.454 357.78L347.175 334.397L380.012 336.081L475.294 340.981L464.778 356.8L482.177 345.996L490.709 365.597C480.492 370.584 471.618 377.946 464.832 387.067C458.045 396.189 453.544 406.804 451.704 418.023ZM521.678 491.675C510.299 491.666 499.139 488.546 489.405 482.652C479.671 476.759 471.733 468.317 466.45 458.238C466.162 457.697 465.897 457.155 465.632 456.601C465.17 455.679 464.744 454.733 464.34 453.788C464.305 453.717 464.274 453.644 464.248 453.569C464.087 453.211 463.937 452.854 463.798 452.485C463.66 452.116 463.476 451.678 463.326 451.263C463.176 450.848 462.945 450.294 462.795 449.81C462.645 449.326 462.392 448.657 462.207 448.046C462.023 447.435 461.838 446.893 461.677 446.271C461.516 445.648 461.354 445.118 461.216 444.53C461.077 443.942 460.858 443.065 460.708 442.327C460.593 441.82 460.489 441.301 460.397 440.794C460.27 440.171 460.155 439.549 460.063 438.926C459.971 438.303 459.89 437.681 459.809 437.047C459.728 436.413 459.694 436.032 459.648 435.525C459.602 435.017 459.567 434.695 459.532 434.268C459.532 434.187 459.532 434.107 459.532 434.026C459.532 433.622 459.475 433.219 459.452 432.815C459.429 432.412 459.452 431.916 459.452 431.455C459.452 430.751 459.452 430.048 459.452 429.345C459.452 428.642 459.452 427.777 459.509 427.039L511.889 429.898L528.457 430.798L521.539 414.771L502.169 370.255C508.513 368.129 515.16 367.046 521.851 367.05C522.923 367.05 523.984 367.05 525.056 367.13C525.586 367.13 526.117 367.188 526.624 367.234L527.777 367.326L528.861 367.442C544.69 369.225 559.236 377.001 569.513 389.172C579.79 401.343 585.018 416.986 584.124 432.89C583.229 448.794 576.281 463.753 564.705 474.695C553.129 485.638 537.803 491.734 521.874 491.732L521.678 491.675ZM452.741 374.959L464.778 356.8L458.829 360.501C456.808 365.32 454.778 370.14 452.741 374.959Z" fill="#232B41" class="tblr-illustrations-bicycle-c"/>
<path d="M505.559 309.009H473.691C469.469 309.009 466.047 312.431 466.047 316.653V316.976C466.047 321.198 469.469 324.62 473.691 324.62H505.559C509.781 324.62 513.203 321.198 513.203 316.976V316.653C513.203 312.431 509.781 309.009 505.559 309.009Z" fill="#A7AAB3"/>
<path d="M526.901 358.679L525.609 358.598H524.814C524.433 358.598 524.053 358.598 523.661 358.598H521.678C513.829 358.601 506.036 359.91 498.618 362.473L487.815 337.649L490.663 333.348L488.484 333.233L493.787 313.725C493.918 313.245 493.965 312.745 493.926 312.249C492.046 310.981 490.086 309.782 488.092 308.663L487.688 308.848L487.354 309.044C487.268 309.094 487.187 309.152 487.112 309.217C487.014 309.274 486.925 309.343 486.846 309.424C486.726 309.527 486.615 309.639 486.512 309.759C486.291 309.999 486.101 310.266 485.947 310.554C485.862 310.702 485.789 310.856 485.728 311.015C485.666 311.174 485.612 311.335 485.567 311.5L479.767 332.703L385.973 327.883C383.821 330.505 381.831 333.254 380.012 336.116L475.294 341.016L464.778 356.8L482.177 345.997L490.709 365.597C480.492 370.584 471.618 377.946 464.832 387.067C458.045 396.189 453.544 406.804 451.704 418.023L435.032 417.112C440.935 403.069 446.834 389.018 452.73 374.959L449.79 379.456L426.73 414.276L370.454 357.78C369.548 361.068 368.854 364.411 368.378 367.788L421.888 421.482L425.497 425.114L429.555 425.333L450.874 426.486C450.874 427.419 450.804 428.353 450.804 429.299C450.804 429.979 450.804 430.659 450.804 431.328C450.804 431.997 450.804 432.596 450.885 433.23C450.966 433.865 450.885 434.383 450.989 434.925C450.989 435.294 451.046 435.652 451.093 436.009C451.139 436.367 451.162 436.747 451.208 437.162C451.216 437.317 451.236 437.471 451.266 437.623C451.323 438.2 451.381 438.776 451.473 439.364C451.565 439.952 451.669 440.621 451.761 441.255C451.758 441.286 451.758 441.317 451.761 441.347C451.865 441.959 451.969 442.57 452.096 443.181C452.096 443.181 452.096 443.238 452.096 443.273L452.511 445.164C452.649 445.798 452.811 446.432 452.972 447.066C453.133 447.7 453.306 448.311 453.491 448.934C453.967 450.594 454.498 452.22 455.082 453.811C455.22 454.203 455.37 454.595 455.52 454.964C456.154 456.578 456.846 458.169 457.584 459.726C460.538 459.395 463.471 458.898 466.37 458.238C466.081 457.697 465.816 457.155 465.551 456.601C465.09 455.679 464.663 454.745 464.26 453.788C464.224 453.717 464.193 453.644 464.167 453.569C464.006 453.212 463.856 452.854 463.718 452.485C463.579 452.116 463.395 451.678 463.245 451.263C463.095 450.848 462.864 450.295 462.715 449.81C462.565 449.326 462.311 448.657 462.127 448.046C461.942 447.435 461.758 446.893 461.596 446.271C461.435 445.648 461.273 445.118 461.135 444.53C460.997 443.942 460.778 443.065 460.628 442.327C460.512 441.82 460.409 441.313 460.316 440.794C460.201 440.183 460.074 439.56 459.982 438.926C459.89 438.292 459.809 437.681 459.728 437.047C459.648 436.413 459.613 436.032 459.567 435.525C459.521 435.018 459.486 434.683 459.452 434.268C459.452 434.187 459.452 434.107 459.452 434.026C459.452 433.623 459.394 433.219 459.371 432.815C459.348 432.412 459.371 431.905 459.371 431.455C459.371 430.752 459.371 430.048 459.371 429.345C459.371 428.642 459.371 427.777 459.429 427.039L511.808 429.898C515.558 425.229 518.776 420.155 521.401 414.771L502.031 370.255C508.375 368.129 515.022 367.046 521.712 367.05C522.785 367.05 523.845 367.05 524.917 367.13C525.448 367.13 525.978 367.188 526.486 367.234L527.639 367.327L528.722 367.442C528.289 364.487 527.681 361.561 526.901 358.679ZM515.013 421.482L460.305 418.507C462.021 408.875 465.973 399.78 471.845 391.955C477.716 384.129 485.342 377.79 494.11 373.449L515.013 421.482Z" fill="black" opacity="0.3"/>
<path d="M459.97 276.461C450.332 300.588 440.697 324.716 431.065 348.844C432.38 381.635 433.687 414.425 434.986 447.216L447.668 445.475C452.857 418.219 458.041 390.955 463.222 363.683C471.293 357.826 493.407 340.012 500.117 309.493C501.972 300.939 502.482 292.147 501.627 283.436L459.97 276.461Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M486.789 208.066C486.014 209.913 485.348 211.803 484.794 213.727C485.427 213.08 485.894 212.289 486.154 211.421C486.42 210.315 486.593 209.208 486.789 208.066Z" fill="black" opacity="0.1"/>
<path d="M337.259 275.285C336.087 275.782 334.854 276.123 333.593 276.299C329.096 276.933 325.107 275.146 323.862 271.595C322.305 267.041 325.707 261.357 331.518 258.912C332.162 258.636 332.824 258.405 333.501 258.221C338.62 256.826 343.509 258.578 344.904 262.59C346.472 267.052 343.047 272.748 337.259 275.285Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M337.26 275.285C336.087 275.782 334.854 276.123 333.593 276.299C333.455 275.803 333.374 275.365 333.27 274.904C332.117 268.816 333.881 265.807 333.558 259.051C333.556 258.758 333.537 258.465 333.501 258.174C338.62 256.779 343.509 258.532 344.904 262.544C346.472 267.052 343.047 272.748 337.26 275.285Z" fill="black" opacity="0.1"/>
<path d="M501.673 283.459C494.318 283.897 486.57 284.186 478.464 284.243C474.717 284.243 470.854 284.243 466.934 284.243C462.161 284.151 457.411 284.013 452.707 283.736C445.627 283.39 438.871 282.871 432.38 282.26C431.469 277.96 430.362 273.498 429.082 268.909C425.875 257.335 421.742 246.038 416.722 235.127C401.58 254.097 386.468 273.325 371.387 292.81C365.761 300.066 360.161 307.318 354.589 314.566C352.429 307.649 350.261 300.762 348.086 293.905L345.238 285.731C343.624 281.119 342.002 276.484 340.372 271.826L334.423 254.762C339.971 254.799 345.514 254.414 351.003 253.609C355.133 253.031 359.22 252.175 363.236 251.049C373.117 248.132 379.827 242.978 393.282 232.682C393.282 232.682 404.12 224.369 408.871 218.754C409.572 217.814 410.368 216.949 411.246 216.172C411.707 215.78 412.145 215.307 412.641 214.823C413.863 213.67 415.177 212.574 416.434 211.548C421.529 207.519 426.956 203.928 432.656 200.814C437.052 198.407 441.579 196.247 446.215 194.346C447.772 193.712 449.421 193.043 451.093 192.455C453.817 191.321 456.623 190.392 459.486 189.676C462.307 189.303 465.168 189.358 467.972 189.838H468.145C469.298 190.034 479.998 198.324 480.401 198.543C480.978 198.969 482.004 202.14 483.318 207.017C485.359 214.604 488.091 226.318 490.859 238.32C493.165 248.374 495.47 258.636 497.488 266.81C498.584 271.422 499.54 275.411 500.324 278.34C500.751 280.046 501.189 281.753 501.673 283.459Z" fill="#DADBE0"/>
<path d="M501.593 283.448L478.441 284.163L452.603 283.713C462.975 271.91 468.281 256.497 467.373 240.811C465.563 214.292 446.054 199.615 443.264 197.678L445.893 194.427C447.461 193.792 449.098 193.135 450.793 192.536C453.504 191.386 456.303 190.457 459.164 189.757C461.985 189.401 464.843 189.456 467.649 189.918L467.822 189.976C470.139 190.399 472.394 191.112 474.533 192.098L474.452 192.328L473.472 194.081L471.304 197.724L480.113 198.6C482.315 200.238 491.355 242.655 497.2 266.868C497.944 270.758 498.891 274.606 500.036 278.398C500.613 280.519 501.166 282.191 501.593 283.448Z" fill="black" opacity="0.1"/>
<path d="M453.894 194.899C457.146 201.817 451.588 211.283 441.465 216.033C431.342 220.784 420.55 218.985 417.253 212.067C417.072 211.699 416.933 211.313 416.838 210.914C421.932 206.841 427.376 203.225 433.106 200.111C439.043 196.887 445.209 194.105 451.554 191.786C452.542 192.65 453.339 193.71 453.894 194.899Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M450.551 221.003C449.882 220.784 449.674 219.919 449.398 218.201C449.317 217.552 449.178 216.911 448.983 216.287C448.222 214.963 447.253 213.772 446.112 212.759C450.159 213.693 455.278 214.511 457.641 213.393C457.945 213.261 458.216 213.064 458.437 212.818C458.658 212.571 458.823 212.279 458.921 211.963C459.498 209.761 457.03 207.225 455.128 205.495C451.162 201.736 447.887 200.457 445.454 201.471C443.022 202.486 441.846 206.51 441.627 208.77C439.321 207.178 434.444 204.377 430.754 206.256C427.814 207.824 426.453 212.182 426.799 219.285C426.961 222.559 427.48 227.056 429.912 228.232C430.285 228.422 430.698 228.521 431.117 228.521C431.536 228.521 431.949 228.422 432.322 228.232C435.562 226.698 439.24 220.161 441.546 215.457C441.614 217.005 441.251 218.542 440.497 219.896C440.145 220.259 439.89 220.705 439.757 221.193C439.624 221.681 439.617 222.194 439.736 222.686C440.686 225.024 442.44 226.945 444.682 228.105L445.362 226.133C442.284 224.058 441.765 222.974 441.765 222.674C441.74 222.526 441.752 222.373 441.8 222.23C441.848 222.087 441.931 221.959 442.042 221.856C443.702 220.034 443.736 215.618 443.587 213.036C444.969 214.225 446.224 215.554 447.334 217.002C447.433 217.409 447.51 217.82 447.564 218.235C447.795 219.85 448.21 222.559 450.424 223.424C451.692 223.862 453.779 226.791 456.096 231.137L457.687 230.215C454.817 224.784 452.557 221.798 450.551 221.003ZM446.331 203.708C448.118 202.959 450.712 204.158 454.044 207.167C456.996 209.888 456.926 210.799 456.95 210.81C456.5 212.09 450.308 211.594 443.437 209.761C443.725 207.985 444.301 204.63 446.331 203.696V203.708ZM430.304 225.937C430.178 225.937 429.082 225.176 428.794 219.527C428.506 213.381 429.509 209.634 431.849 208.401L432.022 208.308C434.916 206.902 439.309 209.542 441.154 210.856C437.395 219.066 432.264 226.871 430.304 225.937Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M562.781 279.424C563.763 280.232 564.864 280.886 566.044 281.361C570.195 283.194 574.495 282.514 576.663 279.435C579.442 275.423 577.62 269.059 572.581 265.185C572.049 264.75 571.477 264.364 570.875 264.032C566.263 261.287 561.109 261.726 558.711 265.185C556.036 269.047 557.812 275.481 562.781 279.424Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M562.781 279.424C563.763 280.232 564.864 280.886 566.044 281.361L566.713 280.116C569.491 274.547 568.546 271.192 570.644 264.769C570.76 264.504 570.829 264.239 570.967 263.951C566.355 261.218 561.213 261.645 558.815 265.104C556.036 269.047 557.812 275.481 562.781 279.424Z" fill="black" opacity="0.1"/>
<path d="M587.305 234.907C586.973 241.57 584.553 247.96 580.387 253.171C576.432 258.128 572.904 259.466 567.958 263.951L566.932 264.896C561.558 270.155 557.354 276.488 554.595 283.482C544.622 276.207 533.945 268.978 522.519 261.922L520.594 260.769C517.442 258.855 514.314 256.995 511.209 255.188C494.374 243.407 479.835 228.649 468.307 211.64C471.166 208.151 474.064 204.665 477 201.183C479.041 203.247 481.151 205.218 483.318 207.121C491.121 213.979 499.755 219.828 509.018 224.531C516.548 228.443 524.507 231.468 532.735 233.547C542.124 235.533 551.677 236.645 561.271 236.868C566.716 236.985 572.164 236.785 577.585 236.268C581.471 235.853 584.849 235.323 587.305 234.907Z" fill="#DADBE0"/>
<path d="M425.058 383.318L422.314 376.931C422.314 376.931 420.631 370.416 416.388 370.071C412.145 369.725 403.071 383.445 401.884 391.032L414.566 382.361L418.025 387.042L425.058 383.318Z" fill="#232B41" class="tblr-illustrations-bicycle-c"/>
<path d="M449.409 469.249L448.671 460.821C448.671 460.821 449.213 452.67 444.451 450.663C439.69 448.657 423.975 461.04 419.72 469.33L437.649 464.142L439.863 470.863L449.409 469.249Z" fill="#232B41" class="tblr-illustrations-bicycle-c"/>
<path d="M423.917 188.062C434.294 188.996 445.685 185.848 450.355 182.562C451.169 182.077 451.844 181.39 452.315 180.568C452.834 179.53 453.249 178.458 453.687 177.328C454.287 175.757 454.806 174.156 455.243 172.532C456.471 168.351 457.312 164.067 457.757 159.734C457.757 159.388 457.861 158.315 457.987 157.093C458.333 151.582 458.472 147.166 458.495 143.972C458.253 144.445 456.996 146.544 455.843 146.382C454.69 146.221 453.537 143.419 453.745 139.464L430.385 139.822L420.827 148.481C420.827 148.481 420.562 149.818 419.985 151.939C419.019 155.533 417.802 159.054 416.342 162.478C415.387 165.112 413.948 167.544 412.099 169.649C406.876 174.941 411.546 186.967 423.917 188.062Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M416.353 162.478C425.306 165.487 435.005 165.43 443.921 162.316C446.212 162.605 448.381 163.514 450.193 164.945C452.868 167.136 452.834 169.199 455.013 172.186L455.232 172.428C456.462 168.286 457.311 164.041 457.768 159.745C457.768 159.399 457.872 158.327 457.999 157.105C458.345 151.594 458.483 147.178 458.506 143.984C458.264 144.457 457.007 146.555 455.854 146.394C454.701 146.232 453.548 143.43 453.756 139.476L430.397 139.833L420.839 148.492C420.839 148.492 420.573 149.829 419.997 151.951C419.03 155.541 417.812 159.058 416.353 162.478Z" fill="black" opacity="0.1"/>
<path d="M577.159 227.044C569.78 231.794 546.178 245.699 514.76 243.094C496.27 241.444 478.585 234.761 463.625 223.77C462.818 223.159 462.38 222.79 462.149 222.617C450.758 212.943 445.777 195.384 449.271 182.124C449.409 181.605 449.536 181.11 449.651 180.649C451.139 174.884 451.657 171.99 452.626 166.617C453.02 164.25 453.082 161.84 452.81 159.457C452.753 158.938 452.637 158.385 452.534 157.854C452.153 156.009 449.282 153.807 448.141 150.856C443.656 153.496 427.387 162.086 416.411 154.845C413.901 153.219 411.833 150.997 410.392 148.377C409.72 147.111 409.431 145.677 409.562 144.249C410.162 138.346 418.556 135.198 422.107 133.872C435.689 128.776 449.086 135.025 452.591 136.674C458.818 139.706 464.34 144.008 468.802 149.305C473.264 154.601 476.567 160.773 478.499 167.424C480.528 174.884 479.202 178.377 482.799 182.182C487.918 187.601 496.877 187.151 509.398 185.399C525.62 183.11 541.64 179.572 557.316 174.814C551.885 186.079 552.808 192.374 554.768 196.064C556.728 199.753 559.749 200.918 560.717 205.507C561.87 211.122 558.319 213.843 559.253 217.705C559.451 218.5 559.803 219.249 560.291 219.907C562.228 222.525 566.863 225.199 577.159 227.044Z" fill="#232B41" class="tblr-illustrations-bicycle-c"/>
<path d="M410.404 148.342C411.845 150.963 413.913 153.185 416.423 154.81C427.445 162.051 443.668 153.461 448.153 150.821C449.668 149.359 451.028 147.744 452.211 146.002C445.963 149.778 438.884 151.962 431.595 152.364C424.306 152.766 417.029 151.373 410.404 148.308V148.342Z" fill="black" opacity="0.5"/>
<path d="M577.159 227.044C569.78 231.794 546.178 245.699 514.76 243.094C496.27 241.444 478.585 234.761 463.625 223.77C462.818 223.159 462.38 222.79 462.15 222.617C450.758 212.943 445.777 195.384 449.271 182.124C449.409 181.605 449.536 181.11 449.651 180.648C459.175 204.861 473.795 214.604 479.375 217.843C507.15 233.985 543.942 224.531 560.291 219.942C562.228 222.525 566.863 225.199 577.159 227.044Z" fill="black" opacity="0.5"/>
<path d="M567.992 263.951L566.966 264.896C561.593 270.155 557.389 276.488 554.629 283.482C544.656 276.207 533.98 268.978 522.554 261.922C537.492 265.036 552.836 265.721 567.992 263.951Z" fill="black" opacity="0.1"/>
<path d="M416.665 235.08C401.561 254.081 386.468 273.325 371.387 292.81C365.761 300.066 360.161 307.318 354.589 314.566C352.429 307.649 350.261 300.762 348.086 293.905L345.238 285.731C343.624 281.119 342.002 276.484 340.373 271.826C352.502 271.826 370.488 271.561 374.962 270.131C381.88 267.94 389.224 259.166 395.819 249.285C402.414 239.404 416.227 235.207 416.665 235.08Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

47
src/illustrations/boy-and-cat.svg Normal file
View File

@ -0,0 +1,47 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-and-cat-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-and-cat-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-and-cat-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-boy-and-cat-a { fill: black; opacity: 0.07; } .tblr-illustrations-boy-and-cat-b { fill: #1A2030; } .tblr-illustrations-boy-and-cat-c { fill: #454C5E; } }
</style>
<path d="M126.597 299.992C126.597 347.037 176.332 381.149 198.302 419.133C220.927 458.31 226.419 518.214 265.609 540.875C303.605 562.833 357.664 538.261 404.71 538.261C451.755 538.261 505.814 562.833 543.785 540.875C582.962 518.251 588.417 458.31 611.092 419.133C633.062 381.149 682.86 347.037 682.86 299.992C682.86 252.946 633.125 218.847 611.155 180.876C588.531 141.686 583.025 81.7948 543.848 59.133C505.877 37.1624 451.793 61.7347 404.773 61.7347C357.752 61.7347 303.605 37.1624 265.571 59.133C226.381 81.7571 220.939 141.686 198.265 180.876C176.294 218.847 126.559 252.971 126.559 299.992" fill="#F7F8FC" class="tblr-illustrations-boy-and-cat-a"/>
<path d="M462.565 319.31C463.996 319.485 465.398 319.844 466.737 320.378C467.511 320.664 468.259 321.013 468.975 321.422C475.611 325.192 478.628 332.357 475.737 337.485C473.148 342.072 466.712 343.467 460.654 341.042C459.92 340.744 459.207 340.4 458.517 340.011C457.852 339.636 457.214 339.216 456.607 338.754C451.341 334.82 449.179 328.548 451.768 323.948C453.716 320.378 457.952 318.744 462.565 319.31Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M462.565 319.31C463.996 319.485 465.398 319.844 466.737 320.378C464.17 327.098 462.127 334.006 460.629 341.042C459.895 340.744 459.182 340.4 458.492 340.011C457.827 339.636 457.189 339.216 456.582 338.754C451.315 334.82 449.154 328.548 451.743 323.948C453.716 320.378 457.952 318.744 462.565 319.31Z" fill="black" opacity="0.1"/>
<path d="M430.564 293.129C423.175 284.914 418.032 274.93 415.632 264.145C413.231 252.669 416.487 250.671 415.041 223.723C414.476 213.216 413.37 201.954 406.909 199.264C406.203 198.973 405.458 198.791 404.697 198.724L285.393 167.553C282.979 182.778 280.562 197.995 278.14 213.203C276.557 223.208 274.969 233.217 273.377 243.23C271.755 253.574 270.172 263.718 268.55 274.062C265.785 292.073 262.769 310.235 259.941 328.448L324.646 345.353L350.223 351.989C351.43 348.638 352.624 345.311 353.805 342.01C357.425 331.892 361.02 321.698 364.652 311.505C365.993 307.734 367.346 303.963 368.712 300.193C371.963 290.816 375.256 281.452 378.591 272.101C378.591 272.378 378.692 272.654 378.73 272.893C380.426 282.156 384.134 293.255 391.877 306.05C400.223 319.876 413.244 335.612 433.493 353.133L446.564 338.98L468.598 315.099C461.559 313.566 444.252 308.777 430.564 293.129Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M399.984 471.859C560.689 471.859 690.967 467.853 690.967 462.91C690.967 457.968 560.689 453.961 399.984 453.961C239.278 453.961 109 457.968 109 462.91C109 467.853 239.278 471.859 399.984 471.859Z" fill="#A6A9B3" class="tblr-illustrations-boy-and-cat-b"/>
<path d="M512.903 458.436H538.179C540 458.432 541.745 457.709 543.033 456.423C544.321 455.137 545.048 453.393 545.055 451.573V447.362C544.376 445.754 543.71 444.132 543.031 442.511C539.612 434.19 536.432 425.97 533.491 417.851C533.941 420.75 533.736 423.713 532.891 426.522C532.046 429.332 530.583 431.917 528.608 434.087C526.634 436.257 524.198 437.957 521.48 439.062C518.763 440.168 515.832 440.65 512.903 440.475C511.081 440.493 509.337 441.218 508.039 442.498C507.4 443.134 506.893 443.89 506.548 444.723C506.203 445.556 506.026 446.448 506.028 447.35V451.561C506.031 453.383 506.757 455.13 508.045 456.418C509.334 457.707 511.081 458.432 512.903 458.436Z" fill="#DDDDDD"/>
<path d="M512.903 458.436H538.179C540 458.432 541.745 457.709 543.033 456.423C544.321 455.137 545.048 453.393 545.055 451.573V447.362C544.376 445.754 543.71 444.132 543.031 442.511C539.612 434.19 536.432 425.97 533.491 417.851C533.941 420.75 533.736 423.713 532.891 426.522C532.046 429.332 530.583 431.917 528.608 434.087C526.634 436.257 524.198 437.957 521.48 439.062C518.763 440.168 515.832 440.65 512.903 440.475C511.081 440.493 509.337 441.218 508.039 442.498C507.4 443.134 506.893 443.89 506.548 444.723C506.203 445.556 506.026 446.448 506.028 447.35V451.561C506.031 453.383 506.757 455.13 508.045 456.418C509.334 457.707 511.081 458.432 512.903 458.436Z" fill="black" opacity="0.15"/>
<path d="M560.489 457.179H586.871C591.196 457.179 594.702 453.673 594.702 449.348V443.34C594.702 439.016 591.196 435.51 586.871 435.51H560.489C556.165 435.51 552.659 439.016 552.659 443.34V449.348C552.659 453.673 556.165 457.179 560.489 457.179Z" fill="#DDDDDD"/>
<path d="M560.489 457.179H586.871C591.196 457.179 594.702 453.673 594.702 449.348V443.34C594.702 439.016 591.196 435.51 586.871 435.51H560.489C556.165 435.51 552.659 439.016 552.659 443.34V449.348C552.659 453.673 556.165 457.179 560.489 457.179Z" fill="black" opacity="0.15"/>
<path d="M576.201 424.135C576.515 423.909 590.466 420.691 593.143 410.913C594.614 405.558 590.919 401.725 587.601 393.316C586.105 389.545 580.487 374.689 583.113 362.748C586.193 348.734 600.207 340.552 607.107 337.183C602.721 356.225 606.291 367.173 610.501 373.696C616.547 383.072 624.44 383.877 628.764 395.352C629.82 398.142 634.08 409.467 628.248 419.51C623.397 427.818 614.423 430.244 610.878 431.324C593.106 436.603 578.048 425.543 576.201 424.135Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M608.163 443.479C608.852 436.375 607.441 429.225 604.103 422.916C601.477 418.02 597.756 413.797 593.231 410.573C590.415 411.653 587.445 412.276 584.433 412.421C578.262 412.685 574.114 410.297 570.155 407.682C566.195 405.068 562.136 401.989 556.404 401.498C547.606 400.744 537.111 406.136 534.295 413.439C533.687 415.041 533.434 416.757 533.554 418.466C533.843 423.255 536.445 427.504 534.132 432.694C531.53 438.552 524.617 441.128 519.716 442.36H519.791C517.678 442.482 515.691 443.405 514.236 444.942C512.78 446.479 511.967 448.514 511.96 450.63V455.658C511.967 457.856 512.843 459.962 514.398 461.516C515.952 463.071 518.058 463.947 520.256 463.953H550.761C552.959 463.947 555.065 463.071 556.619 461.516C558.174 459.962 559.05 457.856 559.056 455.658V444.635C562.538 444.71 566.045 444.761 569.589 444.761C568.538 445.479 567.677 446.443 567.081 447.568C566.485 448.694 566.173 449.948 566.17 451.221V457.217C566.174 459.293 566.999 461.284 568.467 462.754C569.934 464.224 571.924 465.053 574.001 465.06H600.396C602.472 465.053 604.462 464.224 605.93 462.754C607.397 461.284 608.223 459.293 608.226 457.217V443.391L608.163 443.479Z" fill="#DDDDDD"/>
<path d="M588.882 425.618C588.882 425.618 576.477 431.299 575.547 440.349C575.547 440.349 573.347 425.279 588.882 425.618Z" fill="#A7AAB3"/>
<path d="M346.968 90.7312C345.259 95.4445 342.782 102.533 339.954 111.055C339.351 113.066 338.911 114.675 338.698 115.253C336.014 124.864 334.508 134.766 334.21 144.74C334.273 146.789 334.21 148.511 334.273 150.622C334.638 155.725 345.296 165.981 358.72 173.309C363.345 175.892 368.261 177.917 373.363 179.342C389.212 184.068 401.618 174.755 403.34 165.102C403.78 162.792 403.508 160.403 402.56 158.252C401.028 153.89 400.25 149.3 400.26 144.677C400.062 138.498 400.424 132.314 401.341 126.201C401.504 124.269 401.768 122.348 402.133 120.444L392.618 101.427L356.96 86.7845C354.886 92.9182 351.593 96.5255 349.507 96.1107C347.42 95.6959 347.043 91.6613 346.968 90.7312Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M346.968 90.7313C345.259 95.4446 342.782 102.534 339.954 111.055C339.351 113.066 338.911 114.675 338.698 115.253C336.014 124.864 334.508 134.766 334.21 144.74C336.838 144.92 339.477 144.631 342.003 143.885C344.746 142.991 347.302 141.602 349.545 139.788C351.831 137.735 353.8 135.354 355.389 132.724C356.473 131.102 357.472 129.423 358.381 127.697C370.125 137.907 384.967 143.862 400.512 144.602C400.307 138.423 400.669 132.238 401.593 126.125C401.747 124.193 402.012 122.271 402.384 120.369L392.87 101.352L357.224 86.6589C355.15 92.7926 351.87 96.3999 349.783 95.9851C347.697 95.5703 347.043 91.6991 346.968 90.769" fill="black" opacity="0.1"/>
<path d="M339.364 96.6135C336.458 104.1 336.499 112.409 339.477 119.866C340.231 121.311 340.797 122.669 341.362 124.026C342.569 128.048 342.755 132.308 341.903 136.419C344.392 135.181 346.408 133.164 347.647 130.675C349.419 126.905 350.701 118.86 351.103 117.905L351.342 117.327C351.571 116.742 351.743 116.135 351.857 115.517C352.456 113.514 353.256 111.577 354.245 109.735L354.321 109.534C361.07 118.861 381.419 142.779 403.956 136.746C407.465 135.764 410.841 134.358 414.011 132.561C414.34 132.44 414.643 132.256 414.903 132.02C415.695 131.576 416.44 131.054 417.128 130.462L417.404 130.349C419.319 128.912 420.962 127.146 422.256 125.132L422.759 124.441C423.348 123.568 423.754 122.585 423.953 121.55C425.009 117.654 424.639 113.509 422.91 109.861C419.968 102.785 413.835 96.8774 410.429 93.6723C397.746 81.2416 375.374 70.4449 356.646 78.7279C351.935 80.9974 347.798 84.3014 344.542 88.3934C342.445 90.8839 340.699 93.6496 339.351 96.6135" fill="#232B41" class="tblr-illustrations-boy-and-cat-c"/>
<path d="M354.321 109.534C361.07 118.861 381.419 142.779 403.956 136.746C407.465 135.764 410.841 134.358 414.011 132.561C414.34 132.44 414.643 132.256 414.903 132.02C415.695 131.576 416.44 131.054 417.128 130.462C417.15 130.41 417.191 130.37 417.243 130.349C417.295 130.328 417.353 130.328 417.404 130.349C419.319 128.912 420.962 127.146 422.256 125.132C416.548 127.363 410.525 128.686 404.408 129.054C374.243 130.6 353.78 104.808 350.5 100.749L350.186 100.409C351.443 103.401 352.875 106.468 354.308 109.534" fill="black" opacity="0.5"/>
<path d="M333.155 177.457C336.842 183.998 342.473 189.23 349.268 192.427L350.223 192.892L370.07 189.46L333.155 177.457Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M333.155 177.457C336.842 183.998 342.473 189.23 349.268 192.427L350.223 192.892L370.07 189.46L333.155 177.457Z" fill="black" opacity="0.1"/>
<path d="M349.218 192.628L321.239 162.927L311.926 168.03L326.82 203.361L349.218 192.628Z" fill="#DDDDDD"/>
<path d="M364.652 311.555C361.02 321.748 357.425 331.942 353.805 342.06C344.894 343.317 334.952 344.461 324.633 345.353L259.903 328.448C262.731 310.235 265.747 292.073 268.513 274.062C270.134 263.718 271.718 253.574 273.339 243.23C274.931 233.225 276.519 223.216 278.103 213.203L309.952 198.648C309.952 198.648 299.947 276.651 364.652 311.555Z" fill="black" opacity="0.1"/>
<path d="M427.447 333.136L396.603 436.943L386.057 436.063C382.387 412.484 378.725 388.908 375.072 365.337L328.567 368.304C330.989 382.088 333.268 396.278 335.405 410.875C337.642 426.309 339.59 441.392 341.249 456.123L231.723 459.818C231.547 456.311 231.384 452.792 231.208 449.285L299.508 428.157C282.628 396.031 276.431 384.932 274.47 382.029C274.181 381.589 272.572 379.226 270.624 375.87C269.744 374.337 268.814 372.653 267.846 370.717C259.915 354.968 259.174 339.458 259.903 328.448C279.46 327.844 299.78 327.652 320.862 327.869C330.582 327.978 340.457 328.2 350.487 328.536C377.322 329.365 403 331.012 427.447 333.136Z" fill="#DDDDDD"/>
<path d="M213.725 484.843L209.841 449.65C209.841 449.65 218.501 446.42 222.749 451.008C226.997 455.595 220.776 477.302 213.725 484.881" fill="#232B41" class="tblr-illustrations-boy-and-cat-c"/>
<path d="M414.714 462.345L379.521 458.398C379.521 458.398 378.265 449.223 383.694 446.093C389.124 442.963 408.857 453.798 414.714 462.345Z" fill="#232B41" class="tblr-illustrations-boy-and-cat-c"/>
<path d="M427.447 333.136L396.603 436.943L386.057 436.063C382.387 412.484 378.725 388.909 375.072 365.338L328.567 368.304L320.875 327.87C330.595 327.979 340.47 328.201 350.5 328.536C377.322 329.365 403 331.012 427.447 333.136Z" fill="black" opacity="0.1"/>
<path d="M341.073 328.247C342.452 328.882 343.741 329.698 344.907 330.672C345.588 331.217 346.227 331.814 346.817 332.457C352.259 338.377 352.938 346.585 348.35 350.795C344.266 354.566 337.34 353.85 332.011 349.438C331.374 348.896 330.77 348.316 330.201 347.703C329.648 347.113 329.14 346.483 328.68 345.818C324.683 340.149 324.545 333.148 328.68 329.378C331.822 326.487 336.599 326.236 341.073 328.247Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M341.073 328.247C342.452 328.882 343.741 329.698 344.907 330.672C340.134 336.596 335.831 342.883 332.036 349.475C331.399 348.933 330.795 348.354 330.226 347.741C329.673 347.151 329.165 346.521 328.705 345.856C324.708 340.187 324.57 333.186 328.705 329.415C331.822 326.487 336.599 326.235 341.073 328.247Z" fill="black" opacity="0.1"/>
<path d="M285.355 167.553C284.235 166.948 282.994 166.604 281.723 166.547C267.809 166.044 251.909 203.248 249.043 234.269C248.176 243.808 245.398 280.874 270.888 314.81C281.378 328.673 294.905 339.946 310.43 347.766L344.756 328.36C340.507 326.311 304.636 308.337 295.963 266.697C288.497 230.812 306.647 203.437 309.952 198.623L285.355 167.553Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M332.828 209.231C331.081 239.799 329.346 270.354 327.411 300.859C336.862 272.101 346.515 243.394 356.105 214.887C353.969 207.434 351.97 200.245 349.821 192.791L348.765 192.728C343.654 198.284 338.341 203.785 332.828 209.231Z" fill="#DDDDDD"/>
<path d="M350.022 192.841L327.612 300.934C337.064 272.176 346.717 243.469 356.319 214.963C354.17 207.446 352.222 200.094 350.022 192.841Z" fill="black" opacity="0.11"/>
<path d="M350.223 192.892L376.316 182.912L379.974 189.473L359.21 207.949L350.223 192.892Z" fill="#DDDDDD"/>
<path d="M350.223 192.892L376.316 182.912L379.974 189.473L359.21 207.949L350.223 192.892Z" fill="black" opacity="0.11"/>
<path d="M446.564 338.98L433.493 353.171C413.257 335.65 400.223 319.888 391.877 306.088C411.623 325.896 435.076 335.285 446.564 338.98Z" fill="black" opacity="0.1"/>
<path d="M533.516 418.504C540.004 420.518 546.942 420.565 553.456 418.639C559.971 416.713 565.768 412.901 570.117 407.682C566.007 404.955 562.098 401.989 556.367 401.498C547.568 400.744 537.073 406.136 534.258 413.439C533.644 415.053 533.391 416.782 533.516 418.504Z" fill="black" opacity="0.15"/>
<path d="M536.332 366.481C536.332 366.481 541.032 348.118 525.51 331.779C525.51 331.779 508.642 355.169 514.323 372.791C520.005 390.413 536.332 366.481 536.332 366.481Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M543.936 364.118C543.936 364.118 551.993 344.561 576.804 340.325C576.804 340.325 576.238 372.527 559.396 384.48C542.553 396.433 543.936 364.118 543.936 364.118Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M534.71 420.088C553.633 420.088 568.973 404.748 568.973 385.825C568.973 366.902 553.633 351.562 534.71 351.562C515.788 351.562 500.447 366.902 500.447 385.825C500.447 404.748 515.788 420.088 534.71 420.088Z" fill="#DDDDDD"/>
<path d="M576.477 406.891C576.309 406.892 576.143 406.862 575.987 406.803L543.345 394.611C543.02 394.458 542.765 394.188 542.629 393.856C542.493 393.524 542.487 393.153 542.612 392.816C542.737 392.479 542.984 392.202 543.303 392.039C543.623 391.875 543.992 391.838 544.338 391.933L576.929 404.138C577.243 404.254 577.506 404.476 577.671 404.767C577.837 405.057 577.895 405.397 577.835 405.725C577.774 406.054 577.6 406.351 577.343 406.565C577.085 406.778 576.761 406.893 576.427 406.891H576.477Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M560.69 417.7C560.354 417.7 560.028 417.58 559.773 417.36L541.862 402.127C541.574 401.883 541.394 401.536 541.362 401.16C541.33 400.784 541.449 400.41 541.692 400.122C541.936 399.834 542.284 399.654 542.66 399.622C543.036 399.59 543.409 399.709 543.697 399.952L561.62 415.199C561.905 415.444 562.08 415.792 562.108 416.167C562.137 416.541 562.015 416.912 561.771 417.197C561.64 417.356 561.475 417.484 561.288 417.571C561.101 417.658 560.897 417.702 560.69 417.7Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M509.849 386.164C509.621 386.164 509.396 386.108 509.195 386.001L478.313 369.963C477.992 369.781 477.754 369.482 477.65 369.128C477.546 368.774 477.584 368.393 477.755 368.066C477.927 367.74 478.219 367.493 478.569 367.378C478.92 367.262 479.301 367.288 479.633 367.449L510.515 383.487C510.848 383.663 511.099 383.964 511.212 384.324C511.325 384.684 511.291 385.075 511.118 385.41C510.994 385.638 510.81 385.829 510.587 385.961C510.364 386.094 510.109 386.164 509.849 386.164Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M507.536 393.127H507.323L484.07 389.608C483.697 389.551 483.361 389.349 483.137 389.045C482.913 388.741 482.819 388.36 482.876 387.987C482.933 387.613 483.135 387.278 483.439 387.054C483.743 386.83 484.124 386.736 484.497 386.793L507.75 390.312C508.11 390.36 508.437 390.543 508.666 390.825C508.895 391.107 509.007 391.465 508.98 391.827C508.952 392.189 508.787 392.526 508.519 392.771C508.251 393.015 507.899 393.147 507.536 393.14V393.127Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M526.176 396.722C528.745 396.722 530.827 394.64 530.827 392.072C530.827 389.503 528.745 387.421 526.176 387.421C523.608 387.421 521.526 389.503 521.526 392.072C521.526 394.64 523.608 396.722 526.176 396.722Z" fill="#232B41" class="tblr-illustrations-boy-and-cat-c"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

33
src/illustrations/boy-and-laptop.svg Normal file
View File

@ -0,0 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-and-laptop-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-and-laptop-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-and-laptop-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-boy-and-laptop-a { fill: black; opacity: 0.07; } .tblr-illustrations-boy-and-laptop-b { fill: #1A2030; } .tblr-illustrations-boy-and-laptop-c { fill: #454C5E; } }
</style>
<path d="M120 300C120 346.964 169.669 381.143 191.676 419.132C214.298 458.351 219.83 518.102 258.926 540.846C296.916 562.853 351.011 538.265 397.975 538.265C444.94 538.265 499.035 562.853 537.024 540.846C576.121 518.225 581.653 458.351 604.275 419.132C626.282 381.143 675.951 347.087 675.951 300C675.951 252.913 626.159 218.857 604.275 180.868C581.653 141.649 576.121 81.7752 537.024 59.1536C499.035 37.1467 444.94 61.7354 397.975 61.7354C351.011 61.7354 296.916 37.1467 258.926 59.1536C219.707 81.7752 214.298 141.649 191.676 180.868C169.669 218.98 120 253.036 120 300Z" fill="#F7F8FC" class="tblr-illustrations-boy-and-laptop-a"/>
<path d="M471.495 190.58C471.864 189.105 472.356 187.63 472.971 186.277C473.34 185.54 473.831 184.802 474.323 184.064C478.872 177.548 486.74 175.089 491.781 178.655C496.33 181.851 497.068 188.736 493.994 194.76C493.625 195.498 493.256 196.236 492.765 196.85C492.273 197.465 491.781 198.08 491.289 198.695C486.618 203.735 479.856 205.456 475.307 202.26C471.741 200.047 470.512 195.375 471.495 190.58Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M471.495 190.58C471.864 189.105 472.356 187.63 472.971 186.277C479.733 189.597 486.74 192.547 493.994 194.76C493.625 195.498 493.256 196.236 492.765 196.85C492.273 197.465 491.781 198.08 491.289 198.695C486.618 203.735 479.856 205.456 475.307 202.26C471.741 200.047 470.512 195.375 471.495 190.58Z" fill="black" opacity="0.1"/>
<path d="M462.029 188.613C447.276 234.84 437.686 246.888 431.17 246.274C421.089 245.167 418.63 213.571 397.976 208.161C394.41 207.301 390.722 207.178 387.034 207.915L368.469 207.424C367.117 206.563 365.887 205.579 364.904 204.227C363.674 202.629 362.691 200.785 362.199 198.817L337.61 197.465C337.118 197.957 332.693 203.243 328.144 204.719C326.791 205.211 325.316 205.456 323.964 205.702C322.857 205.825 321.751 205.948 320.521 205.948L299.498 205.456V205.579C298.76 205.702 298.022 205.948 297.408 206.194C289.293 209.022 285.851 218.734 284.622 222.423C278.229 240.372 271.221 259.675 265.074 260.412C261.508 260.904 255.607 255.617 245.526 226.234C231.756 233.119 217.126 238.282 202.004 241.725C212.085 261.396 224.256 276.764 236.305 286.845C249.091 297.418 261.754 301.967 271.835 299.016C282.286 295.943 290.646 284.755 295.809 277.501C298.022 274.428 299.99 271.231 301.834 267.912C302.448 266.928 302.94 265.945 303.432 264.961C303.555 264.715 303.678 264.346 303.801 264.1C303.801 264.838 303.924 265.576 303.924 266.436L304.538 274.674C305.03 280.329 305.522 285.739 305.891 291.271C305.891 291.763 306.014 292.255 306.014 292.746C306.26 295.943 306.383 299.139 306.751 302.09C307.12 317.704 307.489 333.318 307.858 349.054L383.591 337.006L387.157 304.303L388.263 293.361L389.861 278.485C390.845 269.756 391.828 261.027 392.812 252.298C398.098 259.797 404.492 266.313 411.745 271.723C418.507 276.518 426.375 279.714 434.859 279.468C455.021 278.731 470.512 258.199 487.601 235.701C490.429 232.012 493.134 228.078 495.347 224.513C499.65 217.751 502.6 212.464 502.6 212.464C504.568 208.899 506.166 205.702 507.641 202.752L462.029 188.613Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M383.591 337.129C382.362 390.118 381.009 443.106 379.657 496.095L368.592 496.71C360.109 456.753 351.503 416.796 343.02 376.84L325.808 496.833H313.144L307.858 349.423L322.611 347.087L337.364 344.752L383.591 337.129Z" fill="#DDDDDD"/>
<path d="M240.731 228.078C240.239 226.603 239.624 225.25 238.764 224.021C238.272 223.283 237.78 222.546 237.166 221.931C231.879 215.907 223.888 214.308 219.216 218.365C215.036 222.054 214.913 228.939 218.724 234.717C219.216 235.455 219.708 236.069 220.199 236.684C220.691 237.299 221.306 237.913 221.921 238.405C227.084 242.954 233.969 243.815 238.149 240.249C241.469 237.545 242.206 232.75 240.731 228.078Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M240.731 228.078C240.239 226.603 239.624 225.25 238.764 224.021C232.371 228.078 225.732 231.643 218.847 234.717C219.339 235.455 219.83 236.069 220.322 236.684C220.814 237.299 221.429 237.914 222.043 238.405C227.207 242.954 234.092 243.815 238.272 240.25C241.468 237.545 242.206 232.75 240.731 228.078Z" fill="black" opacity="0.1"/>
<path d="M393.058 251.191L389.984 278.485L388.386 293.361L387.279 304.303L383.714 337.006L307.981 349.054C307.612 333.441 307.243 317.827 306.874 302.09C306.629 299.016 306.383 295.943 306.137 292.746C340.315 295.205 373.264 279.345 393.058 251.191Z" fill="black" opacity="0.1"/>
<path d="M194.258 516.872C194.258 519.823 284.007 522.282 394.656 522.282C505.305 522.282 595.054 519.823 595.054 516.872C595.054 513.922 505.305 511.586 394.656 511.586C284.007 511.586 194.258 514.045 194.258 516.872Z" fill="#A6A9B3" class="tblr-illustrations-boy-and-laptop-b"/>
<path d="M299.744 518.348L324.086 515.52C324.086 515.52 325.07 509.127 321.136 506.914C317.202 504.701 303.678 512.447 299.744 518.348Z" fill="#232B41" class="tblr-illustrations-boy-and-laptop-c"/>
<path d="M394.656 518.348L370.313 515.52C370.313 515.52 369.33 509.127 373.264 506.914C377.198 504.701 390.722 512.447 394.656 518.348Z" fill="#232B41" class="tblr-illustrations-boy-and-laptop-c"/>
<path d="M287.818 265.576L297.407 257.339C298.637 256.232 298.76 254.388 297.653 253.036C297.162 252.421 296.424 252.052 295.686 252.052L207.782 245.536C206.921 245.536 206.183 245.782 205.569 246.274L196.471 254.511C195.241 255.618 195.118 257.462 196.225 258.691C196.717 259.306 197.454 259.675 198.315 259.675L285.605 266.191C286.343 266.314 287.203 266.068 287.818 265.576Z" fill="#232B41" class="tblr-illustrations-boy-and-laptop-c"/>
<path d="M286.343 262.994C286.22 264.838 284.622 266.191 282.777 266.068C282.777 266.068 282.777 266.068 282.655 266.068L244.419 263.24L238.887 262.871L194.012 259.552C192.414 259.429 191.185 258.199 190.939 256.601L189.586 246.765L184.423 209.882C184.423 209.636 184.423 209.391 184.423 209.145C184.546 207.301 186.267 205.948 188.111 206.071L276.753 212.587C278.351 212.71 279.581 213.939 279.827 215.538L280.933 223.652L286.22 262.133C286.343 262.502 286.343 262.748 286.343 262.994Z" fill="#232B41" class="tblr-illustrations-boy-and-laptop-c"/>
<path d="M286.343 262.994C286.22 264.838 284.622 266.191 282.777 266.068C282.777 266.068 282.777 266.068 282.654 266.068L244.419 263.24L238.887 262.871L194.012 259.552C192.414 259.429 191.184 258.199 190.939 256.601L189.586 246.765C213.068 246.765 231.387 226.972 231.387 226.972C231.387 226.972 244.911 225.988 248.353 234.594C250.935 241.11 271.098 229.676 280.933 223.652L286.22 262.133C286.343 262.502 286.343 262.748 286.343 262.994Z" fill="black" opacity="0.1"/>
<path d="M222.289 249.593C221.551 248.241 220.937 246.888 220.568 245.413C220.322 244.552 220.199 243.692 220.076 242.831C219.093 234.963 223.273 227.832 229.42 227.094C234.952 226.357 240.116 231.029 241.837 237.668C242.083 238.528 242.206 239.266 242.329 240.126C242.452 240.987 242.452 241.725 242.452 242.585C242.452 249.47 238.518 255.248 232.985 255.986C228.805 256.355 224.748 253.773 222.289 249.593Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M222.289 249.593C221.551 248.241 220.937 246.888 220.568 245.413C227.822 243.323 234.952 240.741 241.837 237.668C242.083 238.528 242.206 239.266 242.329 240.126C242.452 240.987 242.452 241.725 242.452 242.585C242.452 249.47 238.518 255.249 232.985 255.986C228.805 256.355 224.748 253.773 222.289 249.593Z" fill="black" opacity="0.1"/>
<path d="M213.191 260.904L206.798 249.593L249.46 241.479C249.46 241.479 249.214 260.412 255.115 264.101C261.016 267.789 213.191 260.904 213.191 260.904Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M538.377 272.461H661.935C666.484 272.461 670.418 269.879 671.156 266.313L680.746 218.734C681.606 214.308 677.303 210.374 671.525 210.374H547.967C543.418 210.374 539.483 212.956 538.746 216.521L529.279 264.1C528.418 268.526 532.722 272.461 538.377 272.461Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M301.711 268.035C299.866 271.354 297.899 274.551 295.686 277.624C290.523 284.878 282.163 296.066 271.712 299.139C261.631 302.09 248.968 297.541 236.182 286.968C281.056 293.73 297.162 275.534 301.711 268.035Z" fill="black" opacity="0.1"/>
<path d="M343.02 376.717L325.808 496.71H313.144L307.858 349.3L337.241 344.629L343.02 376.717Z" fill="black" opacity="0.1"/>
<path d="M495.592 224.513C493.256 228.078 490.675 231.889 487.847 235.7C470.758 258.199 455.267 278.731 435.104 279.468C426.498 279.837 418.753 276.518 411.991 271.723C425.392 269.879 438.547 265.822 450.718 259.92C468.053 251.56 483.421 239.389 495.592 224.513Z" fill="black" opacity="0.1"/>
<path d="M550.549 329.015H479.364C477.766 329.138 476.414 327.785 476.291 326.187C476.291 325.818 476.291 325.326 476.537 324.958L480.84 309.221C481.577 307.008 483.544 305.409 485.88 305.287H557.065C558.663 305.164 560.015 306.393 560.138 308.114C560.138 308.483 560.138 308.975 559.892 309.344L555.589 325.08C554.975 327.293 552.885 328.892 550.549 329.015Z" fill="#A7AAB3"/>
<path d="M503.215 145.952H595.177C597.267 146.075 598.988 144.476 599.111 142.386C599.111 141.895 598.988 141.403 598.865 140.911L593.333 120.625C592.472 117.675 589.89 115.708 586.817 115.462H494.855C492.765 115.339 491.044 116.937 490.921 119.027C490.921 119.519 491.044 120.011 491.167 120.502L496.699 140.788C497.683 143.739 500.265 145.829 503.215 145.952Z" fill="#DDDDDD"/>
<path d="M320.644 141.895C321.136 145.46 321.751 150.869 322.611 157.14L323.226 160.336C324.578 167.467 326.791 174.229 329.742 180.868C330.357 182.097 330.971 183.327 331.586 184.556C334.045 188.859 351.38 193.162 365.887 190.58C380.395 187.998 384.575 173.368 377.936 167.713C375.6 165.377 373.633 162.672 372.28 159.721C370.19 155.787 368.469 151.607 367.117 147.427C366.256 144.968 365.764 143.493 365.764 143.493L353.593 134.518L326.054 136.485C326.668 141.157 325.562 144.476 324.209 144.722C322.857 144.968 320.89 142.263 320.644 141.895Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M372.28 159.598C368.715 161.197 363.182 163.287 356.052 163.902C349.044 164.516 343.265 163.41 339.577 162.426C339.577 163.902 339.577 165.254 339.331 166.606C339.208 168.819 338.717 170.909 337.979 172.999C337.118 174.843 336.012 176.565 334.537 177.917C333.184 179.269 331.586 180.253 329.865 180.868C326.914 174.352 324.701 167.467 323.349 160.336L322.734 157.14C321.75 150.869 321.136 145.46 320.767 141.895C321.013 142.263 322.488 145.337 323.963 144.968C324.209 144.845 324.578 144.722 324.701 144.476C325.685 143.37 326.299 140.542 325.808 136.731H326.176L353.347 134.887L365.518 143.985C365.518 143.985 366.748 147.673 366.871 147.919C367.362 149.148 368.1 150.992 369.575 153.82V153.943L372.28 159.598Z" fill="black" opacity="0.1"/>
<path d="M386.05 132.797C384.943 135.993 382.73 138.452 379.657 139.927C378.427 144.599 375.969 148.779 372.403 151.976C362.937 160.336 346.216 160.09 331.094 150.992L330.971 151.115V151.238C331.094 152.713 331.094 154.189 331.34 155.541C331.34 156.033 331.463 156.402 331.463 156.894V157.385C332.324 160.459 332.815 163.655 333.184 166.729C333.061 168.696 332.447 170.663 331.217 172.262C330.479 169.311 329.127 166.606 327.037 164.393C326.299 163.655 325.439 163.041 324.578 162.426C320.275 158.615 317.57 153.328 317.079 147.55C316.956 146.812 316.956 145.952 317.079 145.214L316.956 145.091C311.915 143.247 309.333 137.837 311.054 132.797C312.53 128.985 316.095 126.527 320.152 126.404C318.431 119.888 322.365 113.126 328.881 111.404C331.217 110.79 333.799 110.913 336.135 111.65C338.348 112.388 340.192 113.74 341.544 115.462C344.495 109.437 351.872 106.978 357.896 109.929C362.076 112.019 364.781 116.322 364.658 120.994C367.977 116.814 373.51 115.216 378.427 116.937C384.943 119.396 388.263 126.281 386.05 132.797Z" fill="#232B41" class="tblr-illustrations-boy-and-laptop-c"/>
<path d="M379.657 139.928C378.427 144.599 375.968 148.78 372.403 151.976C362.936 160.336 346.216 160.09 331.094 150.993L330.971 151.115V151.238C329.127 149.886 327.283 148.411 325.685 146.935L325.807 147.058C329.373 148.534 350.519 158.615 369.452 148.165C373.264 145.952 376.706 143.124 379.657 139.928Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

44
src/illustrations/boy-girl.svg Normal file
View File

@ -0,0 +1,44 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-girl-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-girl-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-girl-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-boy-girl-a { fill: black; opacity: 0.07; } .tblr-illustrations-boy-girl-b { fill: #1A2030; } .tblr-illustrations-boy-girl-c { fill: #454C5E; } }
</style>
<path d="M658.744 282.266C658.744 325.973 612.535 357.656 592.114 392.937C571.053 429.346 565.991 484.976 529.581 506.037C494.299 526.458 444.065 503.618 400.367 503.618C356.669 503.618 306.435 526.458 271.153 506.037C234.753 484.976 229.681 429.346 208.62 392.937C188.209 357.656 142 325.953 142 282.266C142 238.579 188.209 206.865 208.62 171.584C229.681 135.185 234.753 79.5143 271.153 58.4839C306.435 38.0736 356.669 60.9031 400.367 60.9031C444.065 60.9031 494.299 38.0736 529.581 58.4839C565.991 79.5448 571.053 135.185 592.114 171.584C612.535 206.865 658.744 238.568 658.744 282.266Z" fill="#F7F8FC" class="tblr-illustrations-boy-girl-a"/>
<path d="M397.248 550C534.459 550 645.689 545.836 645.689 540.7C645.689 535.564 534.459 531.401 397.248 531.401C260.038 531.401 148.808 535.564 148.808 540.7C148.808 545.836 260.038 550 397.248 550Z" fill="#A6A9B3" class="tblr-illustrations-boy-girl-b"/>
<path d="M479.179 238.829C475.497 244.691 456.146 274.402 421.211 280.161C408.559 282.198 395.593 280.84 383.637 276.225C376.963 273.704 370.647 270.322 364.85 266.164L373.304 245.592C374.244 246.41 375.7 247.659 377.607 249.049C384.182 253.84 395.868 260.321 407.863 256.273C414.608 254.009 419.323 249.697 428.36 240.849C436.25 233.084 443.39 224.592 449.683 215.486C455.319 205.153 466.977 202.626 474.943 209.512C482.598 215.974 484.609 229.097 479.179 238.829Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M383.666 276.159C376.992 273.638 370.676 270.256 364.879 266.098L373.333 245.526C374.272 246.344 375.728 247.593 377.635 248.983C377.119 253.445 376.818 260.697 379.035 266.568C380.328 269.88 381.876 273.087 383.666 276.159Z" fill="black" opacity="0.15"/>
<path d="M324.054 160.289C332.183 175.733 345.737 187.624 362.107 193.674L307.502 198.718C313.026 185.906 318.543 173.096 324.054 160.289Z" fill="#232B41" class="tblr-illustrations-boy-girl-c"/>
<path d="M302.083 425.902L299.434 457.398L295.601 503.211H291.872L282.206 455.679L278.073 435.333L302.083 425.902ZM355.701 425.902L353.221 455.548L349.229 503.211H345.5L336.153 457.314L331.682 435.333L355.701 425.902Z" fill="#DADBE0"/>
<path d="M278.063 435.333L302.083 425.939L299.434 457.436C293.46 457.051 287.692 456.496 282.206 455.717L278.063 435.333ZM355.701 425.902L353.212 455.548C347.782 456.318 342.071 456.91 336.153 457.314L331.682 435.333L355.701 425.902Z" fill="black" opacity="0.15"/>
<path d="M318.108 202.692C302.571 204.392 285.231 199.874 278.063 195.017C276.833 194.294 275.8 193.278 275.057 192.058C274.278 190.508 273.592 188.902 272.916 187.202C271.976 184.872 271.169 182.449 270.445 180.025C268.518 173.72 267.17 167.252 266.415 160.703C266.415 160.167 266.218 158.57 266.021 156.72C265.345 148.425 265.006 141.69 264.809 137.069C265.204 137.745 267.139 140.901 268.886 140.61C270.765 140.225 272.333 136.092 271.901 130.174H307.136L321.847 142.893C321.847 142.893 322.279 144.931 323.199 148.031C324.69 153.477 326.558 158.813 328.789 164C330.667 168.321 332.912 172.304 335.364 174.727C343.49 182.468 336.745 200.747 318.108 202.692Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M328.788 164C315.373 168.775 300.746 168.931 287.231 164.441C283.781 164.927 280.531 166.354 277.838 168.565C273.855 171.919 273.958 175.018 270.755 179.584L270.464 180.025C268.537 173.72 267.188 167.252 266.434 160.703C266.434 160.167 266.237 158.57 266.039 156.72C265.363 148.425 265.025 141.69 264.828 137.069C265.222 137.745 267.157 140.901 268.904 140.61C270.783 140.225 272.352 136.092 271.92 130.174H307.155L321.865 142.893C321.865 142.893 322.297 144.931 323.218 148.031C324.703 153.476 326.564 158.812 328.788 164Z" fill="black" opacity="0.1"/>
<path d="M353.502 268.466C356.893 286.755 359.298 300.197 360.951 309.666C361.045 310.192 361.13 310.718 361.224 311.244C363.196 322.244 365.225 333.253 367.198 344.272C330.2 344.935 293.193 345.649 256.176 346.413C256.232 343.868 256.27 341.238 256.335 338.673V338.542C255.228 310.418 255.658 282.255 257.622 254.178C257.763 252.102 257.913 250.045 258.083 247.978L252.54 260.923L230.334 247.772C231.132 244.258 233.922 233.681 242.132 226.448C242.132 226.448 249.581 219.967 257.895 218.792C258.667 218.721 259.432 218.596 260.187 218.417C260.319 218.382 260.454 218.357 260.591 218.342C265.334 217.665 269.928 217.055 274.249 216.726C284.754 215.813 295.312 215.656 305.839 216.256C315.93 216.869 325.952 218.314 335.805 220.577C338.285 221.169 340.868 221.845 343.32 222.653L345.405 223.358C345.668 223.442 345.922 223.517 346.166 223.611L347.537 224.109C349.097 224.71 364.606 229.229 368.006 230.271C371.821 231.512 375.321 233.566 378.264 236.293L364.089 275.464L353.502 268.466Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M271.554 222.127C271.554 233.832 285.644 243.3 303.069 243.3C320.494 243.3 334.519 233.832 334.519 222.127C334.52 221.496 334.457 220.867 334.331 220.249C324.476 217.949 314.441 216.504 304.337 215.927C293.815 215.329 283.263 215.495 272.765 216.425C271.953 218.216 271.539 220.161 271.554 222.127Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M337.524 142.451C335.044 147.89 329.361 151.845 328.591 152.361C312.133 163.511 287.334 150.849 280.684 147.063C279.03 151.572 274.756 154.973 274.221 157.744C274.08 158.57 273.939 159.397 273.836 160.167C273.671 161.504 273.593 162.85 273.601 164.197C273.65 166.483 273.908 168.759 274.371 170.998C275.188 174.887 278.664 185.22 284.347 198.681C276.388 199.207 268.422 199.742 260.45 200.287L241.108 201.583C238.404 192.37 237.788 182.669 239.305 173.187C239.446 172.341 239.671 171.101 240.009 169.551C240.72 166.396 241.662 163.297 242.827 160.28C243.034 159.754 243.26 159.209 243.485 158.664C245.146 154.767 247.194 151.047 249.6 147.561C255.842 138.551 264.069 131.095 273.648 125.768C276.945 124.04 298.071 113.19 319.563 120.808C324.908 122.687 337.618 127.262 338.689 136.148C338.907 138.317 338.503 140.503 337.524 142.451ZM291.204 514.539C285.803 516.324 285.718 525.182 285.718 525.182L284.253 534.219L294.68 536.68L297.658 529.578L316.905 536.68C312.885 527.38 296.615 512.764 291.204 514.539ZM368.72 536.68C364.69 527.38 348.42 512.764 343.019 514.539C337.618 516.315 337.524 525.182 337.524 525.182L336.068 534.219L346.476 536.68L349.454 529.578L368.72 536.68Z" fill="#232B41" class="tblr-illustrations-boy-girl-c"/>
<path d="M337.524 142.451C335.044 147.89 329.371 151.845 328.591 152.352C312.133 163.521 287.335 150.849 280.684 147.063C278.366 144.912 276.281 142.523 274.465 139.934C283.982 145.468 294.71 148.587 305.711 149.018C316.712 149.448 327.651 147.178 337.571 142.404L337.524 142.451Z" fill="black" opacity="0.3"/>
<path d="M373.051 435.333H258.947L256.956 371.738L256.176 346.423L367.199 344.262L371.942 418.002L373.051 435.333Z" fill="#A6A9B3"/>
<path d="M373.05 435.333H258.947L257.632 345.615L313.392 345.249C292.67 386.214 286.602 401.469 288.274 402.85C290.566 404.729 306.121 379.122 314.003 383.527C316.868 385.134 317.168 389.849 317.985 393.005C320.531 402.756 332.226 413.455 371.942 418.002L373.05 435.333Z" fill="black" opacity="0.1"/>
<path d="M346.241 223.63H346.194L345.433 223.386C342.371 236.997 324.552 247.48 303.087 247.48C279.425 247.48 260.177 234.799 260.177 219.225V218.436C259.454 218.548 258.693 218.67 257.904 218.821C257.895 218.955 257.895 219.09 257.904 219.225C257.904 236.283 278.166 250.223 303.087 250.223C325.51 250.223 344.156 238.951 347.603 224.194L346.241 223.63Z" fill="#E1E1E1"/>
<path d="M307.502 263.853C309.411 263.853 310.959 262.011 310.959 259.739C310.959 257.467 309.411 255.625 307.502 255.625C305.593 255.625 304.045 257.467 304.045 259.739C304.045 262.011 305.593 263.853 307.502 263.853Z" fill="#E1E1E1"/>
<path d="M260.404 200.315L241.063 201.612C238.358 192.398 237.742 182.697 239.259 173.215C239.4 172.37 239.625 171.13 239.964 169.58L242.782 160.308C242.988 159.782 243.214 159.237 243.439 158.693C245.1 154.796 247.148 151.076 249.554 147.589C248.615 159.989 248.474 177.273 253.744 188.263C255.706 192.418 257.931 196.443 260.404 200.315Z" fill="black" opacity="0.3"/>
<path d="M367.199 344.272C330.201 344.935 293.193 345.649 256.176 346.413C256.233 343.868 256.27 341.238 256.336 338.673V338.542C315.929 341.501 350.957 319.557 361.224 311.244C363.197 322.244 365.264 333.253 367.199 344.272Z" fill="black" opacity="0.1"/>
<path d="M280.017 380.052C274.531 389.041 263.503 391.437 255.35 384.965C250.399 380.597 225.45 357.564 220.594 316.006C218.13 294.148 221.708 272.032 230.936 252.064C231.509 250.843 232.007 249.829 232.429 249.002L249.723 259.119C249.103 260.124 248.173 261.674 247.13 263.637C243.063 271.34 237.267 285.609 240.743 300.272C242.621 308.276 246.266 313.912 253.706 324.695C259.993 333.807 267.133 342.299 275.029 350.058C283.671 356.662 285.804 370.564 280.017 380.052Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M249.723 259.119C249.103 260.124 248.173 261.674 247.13 263.637C242.33 260.274 234.862 255.005 230.926 252.064C231.499 250.843 231.997 249.829 232.42 249.002L249.723 259.119Z" fill="black" opacity="0.15"/>
<path d="M304.337 215.899C293.815 215.301 283.264 215.467 272.766 216.397C271.949 218.196 271.536 220.152 271.554 222.127C271.554 233.832 285.644 243.3 303.069 243.3C320.494 243.3 334.519 233.832 334.519 222.127C334.52 221.496 334.457 220.867 334.331 220.248C324.477 217.94 314.442 216.485 304.337 215.899Z" fill="black" opacity="0.07"/>
<path d="M445.325 188.01C446.283 199.188 447.25 210.351 448.227 221.498L453.863 286.182C455.329 302.909 456.785 319.645 458.231 336.39H543.713C545.372 319.639 547.038 302.902 548.71 286.182C549.668 276.701 550.608 267.223 551.528 257.748C553.852 234.489 556.162 211.243 558.461 188.01H445.325Z" fill="#DADBE0"/>
<path d="M555.464 217.844C547.072 224.328 539.267 231.538 532.14 239.393C515.429 257.766 513.109 267.62 505.171 271.03C495.956 274.994 479.809 269.997 449.542 228.045L453.995 288.474H454.042C455.445 304.443 456.835 320.412 458.213 336.381H543.694C545.354 319.642 547.019 302.909 548.692 286.182H549.058L555.464 217.844Z" fill="black" opacity="0.1"/>
<path d="M420.385 276.76C422.47 282.504 425.273 287.961 428.727 293.002C429.744 294.46 430.829 295.871 431.977 297.229C436.998 303.248 443.375 307.99 450.585 311.065C454.275 312.632 458.128 313.779 462.074 314.485C467.561 315.468 473.147 315.784 478.71 315.424C479.17 315.424 479.649 315.377 480.072 315.34C480.247 315.35 480.423 315.35 480.598 315.34L481.631 315.255L482.12 315.208H482.458C486.709 314.762 490.926 314.037 495.083 313.038H495.148C498.827 312.155 502.453 311.064 506.007 309.769C507.604 309.215 509.145 308.604 510.62 307.956C512.674 307.067 514.615 306.128 516.444 305.138C519.749 303.381 522.934 301.407 525.978 299.23C527.35 298.243 528.608 297.294 529.736 296.411C522.502 293.161 515.26 289.892 508.018 286.661C503.784 284.782 499.557 282.882 495.336 280.959C493.604 282.328 491.712 283.479 489.7 284.388C488.168 285.069 486.55 285.537 484.891 285.778C483.818 285.965 482.727 286.028 481.64 285.966C478.4 285.778 475.347 284.181 472.51 281.617C472.363 281.502 472.225 281.376 472.097 281.241C470.798 280.007 469.592 278.679 468.489 277.267C456.841 262.407 449.702 233.681 449.702 233.681C452.924 222.879 453.119 211.399 450.266 200.494C449.097 196.178 447.436 192.011 445.316 188.076C440.947 188.898 436.792 190.601 433.104 193.082C431.175 194.4 429.398 195.928 427.806 197.638C412.607 213.861 410.268 249.528 420.385 276.76Z" fill="#DADBE0"/>
<path d="M445.325 188.01C438.625 189.246 432.498 192.598 427.844 197.572C412.607 213.861 410.268 249.528 420.385 276.76C422.47 282.504 425.273 287.961 428.727 293.002C429.744 294.46 430.828 295.871 431.977 297.229C436.998 303.248 443.375 307.99 450.585 311.065C452.425 311.844 454.306 312.518 456.221 313.085L458.26 336.39H543.741C545.401 319.639 547.067 302.902 548.739 286.182C549.697 276.694 550.636 267.216 551.557 257.748C553.861 234.489 556.163 211.243 558.461 188.01H445.325Z" fill="black" opacity="0.05"/>
<path d="M540.181 104.661C540.002 109.282 539.636 116.055 538.95 124.387C538.762 126.266 538.621 127.816 538.584 128.37C537.518 137.473 535.309 146.404 532.008 154.954C531.322 156.654 530.637 158.251 529.857 159.81C526.973 165.578 505.434 172.529 486.703 170.472C467.972 168.415 461.256 150.201 469.353 142.413C471.824 139.99 474.116 136.007 475.994 131.667C478.228 126.463 480.092 121.108 481.574 115.642C482.513 112.533 482.946 110.475 482.946 110.475L497.712 97.7471H533.041C532.628 103.703 534.187 107.817 536.057 108.183C537.926 108.55 539.767 105.346 540.181 104.661Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M540.181 104.661C540.002 109.282 539.636 116.055 538.95 124.387C538.762 126.266 538.621 127.816 538.584 128.37C537.519 137.473 535.309 146.404 532.008 154.954C529.719 154.235 527.589 153.083 525.734 151.563C523.719 149.859 522.057 147.779 520.839 145.438C519.612 142.93 518.785 140.246 518.388 137.482C518.04 135.703 517.795 133.906 517.655 132.099C504.109 136.607 489.444 136.455 475.995 131.667C478.228 126.463 480.092 121.108 481.574 115.642C482.514 112.533 482.946 110.475 482.946 110.475L497.713 97.7471H533.042C532.628 103.703 534.188 107.817 536.057 108.183C537.926 108.55 539.768 105.346 540.181 104.661Z" fill="black" opacity="0.1"/>
<path d="M544.53 112.213C544.324 119.897 540.998 127.365 536.32 131.846C535.242 132.734 534.228 133.698 533.286 134.73C530.89 137.732 529.277 141.283 528.589 145.062C526.945 143.089 525.93 140.668 525.677 138.111C525.433 134.213 527.105 127.027 527.19 126.022C527.19 126.022 527.19 125.749 527.274 125.43C527.274 124.876 527.359 124.65 527.434 123.786C527.564 121.91 527.564 120.026 527.434 118.15C527.455 118.06 527.455 117.967 527.434 117.877C518.491 123.326 493.007 136.599 475.854 123.514C473.188 121.482 470.828 119.078 468.846 116.375C468.641 116.159 468.473 115.912 468.349 115.642C467.865 114.969 467.426 114.267 467.033 113.538C466.996 113.476 466.955 113.416 466.911 113.359V113.312C465.865 111.449 465.141 109.423 464.77 107.319L464.638 106.492C464.561 105.555 464.561 104.612 464.638 103.674C465.122 100.035 466.851 96.6762 469.532 94.1681C474.501 89.2271 481.838 86.2963 485.698 84.7746C500.728 78.7345 523.489 77.2597 536.424 90.8616C539.662 94.4155 542.023 98.678 543.319 103.308C544.136 106.205 544.544 109.203 544.53 112.213Z" fill="#232B41" class="tblr-illustrations-boy-girl-c"/>
<path d="M527.378 117.887C518.435 123.335 492.95 136.608 475.798 123.523C473.131 121.492 470.771 119.087 468.79 116.384C468.585 116.169 468.417 115.921 468.292 115.651C467.809 114.979 467.37 114.276 466.977 113.547C466.94 113.485 466.899 113.426 466.855 113.369V113.322C465.828 111.452 465.123 109.423 464.77 107.319C468.771 111.224 473.388 114.442 478.437 116.844C503.452 128.586 529.679 113.951 533.859 111.621L534.179 111.433C532.074 113.75 529.801 115.907 527.378 117.887Z" fill="black" opacity="0.3"/>
<path d="M543.657 336.39L536.311 514.22H521.873L501.893 376.83L488.178 514.22H477.479L458.213 336.39H543.657Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M505.697 538.906L537.926 535.318C537.926 535.318 539.091 526.967 534.037 524.046C528.984 521.124 510.967 531.081 505.697 538.906ZM458.26 538.906L490.479 535.318C490.479 535.318 491.644 526.967 486.6 524.046C481.556 521.124 463.473 531.081 458.26 538.906ZM420.385 276.76C422.47 282.504 425.272 287.961 428.726 293.002C434.133 300.991 441.72 307.26 450.585 311.065C451.487 303.348 449.862 295.547 445.954 288.831C439.472 277.634 428.754 272.852 420.385 276.76Z" fill="#232B41" class="tblr-illustrations-boy-girl-c"/>
<path d="M513.447 185.699C505.434 193.674 497.788 196.624 491.964 197.694L491.024 197.864L478.165 187.756L513.447 185.699Z" fill="#E1E1E1"/>
<path d="M450.867 241.44C454.744 254.128 458.629 266.812 462.525 279.494C469.157 287.839 476.911 295.226 485.567 301.446C499.357 311.235 521.995 322.187 542.238 321.474C552.74 321.126 562.594 317.632 570.231 309.262C576.534 302.32 579.559 294.054 582.555 282.518C583.298 279.653 584.049 276.6 584.838 273.303C586.999 264.379 593.424 236.546 584.575 211.588C581.353 202.523 577.69 198.211 575.651 196.154C573.275 193.74 570.476 191.782 567.394 190.377C564.57 189.104 561.548 188.323 558.461 188.066C558.301 188.93 558.085 190.18 557.841 191.683C557.08 196.379 556.592 200.362 556.282 203.105C556.188 203.979 556.037 205.35 555.887 207.013C555.53 210.77 555.27 214.393 555.107 217.881C555.029 225.279 553.997 232.635 552.036 239.768C550.243 246.356 547.577 252.675 544.108 258.555C535.992 262.148 527.347 264.4 518.51 265.225C486.168 268.165 461.285 250.148 450.867 241.44Z" fill="#DADBE0"/>
<path d="M542.238 321.492C552.74 321.145 562.594 317.65 570.231 309.281C576.534 302.339 579.558 294.073 582.555 282.537C575.547 283.683 567.469 287.741 559.898 294.458C550.861 302.433 544.586 312.475 542.238 321.492Z" fill="#232B41" class="tblr-illustrations-boy-girl-c"/>
<path d="M488.178 514.22L501.893 376.83L495.778 336.39H458.213L477.479 514.22H488.178Z" fill="black" opacity="0.22"/>
<path d="M494.801 195.468L473.956 180.495L469.194 185.539L483.359 206.694L494.801 195.468ZM495.778 195.318L527.368 175.629L534.582 182.261L513.118 210.075L495.778 195.318Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M494.801 195.468L473.956 180.495L469.194 185.539L483.359 206.694L494.801 195.468Z" fill="black" opacity="0.22"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

68
src/illustrations/boy-gives-flowers.svg Normal file
View File

@ -0,0 +1,68 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-gives-flowers-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-gives-flowers-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-gives-flowers-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-boy-gives-flowers-a { fill: black; opacity: 0.07; } .tblr-illustrations-boy-gives-flowers-b { fill: #1A2030; } .tblr-illustrations-boy-gives-flowers-c { fill: #454C5E; } }
</style>
<path d="M132.497 300.059C132.497 347.038 182.185 381.184 204.203 419.097C226.927 458.306 232.343 518.119 271.552 540.843C309.583 562.861 363.627 538.253 410.606 538.253C457.586 538.253 511.63 562.861 549.661 540.843C588.869 518.119 594.285 458.306 617.01 419.097C639.028 381.184 688.715 347.038 688.715 300.059C688.715 253.079 639.028 218.816 617.01 180.903C594.403 141.694 588.869 81.881 549.661 59.1566C511.747 37.1386 457.586 61.7469 410.606 61.7469C363.627 61.7469 309.465 37.1386 271.552 59.1566C232.343 81.7632 226.927 141.694 204.203 180.903C182.302 218.816 132.497 252.962 132.497 300.059Z" fill="#F7F8FC" class="tblr-illustrations-boy-gives-flowers-a"/>
<path d="M100 478.086C100 481.854 234.227 484.798 400.009 484.798C565.792 484.798 700.019 481.736 700.019 478.086C700.019 474.436 565.792 471.375 400.009 471.375C234.227 471.375 100 474.554 100 478.086Z" fill="#A6A9B3" class="tblr-illustrations-boy-gives-flowers-b"/>
<path d="M505.625 255.552C505.272 256.494 503.741 259.791 501.504 264.383C501.504 264.383 501.033 265.325 500.326 266.62C500.326 266.62 499.149 268.975 497.854 271.33C479.604 305.004 458.999 317.014 458.999 317.014C453.818 319.958 445.576 323.961 437.805 321.724C435.45 321.135 433.331 319.84 431.682 317.956C428.739 313.953 430.034 308.536 430.269 307.948C432.977 298.057 449.108 301.472 466.887 287.814C473.599 282.751 479.133 276.275 483.254 268.975C485.962 263.912 488.081 258.731 489.612 253.197C489.847 252.491 490.083 251.784 490.201 250.96L493.968 252.138L500.326 254.021L505.625 255.552Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M500.091 250.724L500.444 254.021L501.504 264.383C500.444 266.502 499.266 268.857 497.854 271.33L483.371 268.857C486.079 263.794 488.199 258.613 489.729 253.079L494.086 252.02L500.091 250.724Z" fill="black" opacity="0.1"/>
<path d="M436.51 320.428C435.332 320.428 434.39 319.486 434.273 318.309C434.155 315.13 432.271 240.716 457.939 211.869C458.763 210.927 460.176 210.927 461 211.634C461.824 212.34 461.942 213.871 461.236 214.695C436.745 242.247 438.629 317.249 438.747 318.074C438.747 319.369 437.805 320.311 436.51 320.428Z" fill="#232B41" class="tblr-illustrations-boy-gives-flowers-c"/>
<path d="M479.015 192.324C477.955 194.208 476.778 195.974 475.247 197.505C471.479 201.273 467.123 204.569 462.413 207.042C462.649 201.744 463.708 196.563 465.592 191.618C466.416 189.498 467.476 187.614 468.771 185.848C474.658 178.313 478.779 181.492 478.779 181.492C478.779 181.492 483.371 183.729 479.015 192.324Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M498.325 220.347C498.325 220.347 497.383 226.587 485.726 225.057C483.489 224.703 481.252 224.115 479.132 223.29C469.831 219.523 461.824 211.869 461.824 211.869C468.065 209.985 474.658 209.161 481.252 209.279C483.96 209.397 486.55 209.75 489.141 210.574C500.326 214.342 498.325 220.347 498.325 220.347Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M467.712 239.068C467.83 247.31 463.474 247.428 463.474 247.428C463.474 247.428 459.117 248.37 457.469 240.245C457.115 238.715 456.998 237.184 457.115 235.653C457.469 230.708 458.646 225.998 460.53 221.406C463.356 225.292 465.593 229.649 467.006 234.24C467.359 235.889 467.595 237.42 467.712 239.068Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M454.524 211.752C454.524 211.752 446.753 219.052 438.04 221.878C436.627 222.349 435.214 222.702 433.683 222.937C423.557 224.232 422.851 218.698 422.851 218.698C422.851 218.698 421.203 213.518 430.975 210.339C432.859 209.75 434.743 209.397 436.745 209.279C445.34 208.69 454.524 211.752 454.524 211.752Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M458.056 209.632C452.051 206.689 446.517 203.039 441.69 198.447C439.571 196.445 437.687 194.09 436.156 191.5C430.151 180.667 435.921 177.488 435.921 177.488C435.921 177.488 440.984 173.25 448.99 182.669C450.992 185.259 452.64 188.085 453.818 191.147C456.055 197.152 457.585 203.392 458.056 209.632Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M454.524 211.752C454.524 211.752 446.753 219.052 438.04 221.878C437.451 220.582 437.098 219.169 436.745 217.757C436.156 214.931 436.039 212.105 436.627 209.279C445.34 208.69 454.524 211.752 454.524 211.752Z" fill="black" opacity="0.1"/>
<path d="M441.69 198.564C444.869 194.914 449.108 192.324 453.818 191.264C456.055 197.151 457.586 203.392 458.057 209.75C452.052 206.806 446.636 203.039 441.69 198.564Z" fill="black" opacity="0.1"/>
<path d="M460.412 221.406C463.237 225.292 465.475 229.649 466.887 234.241C465.828 234.711 464.65 235.065 463.473 235.3C461.354 235.771 459.116 235.889 456.997 235.771C457.35 230.826 458.528 225.998 460.412 221.406Z" fill="black" opacity="0.1"/>
<path d="M475.247 197.505C471.479 201.272 467.123 204.569 462.413 207.042C462.649 201.743 463.708 196.563 465.592 191.618C469.242 192.795 472.539 194.797 475.247 197.505Z" fill="black" opacity="0.1"/>
<path d="M481.135 209.279C481.959 214.106 481.252 218.934 479.015 223.29C469.714 219.523 461.707 211.869 461.707 211.869C468.065 209.985 474.541 209.161 481.135 209.279Z" fill="black" opacity="0.1"/>
<path d="M468.889 219.523C465.356 225.056 458.056 226.705 452.522 223.173C451.698 222.702 450.992 222.113 450.403 221.406C445.811 216.697 445.929 209.161 450.638 204.569C455.348 199.977 462.884 200.095 467.476 204.805C471.243 208.808 471.832 214.931 468.889 219.523Z" fill="#DADBE0"/>
<path d="M468.889 219.523C465.357 225.057 458.057 226.705 452.523 223.173C451.699 222.702 450.992 222.113 450.403 221.406C451.463 212.811 459.352 206.806 467.947 207.866C468.536 207.984 469.242 208.102 469.831 208.219C471.362 211.869 471.126 216.226 468.889 219.523Z" fill="black" opacity="0.1"/>
<path d="M527.996 393.9L543.42 407.441L546.364 410.149L575.8 436.052L578.037 433.933L557.432 401.436L547.541 385.894L527.996 393.9Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M584.63 463.957C580.744 457.364 578.743 440.644 582.275 438.171C585.807 435.699 591.341 439.467 591.341 439.467L597.582 442.528L594.52 450.063L588.751 448.768L584.63 463.957Z" fill="#232B41" class="tblr-illustrations-boy-gives-flowers-c"/>
<path d="M527.996 393.9L556.019 418.508L569.206 419.215L547.659 385.776L527.996 393.9Z" fill="black" opacity="0.1"/>
<path d="M535.767 182.433C527.761 193.384 516.104 201.037 502.917 203.98L544.245 213.871L535.767 182.433Z" fill="#232B41" class="tblr-illustrations-boy-gives-flowers-c"/>
<path d="M503.388 392.252L505.154 415.329L508.333 452.301H511.159L518.459 416.625L521.873 399.552L503.388 392.252Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M503.388 392.252L505.389 415.212C509.628 415.8 513.867 416.271 518.577 416.625L522.109 399.67L503.388 392.252Z" fill="black" opacity="0.1"/>
<path d="M583.806 171.248C583.1 174.78 582.158 179.843 580.745 186.319C580.509 187.732 580.039 188.909 580.039 189.263C578.743 194.208 576.977 199.035 574.74 203.745L572.621 207.984L572.032 208.808C571.443 209.75 570.855 210.81 570.266 211.634C570.148 211.752 570.03 212.105 569.795 212.223C569.088 213.047 568.146 213.753 567.087 214.224C563.437 216.108 556.608 217.286 549.072 217.286C544.48 217.286 539.888 216.697 535.532 215.755C524.581 213.047 520.225 203.745 522.109 197.151C522.58 195.15 523.757 193.501 525.406 192.324C527.878 190.205 529.998 187.732 531.646 184.788C533.883 181.021 535.885 177.135 537.651 173.132C538.593 170.895 539.182 169.364 539.182 169.364L551.898 161.122L578.979 164.89C578.037 169.482 578.861 172.779 580.156 173.25C581.451 173.721 583.335 171.719 583.806 171.248Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M531.646 184.788C541.418 189.851 552.604 191.618 563.554 189.616C566.144 190.44 568.499 191.853 570.383 193.855C573.091 196.798 572.62 199.271 574.622 203.039L574.74 203.51C576.859 198.8 578.625 193.972 580.038 189.027C580.038 188.556 580.509 187.497 580.744 186.084C582.157 179.843 583.099 174.663 583.806 171.012C583.335 171.483 581.569 173.721 580.273 173.25C578.978 172.779 578.154 169.482 579.096 164.89L552.015 160.887L539.299 169.129C539.299 169.129 538.71 170.659 537.768 172.896C535.884 177.135 533.883 181.138 531.646 184.788Z" fill="black" opacity="0.1"/>
<path d="M504.211 266.855C505.624 267.444 504.329 273.802 501.621 288.756C500.679 294.407 499.737 299.117 499.266 302.178L498.913 303.591C497.382 312.069 495.852 320.546 494.203 329.259L580.273 330.908C580.273 328.906 580.274 326.904 580.156 325.02V324.785C580.98 303.002 580.744 281.102 579.214 259.32C579.096 257.789 578.978 256.023 578.743 254.492C580.156 257.907 581.569 261.204 582.982 264.5L600.29 254.257C599.701 251.549 597.464 243.307 591.106 237.655C591.106 237.655 585.454 232.71 578.978 231.768C578.39 231.768 577.801 231.65 577.33 231.532H577.094C573.444 230.944 569.912 230.59 566.498 230.237C558.373 229.531 550.131 229.413 542.007 229.766C534.118 230.237 526.347 231.297 518.812 233.181C516.81 233.652 514.808 234.123 513.042 234.711L511.512 235.3L510.923 235.418L509.981 235.889C497.971 239.068 488.316 248.134 484.431 260.026C486.903 261.086 489.611 262.263 492.437 263.676C495.969 265.442 499.149 267.326 502.092 269.092C503.034 266.973 503.741 266.738 504.211 266.855Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M568.499 234.24C568.499 243.307 557.549 250.724 544.009 250.724C530.468 250.724 519.636 243.307 519.636 234.24C519.636 233.769 519.636 233.299 519.754 232.828C527.407 231.061 535.178 229.884 542.949 229.413C551.073 228.942 559.315 229.178 567.439 229.884C568.146 231.179 568.499 232.71 568.499 234.24Z" fill="#DADBE0"/>
<path d="M493.144 478.204C496.205 471.14 508.921 459.601 513.16 461.131C517.399 462.662 517.399 469.373 517.399 469.373L518.576 476.438L510.452 478.322L508.215 472.788L493.144 478.204Z" fill="#232B41" class="tblr-illustrations-boy-gives-flowers-c"/>
<path d="M489.847 399.552H578.272L579.802 350.217L580.391 330.554L494.439 329.024L490.671 386.129L489.847 399.552Z" fill="#DADBE0"/>
<path d="M510.569 235.418L511.158 235.3C513.513 245.897 527.289 254.021 544.008 254.021C562.376 254.021 577.33 244.249 577.33 232.121V231.532C577.918 231.65 578.507 231.65 578.978 231.768V232.003C578.978 245.191 563.318 255.905 544.008 255.905C526.582 255.905 512.1 247.075 509.51 235.771L510.569 235.418Z" fill="#DADBE0"/>
<path d="M538.004 263.441C538.239 264.971 539.652 265.913 541.065 265.678C542.596 265.442 543.537 264.029 543.302 262.617C543.067 261.204 541.654 260.144 540.241 260.379C538.828 260.615 537.768 261.91 538.004 263.441Z" fill="#DADBE0"/>
<path d="M494.439 329.024L580.51 330.672C580.51 328.67 580.51 326.669 580.392 324.785V324.667C534.237 326.904 507.038 309.949 499.149 303.473C497.619 311.951 495.97 320.428 494.439 329.024Z" fill="black" opacity="0.1"/>
<path d="M543.067 229.413C551.191 228.942 559.433 229.178 567.558 229.884C568.146 231.297 568.499 232.71 568.499 234.24C568.499 243.307 557.549 250.724 544.127 250.724C530.704 250.724 519.754 243.307 519.754 234.24C519.754 233.769 519.754 233.299 519.872 232.828C527.643 231.061 535.296 230.002 543.067 229.413Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M570.265 211.634C570.147 211.752 570.03 212.105 569.794 212.223C569.088 213.047 568.146 213.753 567.086 214.224C563.436 216.108 556.607 217.285 549.071 217.285C547.894 215.99 547.188 214.224 547.188 212.458C547.188 207.513 552.25 203.51 558.609 203.51C564.849 203.627 569.794 207.042 570.265 211.634Z" fill="black" opacity="0.1"/>
<path d="M597.818 255.67V259.673C597.347 282.28 589.576 298.057 579.803 299.941C570.031 301.825 560.14 289.462 556.019 284.164C548.601 275.097 543.538 264.383 541.301 252.844V252.609C538.946 240.716 537.769 222.466 542.714 212.929C543.774 210.692 545.54 208.808 547.777 207.748C551.192 206.335 555.077 206.689 558.139 208.69C562.613 212.105 562.377 219.758 562.26 222.702C561.671 247.192 574.269 278.63 580.392 278.63C581.569 278.63 583.218 277.452 585.102 271.683L586.044 266.149L586.632 262.499L597.818 255.67Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M599.584 201.743C599.702 209.161 598.171 216.579 595.11 223.29L580.392 220.229L562.142 216.461C566.145 209.985 569.677 203.274 572.739 196.327C573.445 194.679 573.916 193.03 574.151 191.264C574.269 190.205 574.387 189.145 574.387 188.203V186.319C574.387 183.375 570.737 177.724 570.619 177.371C569.206 177.842 567.911 178.312 566.734 178.666C565.556 179.019 564.261 179.372 563.084 179.608C562.259 179.725 561.553 179.961 560.846 180.079C560.14 180.196 559.198 180.314 558.256 180.432C556.608 180.667 555.077 180.785 553.429 180.785C547.542 180.903 539.653 181.138 533.412 176.193C531.882 175.016 528.467 172.19 527.643 167.598C527.29 165.949 527.407 164.301 527.761 162.653C529.762 155.706 541.419 153.469 544.009 152.998C560.964 149.819 575.211 159.356 577.684 161.122L578.743 161.828C585.455 167.009 590.989 173.603 594.757 181.256C596.287 184.2 597.465 187.261 598.289 190.44C598.289 190.911 598.407 191.264 598.524 191.735C599.113 194.208 599.466 196.68 599.702 199.153C599.584 199.859 599.702 200.801 599.584 201.743Z" fill="#232B41" class="tblr-illustrations-boy-gives-flowers-c"/>
<path d="M576.153 172.425C574.504 174.192 572.62 175.84 570.619 177.253C569.206 177.724 567.911 178.195 566.733 178.548C565.556 178.901 564.261 179.255 563.083 179.49C562.259 179.608 561.553 179.843 560.846 179.961C560.14 180.079 559.198 180.196 558.256 180.314C556.843 180.432 555.194 180.55 553.428 180.667C547.541 180.785 539.652 181.021 533.412 176.075C531.881 174.898 528.467 172.072 527.643 167.48C533.177 171.13 539.299 173.721 545.775 175.134C555.783 177.135 566.38 176.193 576.153 172.425Z" fill="black" opacity="0.5"/>
<path d="M580.273 220.229L594.991 223.29C598.053 216.579 599.701 209.161 599.466 201.743C599.466 200.801 599.466 199.859 599.348 198.918L598.17 191.617C598.053 191.146 598.053 190.793 597.935 190.322C597.111 187.143 595.933 184.082 594.403 181.138C593.814 190.793 592.048 204.098 586.749 211.869C584.63 214.695 582.511 217.521 580.273 220.229Z" fill="black" opacity="0.5"/>
<path d="M597.817 255.67V259.673L586.043 266.031L586.632 262.381L597.817 255.67Z" fill="black" opacity="0.1"/>
<path d="M295.218 457.952H285.327L250.946 339.032L251.888 339.974L234.698 353.396L215.388 368.585L150.158 341.269L157.694 334.087L208.794 340.445L235.286 287.696L292.274 312.893C292.274 314.07 292.274 315.248 292.392 316.425C293.334 363.64 294.276 410.737 295.218 457.952Z" fill="#DADBE0"/>
<path d="M295.218 457.952H285.328C274.024 418.744 262.603 379.653 251.3 340.445L286.623 312.187L292.274 316.543C293.216 363.64 294.276 410.738 295.218 457.952Z" fill="black" opacity="0.1"/>
<path d="M308.758 476.438L282.384 478.911C282.384 478.911 279.911 472.435 283.561 469.138C287.211 465.841 303.224 471.139 308.758 476.438Z" fill="#232B41" class="tblr-illustrations-boy-gives-flowers-c"/>
<path d="M120.252 342.446L139.797 324.549C139.797 324.549 145.684 328.199 144.743 333.027C143.801 337.854 127.905 343.271 120.252 342.446Z" fill="#232B41" class="tblr-illustrations-boy-gives-flowers-c"/>
<path d="M430.975 267.208C432.388 266.973 433.684 266.973 435.096 267.208C435.921 267.326 436.627 267.444 437.451 267.679C444.516 269.563 448.99 275.45 447.459 280.867C446.164 285.694 440.513 288.52 434.39 287.696C433.684 287.578 432.859 287.46 432.153 287.225C431.446 286.989 430.74 286.754 430.034 286.518C424.264 284.163 420.732 278.865 422.027 274.038C423.087 270.27 426.619 267.797 430.975 267.208Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M430.975 267.208C432.388 266.973 433.684 266.973 435.096 267.208C434.272 274.038 434.037 280.867 434.39 287.696C433.684 287.578 432.859 287.46 432.153 287.225C431.446 286.989 430.74 286.754 430.034 286.518C424.264 284.163 420.732 278.865 422.027 274.038C423.087 270.27 426.619 267.797 430.975 267.208Z" fill="black" opacity="0.1"/>
<path d="M408.251 307.594C421.438 295.349 430.622 279.454 434.743 261.91C411.076 255.434 388.705 245.073 368.336 231.415C364.097 228.589 361.507 226.587 358.681 224.585C342.315 212.811 316.882 196.327 278.38 177.135L265.193 209.632L256.48 230.944C253.536 238.244 250.593 245.544 247.649 252.844C242.468 265.678 237.17 278.63 231.989 291.581L276.849 315.13L294.629 324.432L298.985 317.72C303.459 310.891 307.816 303.944 312.29 297.115C313.938 294.525 315.587 292.052 317.235 289.462C321.945 282.162 325.242 276.981 329.363 270.387L341.137 251.784C359.27 274.979 382.112 293.936 408.251 307.594Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M352.559 194.797C348.556 194.679 344.553 194.09 340.667 193.03C329.482 190.087 319.709 184.553 318.531 180.785C318.06 179.255 317.825 177.959 317.354 176.429C315.706 169.011 314.999 161.475 315.235 153.94C315.235 153.469 315.352 152.174 315.352 150.643C315.823 143.814 316.412 138.162 316.765 134.394C316.765 134.512 316.765 134.63 316.883 134.748C317.236 135.807 318.178 137.927 319.591 137.927C319.944 137.927 320.298 137.691 320.651 137.456C321.946 136.396 323.123 133.57 323.477 129.685H323.594L352.324 133.923L362.803 146.169C362.921 147.582 363.038 149.112 363.274 150.525C363.745 155.117 364.569 159.709 365.864 164.301C365.864 164.301 365.864 164.301 365.864 164.419C366.688 167.833 368.101 171.013 370.103 173.956C371.163 175.369 371.869 177.017 371.869 178.901C372.575 186.201 365.158 195.268 352.559 194.797Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M365.981 164.183C354.442 166.42 342.55 164.772 332.071 159.474C331.718 160.886 331.247 162.299 330.776 163.712C330.07 165.949 329.128 168.069 327.833 169.953C326.537 171.719 324.889 173.25 323.005 174.309C321.239 175.369 319.355 176.075 317.471 176.429C315.823 169.011 315.116 161.475 315.352 153.94C315.352 153.469 315.47 152.174 315.47 150.643C315.94 143.814 316.529 138.162 316.882 134.394L317 134.63C317.353 135.572 318.531 137.691 319.944 137.573C320.297 137.573 320.532 137.456 320.768 137.22C322.063 136.278 323.358 133.452 323.712 129.449L352.441 133.688L362.92 145.933C363.038 147.346 363.155 148.877 363.391 150.29C363.862 155.117 364.686 159.709 365.981 164.183Z" fill="black" opacity="0.1"/>
<path d="M312.408 140.046C311.702 146.051 313.233 152.173 316.765 157.119C317.589 158.061 318.296 158.885 318.884 159.827C320.533 162.535 321.475 165.714 321.592 168.893C323.241 167.48 324.301 165.714 324.772 163.595C325.36 160.533 324.889 154.293 325.007 153.586L325.125 153.115C325.125 152.644 325.125 152.173 325.125 151.703C325.242 150.172 325.478 148.523 325.831 146.993V146.875C332.543 152.527 351.852 166.42 367.394 157.825C369.749 156.412 371.986 154.764 373.988 152.88C374.224 152.762 374.459 152.527 374.577 152.291C375.048 151.82 375.519 151.349 375.872 150.761L376.108 150.643C377.285 149.23 378.109 147.699 378.698 145.933L378.933 145.344C379.169 144.638 379.287 143.814 379.287 142.99C379.287 139.928 378.345 136.985 376.343 134.63C372.928 129.92 367.277 126.741 364.215 124.975C352.559 118.146 334.191 114.378 321.946 123.915C316.883 128.036 313.586 133.806 312.408 140.046Z" fill="#232B41" class="tblr-illustrations-boy-gives-flowers-c"/>
<path d="M325.831 146.875C332.542 152.527 351.852 166.42 367.394 157.825C369.749 156.412 371.986 154.764 373.988 152.88C374.223 152.762 374.459 152.527 374.576 152.291C375.047 151.82 375.518 151.349 375.872 150.761C375.872 150.643 375.989 150.643 376.107 150.643C377.285 149.23 378.109 147.699 378.697 145.933C374.93 148.641 370.691 150.643 366.334 152.056C344.316 158.767 324.536 143.461 321.357 141.106L321.121 140.87C322.534 142.872 324.182 144.873 325.831 146.875Z" fill="black" opacity="0.5"/>
<path d="M311.938 192.677C313.586 198.093 316.765 202.921 321.239 206.453L321.828 206.924L337.135 207.748L311.938 192.677Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M311.938 192.677C313.586 198.093 316.765 202.921 321.239 206.453L321.828 206.924L337.135 207.748L311.938 192.677Z" fill="black" opacity="0.1"/>
<path d="M321.945 207.042L342.904 204.098L344.552 209.632L325.949 219.64L321.945 207.042Z" fill="#DADBE0"/>
<path d="M312.172 297.115L305.579 307.477C301.929 313.128 298.279 318.78 294.629 324.549L276.849 315.248L231.989 291.699C237.17 278.747 242.586 265.796 247.649 252.962L256.48 231.061C259.423 223.997 262.249 216.815 265.193 209.75L291.214 204.451C291.214 204.334 270.374 260.262 312.172 297.115Z" fill="black" opacity="0.1"/>
<path d="M197.726 113.907C197.726 114.143 197.726 114.378 197.726 114.496C197.608 116.262 197.137 118.028 196.313 119.677C196.077 120.03 195.842 120.501 195.489 120.854C195.253 121.207 194.9 121.56 194.547 121.914C193.723 122.738 192.663 123.327 191.603 123.798C187.6 125.21 183.008 123.209 180.064 119.206C179.476 118.499 179.005 117.675 178.651 116.851C178.534 116.497 178.298 116.262 178.18 115.909C178.063 115.556 177.945 115.202 177.827 114.967C177.592 114.26 177.356 113.554 177.239 112.847C176.061 106.843 178.416 101.073 183.126 99.4247C187.835 97.7763 193.487 100.955 196.195 106.725C196.431 107.314 196.666 107.902 196.902 108.491C197.137 109.197 197.373 110.022 197.49 110.728C197.608 111.435 197.726 112.023 197.726 112.73V112.847C197.726 113.083 197.726 113.318 197.726 113.436C197.726 113.554 197.726 113.672 197.726 113.907Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M197.727 113.907C197.727 114.143 197.727 114.378 197.727 114.496C197.609 116.851 196.902 119.088 195.489 120.854C195.254 121.207 194.901 121.56 194.547 121.914C193.723 122.738 192.664 123.327 191.604 123.68C187.601 125.093 183.009 123.091 180.065 119.088C179.476 118.381 179.005 117.557 178.652 116.733C178.534 116.38 178.299 116.144 178.181 115.791C178.063 115.438 177.946 115.085 177.828 114.731C177.592 114.025 177.357 113.318 177.239 112.612C184.186 113.789 191.251 111.552 196.196 106.489C196.431 107.078 196.667 107.667 196.902 108.255C197.138 108.962 197.373 109.786 197.491 110.493C197.609 111.199 197.727 111.788 197.727 112.494V112.612C197.727 113.201 197.727 113.554 197.727 113.907Z" fill="black" opacity="0.1"/>
<path d="M290.272 204.687C290.272 205.629 290.037 206.571 289.684 207.513C284.974 217.521 254.949 215.755 231.754 206.689C228.339 205.276 224.925 203.745 221.628 202.097C213.622 197.858 194.076 187.497 182.184 166.774C179.005 160.887 176.179 154.882 173.942 148.524C171.469 142.048 169.35 135.454 167.584 128.743L204.084 107.313C204.32 112.612 206.086 143.696 227.751 162.064C235.169 168.304 240.467 172.779 248.356 173.603C255.538 174.309 262.956 171.954 274.024 175.487C275.437 175.958 276.967 176.546 278.262 177.135L290.272 204.687Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M321.239 206.689L305.697 179.843L297.926 182.08L302.871 210.692L321.239 206.689Z" fill="#DADBE0"/>
<path d="M306.285 216.108C299.691 238.361 293.215 260.615 286.504 282.868C298.396 263.205 310.523 243.66 322.416 224.232C322.18 218.345 321.827 212.693 321.591 206.806L320.885 206.571C316.175 209.868 311.23 213.047 306.285 216.108Z" fill="#DADBE0"/>
<path d="M321.828 206.924L286.74 282.868C298.632 263.205 310.76 243.66 322.77 224.35C322.299 218.463 322.181 212.693 321.828 206.924Z" fill="black" opacity="0.11"/>
<path d="M321.945 207.042L342.904 204.098L344.552 209.632L325.949 219.64L321.945 207.042Z" fill="black" opacity="0.11"/>
<path d="M580.391 330.554L579.802 350.217L578.272 399.552H489.847L490.671 387.189C521.284 383.185 530.468 374.59 532.47 366.819C533.294 364.229 533.412 360.343 535.766 358.93C542.36 355.28 555.194 376.474 557.196 374.943C558.491 373.884 553.663 361.756 537.533 329.73L580.391 330.554Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

33
src/illustrations/boy-with-key.svg Normal file
View File

@ -0,0 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-with-key-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-with-key-b { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-with-key-c { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-with-key-d { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-boy-with-key-a { fill: black; opacity: 0.07; } .tblr-illustrations-boy-with-key-b { fill: #454C5E; } .tblr-illustrations-boy-with-key-c { fill: #232B41; } .tblr-illustrations-boy-with-key-d { fill: #1A2030; } }
</style>
<path d="M186.938 250.28C186.938 282.917 221.448 306.586 236.694 332.944C252.426 360.117 256.201 401.692 283.389 417.41C309.747 432.656 347.26 415.608 379.897 415.608C412.534 415.608 450.047 432.656 476.405 417.41C503.578 401.678 507.368 360.132 523.1 332.944C538.346 306.586 572.856 282.888 572.856 250.28C572.856 217.672 538.346 193.974 523.1 167.616C507.368 140.443 503.593 98.8821 476.405 83.1502C450.047 67.9046 412.534 84.9665 379.897 84.9665C347.26 84.9665 309.747 67.9046 283.389 83.1502C256.216 98.8821 252.426 140.443 236.694 167.616C221.448 193.974 186.938 217.672 186.938 250.28Z" fill="#F7F8FC" class="tblr-illustrations-boy-with-key-a"/>
<path d="M416.324 311.42L435.288 373.475L436.532 458.67L449.289 461.016C456.468 429.199 463.643 397.378 470.813 365.552C466.484 343.241 462.146 320.935 457.799 298.634L395.586 296.875L368.642 351.222C371.941 376.011 375.249 400.768 378.567 425.49L389.908 423.531C392.34 402.822 394.761 382.109 397.174 361.39C435.311 320.859 452.903 298.615 449.947 294.658C448.002 291.979 436.794 297.566 416.324 311.42Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M454.666 485.958L433.757 475.818C433.757 475.818 434.73 469.354 438.749 468.353C442.767 467.352 452.779 478.936 454.666 485.958ZM380.784 456.497L394.199 436.117C394.199 436.117 390.394 431.068 386.476 432.441C382.557 433.814 379.196 449.374 380.784 456.497Z" fill="#232B41" class="tblr-illustrations-boy-with-key-b"/>
<path d="M389.908 423.502L397.174 361.362L422.917 333.173C420.524 325.135 418.14 317.088 415.766 309.032L390.995 305.957C383.53 321.031 376.069 336.109 368.613 351.193L378.538 425.462L389.908 423.502Z" fill="black" opacity="0.15"/>
<path d="M381.184 70.8794C380.393 67.7942 378.6 65.059 376.087 63.1023C373.574 61.1456 370.482 60.0782 367.297 60.0673H241.299C237.479 60.0673 233.816 61.5846 231.115 64.2855C228.415 66.9863 226.897 70.6495 226.897 74.4691V157.319C226.9 160.659 228.063 163.894 230.187 166.472L294.745 244.702C296.1 246.346 297.804 247.668 299.733 248.573C301.662 249.478 303.768 249.943 305.899 249.935C308.029 249.926 310.132 249.445 312.054 248.525C313.976 247.606 315.669 246.271 317.012 244.617L354.311 198.765L354.526 197.807L378.124 166.586C379.341 164.502 380.265 162.259 380.87 159.922C381.461 157.634 381.735 155.276 381.685 152.914V70.7793L381.184 70.8794Z" fill="white" class="tblr-illustrations-boy-with-key-c"/>
<path d="M305.8 253.798C303.096 253.803 300.425 253.207 297.979 252.055C295.533 250.902 293.373 249.222 291.656 247.134L227.14 168.918C224.43 165.632 222.944 161.507 222.936 157.247V74.4977C222.943 69.6335 224.879 64.9707 228.318 61.5312C231.758 58.0918 236.421 56.1561 241.285 56.1486H367.297C372.155 56.1637 376.809 58.1031 380.24 61.5422C383.671 64.9813 385.6 69.6398 385.604 74.4977H377.723C377.72 71.731 376.621 69.0784 374.667 67.1194C372.714 65.1605 370.064 64.0544 367.297 64.0431H241.299C238.528 64.0469 235.871 65.1496 233.911 67.1094C231.951 69.0692 230.848 71.7261 230.845 74.4977V157.319C230.846 159.745 231.69 162.096 233.233 163.969L297.791 242.185C298.764 243.37 299.986 244.325 301.37 244.983C302.755 245.64 304.267 245.984 305.8 245.99C307.349 245.987 308.878 245.639 310.276 244.971C311.674 244.303 312.905 243.332 313.88 242.128L351.165 196.277L357.286 201.254L320.102 247.034C318.393 249.143 316.236 250.845 313.787 252.015C311.337 253.186 308.658 253.795 305.943 253.798H305.8Z" fill="#232B41" class="tblr-illustrations-boy-with-key-b"/>
<path d="M328.468 115.329C328.472 110.829 327.222 106.417 324.858 102.588C322.493 98.7589 319.109 95.6645 315.084 93.6519C311.059 91.6394 306.553 90.7883 302.071 91.1942C297.59 91.6001 293.31 93.2469 289.712 95.9499C286.114 98.6528 283.341 102.305 281.703 106.496C280.065 110.688 279.628 115.253 280.44 119.679C281.253 124.105 283.282 128.217 286.302 131.554C289.321 134.891 293.21 137.32 297.533 138.569L284.018 170.805H324.392L310.934 138.584C315.984 137.134 320.425 134.082 323.588 129.887C326.751 125.692 328.464 120.583 328.468 115.329Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M419.427 98.8106V207.375C419.427 209.271 418.674 211.09 417.333 212.431C415.992 213.772 414.173 214.526 412.276 214.526H403.18C401.435 213.711 400.134 213.096 399.305 212.781C396.258 204.658 395.572 184.678 395.572 160.666C395.572 153.701 395.572 146.364 395.7 138.956C395.801 128.63 395.944 118.004 395.987 107.62V98.7677C395.987 96.8712 396.74 95.0523 398.081 93.7113C399.422 92.3702 401.241 91.6168 403.137 91.6168H412.233C413.18 91.6111 414.118 91.7933 414.993 92.1528C415.868 92.5123 416.664 93.042 417.333 93.7111C418.002 94.3803 418.532 95.1756 418.891 96.0509C419.251 96.9263 419.433 97.8643 419.427 98.8106Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M419.427 107.663V130.675C416.293 132.052 413.037 133.134 409.702 133.907C405.104 134.974 400.39 135.454 395.672 135.337C395.729 130.751 395.782 126.151 395.829 121.536C395.829 116.902 395.929 112.268 395.958 107.692L419.427 107.663Z" fill="black" opacity="0.1"/>
<path d="M370.415 130.207L333.881 130.954L333.607 117.499L370.14 116.752L370.415 130.207ZM410.717 129.388L384.138 129.931L383.862 116.476L410.444 115.933L410.717 129.388ZM588.23 98.2957C585.489 87.5699 578.926 78.2136 569.776 71.9829C560.625 65.7522 549.515 63.0755 538.53 64.4554C527.546 65.8352 517.443 71.1766 510.117 79.4771C502.792 87.7775 498.748 98.4662 498.744 109.537V110.466C498.801 112.923 499.05 115.371 499.488 117.789C500.609 123.772 502.92 129.47 506.285 134.543C509.65 139.616 513.999 143.961 519.075 147.321C524.152 150.681 529.851 152.987 535.836 154.102C541.82 155.217 547.967 155.119 553.913 153.813C559.859 152.507 565.482 150.02 570.448 146.499C575.414 142.979 579.622 138.496 582.823 133.318C586.024 128.14 588.152 122.372 589.081 116.356C590.009 110.339 589.72 104.198 588.23 98.2957ZM567.779 132.191C563.736 136.402 558.641 139.454 553.021 141.031C547.401 142.608 541.461 142.653 535.818 141.16C530.175 139.667 525.035 136.691 520.93 132.542C516.825 128.392 513.905 123.219 512.474 117.56C511.873 115.169 511.546 112.717 511.501 110.252C511.405 105.955 512.158 101.682 513.717 97.6765C515.276 93.6715 517.611 90.0139 520.588 86.9136C523.564 83.8134 527.124 81.3317 531.062 79.6108C535.001 77.89 539.24 76.964 543.537 76.886C550.008 76.7447 556.376 78.5265 561.834 82.0059C567.291 85.4852 571.594 90.5056 574.197 96.4316C576.801 102.358 577.587 108.923 576.457 115.296C575.327 121.669 572.332 127.564 567.85 132.234L567.779 132.191Z" fill="#A7AAB3"/>
<path d="M544.109 105.833C544.1 105.358 543.997 104.889 543.807 104.453C543.616 104.018 543.342 103.624 542.999 103.295C542.657 102.966 542.252 102.707 541.81 102.534C541.367 102.361 540.895 102.276 540.419 102.286L512.159 102.858L499.202 103.13L460.73 103.916L448.56 104.174L412.433 104.903L394.07 105.275L307.573 107.048C305.685 107.132 303.902 107.94 302.596 109.306C301.289 110.671 300.56 112.488 300.56 114.378C300.56 116.268 301.289 118.085 302.596 119.45C303.902 120.816 305.685 121.624 307.573 121.708H307.874L328.039 121.307L370.158 120.42L383.901 120.134L397.259 119.863L409.873 119.62H410.488L448.231 118.862L461.102 118.604L499.459 117.818L512.431 117.546L540.677 116.974C541.639 116.951 542.554 116.549 543.221 115.855C543.888 115.161 544.253 114.232 544.238 113.27L544.109 105.833Z" fill="#DADBE0"/>
<path d="M399.276 212.824C399.367 213.091 399.472 213.354 399.591 213.61C399.065 213.263 398.564 212.88 398.089 212.466C398.132 212.395 398.518 212.509 399.276 212.824Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M265.755 537.015C265.755 539.704 317.627 541.864 381.599 541.864C445.571 541.864 497.443 539.704 497.443 537.015C497.443 534.326 445.571 532.181 381.599 532.181C317.627 532.181 265.755 534.341 265.755 537.015Z" fill="#A6A9B3" class="tblr-illustrations-boy-with-key-d"/>
<path d="M466.465 240.741C464.349 252.854 462.389 264.138 463.905 278.64C464.989 288.834 467.577 298.81 471.585 308.245C460.015 312.189 448.009 314.715 435.831 315.768C417.596 317.326 399.228 315.607 381.599 310.691C387.915 299.066 392.355 286.516 394.756 273.506C397.903 256.487 396.373 242.5 395.143 230.258C394.957 228.513 394.771 226.84 394.571 225.209C393.527 216.843 392.139 209.892 390.995 204.786C392.799 201.774 395.24 199.192 398.146 197.221C402.662 194.274 408.009 192.864 413.392 193.202C413.206 194.632 413.048 195.948 412.862 197.321C413.884 196.851 414.929 196.436 415.994 196.077C417.034 195.7 418.094 195.385 419.169 195.133C420.902 194.68 422.666 194.355 424.447 194.16C422.588 201.769 425.877 209.02 431.598 211.479C431.886 211.608 432.182 211.718 432.484 211.808C435.887 212.779 439.532 212.422 442.682 210.807C441.251 214.883 442.267 216.07 442.567 216.356C444.155 217.872 448.774 216.356 454.18 212.28C454.511 211.954 454.812 211.6 455.081 211.222C456.514 209.164 457.292 206.722 457.312 204.214C457.655 204 457.999 203.799 458.342 203.628C463.448 197.55 471.099 197.564 473.959 200.768C476.062 203.17 475.947 207.775 473.602 211.851C470.53 221.297 468.145 230.952 466.465 240.741Z" fill="#DADBE0"/>
<path d="M414.736 111.139C414.718 112.718 414.326 114.272 413.593 115.671C412.86 117.07 411.806 118.277 410.517 119.191C410.325 119.345 410.125 119.488 409.916 119.62L397.302 119.863C395.783 118.99 394.501 117.757 393.57 116.273C392.519 114.606 392.004 112.657 392.093 110.688C392.183 108.72 392.873 106.826 394.07 105.261L412.434 104.889C413.913 106.636 414.728 108.849 414.736 111.139Z" fill="black" opacity="0.1"/>
<path d="M407.628 116.159C414.058 116.159 419.27 110.671 419.27 103.902C419.27 97.1328 414.058 91.6454 407.628 91.6454C401.199 91.6454 395.987 97.1328 395.987 103.902C395.987 110.671 401.199 116.159 407.628 116.159Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M456.969 112.125C456.98 114.289 456.784 116.449 456.383 118.576L443.511 118.833C443.074 116.624 442.859 114.377 442.868 112.125C442.855 109.442 443.167 106.768 443.797 104.159L455.968 103.902C456.647 106.59 456.983 109.353 456.969 112.125Z" fill="black" opacity="0.1"/>
<path d="M460.902 91.6454H456.082C450.94 91.6454 446.772 95.8138 446.772 100.956V205.273C446.772 210.415 450.94 214.583 456.082 214.583H460.902C466.044 214.583 470.212 210.415 470.212 205.273V100.956C470.212 95.8138 466.044 91.6454 460.902 91.6454Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M439.092 136.324C438.368 135.873 437.526 135.649 436.673 135.679C435.821 135.709 434.997 135.993 434.306 136.494C433.616 136.995 433.09 137.69 432.797 138.491C432.503 139.292 432.455 140.162 432.659 140.991C432.862 141.819 433.308 142.568 433.939 143.142C434.571 143.716 435.358 144.088 436.202 144.212C437.046 144.336 437.908 144.205 438.678 143.837C439.447 143.469 440.089 142.88 440.522 142.145C441.091 141.18 441.259 140.031 440.992 138.943C440.725 137.856 440.043 136.916 439.092 136.324ZM452.822 104.689C448.483 113.27 444.155 121.808 439.836 130.303L444.412 133.163L459.615 109.98L452.822 104.689ZM455.081 149.095C455.701 148.788 456.368 148.589 457.055 148.509C457.648 148.43 458.249 148.43 458.843 148.509C459.395 148.581 459.941 148.701 460.473 148.867L461.903 149.31C462.34 149.44 462.792 149.517 463.248 149.539C463.67 149.564 464.092 149.486 464.478 149.31C464.765 149.173 465.019 148.974 465.219 148.726C465.42 148.479 465.562 148.19 465.636 147.88C465.786 147.217 465.694 146.522 465.379 145.92C465.052 145.219 464.518 144.635 463.848 144.247C463.136 143.849 462.334 143.637 461.517 143.632L462.118 138.426C463.837 138.462 465.516 138.956 466.98 139.857C468.59 140.898 469.858 142.39 470.627 144.147C471.251 145.385 471.612 146.739 471.686 148.123C471.759 149.332 471.475 150.535 470.87 151.584C470.193 152.682 469.195 153.546 468.01 154.058C467.28 154.417 466.498 154.658 465.693 154.773C465.025 154.881 464.344 154.881 463.677 154.773C463.047 154.645 462.461 154.487 461.889 154.316L460.259 153.786C459.773 153.623 459.268 153.522 458.757 153.486C458.261 153.471 457.77 153.579 457.327 153.801L455.081 149.095ZM447.845 155.474C447.644 155.062 447.539 154.61 447.539 154.151C447.539 153.693 447.644 153.24 447.845 152.828C448.221 151.948 448.915 151.243 449.79 150.855C450.633 150.419 451.612 150.327 452.521 150.597C452.962 150.722 453.369 150.943 453.712 151.245C454.056 151.547 454.329 151.921 454.509 152.342C454.721 152.75 454.84 153.2 454.86 153.659C454.88 154.119 454.799 154.577 454.624 155.002C454.253 155.877 453.562 156.578 452.693 156.961C451.841 157.382 450.865 157.478 449.947 157.233C449.485 157.121 449.055 156.905 448.69 156.6C448.325 156.294 448.036 155.909 447.845 155.474Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M432.527 211.823L393.913 277.954C395.601 269.386 396.52 260.685 396.659 251.953C396.81 243 396.13 234.051 394.628 225.223C393.584 216.857 392.196 209.906 391.052 204.801C392.857 201.788 395.297 199.206 398.203 197.235C402.719 194.288 408.067 192.878 413.449 193.216C413.263 194.646 413.106 195.962 412.92 197.335C413.941 196.865 414.986 196.45 416.052 196.091C417.091 195.715 418.151 195.399 419.227 195.147C420.96 194.694 422.723 194.369 424.504 194.174C427.183 200.057 429.858 205.94 432.527 211.823Z" fill="black" opacity="0.1"/>
<path d="M471.857 202.884C471.028 206.474 466.423 207.275 460.802 208.533C456.746 209.287 452.83 210.656 449.189 212.595C447.25 213.706 445.494 215.11 443.983 216.757C440.25 220.847 440.05 224.38 435.216 226.611C431.812 228.083 428.005 228.341 424.433 227.34C415.036 224.666 409.087 213.038 410.002 202.87C410.115 201.554 410.35 200.252 410.703 198.98L419.542 193.559C419.928 201.454 424.204 208.262 430.568 211.05C434.819 212.85 439.568 213.098 443.983 211.751C446.447 211.017 448.612 209.513 450.161 207.461C451.605 205.402 452.388 202.953 452.407 200.439L464.964 199.852L471.514 199.552C471.977 200.599 472.097 201.765 471.857 202.884Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M430.554 211.065C429.758 210.72 428.992 210.309 428.266 209.835H410.388C411.947 217.801 417.139 225.281 424.418 227.354C427.99 228.355 431.797 228.097 435.202 226.625C439.178 224.794 440.022 222.063 442.353 218.874V212.223C438.394 213.046 434.277 212.642 430.554 211.065Z" fill="black" opacity="0.1"/>
<path d="M433.714 158.52C435.145 161.381 437.347 165.442 439.821 170.591C440.35 171.735 440.822 172.722 440.994 173.065C443.526 178.804 445.323 184.839 446.343 191.028C446.529 192.258 446.672 193.445 446.758 194.632C447.058 199.037 436.746 210.621 424.99 215.884C413.234 221.147 402.951 212.752 404.968 205.344C405.55 202.519 405.613 199.611 405.154 196.763C404.679 192.9 403.924 189.076 402.894 185.322C402.365 183.162 401.922 181.789 401.922 181.789L406.212 169.175L427.064 156.918C428.88 160.58 431.226 162.468 432.456 162.038C433.686 161.609 433.714 159.078 433.714 158.52Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M433.715 158.52C435.145 161.381 437.347 165.442 439.821 170.591C440.351 171.735 440.822 172.722 440.994 173.065C443.526 178.804 445.324 184.839 446.343 191.028C444.743 191.396 443.088 191.454 441.466 191.2C439.688 190.893 437.988 190.242 436.46 189.283C434.865 188.23 433.446 186.932 432.256 185.436C431.429 184.532 430.66 183.577 429.953 182.576C423.521 189.934 414.811 194.928 405.211 196.763C404.736 192.9 403.981 189.076 402.952 185.322C402.422 183.162 401.979 181.789 401.979 181.789L406.27 169.175L427.121 156.918C428.938 160.58 431.283 162.468 432.513 162.038C433.743 161.609 433.715 159.078 433.715 158.52Z" fill="black" opacity="0.1"/>
<path d="M388.121 186.852C389.605 187.888 391.191 188.769 392.854 189.483C394.974 190.437 397.218 191.087 399.519 191.414C409.888 192.844 421.057 186.723 427.722 175.682C428.831 173.803 429.788 171.837 430.582 169.804C430.582 169.804 430.582 169.804 430.668 169.804C431.398 170.903 432.044 172.055 432.599 173.251C432.828 173.809 432.928 173.966 433.071 174.309L433.214 174.696C434.05 177.413 435.127 180.05 436.432 182.576C437.44 184.066 438.891 185.202 440.579 185.822C439.705 183.282 439.479 180.563 439.921 177.913C440.142 176.943 440.423 175.988 440.765 175.053C442.021 170.097 441.42 164.852 439.078 160.308C438.094 158.457 436.83 156.768 435.331 155.302C434.358 154.33 430.826 150.812 426.864 150.068C418.712 148.523 407.228 158.649 402.122 164.498C401.045 166.021 399.557 167.207 397.831 167.917C397.464 168.017 397.08 168.046 396.702 168.002C394.256 167.773 392.411 164.942 391.839 162.825C390.666 158.72 393.055 153.801 397.789 150.211C385.303 154.087 378.281 165.485 380.183 175.325C381.202 180.065 384.056 184.209 388.121 186.852Z" fill="#232B41" class="tblr-illustrations-boy-with-key-b"/>
<path d="M388.121 186.852C389.605 187.888 391.191 188.77 392.854 189.484C394.974 190.437 397.218 191.087 399.519 191.414C409.888 192.844 421.057 186.723 427.722 175.682C429.152 172.722 430.425 170.19 430.582 169.804L432.156 164.956C428.369 170.672 423.576 175.653 418.011 179.658C413.077 183.191 406.241 188.125 396.716 188.239C393.798 188.199 390.903 187.732 388.121 186.852Z" fill="black" opacity="0.5"/>
<path d="M474.875 207.375C476.027 202.631 476.821 197.807 477.249 192.944C474.102 193.07 470.955 192.699 467.924 191.843C462.99 190.413 460.959 188.439 456.411 186.537C452.341 184.874 448.006 183.949 443.611 183.806C443.311 187.839 442.739 193.645 441.609 200.61C440.479 207.575 439.907 211.022 438.32 214.697C435.765 220.409 431.774 225.361 426.735 229.071L469.483 223.45C471.737 218.256 473.541 212.878 474.875 207.375Z" fill="#DADBE0"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

24
src/illustrations/boy.svg Normal file
View File

@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-boy-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-boy-a { fill: black; opacity: 0.07; } .tblr-illustrations-boy-b { fill: #1A2030; } .tblr-illustrations-boy-c { fill: #454C5E; } }
</style>
<path d="M638.797 264.77C638.797 305.173 596.073 334.516 577.192 367.117C557.723 400.774 553.03 452.227 519.403 471.735C486.772 490.666 440.321 469.494 399.919 469.494C359.516 469.494 313.055 490.617 280.434 471.735C246.767 452.266 242.084 400.814 222.645 367.117C203.704 334.486 161 305.173 161 264.77C161 224.368 203.734 195.025 222.605 162.424C242.084 128.757 246.767 77.3142 280.394 57.8053C313.025 39.0039 359.476 60.077 399.889 60.077C440.301 60.077 486.742 39.0039 519.373 57.8352C553.03 77.3142 557.723 128.757 577.162 162.454C596.073 195.045 638.797 224.328 638.797 264.77Z" fill="#F7F8FC" class="tblr-illustrations-boy-a"/>
<path d="M396.7 550C494.1 550 573.057 545.878 573.057 540.794C573.057 535.709 494.1 531.587 396.7 531.587C299.301 531.587 220.344 535.709 220.344 540.794C220.344 545.878 299.301 550 396.7 550Z" fill="#A6A9B3" class="tblr-illustrations-boy-b"/>
<path d="M346.723 191.677C347.719 202.747 348.636 213.776 349.592 224.836C351.459 246.172 353.312 267.514 355.152 288.862C356.607 305.422 358.048 321.985 359.476 338.551H444.058C445.705 321.985 447.366 305.422 449.039 288.862C449.986 279.467 450.913 270.101 451.849 260.705C454.161 237.709 456.459 214.7 458.744 191.677H346.723Z" fill="#DADBE0"/>
<path d="M432.659 242.542C416.12 260.725 413.818 270.44 405.967 273.857C396.84 277.783 380.868 272.861 350.897 231.312C352.326 250.496 353.744 269.679 355.152 288.863C356.607 305.422 358.048 321.985 359.476 338.551H444.058C445.705 321.985 447.366 305.422 449.039 288.863H449.398L455.785 221.209C447.46 227.622 439.721 234.761 432.659 242.542Z" fill="black" opacity="0.1"/>
<path d="M322.033 279.527C324.101 285.212 326.876 290.615 330.293 295.608C331.289 297.093 332.415 298.497 333.521 299.793C338.487 305.753 344.798 310.448 351.934 313.493C355.573 315.036 359.372 316.169 363.262 316.87C368.691 317.875 374.222 318.21 379.732 317.867C380.191 317.867 380.629 317.867 381.077 317.777C381.25 317.788 381.423 317.788 381.596 317.777L382.592 317.687H383.409C387.617 317.244 391.791 316.522 395.903 315.525H395.963C399.606 314.652 403.195 313.571 406.714 312.287C408.288 311.736 409.809 311.138 411.277 310.494C413.323 309.61 415.246 308.684 417.046 307.714C420.319 305.968 423.474 304.011 426.492 301.855C427.847 300.859 429.092 299.942 430.188 299.065C423.034 295.844 415.867 292.626 408.687 289.411C404.502 287.527 400.327 285.634 396.142 283.771C394.424 285.126 392.547 286.267 390.553 287.169C389.037 287.838 387.439 288.3 385.8 288.544C384.734 288.725 383.651 288.785 382.572 288.723C379.364 288.544 376.345 286.96 373.535 284.429C373.392 284.311 373.255 284.184 373.126 284.05C371.838 282.814 370.646 281.481 369.559 280.065C358.022 265.358 350.987 236.922 350.987 236.922C360.024 227.198 362.944 214.165 358.281 203.942C355.8 198.749 351.722 194.485 346.643 191.777C342.328 192.601 338.225 194.296 334.587 196.759C332.673 198.062 330.912 199.576 329.336 201.272C314.341 217.274 312.029 252.575 322.033 279.527Z" fill="#DADBE0"/>
<path d="M346.723 191.677C340.092 192.904 334.027 196.221 329.416 201.142C314.341 217.274 312.029 252.575 322.033 279.527C324.101 285.212 326.876 290.615 330.293 295.608C331.289 297.092 332.415 298.497 333.521 299.793C338.488 305.753 344.798 310.448 351.934 313.493C353.741 314.263 355.59 314.928 357.474 315.485L359.466 338.551H444.048C445.695 321.985 447.356 305.422 449.03 288.862C449.976 279.467 450.903 270.101 451.839 260.705C454.151 237.709 456.449 214.7 458.734 191.677H346.723Z" fill="black" opacity="0.05"/>
<path d="M440.62 109.178C440.441 113.751 440.072 120.457 439.394 128.697C439.215 130.51 439.076 132.094 439.036 132.682C437.991 141.694 435.815 150.538 432.559 159.006C431.882 160.68 431.194 162.264 430.427 163.809C427.568 169.508 406.235 176.393 387.703 174.36C369.171 172.328 362.525 154.293 370.536 146.592C372.987 144.19 375.248 140.245 377.112 135.94C379.327 130.795 381.172 125.497 382.631 120.088C383.538 117.009 383.996 114.967 383.996 114.967L398.583 102.373H433.556C433.147 108.261 434.682 112.336 436.545 112.705C438.408 113.074 440.211 109.856 440.62 109.178Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M440.62 109.178C440.441 113.751 440.082 120.457 439.395 128.697C439.215 130.51 439.076 132.094 439.036 132.682C437.991 141.694 435.816 150.538 432.559 159.006C430.296 158.285 428.19 157.142 426.352 155.638C424.355 153.955 422.706 151.897 421.5 149.581C420.274 147.075 419.45 144.392 419.059 141.63C418.711 139.869 418.468 138.089 418.331 136.299C404.925 140.778 390.403 140.627 377.092 135.871C379.303 130.723 381.148 125.426 382.612 120.018C383.518 116.94 383.977 114.897 383.977 114.897L398.563 102.303H433.536C433.127 108.191 434.662 112.267 436.525 112.635C438.388 113.004 440.212 109.855 440.62 109.178Z" fill="black" opacity="0.1"/>
<path d="M444.964 116.651C444.765 124.263 441.467 131.596 436.844 136.08C435.779 136.959 434.78 137.915 433.855 138.939C431.476 141.912 429.871 145.428 429.182 149.172C427.553 147.218 426.549 144.819 426.302 142.287C426.053 138.441 427.717 131.327 427.807 130.331C427.807 130.331 427.807 130.062 427.886 129.743C427.886 129.195 427.966 128.976 428.046 128.109C428.168 126.254 428.168 124.394 428.046 122.539C428.069 122.451 428.069 122.358 428.046 122.27C419.188 127.661 393.97 140.803 376.992 127.89C374.341 125.881 371.992 123.502 370.017 120.826C369.821 120.608 369.657 120.363 369.529 120.098C369.054 119.432 368.622 118.736 368.234 118.016C368.197 117.952 368.153 117.892 368.104 117.836C367.108 115.97 366.434 113.949 366.112 111.858L365.982 111.041C365.902 110.123 365.902 109.2 365.982 108.281C366.413 104.664 368.086 101.308 370.715 98.7859C375.627 93.8938 382.9 90.9944 386.717 89.4898C401.582 83.5117 424.12 82.1068 436.913 95.468C440.122 98.9857 442.459 103.207 443.739 107.793C444.559 110.674 444.971 113.655 444.964 116.651Z" fill="#232B41" class="tblr-illustrations-boy-c"/>
<path d="M444.058 338.551L436.794 514.579H422.496L402.718 378.585L389.148 514.579H378.556L359.476 338.551H444.058Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M406.485 539.02L438.368 535.473C438.368 535.473 439.524 527.203 434.522 524.294C429.521 521.384 411.706 531.268 406.485 539.02ZM359.476 539.02L391.36 535.473C391.36 535.473 392.516 527.203 387.514 524.294C382.512 521.384 364.697 531.268 359.476 539.02ZM322.033 279.527C324.101 285.212 326.876 290.615 330.293 295.608C335.649 303.515 343.159 309.722 351.934 313.493C352.817 305.85 351.198 298.128 347.32 291.483C340.974 280.393 330.322 275.671 322.033 279.527Z" fill="#232B41" class="tblr-illustrations-boy-c"/>
<path d="M414.157 189.395C406.186 197.286 398.653 200.206 392.884 201.262L391.888 201.431L379.204 191.448L414.157 189.395Z" fill="#E1E1E1"/>
<path d="M353.309 245.387C357.142 257.948 359.891 269.682 363.75 282.237C370.316 290.496 377.991 297.808 386.557 303.967C400.207 313.652 422.616 324.493 442.653 323.795C453.045 323.446 462.809 319.989 470.361 311.659C476.609 304.784 479.598 296.614 482.567 285.186C483.294 282.356 484.042 279.337 484.819 276.069C486.961 267.231 493.318 239.682 484.56 214.982C481.381 206.015 477.745 201.74 475.732 199.708C471.202 195.091 465.16 192.262 458.714 191.737C456.48 201.415 455.364 211.317 455.386 221.249C455.332 228.588 454.327 235.889 452.397 242.97C450.615 249.482 447.975 255.727 444.546 261.542C436.51 265.092 427.954 267.323 419.208 268.148C387.175 271.028 363.621 254.045 353.309 245.387Z" fill="#DADBE0"/>
<path d="M442.653 323.795C453.045 323.446 462.809 319.989 470.362 311.659C476.609 304.794 479.598 296.614 482.567 285.186C475.593 286.332 467.622 290.337 460.139 296.993C451.192 304.944 444.964 314.878 442.653 323.795Z" fill="#232B41" class="tblr-illustrations-boy-c"/>
<path d="M389.148 514.579L402.718 378.585L396.67 338.551H359.476L378.556 514.579H389.148Z" fill="black" opacity="0.22"/>
<path d="M395.704 199.06L375.069 184.234L370.346 189.236L384.375 210.179L395.704 199.06ZM396.67 198.911L427.936 179.422L435.08 185.988L413.828 213.527L396.67 198.911Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M395.704 199.06L375.069 184.234L370.346 189.236L384.375 210.18L395.704 199.06Z" fill="black" opacity="0.22"/>
<path d="M427.946 122.27C419.089 127.661 393.871 140.803 376.893 127.89C374.241 125.881 371.893 123.502 369.918 120.825C369.721 120.607 369.557 120.363 369.43 120.098C368.955 119.432 368.522 118.736 368.134 118.016C368.097 117.952 368.054 117.892 368.005 117.836C367.009 115.97 366.335 113.949 366.012 111.858C369.975 115.72 374.546 118.905 379.543 121.284C404.303 132.911 430.258 118.424 434.413 116.113L434.732 115.933C432.63 118.21 430.362 120.329 427.946 122.27Z" fill="black" opacity="0.3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

67
src/illustrations/building.svg Normal file
View File

@ -0,0 +1,67 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-building-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-building-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-building-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-building-a { fill: black; opacity: 0.07; } .tblr-illustrations-building-b { fill: #1A2030; } .tblr-illustrations-building-c { fill: #454C5E; } }
</style>
<path d="M136.302 307.098C136.302 352.829 184.67 385.917 205.996 422.853C228.202 460.998 233.368 519.15 271.513 541.136C308.449 562.462 360.995 538.607 406.725 538.607C452.455 538.607 505.001 562.462 541.937 541.136C579.972 519.15 585.248 460.888 607.344 422.853C628.67 385.917 676.929 352.829 676.929 307.098C676.929 261.368 628.56 228.28 607.234 191.344C585.248 153.309 579.862 95.0468 541.827 73.0612C504.891 51.7351 452.345 75.6995 406.615 75.6995C360.885 75.6995 308.339 51.7351 271.513 73.0612C233.478 95.0468 228.202 153.309 206.106 191.344C184.67 228.17 136.411 261.368 136.302 307.098Z" fill="#F7F8FC" class="tblr-illustrations-building-a"/>
<path d="M92 493.427C92 495.625 229.85 497.494 399.909 497.494C569.968 497.494 707.708 495.735 707.708 493.427C707.708 491.118 569.858 489.469 399.909 489.469C229.96 489.469 92 491.228 92 493.427Z" fill="#A6A9B3" class="tblr-illustrations-building-b"/>
<path d="M338.569 285.113C333.513 295.776 329.995 302.152 325.378 291.049C323.289 286.102 317.463 266.315 311.637 245.758C308.229 233.556 304.711 221.244 301.963 211.461C298.885 200.468 296.797 192.883 296.797 192.883L311.417 186.067C311.417 186.067 314.605 194.972 318.892 207.393C321.091 213.769 323.509 220.915 325.818 228.39C333.733 252.794 341.208 279.506 338.569 285.113Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M350.332 297.425L344.395 295.446L345.934 290.829C346.484 289.07 345.605 287.311 343.846 286.652L329.775 281.925C328.016 281.375 326.257 282.255 325.598 284.013L324.059 288.63L316.364 286.102L317.903 281.485C318.342 280.056 317.793 278.407 316.474 277.638C316.254 277.528 316.034 277.418 315.814 277.308L301.743 272.581C299.984 272.031 298.226 272.911 297.566 274.67L296.027 279.287L288.332 276.648C285.474 275.659 282.506 277.198 281.517 280.056L273.052 305.34C272.063 308.198 273.602 311.166 276.46 312.155L286.134 315.343L338.349 332.822C341.208 333.811 344.176 332.272 345.165 329.414L353.629 304.13C354.619 301.382 353.19 298.414 350.332 297.425Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M316.584 277.637C316.254 280.276 315.704 282.914 315.045 285.552C314.715 286.651 314.385 287.751 313.945 288.85C310.538 298.634 302.953 310.286 286.243 315.453L276.57 312.265C273.712 311.275 272.283 308.307 273.162 305.449L281.626 280.166C282.616 277.308 285.584 275.769 288.442 276.758L296.137 279.396L297.676 274.779C298.226 273.02 300.094 272.141 301.853 272.691L315.924 277.308C316.144 277.417 316.364 277.527 316.584 277.637Z" fill="black" opacity="0.1"/>
<path d="M325.927 228.5C321.42 230.808 313.835 236.085 311.637 245.868C308.229 233.666 304.711 221.354 301.963 211.571L305.481 208.053L318.892 207.503C321.09 213.769 323.509 221.025 325.927 228.5Z" fill="black" opacity="0.1"/>
<path d="M328.016 215.748C317.573 218.056 307.789 222.673 299.434 229.159C293.828 221.684 289.541 213.22 286.683 204.315C283.825 194.971 280.527 184.528 285.913 178.592C288.661 175.734 292.399 174.415 296.356 174.745C301.963 175.294 305.48 180.021 312.186 190.025C316.583 196.95 322.08 205.525 328.016 215.748Z" fill="#DADBE0"/>
<path d="M328.016 215.748C317.573 218.056 307.789 222.673 299.434 229.159C293.828 221.684 289.541 213.22 286.683 204.315C283.825 194.971 280.527 184.528 285.913 178.592C288.661 175.734 292.399 174.415 296.356 174.745C301.963 175.294 305.48 180.021 312.186 190.025C316.583 196.95 322.08 205.525 328.016 215.748Z" fill="black" opacity="0.1"/>
<path d="M229.081 156.606L183.9 146.493L159.716 119.011L154.439 126.156L175.436 165.621L210.503 182.11L195.443 203.986L158.067 207.173L158.177 215.308L194.893 222.563L228.971 204.315C228.971 188.376 229.081 172.436 229.081 156.606Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M314.935 182.22C314.605 183.869 314.275 186.067 313.835 188.266C312.296 196.73 310.318 207.503 310.098 207.613L309.328 211.681L306.69 225.641L289.211 220.805L284.594 219.485C277.889 217.617 271.073 215.748 264.258 213.879L255.353 211.351C252.275 211.021 249.198 211.021 246.12 211.131C239.744 211.351 233.478 212.34 227.322 214.209C227.761 201.127 228.201 188.046 228.531 174.965C228.751 168.149 228.971 161.224 229.191 154.408C238.864 155.837 248.428 157.926 257.882 160.454C265.137 162.433 264.368 162.543 269.974 163.972C294.158 170.348 305.811 167.379 312.076 176.064C313.506 178.043 314.385 180.021 314.935 182.22Z" fill="#DADBE0"/>
<path d="M138.28 123.628L149.712 110.327C149.712 110.327 153.89 112.306 153.67 115.603C153.45 118.901 143.336 123.628 138.28 123.628Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M144.986 224.542L144.546 207.064C144.546 207.064 148.943 205.745 150.922 208.273C152.9 210.801 148.723 221.135 144.986 224.542Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M350.002 177.493C347.583 177.823 343.956 178.482 339.558 179.252L337.47 179.691C332.743 180.791 328.126 182.44 323.729 184.748C322.849 185.188 322.08 185.628 321.31 186.177C318.452 188.046 316.034 199.918 318.122 209.702C320.211 219.486 330.324 222.014 334.062 217.287C335.601 215.638 337.36 214.209 339.339 213.11C341.977 211.571 344.725 210.361 347.473 209.152C349.122 208.493 350.111 208.163 350.111 208.163L356.048 199.589L353.959 180.901C350.771 181.45 348.572 180.901 348.243 179.911C347.913 178.922 349.672 177.713 350.002 177.493Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M350.002 177.493C347.583 177.823 343.956 178.482 339.559 179.252L337.47 179.691C332.743 180.791 328.126 182.44 323.729 184.748C324.279 185.957 325.048 186.947 325.928 187.936C326.917 188.925 328.126 189.585 329.445 190.135C330.874 190.684 332.303 190.904 333.842 191.014C334.832 191.124 335.821 191.124 336.701 191.124C335.931 194.862 335.711 198.599 336.151 202.447C336.591 206.184 337.69 209.812 339.339 213.22C341.977 211.681 344.725 210.471 347.473 209.262C349.122 208.603 350.112 208.273 350.112 208.273L356.048 199.698L353.959 181.011C350.771 181.56 348.573 181.011 348.243 180.021C347.913 179.032 349.672 177.713 350.002 177.493Z" fill="black" opacity="0.1"/>
<path d="M353.63 219.156C352.31 218.716 350.991 218.166 349.782 217.397C348.243 216.517 346.704 215.418 345.495 214.099C339.779 208.273 338.35 198.489 342.197 189.145C342.857 187.606 343.626 186.067 344.506 184.638C344.506 184.638 344.506 184.638 344.396 184.638C343.406 184.748 342.307 184.858 341.318 185.078L340.438 185.298L340.108 185.408C338.02 186.177 335.821 186.727 333.733 187.057C332.303 187.166 330.984 186.727 329.775 185.957C331.754 185.298 333.623 184.198 335.052 182.659C335.601 182.11 336.041 181.45 336.371 180.791C338.899 177.713 342.417 175.624 346.374 174.964C348.023 174.745 349.672 174.745 351.211 174.964C352.31 175.074 356.158 175.734 358.466 177.823C363.193 182.22 362.314 194.092 360.995 200.028C360.555 201.457 360.445 202.886 360.885 204.315C360.995 204.645 361.105 204.865 361.325 205.085C362.644 206.514 365.172 206.294 366.821 205.744C369.899 204.535 371.878 200.798 371.878 196.181C375.285 205.744 371.438 215.528 364.403 218.936C360.995 220.255 357.147 220.475 353.63 219.156Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M353.629 219.156C352.31 218.716 350.991 218.166 349.782 217.397C348.243 216.518 346.704 215.418 345.495 214.099C339.778 208.273 338.349 198.489 342.197 189.145C343.406 186.837 344.395 184.858 344.505 184.638L346.814 181.45C345.055 186.507 344.176 191.784 344.286 197.17C344.395 201.897 344.505 208.493 348.903 214.429C350.112 216.188 351.761 217.837 353.629 219.156Z" fill="black" opacity="0.5"/>
<path d="M313.835 188.376C312.296 196.84 310.317 207.613 310.098 207.723L309.328 211.791C307.02 209.702 305.92 204.755 306.8 199.369C307.789 193.653 310.757 189.255 313.835 188.376Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M313.835 188.376C312.296 196.84 310.317 207.613 310.098 207.723L309.328 211.791C307.02 209.702 305.92 204.755 306.8 199.369C307.789 193.653 310.757 189.255 313.835 188.376Z" fill="black" opacity="0.1"/>
<path d="M210.503 182.11L227.981 192.003L227.651 204.975L194.893 222.563L158.177 215.308L158.067 207.174L195.442 203.986L210.503 182.11Z" fill="black" opacity="0.1"/>
<path d="M284.594 219.485C277.889 217.617 271.073 215.748 264.258 213.879L255.353 211.351C252.275 211.021 249.198 211.021 246.12 211.131C239.744 211.351 233.478 212.34 227.322 214.209C227.761 201.127 228.201 188.046 228.531 175.074C236.336 183.429 255.793 201.677 279.208 204.865L284.594 219.485Z" fill="black" opacity="0.1"/>
<path d="M305.371 287.861C305.481 291.159 305.481 296.216 302.293 298.414C299.325 300.503 294.268 299.513 291.3 296.875C289.431 295.116 288.222 292.698 288.002 290.169C287.013 284.893 285.694 263.897 284.484 242.461C283.825 230.918 283.275 219.156 282.836 209.592C282.176 197.06 281.846 188.156 281.846 188.156L297.566 184.748C299.105 193.872 300.644 204.425 301.743 216.078C302.513 222.674 302.952 229.379 302.952 236.085C303.062 238.943 303.172 242.351 303.942 248.727C304.381 257.301 305.041 271.592 305.371 287.861Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M303.062 236.085C293.828 236.524 288.112 239.382 284.594 242.241C283.935 230.698 283.385 218.936 282.946 209.372L290.86 205.305C290.86 205.305 296.467 210.142 301.963 215.858C302.513 222.673 302.952 229.379 303.062 236.085Z" fill="black" opacity="0.1"/>
<path d="M307.35 230.588C302.953 230.148 298.556 230.038 294.048 230.148C290.531 230.368 286.903 230.368 283.385 230.258C280.417 230.148 278.109 229.819 276.46 229.489C277.339 219.815 278.329 211.461 279.208 204.755C281.407 187.276 282.616 182.22 286.793 180.021C290.421 178.152 294.928 179.032 297.896 180.791C300.974 182.549 303.942 186.177 306.031 201.237C307.46 210.911 307.899 220.805 307.35 230.588Z" fill="#DADBE0"/>
<path d="M672.531 402.296C672.751 403.176 672.751 404.165 672.751 405.154C672.751 405.704 672.641 406.253 672.531 406.803C671.542 411.75 667.694 415.048 663.957 414.388C660.549 413.729 658.35 409.991 658.57 405.704C658.57 405.154 658.68 404.715 658.79 404.165C658.9 403.615 659.01 403.176 659.12 402.736C660.439 398.668 663.957 396.03 667.365 396.69C670.003 397.02 671.872 399.328 672.531 402.296Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M672.531 402.296C672.751 403.176 672.751 404.165 672.751 405.154C668.024 404.934 663.297 405.154 658.57 405.704C658.57 405.154 658.68 404.715 658.79 404.165C658.9 403.615 659.01 403.176 659.119 402.736C660.439 398.668 663.956 396.03 667.364 396.69C670.002 397.02 671.871 399.328 672.531 402.296Z" fill="black" opacity="0.1"/>
<path d="M590.964 398.668L553.039 479.686L562.273 479.796L614.269 420.434L634.276 438.133L632.847 475.838L640.982 476.717L652.744 440.991C648.017 428.899 643.4 416.807 638.673 404.715L590.964 398.668Z" fill="#DADBE0"/>
<path d="M542.596 493.537L560.074 491.228C560.074 491.228 560.624 486.611 557.766 485.072C554.908 483.533 545.344 489.25 542.596 493.537Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M648.127 493.207L630.539 491.558C630.539 491.558 629.769 486.941 632.627 485.292C635.485 483.643 645.159 489.03 648.127 493.207Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M674.51 359.974C675.059 349.86 677.478 333.261 670.992 330.293C670.552 330.073 670.113 329.963 669.563 329.853L651.975 324.247C651.865 323.917 651.645 323.587 651.535 323.258C650.765 321.609 650.106 319.85 649.666 317.981L634.276 314.244C632.297 315.123 630.319 315.563 628.12 315.673C626.471 315.673 624.822 315.563 623.283 315.123L610.751 311.056C609.652 316.332 608.553 321.609 607.454 326.885C605.915 334.031 604.486 341.286 602.837 348.431L601.847 353.488C601.188 356.896 600.528 360.304 599.759 363.711C599.759 364.041 599.649 364.261 599.539 364.591C599.099 366.569 598.659 368.438 598.33 370.307L590.854 398.668L638.453 404.714L646.368 385.697L648.897 379.321L651.865 372.286C653.514 379.981 655.272 389.544 657.141 400.757C660.659 401.197 664.177 401.637 667.804 402.076C672.531 402.626 677.258 403.066 681.765 403.395C674.95 384.818 674.07 370.197 674.51 359.974Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M669.673 329.854L662.638 346.673C659.23 354.697 656.042 362.722 652.634 370.637L649.006 379.321L646.478 385.697L638.563 404.715L590.964 398.669L598.439 370.307C598.769 368.438 599.319 366.46 599.649 364.591C599.759 364.261 599.759 364.041 599.869 363.711C600.638 360.304 601.298 357.006 601.957 353.488L602.947 348.431C604.486 341.286 606.025 334.031 607.564 326.885L608.113 327.875C615.478 341.176 629.439 348.761 643.51 347.222C659.999 345.353 668.574 331.502 669.673 329.854Z" fill="black" opacity="0.1"/>
<path d="M702.431 433.186C702.211 429.008 697.594 422.633 690.889 417.466C683.524 411.75 675.499 408.892 670.002 410.101C655.712 413.179 642.96 398.778 642.41 398.119L642.191 397.789C633.506 382.399 624.932 367.009 616.248 351.729L619.436 349.75L645.269 395.7C646.588 397.129 657.8 408.782 669.123 406.363C675.719 404.934 684.733 408.012 693.087 414.498C700.782 420.434 705.839 427.689 706.059 433.076L702.431 433.186Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M621.635 381.08C622.404 381.63 623.174 382.179 624.053 382.509C624.493 382.729 625.043 382.949 625.592 383.059C630.429 384.488 635.156 382.619 636.255 378.881C637.245 375.584 634.936 371.846 630.979 370.197C630.539 369.977 629.989 369.757 629.55 369.647C629.11 369.537 628.56 369.428 628.121 369.318C623.833 368.658 619.876 370.527 618.997 373.825C618.007 376.353 619.216 379.101 621.635 381.08Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M621.635 381.08C622.404 381.63 623.174 382.179 624.053 382.509C626.032 378.222 628.34 374.045 630.979 370.197C630.539 369.977 629.989 369.757 629.55 369.647C629.11 369.537 628.56 369.428 628.121 369.318C623.833 368.658 619.876 370.527 618.997 373.825C618.007 376.353 619.216 379.101 621.635 381.08Z" fill="black" opacity="0.1"/>
<path d="M630.538 365.69L614.159 391.193C608.443 385.037 602.617 378.222 596.9 370.967C593.273 366.35 589.755 361.513 586.127 356.456C583.709 353.048 581.4 349.531 579.202 346.233C577.883 344.144 577.003 341.836 576.893 339.307C576.344 331.282 583.379 323.368 592.393 317.981C594.482 316.662 596.68 315.563 598.989 314.573C601.737 313.364 604.595 312.375 607.563 311.715C609.102 311.385 610.312 311.166 610.971 311.056L608.773 327.325L608.113 327.875C607.783 328.095 607.453 328.424 607.014 328.864L606.684 329.194C605.805 329.963 605.035 330.843 604.266 331.722C602.507 333.811 600.748 336.449 600.528 338.977C600.418 341.396 601.298 343.704 602.946 345.463C605.914 349.201 611.191 353.048 617.457 357.445C621.524 360.523 625.921 363.272 630.538 365.69Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M606.574 329.194C605.695 329.963 604.925 330.843 604.156 331.722L592.284 317.981C594.372 316.662 596.571 315.563 598.879 314.573L606.574 329.194Z" fill="black" opacity="0.1"/>
<path d="M619.546 349.751L471.692 106.589H479.717C482.025 106.589 483.894 104.72 483.894 102.412V97.6851C483.894 95.3766 482.025 93.5078 479.717 93.5078H479.057L248.538 50.1961C241.722 48.9869 235.236 53.4939 234.027 60.3095C233.917 60.7492 233.917 61.079 233.917 61.5187L231.389 93.5078H224.793C222.485 93.5078 220.616 95.3766 220.616 97.6851V102.412C220.616 104.72 222.485 106.589 224.793 106.589H257.882V150.231H257.662C255.353 150.231 253.485 152.1 253.485 154.408V215.198C253.485 217.507 255.353 219.376 257.662 219.376H261.839C264.148 219.376 266.016 217.507 266.016 215.198V154.408C266.016 152.1 264.148 150.231 261.839 150.231H261.619V106.589H347.363H347.583H456.082V490.129C456.082 492.437 458.061 494.416 460.369 494.416H465.536C467.955 494.416 469.823 492.547 469.823 490.129V110.657L616.248 351.729L619.546 349.751ZM384.299 93.5078L387.047 80.2065L457.511 93.5078H384.299ZM316.913 67.125L349.342 73.1711L345.934 93.5078H312.846L316.913 67.125ZM308.778 93.5078H274.041L279.208 59.9797L313.066 66.3555L308.778 93.5078ZM237.875 61.8485C238.314 57.1216 242.382 53.6039 247.109 54.0436C247.329 54.0436 247.658 54.0436 247.878 54.1535L275.36 59.3201L270.084 93.6177H235.456L237.875 61.8485ZM353.079 73.8307L383.64 79.5469L380.781 93.3979H349.782L353.079 73.8307Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M614.159 420.434L630.319 403.725L638.563 404.714L652.524 440.991L640.872 476.827L632.737 475.838L634.166 438.133L614.159 420.434Z" fill="black" opacity="0.1"/>
<path d="M607.014 329.854L606.574 330.733L606.904 329.634L607.014 329.854Z" fill="black" opacity="0.1"/>
<path d="M295.258 429.009V452.753C295.258 453.633 295.038 454.512 294.488 455.282C293.828 456.381 292.729 457.15 291.41 457.48C291.08 457.59 290.75 457.59 290.421 457.59H232.379C229.74 457.59 227.542 455.391 227.542 452.753V429.009C227.542 426.37 229.63 424.172 232.379 424.172H290.421C293.059 424.282 295.148 426.37 295.258 429.009Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M240.843 417.027H254.035C255.684 417.027 256.893 418.346 256.893 419.885V424.941C256.893 426.59 255.574 427.8 254.035 427.8H240.843C239.194 427.8 237.985 426.48 237.985 424.941V419.885C237.985 418.346 239.304 417.027 240.843 417.027Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M267.116 417.027H280.307C281.956 417.027 283.165 418.346 283.165 419.885V424.941C283.165 426.59 281.846 427.8 280.307 427.8H267.116C265.467 427.8 264.258 426.48 264.258 424.941V419.885C264.148 418.346 265.467 417.027 267.116 417.027Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M361.324 429.009V452.753C361.324 455.391 359.126 457.59 356.487 457.59H298.445C298.006 457.59 297.456 457.48 297.016 457.37C295.037 456.711 293.608 454.842 293.608 452.753V429.009C293.608 426.37 295.807 424.282 298.445 424.172H356.487C359.236 424.282 361.324 426.37 361.324 429.009Z" fill="#DADBE0"/>
<path d="M307.02 417.027H320.211C321.86 417.027 323.069 418.346 323.069 419.885V424.941C323.069 426.59 321.75 427.8 320.211 427.8H307.02C305.371 427.8 304.161 426.48 304.161 424.941V419.885C304.161 418.346 305.481 417.027 307.02 417.027Z" fill="#DADBE0"/>
<path d="M333.183 417.027H346.374C348.023 417.027 349.232 418.346 349.232 419.885V424.941C349.232 426.59 347.913 427.8 346.374 427.8H333.183C331.534 427.8 330.325 426.48 330.325 424.941V419.885C330.325 418.346 331.644 417.027 333.183 417.027Z" fill="#DADBE0"/>
<path d="M356.598 359.754H349.342V355.467C349.342 353.818 348.023 352.609 346.484 352.609H333.293C331.644 352.609 330.435 353.928 330.435 355.467V359.754H323.289V355.467C323.289 353.818 321.97 352.609 320.431 352.609H307.24C305.591 352.609 304.382 353.928 304.382 355.467V359.754H298.775C297.126 359.754 295.587 360.633 294.708 362.062C294.268 362.832 293.938 363.711 293.938 364.591V388.335C293.938 390.974 296.137 393.062 298.775 393.172H356.817C359.456 393.172 361.654 390.974 361.654 388.335V364.591C361.434 361.953 359.236 359.754 356.598 359.754Z" fill="#DADBE0"/>
<path d="M327.906 395.041C327.137 393.282 325.378 392.183 323.509 392.073H316.254V387.785C316.254 386.136 314.935 384.927 313.396 384.927H300.204C298.555 384.927 297.346 386.246 297.346 387.785V392.073H290.201V387.785C290.201 386.136 288.882 384.927 287.343 384.927H274.151C272.502 384.927 271.293 386.246 271.293 387.785V392.073H265.687C263.048 392.073 260.96 394.161 260.85 396.8V420.544C260.85 423.182 262.938 425.381 265.687 425.381H323.729C325.598 425.381 327.356 424.172 328.126 422.413C328.346 421.863 328.456 421.204 328.456 420.544V396.8C328.236 396.25 328.126 395.7 327.906 395.041Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M390.345 392.183H383.09V387.895C383.09 386.247 381.771 385.037 380.232 385.037H367.04C365.391 385.037 364.182 386.356 364.182 387.895V392.183H357.037V387.895C357.037 386.247 355.718 385.037 354.179 385.037H340.987C339.338 385.037 338.129 386.356 338.129 387.895V392.183H332.523C329.885 392.183 327.796 394.271 327.686 396.91V420.654C327.686 423.292 329.885 425.491 332.523 425.491H390.565C393.203 425.491 395.402 423.292 395.402 420.654V396.91C395.182 394.271 392.983 392.183 390.345 392.183Z" fill="#A7AAB3"/>
<path d="M261.4 394.381C260.52 392.952 258.981 392.183 257.332 392.183H223.914V387.895C223.914 386.247 222.595 385.037 221.056 385.037H207.865C206.216 385.037 205.007 386.356 205.007 387.895V392.183H199.4C196.762 392.183 194.563 394.271 194.563 397.02V420.764C194.563 423.402 196.652 425.601 199.4 425.601H257.442C259.091 425.601 260.63 424.721 261.51 423.402C261.949 422.633 262.279 421.753 262.279 420.874V397.02C262.169 396.03 261.84 395.151 261.4 394.381Z" fill="#DADBE0"/>
<path d="M234.027 384.927H247.219C248.868 384.927 250.077 386.246 250.077 387.785V392.842C250.077 394.491 248.758 395.7 247.219 395.7H234.027C232.378 395.7 231.169 394.381 231.169 392.842V387.785C231.059 386.246 232.378 384.927 234.027 384.927Z" fill="#DADBE0"/>
<path d="M295.258 364.591V388.335C295.258 390.974 293.059 393.172 290.421 393.172H232.379C229.74 393.172 227.542 390.974 227.542 388.335V364.591C227.542 361.953 229.63 359.754 232.269 359.754H237.875V355.467C237.875 353.818 239.194 352.609 240.733 352.609H253.925C255.573 352.609 256.783 353.928 256.783 355.467V359.754H263.928V355.467C263.928 353.818 265.247 352.609 266.786 352.609H279.977C281.626 352.609 282.836 353.928 282.836 355.467V359.754H290.091C293.059 359.754 295.148 361.953 295.258 364.591Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M361.324 438.792V452.863C361.324 454.182 360.775 455.391 359.895 456.271L297.126 457.48C296.027 457.15 295.148 456.381 294.488 455.391C293.829 456.491 292.729 457.26 291.41 457.59L285.144 457.7H232.269C229.63 457.7 227.432 455.501 227.432 452.863V448.026C253.265 448.246 275.141 447.586 293.609 446.487L295.038 446.377C327.906 444.508 349.342 441.211 361.324 438.792Z" fill="black" opacity="0.1"/>
<path d="M395.182 404.055V420.764C395.182 423.403 392.984 425.601 390.345 425.601H332.303C330.434 425.601 328.676 424.392 327.906 422.633C327.137 424.392 325.378 425.601 323.509 425.601H265.467C263.818 425.601 262.279 424.722 261.399 423.403C260.52 424.832 258.981 425.711 257.332 425.601H199.18C196.542 425.601 194.343 423.403 194.343 420.764V412.41C218.637 414.608 240.623 415.708 260.52 416.147C261.07 416.147 261.509 416.147 261.949 416.147C287.233 416.587 308.998 415.818 327.356 414.388C327.576 414.388 327.906 414.388 328.126 414.279C361.544 411.64 383.53 407.023 395.182 404.055Z" fill="black" opacity="0.1"/>
<path d="M265.467 392.183H271.073V387.896C271.073 386.247 272.392 385.037 273.931 385.037H287.122C288.771 385.037 289.981 386.357 289.981 387.896V392.183H293.278C293.718 391.853 294.048 391.413 294.378 390.974C294.707 391.413 295.037 391.853 295.477 392.183H297.126V387.896C297.126 386.247 298.445 385.037 299.984 385.037H313.175C314.824 385.037 316.034 386.357 316.034 387.896V392.183H323.289C324.388 392.183 325.377 392.513 326.147 393.172H329.225C330.104 392.513 331.094 392.183 332.083 392.183H337.689V387.896C337.689 386.247 339.009 385.037 340.548 385.037H353.739C355.388 385.037 356.597 386.357 356.597 387.896V392.183H359.125C360.335 391.303 360.994 389.874 360.994 388.335V374.155C340.767 377.452 320.321 379.321 299.764 379.761C297.785 379.761 295.917 379.871 289.981 379.871C272.722 380.091 251.506 380.201 227.102 380.201V388.225C227.102 390.864 229.3 393.062 231.938 393.062H262.498L265.467 392.183Z" fill="black" opacity="0.1"/>
<path d="M254.584 459.899C253.705 458.47 252.166 457.59 250.517 457.59H244.91V453.303C244.91 451.654 243.591 450.445 242.052 450.445H228.861C227.212 450.445 226.003 451.764 226.003 453.303V457.59H218.857V453.303C218.857 451.654 217.538 450.445 215.999 450.445H202.808C201.159 450.445 199.95 451.764 199.95 453.303V457.59H192.695C190.056 457.59 187.858 459.789 187.858 462.427V486.171C187.858 488.81 189.946 491.008 192.695 491.008H250.737C253.375 491.008 255.573 488.81 255.573 486.171V462.427C255.244 461.548 255.024 460.668 254.584 459.899Z" fill="#A7AAB3"/>
<path d="M321.42 462.427V486.171C321.42 488.81 319.222 491.008 316.584 491.008H258.541C255.903 491.008 253.815 488.81 253.705 486.171V462.427C253.705 459.789 255.793 457.7 258.541 457.59H265.797V453.303C265.797 451.654 267.116 450.445 268.655 450.445H281.846C283.495 450.445 284.704 451.764 284.704 453.303V457.59H291.85V453.303C291.85 451.654 293.169 450.445 294.708 450.445H307.899C309.548 450.445 310.757 451.764 310.757 453.303V457.59H316.364C318.782 457.59 320.761 459.349 321.091 461.658C321.42 461.987 321.42 462.207 321.42 462.427Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M388.916 461.328C388.367 459.129 386.498 457.59 384.299 457.59H378.693V453.303C378.693 451.654 377.374 450.445 375.835 450.445H362.643C360.995 450.445 359.785 451.764 359.785 453.303V457.59H352.64V453.303C352.64 451.654 351.321 450.445 349.782 450.445H336.59C334.942 450.445 333.732 451.764 333.732 453.303V457.59H326.257C323.619 457.59 321.42 459.789 321.42 462.427V486.171C321.42 488.81 323.509 491.008 326.257 491.008H384.299C386.938 491.008 389.026 488.81 389.026 486.171V462.427C389.026 462.097 389.026 461.657 388.916 461.328Z" fill="#DADBE0"/>
<path d="M389.026 462.427V486.171C389.026 488.809 386.827 491.008 384.189 491.008H326.147C323.509 491.008 321.31 488.809 321.31 486.171C321.31 488.809 319.112 491.008 316.473 491.008H258.431C256.782 491.008 255.243 490.129 254.364 488.7C253.485 490.129 251.946 491.008 250.297 491.008H192.255C189.616 491.008 187.528 488.809 187.528 486.171V482.104C207.644 482.104 230.29 481.664 253.704 480.455L255.133 480.345C266.236 479.795 277.559 479.026 288.771 478.146C289.541 478.146 290.31 478.036 291.08 477.927C301.193 477.047 311.307 475.948 321.31 474.739C345.824 471.661 369.129 467.373 388.806 461.327C389.026 461.767 389.026 462.097 389.026 462.427Z" fill="black" opacity="0.1"/>
<path d="M668.794 285.113C668.024 287.201 666.925 290.499 665.606 294.237L664.836 296.106C663.077 300.283 660.879 304.13 658.131 307.868C657.581 308.528 657.031 309.297 656.482 309.847C654.393 312.155 643.18 312.595 634.606 309.077C626.031 305.669 625.262 296.106 630.209 293.467C631.968 292.368 633.397 290.939 634.716 289.29C635.595 288.301 636.365 287.201 637.134 286.102C638.014 284.893 638.783 283.684 639.443 282.475C640.322 281.046 640.762 280.276 640.762 280.276L649.446 276.319L666.155 281.046C666.155 281.046 666.155 281.155 666.045 281.265C665.166 283.684 665.386 285.553 665.935 286.212C666.045 286.322 666.045 286.322 666.155 286.432C667.145 286.762 668.464 285.443 668.794 285.113Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M668.794 285.112C668.024 287.201 666.925 290.499 665.606 294.236L664.836 296.105C663.077 300.283 660.879 304.13 658.131 307.868C657.141 307.208 656.262 306.329 655.602 305.449C654.833 304.35 654.393 303.141 654.063 301.931C653.843 300.502 653.843 299.183 654.063 297.864C654.173 296.985 654.173 296.215 654.503 295.226C652.524 295.336 650.106 295.226 647.358 294.786C641.531 293.687 637.244 291.268 634.716 289.4C635.595 288.41 636.365 287.311 637.134 286.212C638.014 285.332 638.563 284.453 639.663 282.804L640.982 280.605L649.666 276.648L666.155 281.375L666.375 281.485C665.606 283.683 665.606 285.552 666.045 286.322C666.155 286.542 666.265 286.651 666.485 286.761C667.255 286.981 668.464 285.442 668.794 285.112Z" fill="black" opacity="0.1"/>
<path d="M629.769 271.042C630.099 273.24 631.198 274.999 632.737 276.208C633.067 280.496 634.606 283.134 635.705 284.563C640.432 290.939 650.765 292.917 661.208 289.29V289.4C661.208 289.4 661.208 289.4 661.208 289.51C660.988 290.389 660.659 291.269 660.439 292.148C660.329 292.588 660.219 292.698 660.219 292.917L660.109 293.137C659.23 294.896 658.46 296.765 657.8 298.634C657.581 299.843 657.8 301.052 658.35 302.261C659.12 300.503 660.439 299.073 661.978 297.974C662.527 297.644 663.187 297.315 663.737 297.095C666.925 295.226 669.233 292.368 670.222 288.96C670.442 288.41 670.442 288.081 670.552 287.531H670.662C673.96 287.091 676.268 284.123 675.829 280.715C675.499 278.077 673.41 276.208 671.102 275.659C671.761 274.34 672.091 272.691 671.871 271.042C671.322 266.755 667.474 263.896 663.187 264.446C661.648 264.666 660.329 265.216 659.339 266.095C658.46 262.357 654.832 259.829 650.875 260.379C647.467 260.818 644.939 263.347 644.279 266.645C642.85 263.786 639.662 261.918 636.255 262.357C632.187 262.907 629.219 266.755 629.769 271.042Z" fill="#232B41" class="tblr-illustrations-building-c"/>
<path d="M632.847 276.208C633.176 280.496 634.715 283.134 635.815 284.563C640.542 290.939 650.875 292.918 661.318 289.29V289.4C661.318 289.4 661.318 289.4 661.318 289.51C662.747 288.96 664.066 288.191 665.166 287.531H665.056C662.747 287.971 648.347 291.489 638.123 282.474C636.035 280.825 634.166 278.627 632.847 276.208Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

65
src/illustrations/calendar.svg Normal file
View File

@ -0,0 +1,65 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-calendar-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-calendar-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-calendar-c { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-calendar-d { fill: #232B41; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-calendar-a { fill: black; opacity: 0.07; } .tblr-illustrations-calendar-b { fill: #1A2030; } .tblr-illustrations-calendar-c { fill: #454C5E; } .tblr-illustrations-calendar-d { fill: #232B41; } }
</style>
<path d="M127.019 299.989C127.019 347.024 176.747 381.134 198.723 419.151C221.387 458.326 226.841 518.217 266.016 540.869C303.999 562.834 358.046 538.268 405.081 538.268C452.116 538.268 506.175 562.8 544.135 540.824C583.31 518.171 588.764 458.326 611.439 419.106C633.404 381.134 683.131 347.024 683.131 299.943C683.131 252.862 633.404 218.809 611.439 180.849C588.764 141.674 583.31 81.7831 544.135 59.1307C506.175 37.1657 452.104 61.7316 405.081 61.7316C358.057 61.7316 303.999 37.2116 266.016 59.1765C226.841 81.8289 221.387 141.674 198.723 180.894C176.747 218.855 127.019 252.977 127.019 299.989Z" fill="#F7F8FC" class="tblr-illustrations-calendar-a"/>
<path d="M52.3472 436.762C52.3472 442.491 211.876 447.166 408.69 447.166C605.503 447.166 765.033 442.514 765.033 436.762C765.033 431.01 605.503 426.45 408.69 426.45C211.876 426.45 52.3472 431.114 52.3472 436.762Z" fill="#A6A9B3" class="tblr-illustrations-calendar-b"/>
<path d="M636.211 435.387L569.365 435.651L579.884 367.934L609.445 177.732L608.494 173.642C615.369 176.323 620.594 182.957 621.923 191.321L655.369 401.632L656.446 408.347C658.68 422.451 648.998 435.387 636.211 435.387Z" fill="#232B41" class="tblr-illustrations-calendar-c"/>
<path d="M636.211 435.387L569.365 435.651L579.884 367.934C598.067 359.558 617.695 350.69 617.695 350.69L655.357 401.632L656.434 408.346C658.68 422.451 648.998 435.387 636.211 435.387Z" fill="black" opacity="0.1"/>
<path d="M689.479 428.226C688.138 430.403 683.303 437.874 676.062 439.524C675.31 439.703 674.542 439.81 673.77 439.845C668.878 440.051 664.008 437.404 655.128 426.874C645.31 415.109 637.347 401.914 631.513 387.745L646.855 369.951C648.207 368.404 649.537 366.846 650.877 365.299C651.198 366.113 651.53 366.938 651.874 367.785C655.243 375.955 659.585 385.66 663.687 392.088C666.575 396.671 669.347 399.547 671.547 399.066C677.414 397.748 678.731 372.495 678.915 368.668C679.11 365.081 679.11 361.793 679.006 358.871C678.926 356.786 678.789 354.288 678.502 351.355C676.131 343.334 681.08 336.013 686.523 335.027C691.965 334.042 699.562 339.473 699.78 348.055C702.278 409.676 689.479 428.226 689.479 428.226Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M676.062 439.524C675.31 439.703 674.542 439.81 673.77 439.845C668.878 440.051 664.008 437.404 655.128 426.874C645.31 415.109 637.347 401.914 631.513 387.745L646.855 369.951C649.376 368.805 651.198 368.026 651.874 367.785C655.243 375.955 659.585 385.66 663.687 392.088C661.946 393.405 659.585 396.545 657.179 403.798C653.111 415.806 670.081 433.703 676.062 439.524Z" fill="black" opacity="0.1"/>
<path d="M655.815 376.688L633.426 389.865C631.456 391.011 629.485 392.156 627.526 393.302L622.209 396.43L612.298 402.285C612.241 402.285 611.977 402.491 611.92 402.514C608.482 404.539 605.045 406.559 601.608 408.576L590.15 415.324C587.33 418.692 584.174 421.764 580.731 424.491C574.714 429.255 567.908 432.927 560.623 435.341C556.161 433.764 551.9 431.669 547.927 429.097C538.142 422.749 534.315 415.107 526.157 406.696L505.659 385.625C516.783 377.126 528.377 369.26 540.388 362.068C544.249 359.776 546.369 358.63 548.053 357.679C549.314 356.992 550.345 356.465 551.674 355.743C552.602 355.147 554.114 354.196 556.051 353.199C557.197 352.603 558.251 352.053 559.259 351.652C559.912 351.377 560.542 351.114 561.161 350.885L561.768 350.667C562.525 350.381 563.258 350.151 563.945 349.945C570.66 347.94 574.67 348.685 578.348 345.878C585.704 340.275 580.433 329.126 584.948 322.962C585.448 322.288 586.047 321.693 586.724 321.197C590.058 318.757 594.744 318.906 599.144 319.902C602.996 320.864 606.725 322.264 610.258 324.073C611.049 324.463 611.874 324.898 612.756 325.437C617.191 328.083 622.908 332.575 632.762 340.252C632.963 340.395 633.155 340.552 633.335 340.722C638.548 345.167 640.084 351.572 640.622 355.25L644.059 360.097L655.815 376.688Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M610.454 393.451C606.088 386.45 619.505 370.134 627.641 362.205C632.121 357.84 637.066 353.978 642.387 350.69C648.116 354.379 658.692 362.377 664.592 376.344C666.106 379.918 667.217 383.65 667.904 387.47C661.579 392.053 655.136 396.938 648.574 402.125C643.487 406.158 638.571 410.161 633.828 414.133C632.166 409.378 628.947 402.743 622.37 398.733C616.309 395.032 612.447 396.659 610.454 393.451Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M626.621 335.531C632.06 339.603 637.277 343.963 642.249 348.593C644.93 351.102 647.451 353.6 649.8 356.052L654.635 360.922C651.651 361.011 648.674 360.565 645.847 359.604C642.084 358.268 638.683 356.075 635.913 353.199C631.118 348.372 627.881 342.217 626.621 335.531Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M626.621 335.531C632.06 339.603 637.277 343.963 642.249 348.593C644.93 351.102 647.451 353.6 649.8 356.052L654.635 360.922C651.649 361.034 648.669 360.587 645.847 359.604C643.118 358.619 640.577 357.178 638.331 355.342C637.488 354.67 636.681 353.955 635.913 353.199C631.153 348.347 627.922 342.203 626.621 335.531Z" fill="black" opacity="0.1"/>
<path d="M605.332 391.698C607.192 395.517 609.533 399.083 612.298 402.308C612.241 402.308 611.977 402.514 611.92 402.537C608.483 404.561 605.045 406.582 601.608 408.599L590.15 415.347C587.399 418.778 584.236 421.857 580.731 424.514C575.192 428.709 568.898 431.802 562.192 433.623C560.681 435.052 558.703 435.887 556.624 435.972C552.946 435.972 549.394 433.29 547.927 429.097C549.245 407.877 550.826 382.268 550.826 380.859C550.826 380.057 549.68 370.317 548.03 357.679C549.291 356.992 550.322 356.465 551.651 355.743C552.579 355.147 554.092 354.196 556.028 353.199C557.174 352.603 558.228 352.053 559.236 351.652C559.889 351.366 560.52 351.114 561.138 350.885L561.746 350.667C562.502 350.381 563.235 350.151 563.923 349.945C574.43 346.806 575.839 347.298 578.325 345.878C585.2 341.959 583.722 330.822 584.925 322.962C585.425 322.288 586.024 321.693 586.701 321.197C590.035 318.757 594.722 318.906 599.121 319.902C602.973 320.864 606.702 322.264 610.236 324.073C611.026 324.463 611.851 324.898 612.733 325.437C609.204 331.876 591.8 363.764 605.332 391.698Z" fill="black" opacity="0.1"/>
<path d="M676.291 297.239L661.522 300.939C661.522 300.939 660.491 302.234 658.669 304.136C655.681 307.443 652.473 310.544 649.067 313.417C648.448 313.979 647.795 314.563 647.119 315.021C645.145 316.5 642.979 317.703 640.68 318.596C632.235 321.117 630.367 336.276 642.88 344.308C646.076 346.334 649.465 348.038 652.997 349.395C663.309 353.405 673.896 354.391 676.944 352.122C677.918 351.354 678.926 350.403 680.095 349.487C685.456 344.681 690.153 339.183 694.062 333.136C694.292 332.815 694.956 331.647 695.793 330.524C699.127 324.909 701.808 320.28 703.607 317.13C703.022 317.588 700.697 319.261 699.402 318.275C698.107 317.29 698.531 313.749 700.96 309.796L676.291 297.239Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M703.595 317.141C701.808 320.281 699.126 324.91 695.803 330.513C694.956 331.658 694.291 332.804 694.073 333.136C690.157 339.18 685.456 344.678 680.095 349.487C678.793 348.145 677.724 346.597 676.932 344.904C676.065 343.032 675.646 340.984 675.706 338.923C675.744 336.74 676.131 334.578 676.852 332.518C677.229 331.132 677.688 329.77 678.227 328.439C667.153 326.782 656.958 321.446 649.284 313.291C652.696 310.428 655.904 307.331 658.886 304.022C660.708 302.12 661.75 300.825 661.75 300.825L676.508 297.124L701.143 309.579C698.725 313.532 698.301 317.015 699.596 318.058C700.891 319.1 703.034 317.588 703.595 317.13" fill="black" opacity="0.1"/>
<path d="M705.302 323.523C703.366 327.889 705.406 330.077 703.217 332.117C700.822 334.305 695.426 333.652 692.16 334.328C691.418 334.486 690.687 334.693 689.972 334.947C689.641 335.04 689.324 335.179 689.032 335.359C686.219 336.575 683.748 338.464 681.836 340.859C681.397 338.869 681.585 336.791 682.375 334.912C683.995 332.085 685.854 329.402 687.932 326.892C687.96 326.764 688.034 326.65 688.138 326.571C688.356 326.239 688.379 326.067 688.814 325.425C689.649 324.171 690.344 322.831 690.888 321.426V321.255C686.191 320.693 653.535 317.302 650.648 304.583C650.407 303.667 649.502 299.141 651.794 296.23C655.346 291.716 663.252 294.615 665.956 290.158C667.732 287.19 665.039 284.566 667.102 282.137C669.164 279.708 674.309 279.479 677.631 281.289C680.118 282.641 679.579 284.177 681.894 285.506C685.87 287.797 688.963 284.062 693.123 286.159C695.604 287.705 697.555 289.972 698.714 292.656C699.677 294.89 699.551 295.944 700.914 297.869C702.032 299.243 703.386 300.407 704.913 301.306C708.213 303.3 709.359 302.555 710.974 303.804C713.69 306.256 714.171 311.08 712.853 314.643C711.077 319.227 707.434 318.585 705.257 323.443" fill="#232B41" class="tblr-illustrations-calendar-c"/>
<path d="M650.464 300.321C650.321 301.704 650.453 303.102 650.854 304.434C653.948 317.038 686.374 320.544 691.094 321.117C693.1 320.791 694.949 319.836 696.376 318.39C663.916 312.019 653.661 304.64 650.464 300.321Z" fill="black" opacity="0.5"/>
<path d="M197.761 216.231L193.487 239.903L192.249 246.778L179.256 318.619C174.535 313.715 170.196 309.132 166.24 304.87C155.114 292.827 146.818 283.1 140.665 275.343C136.586 270.209 133.436 265.901 130.995 262.315C124.498 252.713 123.1 248.176 122.814 246.377C122.764 246.05 122.764 245.718 122.814 245.391C123.411 242.931 124.555 240.636 126.16 238.677C130.055 233.773 137.434 229.007 150.336 224.928L151.31 224.618C162.39 221.192 177.48 218.293 197.761 216.231Z" fill="#DADBE0"/>
<path d="M192.249 246.755L179.256 318.596C176.964 316.259 174.7 313.883 172.461 311.47C165.396 303.968 158.609 296.498 152.101 289.058C160.109 285.834 166.968 280.287 171.797 273.131C177.634 264.177 180.009 253.403 178.477 242.825L188.285 237.795L192.249 246.755Z" fill="black" opacity="0.1"/>
<path d="M197.76 216.242L193.487 239.903C188.067 244.257 181.078 247.374 172.622 246.159C156.684 243.868 151.78 231.642 150.29 224.905C161.496 221.353 176.873 218.362 197.76 216.242Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M197.76 216.242L193.487 239.903C188.067 244.257 181.078 247.374 172.622 246.159C156.684 243.868 151.78 231.642 150.29 224.905C161.496 221.353 176.873 218.362 197.76 216.242Z" fill="black" opacity="0.1"/>
<path d="M180.081 259.851C179.473 259.324 179.622 258.304 180.081 256.345C180.281 255.596 180.404 254.828 180.447 254.053C180.196 252.313 179.67 250.623 178.889 249.046C182.819 251.773 187.952 254.775 190.989 254.638C191.371 254.631 191.748 254.539 192.091 254.369C192.434 254.198 192.734 253.954 192.971 253.652C194.518 251.533 192.971 247.775 191.665 245.105C189.018 239.376 186.039 236.614 183.002 236.66C179.966 236.706 176.976 240.533 175.784 242.848C173.974 240.166 169.952 235.091 165.197 235.514C161.37 235.961 158.058 240.098 155.389 247.809C154.174 251.395 152.811 256.437 154.919 258.728C155.247 259.088 155.656 259.365 156.112 259.534C156.569 259.704 157.059 259.761 157.543 259.702C161.656 259.45 168.382 254.065 172.839 249.929C172.256 251.617 171.212 253.109 169.826 254.237C169.294 254.474 168.831 254.842 168.48 255.307C168.129 255.772 167.902 256.318 167.821 256.895C167.844 259.809 168.904 262.62 170.811 264.824L172.381 263.002C169.963 259.462 169.872 258.075 170.021 257.72C170.054 257.55 170.131 257.391 170.243 257.259C170.356 257.126 170.5 257.025 170.662 256.964C173.229 255.715 175.131 250.994 176.093 248.153C177.049 250.028 177.817 251.993 178.385 254.019C178.319 254.494 178.224 254.965 178.098 255.428C177.663 257.262 176.953 260.344 178.969 262.223C180.115 263.22 181.135 267.253 181.765 272.902L183.862 272.604C183.037 265.718 181.88 261.547 180.081 259.851ZM182.945 239.479C185.237 239.479 187.448 241.839 189.717 246.549C191.722 250.719 191.264 251.67 191.275 251.682C190.255 252.827 183.827 249.699 177.239 244.807C178.305 242.974 180.356 239.685 182.922 239.479H182.945ZM156.282 256.483C156.168 256.379 155.297 255.153 157.428 248.978C159.72 242.263 162.412 238.665 165.449 238.345H165.667C169.356 238.07 172.942 242.767 174.375 244.967C166.847 252.163 158.013 258.35 156.305 256.505L156.282 256.483Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M560.634 435.387H178.672C176.237 435.388 173.832 434.86 171.622 433.841C169.411 432.821 167.449 431.334 165.869 429.482C164.289 427.63 163.131 425.458 162.473 423.114C161.814 420.771 161.673 418.312 162.058 415.909L198.54 186.52C199.17 182.567 201.189 178.968 204.234 176.371C207.279 173.773 211.151 172.346 215.154 172.347H597.151C599.584 172.348 601.989 172.877 604.198 173.897C606.408 174.917 608.37 176.404 609.949 178.256C611.528 180.107 612.687 182.279 613.346 184.622C614.005 186.964 614.148 189.422 613.765 191.825L577.283 421.214C576.65 425.171 574.625 428.774 571.573 431.372C568.521 433.97 564.642 435.394 560.634 435.387Z" fill="white" class="tblr-illustrations-calendar-d"/>
<path d="M560.634 438.871H178.672C175.735 438.869 172.834 438.23 170.168 437C167.501 435.769 165.133 433.975 163.227 431.742C161.32 429.509 159.92 426.889 159.123 424.062C158.326 421.236 158.15 418.271 158.609 415.37L195.091 185.982C195.834 181.199 198.266 176.841 201.947 173.698C205.628 170.555 210.314 168.836 215.154 168.852H597.151C600.088 168.854 602.99 169.492 605.657 170.724C608.324 171.955 610.692 173.75 612.598 175.985C614.504 178.22 615.902 180.841 616.697 183.669C617.492 186.497 617.665 189.463 617.202 192.364L580.686 421.752C579.948 426.534 577.518 430.892 573.838 434.034C570.158 437.175 565.473 438.892 560.634 438.871ZM215.154 175.842C211.978 175.826 208.903 176.951 206.487 179.012C204.07 181.073 202.474 183.932 201.989 187.07L165.506 416.47C165.203 418.374 165.316 420.321 165.839 422.177C166.361 424.032 167.279 425.753 168.531 427.219C169.783 428.685 171.337 429.862 173.088 430.669C174.839 431.476 176.744 431.893 178.672 431.893H560.634C563.81 431.903 566.885 430.775 569.3 428.712C571.716 426.65 573.312 423.791 573.8 420.652L610.282 191.264C610.585 189.363 610.472 187.419 609.952 185.566C609.432 183.713 608.516 181.994 607.268 180.528C606.021 179.063 604.47 177.885 602.723 177.076C600.977 176.267 599.076 175.846 597.151 175.842H215.154Z" fill="#232B41" class="tblr-illustrations-calendar-c"/>
<path d="M241.186 420.721L194.644 389.957C194.022 389.573 193.497 389.051 193.109 388.432C192.722 387.813 192.482 387.112 192.409 386.385C192.336 385.658 192.431 384.924 192.687 384.24C192.944 383.556 193.355 382.94 193.888 382.44L203.18 372.735C204.342 371.577 205.858 370.842 207.487 370.649C209.116 370.456 210.763 370.815 212.163 371.67L258.694 402.446C259.318 402.825 259.846 403.345 260.237 403.963C260.627 404.58 260.868 405.28 260.943 406.007C261.017 406.734 260.922 407.469 260.665 408.153C260.408 408.837 259.996 409.452 259.462 409.951L250.158 419.656C248.999 420.815 247.484 421.55 245.857 421.743C244.229 421.937 242.584 421.577 241.186 420.721Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M380.32 239.777H332.117C329.596 239.777 327.935 238.104 328.393 236.041L330.581 226.13C331.028 224.068 333.446 222.395 335.955 222.395H384.17C386.68 222.395 388.352 224.068 387.894 226.13L385.706 236.041C385.247 238.104 382.887 239.777 380.32 239.777Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M465.144 239.777H416.94C414.419 239.777 412.758 238.104 413.216 236.041L415.405 226.13C415.863 224.068 418.269 222.395 420.778 222.395H468.994C471.503 222.395 473.176 224.068 472.717 226.13L470.529 236.041C470.071 238.104 467.676 239.777 465.144 239.777Z" fill="#DADBE0"/>
<path d="M549.978 239.777H501.763C499.254 239.777 497.581 238.104 498.039 236.041L500.228 226.13C500.686 224.068 503.092 222.395 505.602 222.395H553.817C556.326 222.395 557.999 224.068 557.541 226.13L555.352 236.041C554.894 238.104 552.465 239.777 549.978 239.777Z" fill="#DADBE0"/>
<path d="M277.771 290.558H229.556C227.035 290.558 225.374 288.886 225.832 286.823L228.021 276.923C228.479 274.861 230.885 273.177 233.395 273.177H281.61C284.119 273.177 285.792 274.861 285.334 276.923L283.202 286.823C282.687 288.886 280.281 290.558 277.771 290.558Z" fill="#DADBE0"/>
<path d="M362.595 290.558H314.38C311.87 290.558 310.197 288.886 310.656 286.823L312.844 276.923C313.302 274.861 315.709 273.177 318.218 273.177H366.433C368.942 273.177 370.615 274.861 370.157 276.923L367.991 286.823C367.51 288.886 365.104 290.558 362.595 290.558Z" fill="#DADBE0"/>
<path d="M447.418 290.558H399.203C396.693 290.558 395.021 288.886 395.479 286.823L397.667 276.923C398.126 274.861 400.532 273.177 403.041 273.177H451.256C453.766 273.177 455.438 274.861 454.98 276.923L452.78 286.823C452.333 288.886 449.927 290.558 447.418 290.558Z" fill="#DADBE0"/>
<path d="M532.241 290.558H484.026C481.517 290.558 479.844 288.886 480.302 286.823L482.491 276.923C482.949 274.861 485.355 273.177 487.876 273.177H536.08C538.6 273.177 540.262 274.861 539.803 276.923L537.569 286.823C537.157 288.886 534.75 290.558 532.241 290.558Z" fill="#DADBE0"/>
<path d="M350.151 344.973H302.761C300.023 344.973 298.178 343.151 298.705 340.894L300.745 331.67C301.237 329.378 303.861 327.591 306.6 327.591H354.001C356.74 327.591 358.585 329.413 358.057 331.67L356.018 340.894C355.525 343.151 352.901 344.973 350.151 344.973Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M434.975 344.973H387.585C384.846 344.973 383.001 343.151 383.528 340.894L385.568 331.67C386.061 329.378 388.685 327.591 391.434 327.591H438.825C441.563 327.591 443.408 329.413 442.881 331.67L440.841 340.894C440.348 343.151 437.725 344.973 434.975 344.973Z" fill="#DADBE0"/>
<path d="M519.809 344.973H472.408C469.669 344.973 467.825 343.151 468.352 340.894L470.391 331.67C470.884 329.378 473.519 327.591 476.258 327.591H523.648C526.386 327.591 528.231 329.413 527.704 331.67L525.664 340.894C525.172 343.151 522.548 344.973 519.809 344.973Z" fill="#DADBE0"/>
<path d="M265.076 344.973H217.686C214.947 344.973 213.102 343.151 213.63 340.894L215.669 331.67C216.162 329.378 218.786 327.591 221.536 327.591H268.926C271.664 327.591 273.509 329.413 272.982 331.67L270.942 340.894C270.45 343.151 267.826 344.973 265.076 344.973Z" fill="#DADBE0"/>
<path d="M338.132 399.386H290.742C287.992 399.386 286.159 397.553 286.674 395.307L288.714 386.072C289.218 383.781 291.842 382.005 294.58 382.005H341.97C344.709 382.005 346.554 383.826 346.038 386.072L343.987 395.307C343.494 397.553 340.87 399.386 338.132 399.386Z" fill="#DADBE0"/>
<path d="M422.99 399.386H375.565C372.827 399.386 370.982 397.553 371.498 395.307L373.537 386.072C374.041 383.781 376.665 382.005 379.404 382.005H426.794C429.532 382.005 431.377 383.826 430.861 386.072L428.822 395.307C428.318 397.553 425.694 399.386 422.99 399.386Z" fill="#DADBE0"/>
<path d="M434.975 344.973H387.585C384.846 344.973 383.001 343.151 383.528 340.894L385.568 331.67C386.061 329.378 388.685 327.591 391.434 327.591H438.825C441.563 327.591 443.408 329.413 442.881 331.67L440.841 340.894C440.348 343.151 437.725 344.973 434.975 344.973Z" fill="black" opacity="0.1"/>
<path d="M519.809 344.973H472.408C469.669 344.973 467.825 343.151 468.352 340.894L470.391 331.67C470.884 329.378 473.519 327.591 476.258 327.591H523.648C526.386 327.591 528.231 329.413 527.704 331.67L525.664 340.894C525.172 343.151 522.548 344.973 519.809 344.973Z" fill="black" opacity="0.1"/>
<path d="M265.076 344.973H217.686C214.947 344.973 213.102 343.151 213.63 340.894L215.669 331.67C216.162 329.378 218.786 327.591 221.536 327.591H268.926C271.664 327.591 273.509 329.413 272.982 331.67L270.942 340.894C270.45 343.151 267.826 344.973 265.076 344.973Z" fill="black" opacity="0.1"/>
<path d="M338.132 399.386H290.742C287.992 399.386 286.159 397.553 286.674 395.307L288.714 386.072C289.218 383.781 291.842 382.005 294.58 382.005H341.97C344.709 382.005 346.554 383.826 346.038 386.072L343.987 395.307C343.494 397.553 340.87 399.386 338.132 399.386Z" fill="black" opacity="0.1"/>
<path d="M204.2 367.682C205.66 367.524 207.135 367.554 208.588 367.774C213.767 368.564 217.583 371.841 217.755 376.207C217.949 381.753 212.312 386.92 205.059 387.745C204.257 387.837 203.449 387.871 202.641 387.848C196.511 387.688 191.688 384.136 191.481 379.243C191.287 373.743 196.958 368.53 204.2 367.682Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M204.2 367.682C205.661 367.524 207.136 367.554 208.588 367.774C208.588 368.37 208.508 368.92 208.474 369.424C207.752 376.551 204.784 379.289 202.894 386.851C202.802 387.184 202.733 387.516 202.676 387.848C196.546 387.688 191.722 384.136 191.516 379.243C191.287 373.743 196.959 368.53 204.2 367.682Z" fill="black" opacity="0.1"/>
<path d="M278.081 207.465C282.947 207.465 286.892 203.52 286.892 198.654C286.892 193.788 282.947 189.843 278.081 189.843C273.214 189.843 269.27 193.788 269.27 198.654C269.27 203.52 273.214 207.465 278.081 207.465Z" fill="#DADBE0"/>
<path d="M396.27 207.465C401.136 207.465 405.081 203.52 405.081 198.654C405.081 193.788 401.136 189.843 396.27 189.843C391.403 189.843 387.458 193.788 387.458 198.654C387.458 203.52 391.403 207.465 396.27 207.465Z" fill="#DADBE0"/>
<path d="M515.18 207.465C520.047 207.465 523.991 203.52 523.991 198.654C523.991 193.788 520.047 189.843 515.18 189.843C510.314 189.843 506.369 193.788 506.369 198.654C506.369 203.52 510.314 207.465 515.18 207.465Z" fill="#DADBE0"/>
<path d="M276.775 202.115C269.866 202.117 263.113 200.07 257.368 196.234C251.623 192.397 247.145 186.943 244.5 180.561C241.855 174.179 241.163 167.156 242.51 160.38C243.857 153.605 247.183 147.381 252.068 142.496C256.953 137.611 263.177 134.285 269.953 132.937C276.728 131.59 283.751 132.283 290.133 134.927C296.515 137.572 301.97 142.05 305.806 147.795C309.643 153.54 311.689 160.294 311.687 167.202C311.692 168.816 311.581 170.428 311.355 172.026C311.326 172.59 311.179 173.142 310.925 173.647C310.671 174.152 310.314 174.598 309.878 174.957C309.441 175.316 308.935 175.58 308.391 175.733C307.847 175.885 307.277 175.923 306.717 175.843C306.158 175.763 305.621 175.567 305.142 175.269C304.662 174.97 304.25 174.574 303.932 174.107C303.613 173.641 303.396 173.112 303.293 172.557C303.19 172.001 303.204 171.43 303.334 170.88C304.093 165.478 303.183 159.973 300.727 155.101C298.271 150.23 294.386 146.225 289.592 143.623C284.797 141.02 279.322 139.944 273.899 140.539C268.476 141.133 263.364 143.37 259.247 146.949C255.131 150.529 252.205 155.28 250.863 160.568C249.521 165.856 249.826 171.427 251.737 176.537C253.648 181.647 257.074 186.051 261.557 189.16C266.04 192.269 271.365 193.934 276.821 193.934C277.863 193.989 278.845 194.442 279.564 195.2C280.283 195.958 280.683 196.963 280.683 198.007C280.683 199.051 280.283 200.056 279.564 200.814C278.845 201.572 277.863 202.025 276.821 202.08L276.775 202.115Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M333.526 168.795H290.959V175.818H333.526V168.795Z" fill="#232B41" class="tblr-illustrations-calendar-c"/>
<path d="M395.857 202.115C388.949 202.115 382.197 200.066 376.453 196.228C370.71 192.39 366.233 186.935 363.59 180.553C360.947 174.171 360.257 167.148 361.605 160.373C362.953 153.598 366.281 147.376 371.166 142.492C376.051 137.608 382.275 134.283 389.051 132.937C395.826 131.59 402.848 132.284 409.23 134.929C415.611 137.574 421.065 142.052 424.901 147.796C428.737 153.541 430.783 160.294 430.781 167.202C430.78 168.816 430.669 170.427 430.449 172.026C430.419 172.59 430.273 173.142 430.019 173.647C429.764 174.152 429.408 174.598 428.971 174.957C428.535 175.316 428.029 175.58 427.485 175.733C426.941 175.885 426.371 175.923 425.811 175.843C425.252 175.763 424.715 175.567 424.236 175.269C423.756 174.97 423.344 174.574 423.026 174.107C422.707 173.641 422.49 173.112 422.387 172.557C422.284 172.001 422.298 171.43 422.428 170.88C423.187 165.478 422.277 159.974 419.822 155.103C417.366 150.232 413.482 146.227 408.688 143.624C403.894 141.021 398.42 139.945 392.997 140.538C387.575 141.132 382.463 143.367 378.345 146.946C374.228 150.524 371.302 155.274 369.959 160.561C368.615 165.848 368.918 171.419 370.828 176.529C372.737 181.639 376.161 186.044 380.642 189.154C385.124 192.264 390.448 193.932 395.903 193.934C396.456 193.904 397.009 193.988 397.529 194.179C398.049 194.371 398.524 194.666 398.926 195.047C399.328 195.428 399.648 195.887 399.866 196.396C400.085 196.905 400.198 197.453 400.198 198.007C400.198 198.561 400.085 199.109 399.866 199.618C399.648 200.127 399.328 200.586 398.926 200.967C398.524 201.348 398.049 201.643 397.529 201.835C397.009 202.026 396.456 202.11 395.903 202.08L395.857 202.115Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M514.47 202.115C507.562 202.117 500.808 200.07 495.063 196.234C489.318 192.397 484.84 186.943 482.195 180.561C479.551 174.179 478.858 167.156 480.205 160.38C481.552 153.605 484.879 147.381 489.764 142.496C494.649 137.611 500.872 134.285 507.648 132.937C514.424 131.59 521.447 132.283 527.829 134.927C534.211 137.572 539.665 142.05 543.501 147.795C547.338 153.54 549.385 160.294 549.382 167.202C549.382 168.836 549.264 170.467 549.027 172.083C548.998 172.648 548.852 173.2 548.597 173.704C548.343 174.209 547.986 174.655 547.55 175.014C547.114 175.373 546.607 175.637 546.063 175.79C545.519 175.943 544.949 175.98 544.39 175.9C543.83 175.82 543.294 175.625 542.814 175.326C542.335 175.027 541.922 174.632 541.604 174.165C541.286 173.698 541.068 173.17 540.965 172.614C540.863 172.058 540.877 171.487 541.007 170.937C541.765 165.535 540.856 160.03 538.4 155.159C535.944 150.287 532.059 146.282 527.264 143.68C522.469 141.077 516.994 140.001 511.571 140.596C506.149 141.19 501.037 143.427 496.92 147.007C492.803 150.586 489.878 155.338 488.535 160.625C487.193 165.913 487.498 171.485 489.409 176.594C491.32 181.704 494.747 186.108 499.229 189.217C503.712 192.326 509.038 193.992 514.493 193.991C515.536 194.046 516.518 194.5 517.237 195.257C517.955 196.015 518.356 197.02 518.356 198.064C518.356 199.109 517.955 200.113 517.237 200.871C516.518 201.629 515.536 202.082 514.493 202.138L514.47 202.115Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M452.849 168.795H410.283V175.818H452.849V168.795Z" fill="#232B41" class="tblr-illustrations-calendar-c"/>
<path d="M563.132 168.795H520.565V175.818H563.132V168.795Z" fill="#232B41" class="tblr-illustrations-calendar-c"/>
<path d="M208.978 360.395C202.21 379.224 195.442 398.057 188.674 416.894C187.849 419.186 187.047 421.42 186.234 423.689C174.203 417.444 143.702 399.513 125.404 362.366C117.031 345.327 112.446 326.678 111.963 307.7C111.872 304.492 111.906 302.108 111.963 300C111.995 290.781 112.815 281.581 114.415 272.501C114.633 271.355 114.862 270.106 115.114 268.88C116.789 260.983 119.068 253.226 121.932 245.678C122.883 243.088 123.776 240.843 124.521 239.044L125.06 237.76C125.14 237.898 125.232 238.024 125.323 238.173C125.415 238.322 125.656 238.689 125.827 238.975C127.099 241.037 128.761 243.799 130.594 247.11C132.427 250.422 133.413 252.495 135.051 255.646L135.452 256.403C137.744 260.722 139.978 265.03 142.235 269.362C141.72 271.057 141.181 273.028 140.688 275.262C138.057 286.545 138.42 298.32 141.743 309.419C150.061 336.265 176.414 355.961 208.978 360.395Z" fill="#DADBE0"/>
<path d="M156.408 237.634C147.13 239.68 138.474 243.915 131.165 249.987C123.856 256.058 118.105 263.789 114.392 272.535C114.61 271.39 114.839 270.141 115.091 268.915C116.766 261.017 119.045 253.26 121.909 245.712C122.86 243.123 123.753 240.877 124.498 239.078C124.75 238.792 125.014 238.494 125.3 238.207C129.803 233.464 137.549 228.88 150.129 224.927L151.195 224.595C151.124 226.828 151.514 229.051 152.341 231.126C152.779 232.154 153.296 233.146 153.888 234.094C154.632 235.339 155.475 236.523 156.408 237.634Z" fill="black" opacity="0.1"/>
<path d="M193.83 402.515C193.636 403.042 190.634 411.395 187.437 420.286C187.437 420.366 186.291 423.609 186.222 423.723C174.191 417.479 143.69 399.547 125.392 362.4C117.019 345.362 112.434 326.713 111.952 307.734C116.77 324.906 124.667 341.061 135.257 355.411C150.444 375.851 170.608 392.066 193.83 402.515Z" fill="black" opacity="0.1"/>
<path d="M196.649 214.615C185.455 211.59 174.696 203.845 171.064 198.574C170.403 197.751 169.966 196.773 169.792 195.733C169.654 194.449 169.631 193.155 169.608 191.814C169.608 189.958 169.608 188.056 169.838 186.177C170.159 181.32 170.926 176.502 172.129 171.785C172.232 171.407 172.576 170.262 172.92 168.932C174.684 163.02 176.254 158.334 177.503 154.988C177.572 155.572 178.087 158.254 179.348 158.54C180.608 158.826 182.957 156.34 184.229 152.135L208.565 161.576L215.211 174.352C215.211 174.352 214.97 175.864 214.776 178.271C214.398 182.411 214.306 186.572 214.501 190.725C214.474 193.859 215.042 196.97 216.174 199.892C219.6 207.488 210.044 218.282 196.649 214.615Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M214.512 190.737C203.964 190.424 193.821 186.606 185.684 179.886C183.17 179.298 180.543 179.409 178.087 180.207C174.432 181.456 173.676 183.644 170.227 185.936L169.906 186.096C170.233 181.274 171 176.491 172.198 171.808C172.301 171.43 172.645 170.284 172.988 168.955C174.753 163.043 176.323 158.357 177.572 155.011C177.64 155.595 178.156 158.277 179.416 158.563C180.677 158.849 183.026 156.363 184.297 152.158L208.634 161.599L215.28 174.375C215.28 174.375 215.039 175.887 214.844 178.294C214.448 182.429 214.337 186.586 214.512 190.737Z" fill="black" opacity="0.1"/>
<path d="M228.708 174.226C228.282 175.774 227.418 177.166 226.222 178.236C223.693 180.423 220.662 181.95 217.399 182.682C203.043 185.993 189.373 170.697 185.695 166.182C184.487 167.427 183.101 168.485 181.582 169.322C180.359 169.926 179.272 170.772 178.385 171.808C178.064 172.335 177.72 172.862 177.468 173.389C177.107 174.028 176.782 174.686 176.494 175.36C176.094 176.278 175.761 177.224 175.498 178.19C175.246 179.083 175.047 179.99 174.902 180.906C173.916 186.967 175.039 192.96 174.18 199.376C172.519 211.407 164.063 222.498 154.449 229.614C151.004 232.215 147.218 234.331 143.198 235.904C142.538 236.163 141.865 236.385 141.181 236.569C140.287 236.844 139.394 237.096 138.5 237.336C119.361 242.605 99.1378 242.482 80.0642 236.981C61.931 230.633 46.2006 218.84 35.0229 203.215C38.0426 199.845 41.4023 196.796 45.0487 194.117C46.7674 192.879 48.1538 191.974 49.1162 191.378C50.262 190.68 51.4078 189.992 52.6453 189.316C58.1757 186.108 63.8435 183.155 69.6489 180.459C75.6758 177.526 82.8027 169.769 87.2369 148.377C91.5496 160.036 98.7059 170.434 108.056 178.626C118.746 187.792 137.469 198.448 144.217 192.513C148.938 188.376 143.072 181.685 147.414 171.785C155.939 152.605 184.664 149.775 186.532 149.626C190.828 149.282 207.305 147.907 219.565 158.528C222.773 161.255 230.358 167.821 228.708 174.226Z" fill="#232B41" class="tblr-illustrations-calendar-c"/>
<path d="M175.498 178.248C175.246 179.14 175.047 180.047 174.902 180.963C173.916 187.024 175.039 193.017 174.18 199.433C172.519 211.464 164.063 222.555 154.449 229.671C149.347 232.68 144.005 235.263 138.477 237.394C119.338 242.663 99.1149 242.54 80.0413 237.038C61.9081 230.69 46.1776 218.898 35 203.272C38.0197 199.902 41.3794 196.853 45.0257 194.174C46.7444 192.937 48.1308 192.031 49.0933 191.436C50.2391 190.737 51.3849 190.049 52.6224 189.373C53.8369 199.032 57.7326 213.103 69.8093 221.891C78.3913 228.147 87.3171 228.961 95.0168 229.671C124.555 232.386 146.578 215.921 149.648 213.492C161.354 204.356 170.301 192.157 175.498 178.248Z" fill="black" opacity="0.5"/>
<path d="M226.222 178.236C223.693 180.423 220.662 181.95 217.399 182.682C203.031 185.993 189.373 170.697 185.695 166.183C184.673 164.064 183.874 161.844 183.312 159.56C188.397 165.94 194.968 170.975 202.451 174.226C209.934 177.476 218.1 178.841 226.234 178.202L226.222 178.236Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

56
src/illustrations/chart-circle.svg Normal file
View File

@ -0,0 +1,56 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-circle-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-circle-b { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-circle-c { fill: #DADCE0; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-circle-d { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-chart-circle-a { fill: black; opacity: 0.07; } .tblr-illustrations-chart-circle-b { fill: #454C5E; } .tblr-illustrations-chart-circle-c { fill: #DADCE0; } .tblr-illustrations-chart-circle-d { fill: #1A2030; } }
</style>
<path d="M119 322.955C119 365.762 164.177 396.722 184.237 431.157C204.772 466.698 209.827 521.195 245.368 541.729C279.961 561.632 329.087 539.36 371.736 539.36C414.385 539.36 463.669 561.632 498.104 541.729C533.645 521.195 538.7 466.698 559.234 431.157C579.137 396.564 624.314 365.604 624.314 322.797C624.314 279.99 579.137 249.03 559.234 214.594C538.7 179.053 533.645 124.557 498.104 104.022C463.511 83.9614 414.385 106.392 371.736 106.392C329.087 106.392 279.803 83.9614 245.368 104.022C209.669 124.557 204.772 179.053 184.237 214.594C164.177 249.188 119 280.148 119 322.955Z" fill="#F7F8FC" class="tblr-illustrations-chart-circle-a"/>
<path d="M448.82 160.256C447.241 205.906 409.014 241.605 363.522 240.026C317.871 238.446 282.173 200.22 283.752 154.727C284.068 145.092 286.122 135.456 289.755 126.611L366.365 157.571L444.871 131.823C447.873 140.985 449.136 150.62 448.82 160.256Z" fill="#DADBE0"/>
<path d="M448.82 160.256C447.241 205.906 409.014 241.605 363.522 240.026C317.871 238.446 282.173 200.22 283.752 154.727C284.068 145.092 286.122 135.456 289.755 126.611L366.365 157.571L444.871 131.823C447.873 140.985 449.136 150.62 448.82 160.256Z" fill="black" opacity="0.07"/>
<path d="M343.461 78.1169C319.135 85.2251 299.232 103.075 289.754 126.453L366.365 157.571L343.461 78.1169Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M369.05 74.9578C360.363 74.6419 351.833 75.7476 343.461 78.117L366.365 157.571L444.871 131.823C433.972 98.8097 403.802 76.0635 369.05 74.9578Z" fill="#232B41" class="tblr-illustrations-chart-circle-b"/>
<path d="M484.52 120.924L483.098 116.817L367.787 154.727L337.617 50L333.352 51.2637L362.89 153.78L269.22 115.869L267.641 119.976L365.576 159.624L366.366 159.94L367.155 159.782L484.52 120.924Z" fill="#232B41" class="tblr-illustrations-chart-circle-c"/>
<path d="M634.581 518.193C634.581 522.458 519.428 525.933 377.422 525.933C235.416 525.933 120.264 522.458 120.264 518.193C120.264 513.928 235.416 510.453 377.422 510.453C519.428 510.453 634.581 513.928 634.581 518.193Z" fill="#A6A9B3" class="tblr-illustrations-chart-circle-d"/>
<path d="M267.166 226.125C266.376 235.445 265.586 244.607 264.797 253.926C263.217 271.776 261.637 289.625 260.216 307.475C258.952 321.375 257.846 335.276 256.583 349.018H185.817C184.395 335.118 183.131 321.217 181.71 307.475C180.92 299.577 180.13 291.837 179.34 283.939L173.654 226.125H267.166Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M188.502 157.097C188.66 160.888 188.976 166.574 189.45 173.367C189.608 174.946 189.766 176.21 189.766 176.684C190.714 184.266 192.451 191.69 195.137 198.64C195.769 200.062 196.242 201.326 196.874 202.747C198.612 206.222 209.037 210.329 220.568 211.593C224.517 212.067 228.624 212.067 232.573 211.593C245.052 210.329 251.055 200.22 249.475 192.954C249.159 191.216 248.211 189.637 246.948 188.373C244.578 185.688 242.683 182.686 241.419 179.527C239.524 175.262 237.944 170.839 236.838 166.259C236.048 163.731 235.732 161.994 235.732 161.994L223.57 151.41H194.347C194.663 156.307 193.399 159.782 191.82 160.098C190.24 160.414 188.818 157.729 188.502 157.097Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M188.502 157.097C188.66 160.888 188.976 166.575 189.45 173.367C189.608 174.946 189.766 176.21 189.766 176.684C190.714 184.266 192.451 191.69 195.137 198.64C197.032 198.009 198.77 197.061 200.349 195.797C202.087 194.375 203.351 192.638 204.456 190.742C205.404 188.689 206.194 186.478 206.51 184.108C206.826 182.686 206.984 181.107 207.142 179.685C218.357 183.476 230.52 183.318 241.577 179.369C239.681 175.104 238.102 170.682 236.996 166.101C236.206 163.573 235.89 161.836 235.89 161.836L223.728 151.252H194.505C194.821 156.149 193.557 159.624 191.978 159.94C190.398 160.256 188.818 157.729 188.502 157.097Z" fill="black" opacity="0.1"/>
<path d="M184.869 163.415C185.027 169.576 187.396 175.262 191.661 179.685C192.609 180.475 193.399 181.265 194.189 182.054C196.242 184.582 197.506 187.425 198.138 190.584C199.559 189.005 200.349 186.951 200.507 184.898C200.665 181.739 199.243 175.736 199.243 174.946V174.472C199.243 174.314 199.243 173.841 199.086 173.051C198.928 171.471 198.928 169.892 199.086 168.312V168.154C206.51 172.735 227.676 183.634 241.735 172.893C243.946 171.155 245.842 169.26 247.579 167.048C247.737 166.89 247.895 166.732 248.053 166.416C248.527 165.785 248.843 165.311 249.159 164.679L249.317 164.521C250.265 162.941 250.896 161.204 251.212 159.466L251.37 158.834C251.528 158.045 251.528 157.255 251.37 156.465C251.054 153.464 249.475 150.62 247.263 148.567C243.156 144.46 237.154 142.091 233.837 140.827C221.358 135.772 202.561 134.666 191.819 145.882C189.134 148.883 187.239 152.358 186.133 156.149C185.343 158.36 185.027 160.888 184.869 163.415Z" fill="#232B41" class="tblr-illustrations-chart-circle-b"/>
<path d="M199.086 168.154C206.51 172.735 227.676 183.634 241.735 172.893C243.946 171.155 245.842 169.26 247.579 167.048C247.737 166.89 247.895 166.732 248.053 166.417C248.527 165.785 248.843 165.311 249.159 164.679C249.159 164.679 249.159 164.521 249.317 164.521C250.265 162.941 250.897 161.204 251.213 159.466C247.895 162.626 244.104 165.311 239.839 167.364C219.147 177.158 197.348 164.995 193.873 163.099L193.557 162.941C195.295 164.679 197.19 166.417 199.086 168.154Z" fill="black" opacity="0.5"/>
<path d="M185.659 349.018L191.819 496.237H203.666L220.252 382.506L231.625 496.237H240.471L256.425 349.018H185.659Z" fill="#DADBE0"/>
<path d="M217.093 516.772L190.398 513.77C190.398 513.77 189.45 506.82 193.557 504.451C197.664 502.081 212.67 510.295 217.093 516.772ZM256.425 516.772L229.73 513.77C229.73 513.77 228.782 506.82 232.889 504.451C236.996 502.081 252.002 510.295 256.425 516.772Z" fill="#232B41" class="tblr-illustrations-chart-circle-b"/>
<path d="M231.625 496.237L220.252 382.506L225.307 349.018H256.425L240.471 496.237H231.625Z" fill="black" opacity="0.15"/>
<path d="M210.616 224.23C214.565 228.337 219.62 231.022 225.306 232.128L226.096 232.286L239.997 225.967L210.616 224.23Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M210.616 224.23C214.565 228.337 219.62 231.022 225.306 232.128L226.096 232.286L239.997 225.967L210.616 224.23Z" fill="black" opacity="0.1"/>
<path d="M226.096 232.286L243.314 219.965L247.263 224.072L235.574 241.606L226.096 232.286ZM225.307 232.286L199.085 215.858L193.241 221.387L210.932 244.449L225.307 232.286Z" fill="#DADBE0"/>
<path d="M226.096 232.286L243.314 219.965L247.263 224.072L235.574 241.605L226.096 232.286Z" fill="black" opacity="0.11"/>
<path d="M195.61 357.232C197.032 357.864 198.138 358.654 199.243 359.759C203.35 363.235 204.772 368.131 202.561 371.922C199.717 376.819 192.135 378.241 185.343 374.924C184.553 374.608 183.921 374.134 183.29 373.66C178.077 370.185 175.865 364.498 178.393 360.233C181.236 355.495 188.976 354.073 195.61 357.232Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M195.611 357.232C197.032 357.864 198.138 358.654 199.244 359.759C199.086 359.917 198.928 360.233 198.77 360.391C196.874 363.551 199.718 367.026 198.454 368.447C197.19 369.869 193.557 366.552 189.924 368.447C188.344 369.395 186.923 370.343 185.659 371.606C184.869 372.238 184.08 373.028 184.08 373.028L183.448 373.818C178.235 370.343 176.024 364.656 178.551 360.391C181.236 355.495 188.976 354.073 195.611 357.232Z" fill="black" opacity="0.1"/>
<path d="M233.047 211.119C233.837 212.383 234.942 213.489 236.048 214.436C241.893 219.017 249.633 219.491 253.424 215.384C256.741 211.751 255.951 205.749 251.686 201.168L249.949 199.43C244.578 195.165 237.786 194.533 233.679 197.535C233.363 197.851 232.889 198.166 232.573 198.482C229.414 201.8 229.888 206.854 233.047 211.119Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M233.047 211.119C233.837 212.383 234.942 213.489 236.048 214.436C241.893 219.017 249.633 219.491 253.424 215.384C256.741 211.751 255.951 205.749 251.686 201.168C251.528 201.326 251.212 201.484 250.896 201.8C247.579 203.853 241.735 205.907 237.944 204.011C235.258 202.747 234.311 199.904 233.679 197.693C233.363 198.009 232.889 198.324 232.573 198.64C229.414 201.8 229.888 206.854 233.047 211.119Z" fill="black" opacity="0.1"/>
<path d="M272.695 297.523C263.059 290.573 255.003 243.501 255.003 243.501L247.421 254.4C245.368 252.663 244.42 252.505 244.104 252.663C241.103 254.558 251.212 288.678 272.695 297.523Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M238.575 219.965L255.003 243.501C255.003 243.501 263.059 290.573 272.695 297.523C274.274 298.155 275.854 298.629 277.433 298.945C280.435 299.577 288.333 301.314 292.755 297.523C300.495 290.889 298.6 267.195 257.846 193.428C251.528 202.431 245.052 211.119 238.575 219.965Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M216.461 247.608C221.042 270.354 225.623 293.1 230.045 315.847C231.467 292.942 233.047 270.038 234.626 247.292C231.625 242.237 228.782 237.341 225.781 232.286L224.991 232.444C222.305 237.499 219.462 242.553 216.461 247.608Z" fill="#DADBE0"/>
<path d="M272.695 297.523C263.059 290.573 255.003 243.501 255.003 243.501L244.578 228.337C241.576 232.76 238.733 237.183 235.732 241.606L226.254 232.286C229.098 237.183 231.941 242.237 234.784 247.134L234.152 256.454C235.416 255.19 237.154 254.558 238.891 254.242C240.945 254.242 242.998 254.874 244.578 256.138C252.318 261.824 250.264 279.832 261.479 289.941C263.691 291.837 265.902 293.574 268.43 295.154C270.167 296.26 271.589 297.049 272.695 297.523Z" fill="black" opacity="0.1"/>
<path d="M225.939 232.286L230.204 315.847C231.626 292.942 233.205 270.038 234.785 247.292C231.783 242.237 228.94 237.183 225.939 232.286Z" fill="black" opacity="0.11"/>
<path d="M256.425 349.018H185.659C184.237 335.118 182.973 321.217 181.552 307.475C206.667 341.594 256.425 349.018 256.425 349.018Z" fill="black" opacity="0.1"/>
<path d="M190.398 353.915C185.659 362.129 180.762 370.501 176.024 378.715C170.653 373.186 166.072 367.026 162.123 360.391C157.068 351.546 153.277 341.91 150.908 331.959C150.592 330.853 150.118 328.799 149.644 325.798C147.907 314.741 147.275 303.526 148.065 292.469C149.17 277.778 152.803 230.706 171.285 226.441C172.391 226.125 173.18 226.125 173.654 226.125C176.024 237.183 178.235 248.398 180.604 259.455C176.182 268.933 173.812 279.042 173.338 289.467C173.18 292.784 173.338 299.261 176.024 311.74C179.183 326.43 184.08 340.488 190.398 353.915Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M190.398 353.915C185.659 362.129 180.762 370.501 176.023 378.715C170.653 373.186 166.072 367.026 162.123 360.391C157.068 351.546 153.277 341.91 150.908 331.959C150.592 330.853 150.118 328.799 149.644 325.798C156.278 340.172 168.283 353.283 190.398 353.915ZM385.952 252.505C385.952 252.505 385.952 252.347 386.11 252.189C386.11 252.505 385.952 252.505 385.952 252.505ZM432.076 204.643C429.233 209.698 425.916 214.436 421.809 218.543C412.805 227.705 401.274 234.023 388.795 236.867C400.958 225.809 404.433 215.384 405.539 210.329C406.961 204.169 407.593 197.693 407.751 191.374C407.751 183.318 406.487 179.685 407.909 178.895C409.646 177.948 415.175 181.739 432.076 204.643Z" fill="black" opacity="0.1"/>
<path d="M580.559 357.39C570.923 400.671 561.13 444.11 551.494 487.233C548.493 488.181 545.492 488.971 542.49 489.919L540.595 475.228C537.12 447.269 533.487 419.152 529.854 391.036L516.585 458.485L511.056 486.285L499.841 488.339L497.63 461.96L488.626 355.495L580.559 357.39Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M511.214 486.443C517.375 454.535 523.693 422.47 529.854 390.562C527.484 379.189 525.273 367.657 522.903 356.284L488.626 355.652L499.841 488.497L511.214 486.443Z" fill="black" opacity="0.15"/>
<path d="M424.336 186.161C423.547 184.74 422.599 183.318 421.493 182.212C417.544 177.947 412.173 176.368 408.067 179.053C402.854 182.37 401.59 190.742 405.381 198.008C405.855 198.798 406.329 199.588 406.803 200.22C410.752 205.748 417.07 207.96 421.809 205.117C426.864 201.799 428.127 193.428 424.336 186.161Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M424.336 186.162C423.546 184.74 422.598 183.318 421.493 182.213C421.019 182.528 420.545 183.002 420.071 183.318C413.911 188.373 413.279 192.954 407.434 199.43C407.118 199.746 406.96 200.062 406.645 200.22C410.594 205.749 416.912 207.96 421.651 205.117C426.863 201.8 428.127 193.428 424.336 186.162Z" fill="black" opacity="0.1"/>
<path d="M488.784 355.653L495.418 355.811L492.101 337.329C490.995 343.332 489.89 349.492 488.784 355.653ZM579.295 299.893C567.606 314.425 519.902 309.528 497.63 306.211C498.104 303.684 498.578 301.314 498.893 298.787C499.999 292.311 501.263 285.834 502.369 279.2C501.105 280.306 499.683 281.253 498.104 282.043C496.524 282.833 494.786 283.465 493.207 283.781C474.884 287.256 454.665 278.568 431.445 266.247C420.545 260.245 408.224 257.559 395.746 258.823C395.746 258.665 395.904 258.507 395.904 258.507C399.063 250.293 402.222 241.921 405.223 233.392C412.331 213.647 418.966 194.218 424.968 175.262C432.076 191.058 439.027 203.853 444.397 213.015C460.193 240.026 467.933 246.502 474.726 250.293C478.99 252.663 490.206 259.139 501.895 255.664C503.316 255.19 504.738 254.716 506.002 253.926L508.371 253.137C510.425 252.505 512.478 251.873 514.531 251.399C522.745 249.504 530.959 248.24 539.331 247.766C548.019 247.292 556.707 247.45 565.395 248.24C569.028 248.556 572.819 249.03 576.61 249.661H576.768C578.347 256.296 578.031 263.404 578.505 270.038C578.505 272.882 578.663 275.567 578.663 278.41C578.663 281.253 578.821 283.623 578.821 286.308C579.137 290.731 579.137 295.312 579.295 299.893ZM552.284 356.758L580.401 357.39C580.401 355.179 580.401 352.967 580.243 350.914C580.243 347.755 580.085 344.595 580.085 341.594C578.031 343.174 575.82 344.595 573.451 346.017C566.816 350.282 559.708 353.915 552.284 356.758Z" fill="#DADBE0"/>
<path d="M567.764 252.821C567.764 262.614 556.075 270.67 541.701 270.67C527.326 270.67 515.637 262.614 515.637 252.821C515.637 252.347 515.637 251.715 515.795 251.241C524.009 249.345 532.223 248.082 540.595 247.608C549.283 247.134 557.97 247.292 566.658 248.082C567.448 249.503 567.764 251.241 567.764 252.821Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M557.338 515.35L556.075 507.768C556.075 507.768 556.075 500.344 551.494 498.764C546.913 497.185 533.644 509.506 530.327 517.404L546.281 511.401L548.65 517.404L557.338 515.35ZM514.531 515.35L513.267 507.768C513.267 507.768 513.267 500.344 508.687 498.764C504.106 497.185 490.837 509.506 487.52 517.404L503.474 511.401L506.001 517.404L514.531 515.35Z" fill="#232B41" class="tblr-illustrations-chart-circle-b"/>
<path d="M579.295 299.893C567.606 314.425 519.902 309.528 497.63 306.211L498.894 298.787C505.37 299.103 533.171 300.209 556.075 279.99C565.395 271.776 572.503 261.35 576.926 249.661C577.874 261.35 578.505 273.513 578.979 286.15C579.137 290.731 579.295 295.312 579.295 299.893ZM488.784 355.652L495.419 355.81L492.101 337.329C490.996 343.332 489.89 349.492 488.784 355.652ZM552.284 356.758L580.401 357.39C580.401 355.179 580.401 352.967 580.243 350.914C580.243 347.754 580.085 344.595 580.085 341.594C578.032 343.174 575.82 344.595 573.451 346.017C566.816 350.282 559.708 353.915 552.284 356.758Z" fill="black" opacity="0.1"/>
<path d="M550.072 270.512C548.966 263.562 546.755 259.613 543.438 258.823C539.647 257.875 535.698 261.034 533.802 263.246C532.697 259.771 530.011 253.136 524.799 252.189C520.534 251.399 515.795 254.716 510.582 262.298C508.213 265.773 505.054 270.67 506.633 273.829C507.107 274.777 508.055 275.409 509.003 275.567C513.425 276.515 522.429 272.881 528.59 269.88C527.01 271.776 525.115 273.513 523.851 273.671C522.587 273.829 521.481 274.619 520.85 275.883C519.586 278.568 520.534 282.359 521.639 285.36L523.851 283.781C522.271 279.2 522.745 277.778 522.903 277.304C523.061 276.988 523.535 276.83 523.851 276.83C526.852 276.357 530.485 271.776 532.381 269.09C532.855 271.46 533.013 273.671 533.013 276.041C532.855 276.357 532.539 276.988 532.223 277.462C531.275 279.358 529.379 282.359 530.959 285.044C531.749 286.466 531.749 291.205 530.643 297.365L533.013 297.681C534.276 290.099 534.276 285.202 533.013 282.991C532.539 282.201 533.013 281.253 534.118 279.2C534.592 278.41 534.908 277.778 535.224 276.988C535.54 275.093 535.54 273.039 535.066 271.144C538.383 275.251 542.964 280.148 546.281 280.937C547.071 281.253 548.019 281.095 548.651 280.464C551.02 278.41 550.546 273.829 550.072 270.512ZM508.529 271.776C508.529 271.618 507.897 270.038 512.004 264.036C516.585 257.559 520.534 254.558 523.851 255.19H524.009C528.116 256.138 530.485 262.14 531.275 264.983C521.166 270.354 509.792 274.303 508.529 271.776ZM547.703 277.462C546.281 278.568 540.437 273.039 534.75 265.773C536.33 264.036 539.489 261.192 542.332 261.824H542.49C544.86 262.456 546.597 265.773 547.545 271.46C548.493 276.673 547.703 277.462 547.703 277.462Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M501.894 362.761H458.139L445.977 292.627H489.731L501.894 362.761Z" fill="#A7AAB3"/>
<path d="M489.1 312.056C487.52 311.582 485.941 311.108 484.361 311.108C478.516 310.634 473.62 313.319 472.356 318.058C470.776 324.06 475.673 331.011 483.413 333.696C484.203 334.012 485.151 334.17 485.941 334.328C492.575 335.592 498.735 332.906 500.157 327.694C501.737 321.849 496.84 314.741 489.1 312.056Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M489.1 312.056C487.52 311.582 485.941 311.108 484.361 311.108C484.203 311.74 484.203 312.371 484.045 312.845C483.097 320.743 485.625 324.534 485.783 333.222V334.328C492.417 335.592 498.577 332.906 499.999 327.694C501.737 321.849 496.84 314.741 489.1 312.056Z" fill="black" opacity="0.1"/>
<path d="M621.313 281.885C620.207 277.147 617.837 272.566 617.837 272.566C616.1 269.091 614.046 265.773 611.993 264.352L611.045 263.72C608.676 261.982 605.99 260.403 603.463 258.981C599.83 256.928 596.197 255.348 592.248 253.768C586.403 251.557 580.243 250.135 573.925 249.346C575.978 252.663 577.4 256.138 578.19 259.929C578.821 263.246 578.979 266.721 578.663 270.038L579.611 270.512C585.93 274.145 583.086 291.995 580.875 297.049C580.559 297.839 579.927 298.787 579.137 299.893C570.765 311.266 546.598 307.949 497.946 304.316C492.891 304 488.784 303.684 486.573 303.526L491.785 337.171L495.103 355.653L497.156 367.026C521.798 366.394 541.227 361.971 552.126 357.706C564.289 352.967 573.609 346.649 573.609 346.649C574.241 346.175 577.242 344.279 580.559 341.594C597.303 328.484 624.788 297.523 621.313 281.885Z" fill="#DADBE0"/>
<path d="M531.591 239.868C544.386 237.972 557.339 230.706 561.92 225.336C562.709 224.546 563.341 223.44 563.815 222.334C564.131 220.913 564.289 219.491 564.447 218.069C564.763 216.016 564.763 213.962 564.921 211.751C565.079 206.38 564.763 200.852 564.131 195.481C564.131 195.007 563.815 193.744 563.657 192.164C562.393 185.372 561.288 180.001 560.498 176.21C560.34 176.842 559.392 179.685 557.971 179.843C556.549 180.001 554.337 177 553.39 172.103L525.273 179.527L516.269 192.796V197.219C516.269 201.957 515.795 206.538 515.163 211.119C514.847 214.594 513.742 217.911 512.162 221.071C507.107 228.969 516.269 242.237 531.591 239.868Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M514.848 211.119C526.537 212.067 538.226 209.066 548.177 202.589C551.02 202.273 554.022 202.747 556.549 203.853C560.498 205.749 560.972 208.118 564.605 211.119L564.921 211.435C565.079 206.064 564.763 200.536 564.131 195.165C564.131 194.691 563.815 193.428 563.657 191.848C562.394 185.056 561.288 179.685 560.498 175.894C560.34 176.526 559.392 179.369 557.971 179.527C556.549 179.685 554.338 176.684 553.39 171.787L525.273 179.211L516.269 192.48V196.903C515.953 201.957 515.479 206.538 514.848 211.119Z" fill="black" opacity="0.1"/>
<path d="M680.231 284.255C660.802 289.309 650.535 297.839 644.848 305.263C638.53 313.161 625.735 334.486 613.414 340.646L611.203 341.752C605.043 344.753 598.566 346.965 591.932 348.702C580.085 333.064 571.397 315.215 566.184 296.26C560.498 275.093 559.392 251.083 559.392 234.971C559.392 227.073 559.708 221.071 559.866 218.227C560.182 213.962 560.182 209.54 559.866 205.275C559.708 203.379 559.55 201.484 559.076 199.746C558.76 198.64 558.444 197.535 557.97 196.587C557.339 195.165 556.391 193.902 555.285 192.638C553.548 190.742 551.81 189.005 549.757 187.583C545.176 192.006 528.116 207.328 512.636 201.958C509.161 200.694 506.002 198.64 503.474 195.955C502.369 194.691 501.579 192.954 501.263 191.216C500.157 184.266 509.951 177.316 513.268 174.946C518.638 171.155 536.172 158.677 556.707 164.205C572.503 168.47 581.033 180.949 587.351 190.426C602.041 212.857 596.829 227.389 604.727 243.817C611.361 258.191 629.21 276.041 680.231 284.255Z" fill="#232B41" class="tblr-illustrations-chart-circle-b"/>
<path d="M503.317 195.797C505.844 198.482 509.003 200.536 512.637 201.8C528.117 207.17 545.176 191.848 549.757 187.425C551.179 185.214 552.284 182.844 553.232 180.475C540.122 193.428 521.482 199.272 503.317 195.797ZM611.046 341.752C604.885 344.753 598.409 346.965 591.774 348.702C579.927 333.064 571.24 315.215 566.027 296.26C560.34 275.093 559.235 251.083 559.235 234.971C559.235 227.073 559.551 221.071 559.709 218.227C560.024 221.071 568.712 310.95 611.046 341.752Z" fill="black" opacity="0.5"/>
<path d="M201.455 353.599C201.455 353.599 193.399 374.292 188.187 377.609C182.974 380.926 205.246 381.4 205.246 381.4L207.142 355.337L202.403 353.441L201.455 353.599Z" fill="#DADBE0"/>
<path d="M502.369 279.2L498.104 282.043C496.524 282.833 494.786 283.465 493.207 283.781C474.884 287.256 454.665 278.568 431.445 266.247C420.545 260.245 408.224 257.559 395.746 258.823C395.746 258.665 395.904 258.507 395.904 258.507C402.222 257.244 423.862 253.61 440.29 262.93C459.561 274.145 502.369 279.2 502.369 279.2Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

43
src/illustrations/chart.svg Normal file
View File

@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-b { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-c { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-d { fill: #DADCE0; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-chart-e { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-chart-a { fill: black; opacity: 0.07; } .tblr-illustrations-chart-b { fill: #232B41; } .tblr-illustrations-chart-c { fill: #454C5E; } .tblr-illustrations-chart-d { fill: #DADCE0; } .tblr-illustrations-chart-e { fill: #1A2030; } }
</style>
<path d="M676.648 298.405C676.648 345.15 627.191 379.132 605.334 416.784C582.839 455.712 577.414 515.22 538.486 537.875C500.675 559.732 446.91 535.322 400.324 535.322C353.738 535.322 299.814 559.732 262.162 537.875C223.234 515.38 217.81 455.871 195.315 416.784C173.458 378.973 124 345.15 124 298.405C124 251.659 173.458 217.677 195.315 180.026C217.81 141.098 223.234 81.5891 262.162 59.0939C299.973 37.2369 353.579 61.6466 400.324 61.6466C447.07 61.6466 500.835 37.2369 538.486 59.0939C577.414 81.5891 582.839 141.098 605.334 180.026C627.191 217.837 676.648 251.659 676.648 298.405Z" fill="#F7F8FC" class="tblr-illustrations-chart-a"/>
<path d="M223.234 54.3077H544.23C552.207 54.3077 558.588 60.6893 558.588 68.6664V191.034C558.588 199.011 552.207 205.393 544.23 205.393H223.234C215.257 205.393 208.875 199.011 208.875 191.034V68.6664C208.875 60.6893 215.257 54.3077 223.234 54.3077Z" fill="white" class="tblr-illustrations-chart-b"/>
<path d="M544.229 209.541H223.234C213.023 209.541 204.727 201.244 204.727 191.034V68.6663C204.727 58.4557 213.023 50.1596 223.234 50.1596H544.229C554.44 50.1596 562.736 58.4557 562.736 68.6663V191.034C562.736 201.244 554.44 209.541 544.229 209.541ZM223.234 58.2962C217.49 58.2962 212.864 62.9229 212.864 68.6663V191.034C212.864 196.777 217.49 201.404 223.234 201.404H544.229C549.973 201.404 554.599 196.777 554.599 191.034V68.6663C554.599 62.9229 549.973 58.2962 544.229 58.2962H223.234Z" fill="#232B41" class="tblr-illustrations-chart-c"/>
<path d="M245.251 163.274C243.974 163.274 243.017 162.157 243.017 161.04C243.017 160.402 243.336 159.924 243.655 159.445L295.187 107.913L317.842 130.568L367.778 80.6319L438.933 151.627L508.014 82.5464C508.971 81.7487 510.247 81.7487 511.205 82.5464C512.002 83.5036 512.002 84.7799 511.205 85.7372L438.933 158.009L367.937 87.0135L318.001 136.95L295.346 114.295L247.006 162.636C246.367 163.114 245.889 163.274 245.251 163.274Z" fill="#232B41" class="tblr-illustrations-chart-d"/>
<path d="M295.187 123.867C300.385 123.867 304.6 119.653 304.6 114.454C304.6 109.256 300.385 105.042 295.187 105.042C289.988 105.042 285.774 109.256 285.774 114.454C285.774 119.653 289.988 123.867 295.187 123.867Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M438.773 179.387C424.255 179.387 412.449 167.581 412.449 153.063C412.449 138.545 424.255 126.739 438.773 126.739C453.291 126.739 465.097 138.545 465.097 153.063C465.097 167.581 453.291 179.228 438.773 179.387ZM438.773 133.121C427.765 133.121 418.83 142.055 418.83 153.063C418.83 164.072 427.765 173.006 438.773 173.006C449.781 173.006 458.715 164.072 458.715 153.063C458.715 142.055 449.781 133.121 438.773 133.121Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M286.572 201.404L285.136 209.541H249.239C251.473 207.945 253.866 206.509 256.259 205.074C258.174 203.957 259.928 202.84 261.524 201.245L286.572 201.404ZM562.736 152.585V184.812C560.184 185.769 557.312 185.929 554.6 185.131V152.106C555.717 151.787 556.833 151.627 558.11 151.627C559.705 151.627 561.3 151.947 562.736 152.585Z" fill="black" opacity="0.3"/>
<path d="M671.543 542.023C671.543 546.49 553.323 550 407.344 550C261.364 550 143.145 546.49 143.145 542.023C143.145 537.556 261.364 534.046 407.344 534.046C553.323 534.046 671.543 537.715 671.543 542.023Z" fill="#A6A9B3" class="tblr-illustrations-chart-e"/>
<path d="M411.811 188.481C412.13 187.045 412.768 185.61 413.406 184.333C415.64 179.547 419.15 176.675 422.181 177.792C426.01 179.068 427.605 186.088 425.691 193.267C425.531 194.065 425.212 194.863 424.893 195.661C422.819 201.564 418.671 205.233 415.321 204.116C411.651 202.84 410.056 195.82 411.811 188.481Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M411.811 188.481L412.449 186.248C412.769 185.45 413.088 184.812 413.247 184.174C413.566 184.652 414.045 185.131 414.523 185.45C415.8 186.567 417.076 187.364 418.512 188.003C421.384 189.438 424.096 190.555 425.851 191.193C425.851 191.672 425.691 192.151 425.532 192.789C425.372 193.746 425.053 194.544 424.734 195.501C421.703 200.766 417.874 204.595 415.162 203.957C411.173 202.999 411.333 190.715 411.811 188.481Z" fill="black" opacity="0.1"/>
<path d="M257.695 336.216C259.29 337.013 260.726 338.13 262.002 339.247C266.789 343.236 268.863 348.022 266.789 351.213C264.076 355.201 255.78 354.882 248.122 350.574C247.325 350.096 246.367 349.617 245.57 348.979C239.507 344.671 236.476 339.087 238.869 335.578C241.422 331.43 249.877 331.749 257.695 336.216Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M257.695 336.216C259.29 337.013 260.726 338.13 262.002 339.247L261.045 340.204C256.578 344.512 252.27 344.352 246.367 348.341C246.048 348.5 245.889 348.66 245.729 348.819C239.667 344.512 236.635 338.928 239.029 335.418C241.581 331.589 250.037 331.908 257.695 336.216Z" fill="black" opacity="0.2"/>
<path d="M265.353 177.633C265.512 181.142 265.831 186.567 266.31 192.948C266.469 194.384 266.629 195.661 266.629 195.98C267.427 203.159 269.182 210.019 271.734 216.72C272.213 217.996 272.851 219.273 273.33 220.549C275.563 225.016 292.315 230.44 306.993 228.845C321.67 227.25 326.776 213.051 320.554 206.988C318.32 204.595 316.565 201.723 315.448 198.692C313.693 194.703 312.257 190.555 311.141 186.248C310.503 183.855 310.024 182.259 310.024 182.259L298.537 172.368H271.096C271.415 176.994 270.139 180.185 268.703 180.504C267.267 180.823 265.672 178.271 265.353 177.633Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M265.353 177.633C265.512 181.142 265.831 186.567 266.31 192.948C266.469 194.384 266.629 195.661 266.629 195.98C267.427 203.159 269.182 210.019 271.734 216.72C273.489 216.082 275.244 215.284 276.68 214.008C278.275 212.731 279.552 210.976 280.509 209.222C281.466 207.307 282.104 205.233 282.423 202.999C282.742 201.564 282.902 200.287 283.062 198.851C293.591 202.361 305.078 202.202 315.448 198.532C313.693 194.544 312.257 190.396 311.141 186.088C310.503 183.695 310.024 182.1 310.024 182.1L298.537 172.208H271.096C271.415 176.835 270.139 180.026 268.703 180.345C267.267 180.664 265.672 178.271 265.353 177.633Z" fill="#606060" opacity="0.1"/>
<path d="M262.003 183.536C261.843 187.684 262.162 191.672 262.96 195.661C263.598 198.692 264.236 199.49 264.555 202.68C264.874 204.754 265.034 206.828 264.874 208.902C264.236 216.082 258.652 218.475 259.45 221.028C261.045 226.133 287.369 227.888 294.389 216.241C297.899 210.338 295.347 203.159 298.218 201.883C300.611 200.925 304.6 205.073 307.95 209.222C303.802 200.606 304.281 197.096 305.717 195.501C307.631 193.427 310.981 195.342 315.289 192.31C317.363 190.715 319.278 188.8 320.713 186.726C320.873 186.567 321.033 186.407 321.033 186.088C321.352 185.61 321.671 184.971 321.99 184.493C321.99 184.493 321.99 184.333 322.149 184.333C322.947 182.897 323.426 181.302 323.745 179.707L323.904 179.068C324.223 175.399 322.787 171.889 320.075 169.496C316.246 165.667 310.503 163.433 307.472 162.157C295.825 157.371 278.116 156.414 267.906 166.943C265.353 169.655 263.598 173.006 262.481 176.675C262.322 178.909 262.003 181.302 262.003 183.536Z" fill="#232B41" class="tblr-illustrations-chart-c"/>
<path d="M258.492 367.326L264.874 519.528H277.158L294.389 401.946L306.035 519.528H315.129L331.721 367.326H258.492Z" fill="#DADBE0"/>
<path d="M291.039 540.747L263.438 537.715C263.438 537.715 262.481 530.536 266.789 528.143C271.096 525.75 286.572 534.046 291.039 540.747ZM331.722 540.747L304.121 537.715C304.121 537.715 303.164 530.536 307.471 528.143C311.779 525.75 327.254 534.046 331.722 540.747Z" fill="#232B41" class="tblr-illustrations-chart-c"/>
<path d="M420.107 191.991C415.959 191.034 411.811 190.396 407.982 189.758C400.165 219.432 373.362 240.172 342.73 240.332H245.889C244.772 240.332 243.815 240.491 242.698 240.811C239.667 241.449 229.137 243.842 215.736 262.827C207.599 274.474 196.751 289.789 199.941 305.265C200.899 309.572 202.335 313.721 204.249 317.709C206.642 322.655 209.673 327.441 213.343 331.589C217.331 336.375 221.001 339.566 228.18 345.629C233.126 349.777 237.434 353.127 240.305 355.201C241.262 352.489 242.539 349.777 244.134 347.384C247.166 342.916 251.154 338.928 255.462 335.897C256.578 346.267 257.536 356.637 258.493 367.007V367.326H331.722C331.882 364.454 332.201 361.583 332.52 358.711C333.477 347.224 334.434 335.897 335.551 324.41C336.987 308.456 338.263 292.661 339.699 276.707C350.867 277.026 381.977 277.824 397.453 260.274C406.068 250.542 414.843 229.802 418.991 220.07C419.788 218.315 420.586 216.401 421.384 214.646C422.501 211.615 423.936 208.583 425.372 205.552C426.33 203.797 427.446 202.202 428.723 200.766C429.361 200.128 429.839 199.49 430.158 199.17C431.754 197.575 433.03 196.299 433.987 195.501C429.68 194.225 425.053 193.108 420.107 191.991ZM237.753 315.635C232.328 307.02 229.616 302.872 229.616 297.128C229.456 287.237 235.998 279.579 239.029 276.229C241.901 273.038 245.091 270.326 248.761 268.092C249.878 278.622 250.835 289.311 251.952 299.841L254.345 324.25C254.504 325.846 254.664 327.601 254.823 329.196C254.823 329.834 254.983 330.632 254.983 331.27C254.504 331.11 253.866 330.951 253.388 330.632C245.091 327.281 237.753 315.635 237.753 315.635Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M319.277 244.001C319.277 244.001 313.853 244.799 306.674 245.597C295.825 246.554 280.828 247.352 274.766 244.001V233.631L274.925 233.791C276.521 234.589 290.72 240.651 315.927 233.631C316.565 233.472 319.277 244.001 319.277 244.001Z" fill="#DADBE0"/>
<path d="M258.492 367.007L312.257 367.326L315.129 519.528H306.035L294.389 401.947L277.158 519.528H264.874L258.492 367.007Z" fill="black" opacity="0.15"/>
<path d="M492.857 246.235L495.251 274.474L500.037 329.036C501.313 343.236 502.43 357.275 503.706 371.474H575.818C577.254 357.275 578.69 343.236 579.967 329.036L582.36 304.946C584.274 285.322 586.348 265.699 588.263 246.075L492.857 246.235Z" fill="#DADBE0"/>
<path d="M496.527 280.058C522.053 315.476 535.774 319.624 543.432 316.273C550.133 313.401 552.047 305.105 566.246 289.63C572.309 282.929 578.85 276.867 585.87 271.442L580.445 329.036L499.718 322.814C498.76 308.456 497.644 294.257 496.527 280.058ZM500.037 329.036C501.313 343.236 502.589 357.275 503.706 371.474H575.819C577.254 357.275 578.69 343.236 579.967 329.036H500.037Z" fill="black" opacity="0.15"/>
<path d="M471.798 321.059C473.553 325.846 475.946 330.472 478.818 334.78C479.775 336.056 480.572 337.333 481.53 338.29C485.837 343.395 491.102 347.384 497.324 349.936C500.515 351.213 503.706 352.17 507.056 352.808C511.683 353.606 516.469 353.925 521.096 353.606H524.287C527.796 353.287 531.466 352.648 534.976 351.851C538.007 351.053 541.198 350.255 544.229 349.139C545.505 348.66 546.941 348.181 548.058 347.543C549.813 346.745 551.408 345.948 553.004 345.15C555.876 343.714 558.428 341.959 560.981 340.204C562.098 339.407 563.214 338.609 564.172 337.811L545.825 329.515L535.135 324.729C533.699 325.846 532.104 326.803 530.349 327.601C529.073 328.239 527.637 328.558 526.361 328.717C525.403 328.877 524.606 328.877 523.648 328.877C520.777 328.558 518.064 327.281 515.99 325.207L515.671 324.888C514.555 323.772 513.597 322.655 512.64 321.538C502.749 308.934 496.846 284.684 496.846 284.684C499.558 275.59 499.717 266.018 497.324 256.765C496.367 253.095 494.931 249.585 493.176 246.235C489.507 246.873 485.997 248.309 482.966 250.383C481.37 251.5 479.775 252.776 478.498 254.212C465.576 267.932 463.661 298.086 472.117 321.059" fill="#DADBE0"/>
<path d="M492.858 246.235C487.274 247.352 482.009 250.064 478.18 254.372C465.257 268.092 463.343 298.245 471.798 321.219C473.553 326.005 475.947 330.632 478.818 334.939C479.775 336.216 480.573 337.492 481.53 338.449C485.838 343.555 491.103 347.543 497.325 350.096C498.92 350.734 500.516 351.372 502.111 351.851C502.749 358.392 503.228 364.933 503.866 371.474H575.819C577.255 357.275 578.691 343.236 579.967 329.036L582.36 304.946C584.275 285.322 586.349 265.699 588.263 246.075H492.858V246.235Z" fill="black" opacity="0.05"/>
<path d="M574.861 180.983C574.223 184.812 573.106 190.396 571.671 197.416C571.352 198.851 571.032 200.287 570.873 200.766C568.958 208.264 566.087 215.444 562.417 222.304L560.024 226.133C556.993 230.6 538.167 234.11 522.692 230.281C507.216 226.452 503.706 210.498 511.364 204.914C514.077 202.521 516.31 199.809 518.065 196.618C520.458 192.47 522.692 188.322 524.447 183.855C525.563 181.302 526.202 179.707 526.202 179.707L539.922 170.772L569.437 174.761C568.48 179.707 569.278 183.376 570.873 183.855C572.468 184.333 574.542 181.621 574.861 180.983Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M574.861 180.983C574.223 184.812 573.106 190.396 571.67 197.416C571.351 198.851 571.032 200.287 570.873 200.766C568.958 208.264 566.086 215.444 562.417 222.304C560.662 221.506 558.907 220.23 557.631 218.794C556.195 217.199 554.919 215.284 554.28 213.051C553.483 210.817 553.164 208.424 553.164 206.19C553.004 204.595 553.004 203.159 553.164 201.564C541.358 203.797 529.073 202.042 518.384 196.618C520.777 192.47 523.01 188.322 524.765 183.855C525.882 181.302 526.52 179.707 526.52 179.707L540.241 170.772L569.756 174.761C568.799 179.707 569.596 183.376 571.192 183.855C572.787 184.333 574.542 181.621 574.861 180.983Z" fill="#606060" opacity="0.1"/>
<path d="M577.733 187.843C576.776 193.906 573.585 199.49 568.639 203.319C567.682 203.957 566.725 204.595 565.768 205.393C563.374 207.626 561.62 210.498 560.662 213.529C559.545 211.615 558.907 209.541 559.067 207.307C559.705 203.957 560.503 200.606 561.62 197.416C561.62 197.416 561.62 197.256 561.779 196.937C561.939 196.618 561.939 196.299 562.098 195.501C562.417 193.906 562.577 192.31 562.736 190.874V190.715C554.6 194.225 531.785 202.521 518.863 189.758C516.789 187.684 515.193 185.45 513.757 183.057C513.598 182.897 513.438 182.578 513.438 182.419C513.119 181.781 512.8 181.142 512.641 180.504L512.481 180.345C511.843 178.59 511.524 176.835 511.364 175.08V174.442C511.524 170.453 513.598 166.943 516.789 164.71C521.575 161.2 527.956 159.445 531.307 158.647C544.549 155.297 563.853 156.573 573.106 169.336C575.5 172.687 576.935 176.516 577.414 180.504C578.052 182.897 578.052 185.45 577.733 187.843Z" fill="#232B41" class="tblr-illustrations-chart-c"/>
<path d="M562.736 190.715C554.6 194.225 531.785 202.521 518.863 189.758C516.789 187.684 515.193 185.45 513.757 183.057C513.598 182.897 513.438 182.578 513.438 182.419C513.119 181.781 512.8 181.142 512.641 180.504L512.481 180.345C511.843 178.59 511.524 176.835 511.364 175.08C514.236 178.749 517.746 182.1 521.734 184.652C541.358 197.256 564.97 188.003 568.639 186.407L568.958 186.248C567.044 187.843 564.97 189.439 562.736 190.715Z" fill="black" opacity="0.5"/>
<path d="M575.979 371.474L569.756 521.602H557.472L540.72 405.616L529.074 521.602H520.139L503.866 371.474H575.979Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M543.911 542.502L571.192 539.47C571.192 539.47 572.149 532.451 567.842 529.898C563.534 527.345 548.378 535.801 543.911 542.502ZM503.866 542.502L531.148 539.47C531.148 539.47 532.105 532.451 527.797 529.898C523.49 527.345 508.174 535.801 503.866 542.502ZM471.958 321.059C472.596 324.569 474.032 329.675 477.542 335.099C484.243 345.15 493.975 348.819 497.484 350.096C497.804 348.341 499.399 339.407 493.496 331.27C485.838 320.581 472.756 321.059 471.958 321.059Z" fill="#232B41" class="tblr-illustrations-chart-c"/>
<path d="M550.451 244.32C545.665 249.426 539.283 253.095 532.264 254.531L531.466 254.691L520.617 246.235L550.451 244.32Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M497.644 291.225C500.835 301.915 504.185 312.604 507.536 323.293C513.119 330.313 519.661 336.535 526.999 341.8C538.646 350.096 557.791 359.349 574.862 358.711C583.796 358.711 592.411 354.882 598.474 348.341C603.739 342.438 606.291 335.578 608.844 325.846C609.482 323.453 610.12 320.9 610.758 318.028C612.513 310.53 617.938 286.918 610.599 265.858C607.887 258.2 604.855 254.531 603.1 252.776C599.271 248.788 594.007 246.394 588.582 245.916C587.784 249.745 586.987 254.052 586.508 258.679C586.03 263.306 585.71 267.294 585.71 271.123C585.71 277.345 584.753 283.567 583.158 289.63C581.562 295.214 579.329 300.479 576.457 305.424C569.597 308.456 562.258 310.37 554.919 311.008C527.478 313.88 506.419 298.564 497.644 291.225Z" fill="#DADBE0"/>
<path d="M574.702 358.871C582.041 358.871 587.305 356.637 589.858 355.361C601.983 348.979 605.972 336.694 606.929 333.504C607.886 330.472 608.365 327.92 608.524 326.165C604.217 327.282 596.718 329.994 589.379 336.216C579.807 344.352 576.138 354.403 574.702 358.871Z" fill="#232B41" class="tblr-illustrations-chart-c"/>
<path d="M529.074 521.602L540.72 405.616L535.615 371.474H503.866L520.139 521.602H529.074Z" fill="black" opacity="0.15"/>
<path d="M534.657 252.457L517.108 239.853L513.119 244.161L525.085 262.029L534.657 252.457ZM535.614 252.297L562.258 235.705L568.32 241.289L550.133 264.901L535.614 252.297Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M534.657 252.457L517.108 239.853L513.119 244.161L525.085 262.029L534.657 252.457Z" fill="black" opacity="0.11"/>
<path d="M306.674 245.437C295.825 246.394 280.829 247.192 274.766 243.842V233.472C274.926 233.631 274.926 233.95 275.245 234.269C276.202 235.546 277.159 236.822 278.435 237.939C280.509 239.534 282.903 240.97 285.455 241.768C293.113 244.48 305.238 245.437 306.674 245.437ZM331.722 358.073C290.561 326.643 267.746 256.445 262.96 240.332H245.889C244.772 240.332 243.815 240.491 242.698 240.811C239.667 241.449 229.137 243.842 215.736 262.827C207.599 274.474 196.751 289.789 199.941 305.265C200.899 309.572 202.335 313.721 204.249 317.709C206.642 322.655 209.673 327.441 213.343 331.589C217.331 336.375 221.001 339.566 228.18 345.629C233.126 349.777 237.434 353.127 240.305 355.201C241.262 352.489 242.539 349.777 244.134 347.384C247.166 342.916 251.154 338.928 255.462 335.897C256.578 346.267 257.536 356.637 258.493 367.007V367.326H331.722C331.882 364.454 332.201 361.583 332.52 358.711L331.722 358.073ZM253.388 330.632C245.091 327.122 237.912 315.635 237.912 315.635C232.488 307.02 229.776 302.872 229.776 297.128C229.616 287.237 236.157 279.579 239.188 276.229C242.06 273.038 245.251 270.326 248.92 268.092C250.037 278.622 250.994 289.311 252.111 299.841L254.504 324.25C254.664 325.846 254.823 327.601 254.983 329.196C254.983 329.834 255.143 330.632 255.143 331.27C254.504 331.11 253.866 330.951 253.388 330.632Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

29
src/illustrations/clock-and-cat.svg Normal file
View File

@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-clock-and-cat-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-clock-and-cat-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-clock-and-cat-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-clock-and-cat-a { fill: black; opacity: 0.07; } .tblr-illustrations-clock-and-cat-b { fill: #1A2030; } .tblr-illustrations-clock-and-cat-c { fill: #454C5E; } }
</style>
<path d="M627.859 345.516C627.859 383.993 587.187 411.907 569.238 442.966C550.681 474.941 546.237 523.97 514.187 542.526C483.118 560.507 438.896 540.394 400.419 540.394C361.942 540.394 317.731 560.496 286.672 542.526C254.697 524.002 250.167 475.005 231.621 442.966C213.651 411.907 173 383.993 173 345.516C173 307.039 213.63 279.156 231.621 248.098C250.167 216.122 254.622 167.094 286.672 148.516C317.731 130.556 361.953 150.648 400.419 150.648C438.885 150.648 483.118 130.546 514.187 148.516C546.162 167.062 550.681 216.048 569.238 248.098C587.208 279.156 627.859 307.06 627.859 345.516Z" fill="#F7F8FC" class="tblr-illustrations-clock-and-cat-a"/>
<path d="M198.793 526.954C198.793 528.638 289.219 530.024 400.408 530.024C511.597 530.024 602.023 528.638 602.023 526.954C602.023 525.27 511.597 523.874 400.408 523.874C289.219 523.874 198.793 525.259 198.793 526.954Z" fill="#A6A9B3" class="tblr-illustrations-clock-and-cat-b"/>
<path d="M555.827 357.837C555.827 271.845 485.865 201.893 399.884 201.893C313.902 201.893 243.93 271.845 243.93 357.837C243.943 384.961 251.029 411.614 264.486 435.164C277.944 458.715 297.309 478.35 320.67 492.133C318.617 492.615 316.679 493.499 314.968 494.734L312.41 496.588C299.918 505.637 306.324 525.366 321.747 525.366H479.001C494.435 525.366 500.84 505.616 488.338 496.588L485.791 494.734C483.857 493.345 481.641 492.403 479.3 491.973C502.599 478.178 521.907 458.557 535.325 435.038C548.743 411.52 555.809 384.914 555.827 357.837ZM399.884 505.627C318.389 505.627 252.094 439.331 252.094 357.837C252.094 276.342 318.389 210.047 399.884 210.047C481.378 210.047 547.663 276.342 547.663 357.837C547.663 439.331 481.368 505.627 399.884 505.627Z" fill="#232B41" class="tblr-illustrations-clock-and-cat-c"/>
<path d="M525.495 357.837C525.469 390.259 512.898 421.413 490.413 444.773C467.929 468.132 437.277 481.884 404.88 483.147C372.482 484.41 340.853 473.085 316.619 451.547C292.385 430.009 277.426 399.928 274.877 367.606C272.328 335.284 282.386 303.23 302.945 278.159C323.503 253.088 352.967 236.946 385.162 233.115C417.357 229.284 449.785 238.061 475.653 257.607C501.521 277.153 518.821 305.952 523.928 337.97C524.975 344.54 525.499 351.183 525.495 357.837Z" fill="#DADBE0"/>
<path d="M523.93 337.969C434.794 373.036 372.911 316.535 333.144 293.854C320.29 286.521 306.328 287.182 292.973 291.85C306.44 270.043 326.255 252.877 349.76 242.655C373.264 232.433 399.332 229.645 424.466 234.664C449.601 239.684 472.598 252.271 490.373 270.736C508.148 289.202 519.85 312.662 523.909 337.969H523.93Z" fill="black" opacity="0.1"/>
<path d="M537.826 361.056V354.629C537.826 351.579 535.354 349.108 532.305 349.108H508.409C505.36 349.108 502.888 351.579 502.888 354.629V361.056C502.888 364.105 505.36 366.577 508.409 366.577H532.305C535.354 366.577 537.826 364.105 537.826 361.056Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M396.667 495.778H403.094C406.143 495.778 408.615 493.306 408.615 490.257V466.361C408.615 463.312 406.143 460.84 403.094 460.84H396.667C393.618 460.84 391.146 463.312 391.146 466.361V490.257C391.146 493.306 393.618 495.778 396.667 495.778Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M260.812 354.618V361.045C260.812 364.094 263.284 366.566 266.334 366.566H290.23C293.279 366.566 295.751 364.094 295.751 361.045V354.618C295.751 351.569 293.279 349.097 290.23 349.097H266.334C263.284 349.097 260.812 351.569 260.812 354.618Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M404.031 365.01L338.045 334.793C337.471 334.531 336.955 334.158 336.525 333.696C336.095 333.234 335.761 332.692 335.54 332.1C335.32 331.509 335.219 330.88 335.241 330.249C335.264 329.619 335.411 328.999 335.674 328.425C335.936 327.851 336.309 327.334 336.771 326.905C337.233 326.475 337.775 326.14 338.367 325.92C338.958 325.7 339.587 325.598 340.218 325.621C340.848 325.644 341.468 325.791 342.042 326.053L395.739 350.642L403.104 271.877C403.162 271.247 403.344 270.634 403.638 270.075C403.933 269.515 404.335 269.019 404.822 268.615C405.308 268.21 405.869 267.906 406.474 267.718C407.078 267.531 407.713 267.464 408.343 267.523C408.973 267.581 409.585 267.762 410.145 268.057C410.704 268.352 411.2 268.754 411.605 269.24C412.009 269.727 412.314 270.288 412.501 270.892C412.688 271.496 412.755 272.131 412.697 272.761L404.031 365.01Z" fill="#232B41" class="tblr-illustrations-clock-and-cat-c"/>
<path d="M372.515 207.084H405.801C408.197 207.073 410.491 206.115 412.183 204.42C413.876 202.726 414.831 200.43 414.839 198.035V192.482C413.955 190.35 413.059 188.218 412.185 186.087C407.688 175.13 403.499 164.312 399.619 153.632C399.843 155.039 401.356 166.038 393.224 175.013C385.092 183.987 373.932 183.539 372.515 183.433C370.118 183.458 367.825 184.414 366.12 186.097C365.273 186.933 364.601 187.929 364.144 189.027C363.686 190.125 363.452 191.303 363.455 192.492V198.046C363.466 200.443 364.425 202.738 366.122 204.432C367.82 206.125 370.117 207.078 372.515 207.084Z" fill="#DADBE0"/>
<path d="M372.515 207.084H405.801C408.197 207.073 410.491 206.115 412.183 204.42C413.876 202.726 414.831 200.43 414.839 198.035V192.482C413.955 190.35 413.059 188.218 412.185 186.087C407.688 175.13 403.499 164.312 399.619 153.632C399.843 155.039 401.356 166.038 393.224 175.013C385.092 183.987 373.932 183.539 372.515 183.433C370.118 183.458 367.825 184.414 366.12 186.097C365.273 186.933 364.601 187.929 364.144 189.027C363.686 190.125 363.452 191.303 363.455 192.492V198.046C363.466 200.443 364.425 202.738 366.122 204.432C367.82 206.125 370.117 207.078 372.515 207.084Z" fill="#A6A9B3"/>
<path d="M451.079 179.457H416.354C410.661 179.457 406.047 184.072 406.047 189.764V197.662C406.047 203.354 410.661 207.969 416.354 207.969H451.079C456.771 207.969 461.385 203.354 461.385 197.662V189.764C461.385 184.072 456.771 179.457 451.079 179.457Z" fill="#DADBE0"/>
<path d="M451.079 179.457H416.354C410.661 179.457 406.047 184.072 406.047 189.764V197.662C406.047 203.354 410.661 207.969 416.354 207.969H451.079C456.771 207.969 461.385 203.354 461.385 197.662V189.764C461.385 184.072 456.771 179.457 451.079 179.457Z" fill="#A6A9B3"/>
<path d="M437.029 164.461C437.456 164.162 455.809 159.931 459.348 147.056C461.277 140.021 456.406 134.969 452.047 123.874C450.065 118.843 442.678 99.3592 446.132 83.638C450.224 65.1989 468.6 54.4232 477.745 50C471.968 75.058 476.679 89.4362 482.21 98.0695C490.172 110.401 500.511 111.457 506.245 126.57C507.631 130.247 513.248 145.169 505.563 158.364C499.168 169.321 487.444 172.508 482.711 173.915C459.273 180.886 439.47 166.315 437.029 164.461Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M329.925 131.057C329.925 131.057 321.632 107.556 292.684 101.011C292.684 101.011 291.352 138.955 310.452 154.069C329.552 169.183 329.925 131.057 329.925 131.057Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M336.512 122.936C336.512 122.936 331.023 95.6394 355.068 72.8411C355.068 72.8411 378.027 108.472 368.349 133.903C358.671 159.334 336.512 122.936 336.512 122.936Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M319.422 189.795C310.195 183.781 303.486 174.6 300.56 163.981L300.634 163.992C298.192 155.156 298.496 145.786 301.508 137.128C304.52 128.469 310.096 120.933 317.495 115.52C324.894 110.108 333.765 107.076 342.929 106.828C352.093 106.58 361.115 109.127 368.796 114.131C376.477 119.136 382.453 126.359 385.929 134.842C386.911 137.238 387.68 139.702 388.234 142.206C393.504 141.633 399.379 141.496 405.481 142.195C412.953 143.089 420.369 144.403 427.693 146.128C432.249 147.18 436.856 147.998 441.496 148.58C447.543 149.632 453.764 148.955 459.445 146.629C465.402 150.871 470.3 156.429 473.759 162.873C478.14 171.183 479.993 180.594 479.088 189.945V208.15C479.161 209.246 478.967 210.343 478.523 211.347C473.023 223.498 431.903 210.559 427.448 208.821C426.239 208.399 425.184 207.623 424.421 206.594C422.95 204.462 423.355 201.723 423.771 200.199C423.771 198.518 424.182 196.862 424.967 195.376C425.753 193.89 426.89 192.618 428.279 191.672C423.6 191.672 418.985 191.587 414.423 191.501L411.482 191.363C407.419 197.126 404.049 203.347 401.441 209.898C394.396 227.66 394.414 244.597 394.428 257.741C394.441 270.207 394.451 279.262 388.428 282.375C386.916 283.119 385.255 283.513 383.571 283.525C381.886 283.538 380.219 283.171 378.696 282.45C362.903 274.354 370.612 217.946 376.412 183.546C375.936 184.032 375.449 184.508 374.95 184.974C368.247 191.228 359.799 195.292 350.729 196.628H350.655C339.759 198.239 328.65 195.808 319.422 189.795Z" fill="#DADBE0"/>
<path d="M316.559 170.803C317.005 170.67 317.386 170.377 317.628 169.979C317.87 169.581 317.955 169.108 317.867 168.651C317.78 168.194 317.525 167.786 317.153 167.506C316.781 167.226 316.319 167.094 315.855 167.136L270.333 172.231C269.866 172.316 269.448 172.575 269.164 172.957C268.88 173.338 268.752 173.813 268.805 174.285C268.857 174.757 269.087 175.192 269.448 175.501C269.809 175.81 270.274 175.971 270.749 175.951L316.282 170.888L316.559 170.803Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M291.116 193.303L291.414 193.217L319.425 180.033C319.664 179.94 319.883 179.799 320.065 179.618C320.248 179.437 320.392 179.221 320.488 178.982C320.584 178.743 320.629 178.488 320.622 178.231C320.615 177.974 320.554 177.721 320.445 177.488C320.336 177.255 320.18 177.047 319.988 176.877C319.795 176.707 319.569 176.578 319.324 176.499C319.08 176.42 318.821 176.392 318.565 176.417C318.31 176.442 318.061 176.519 317.837 176.644L289.816 189.828C289.408 190.041 289.093 190.396 288.929 190.825C288.765 191.255 288.763 191.729 288.924 192.16C289.085 192.59 289.398 192.947 289.803 193.163C290.209 193.38 290.679 193.441 291.127 193.335L291.116 193.303Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M339.293 171.208C342.677 171.208 345.421 168.464 345.421 165.079C345.421 161.694 342.677 158.95 339.293 158.95C335.908 158.95 333.164 161.694 333.164 165.079C333.164 168.464 335.908 171.208 339.293 171.208Z" fill="#232B41"/>
<path d="M395.26 168.106C395.676 167.988 396.039 167.73 396.287 167.375C396.535 167.021 396.652 166.591 396.62 166.16C396.587 165.728 396.406 165.321 396.108 165.007C395.81 164.694 395.412 164.493 394.982 164.44L364.233 160.848C363.76 160.821 363.295 160.973 362.93 161.275C362.565 161.577 362.328 162.005 362.266 162.475C362.204 162.944 362.322 163.419 362.596 163.806C362.869 164.192 363.279 164.46 363.743 164.557H363.796L394.545 168.117C394.782 168.161 395.025 168.158 395.26 168.106Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M404.638 144.743C405.111 144.612 405.514 144.3 405.76 143.876C406.006 143.451 406.076 142.947 405.954 142.471C405.833 141.996 405.53 141.587 405.111 141.332C404.692 141.077 404.189 140.997 403.711 141.108L359.138 151.617C358.682 151.756 358.297 152.063 358.059 152.476C357.821 152.888 357.749 153.376 357.858 153.839C357.966 154.303 358.247 154.708 358.643 154.972C359.039 155.236 359.521 155.34 359.99 155.263L404.564 144.764L404.638 144.743Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M453.742 166.433C453.742 166.433 437.414 173.894 436.188 185.81C436.177 185.81 433.278 165.996 453.742 166.433Z" fill="#A6A9B3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

37
src/illustrations/computer-fix.svg Normal file
View File

@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-computer-fix-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-computer-fix-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-computer-fix-c { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-computer-fix-d { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-computer-fix-a { fill: black; opacity: 0.07; } .tblr-illustrations-computer-fix-b { fill: #1A2030; } .tblr-illustrations-computer-fix-c { fill: #232B41; } .tblr-illustrations-computer-fix-d { fill: #454C5E; } }
</style>
<path d="M165.042 305.17C165.042 347.031 209.306 377.394 228.857 411.189C249.036 446.056 253.885 499.359 288.752 519.524C322.562 539.075 370.673 517.207 412.534 517.207C454.395 517.207 502.506 539.075 536.301 519.524C571.168 499.359 576.017 446.056 596.196 411.189C615.747 377.394 660.011 347.031 660.011 305.17C660.011 263.309 615.747 232.961 596.196 199.166C576.017 164.298 571.168 110.996 536.301 90.8302C502.506 71.2798 454.381 93.1471 412.534 93.1471C370.687 93.1471 322.562 71.2798 288.752 90.8302C253.885 110.996 249.036 164.298 228.857 199.166C209.306 232.961 165.042 263.323 165.042 305.17Z" fill="#F7F8FC" class="tblr-illustrations-computer-fix-a"/>
<path d="M375.492 479.923C470.481 479.923 547.485 476.824 547.485 473.001C547.485 469.178 470.481 466.079 375.492 466.079C280.503 466.079 203.5 469.178 203.5 473.001C203.5 476.824 280.503 479.923 375.492 479.923Z" fill="#A6A9B3" class="tblr-illustrations-computer-fix-b"/>
<path d="M511.988 174.667C493.855 167.122 474.216 163.9 454.624 165.256L456.64 177.084L511.988 174.667Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M518.452 301.638L572.584 329.197L591.949 299.006L602.918 281.844C608.639 272.891 617.062 260.034 627.674 244.159C626.096 241.199 624.176 238.434 621.954 235.921C616.989 230.419 610.739 226.233 603.762 223.736H603.633C599.858 222.306 595.996 221.019 592.192 219.674C585.755 217.369 579.457 214.695 573.328 211.665C568.623 209.377 563.545 206.66 558.154 203.428C555.15 210.807 552.161 218.187 549.187 225.567C543.466 239.868 537.697 254.132 531.881 268.357C527.419 279.465 522.943 290.558 518.452 301.638Z" fill="#DADBE0"/>
<path d="M573.328 211.665L580.908 225.338L581.866 225.567C589.204 227.065 596.817 226.429 603.805 223.736H603.676C599.9 222.306 596.039 221.019 592.235 219.674C585.784 217.371 579.471 214.697 573.328 211.665Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M627.674 244.216C617.062 260.091 608.696 272.948 602.918 281.901C601.087 284.762 599.757 286.807 594.509 295.016L591.949 299.006L582.738 313.308L572.584 329.14L518.466 301.623C522.928 290.563 527.405 279.494 531.896 268.415L549.186 225.638C549.286 225.409 549.372 225.181 549.472 224.966C551.379 220.132 553.329 215.303 555.322 210.478C556.275 208.152 557.229 205.816 558.182 203.471C561.171 205.287 564.089 206.917 566.878 208.405C569.109 209.606 571.268 210.707 573.356 211.737C579.485 214.732 585.778 217.377 592.206 219.66C596.01 221.004 599.872 222.234 603.647 223.722H603.776C604.648 224.079 605.521 224.423 606.365 224.823C612.359 227.307 617.709 231.121 622.011 235.978C624.209 238.497 626.11 241.261 627.674 244.216Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M600.816 220.246C592.321 224.537 585.441 224.852 580.507 224.165C580.221 224.165 579.95 224.094 579.678 224.036L572.069 212.595C578.204 212.59 584.3 213.555 590.132 215.455C593.844 216.693 597.423 218.298 600.816 220.246Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M191.729 429.895L559.226 429.895C571.011 429.895 580.564 420.342 580.564 408.557V198.408C580.564 186.623 571.011 177.07 559.226 177.07L191.729 177.07C179.945 177.07 170.391 186.623 170.391 198.408V408.557C170.391 420.342 179.945 429.895 191.729 429.895Z" fill="white" class="tblr-illustrations-computer-fix-c"/>
<path d="M585.585 197.736C585.395 190.871 582.538 184.35 577.619 179.557C572.701 174.764 566.108 172.076 559.241 172.064H191.687C184.702 172.072 178.006 174.849 173.067 179.788C168.128 184.727 165.35 191.423 165.343 198.408V408.643C165.35 415.628 168.128 422.324 173.067 427.263C178.006 432.201 184.702 434.979 191.687 434.987H326.008V443.94C324.578 453.679 318.042 456.425 313.466 457.126H262.537C261.503 457.13 260.512 457.542 259.781 458.274C259.049 459.005 258.637 459.996 258.633 461.03V465.55C258.637 466.584 259.049 467.575 259.781 468.306C260.512 469.038 261.503 469.45 262.537 469.454H488.504C489.017 469.454 489.525 469.353 489.999 469.157C490.472 468.961 490.903 468.673 491.265 468.31C491.628 467.948 491.915 467.517 492.112 467.044C492.308 466.57 492.409 466.062 492.409 465.55V461.03C492.409 460.517 492.308 460.01 492.112 459.536C491.915 459.062 491.628 458.632 491.265 458.269C490.903 457.907 490.472 457.619 489.999 457.423C489.525 457.227 489.017 457.126 488.504 457.126H437.476C432.899 456.425 426.306 453.665 424.933 443.868V434.915H559.241C566.226 434.908 572.924 432.13 577.865 427.192C582.806 422.254 585.587 415.557 585.599 408.571V198.336C585.599 198.179 585.599 197.964 585.585 197.736ZM575.573 408.571C575.57 412.898 573.849 417.047 570.79 420.106C567.73 423.166 563.582 424.886 559.255 424.89H191.701C187.374 424.886 183.226 423.166 180.166 420.106C177.107 417.047 175.386 412.898 175.383 408.571V198.336C175.386 194.01 177.107 189.861 180.166 186.802C183.226 183.742 187.374 182.022 191.701 182.018H559.255C561.484 182.012 563.691 182.469 565.734 183.362C568.656 184.626 571.144 186.717 572.892 189.378C574.641 192.039 575.573 195.153 575.573 198.336V408.571Z" fill="#232B41" class="tblr-illustrations-computer-fix-d"/>
<path d="M211.108 222.706L443.454 222.706C444.497 222.706 445.342 221.861 445.342 220.819V214.798C445.342 213.755 444.497 212.91 443.454 212.91L211.108 212.91C210.066 212.91 209.22 213.755 209.22 214.798V220.819C209.22 221.861 210.066 222.706 211.108 222.706Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M211.094 314.981H252.111C253.146 314.981 253.985 314.142 253.985 313.108V307.058C253.985 306.023 253.146 305.184 252.111 305.184H211.094C210.059 305.184 209.22 306.023 209.22 307.058V313.108C209.22 314.142 210.059 314.981 211.094 314.981Z" fill="#DADBE0"/>
<path d="M211.809 279.856H368.97C370.4 279.856 371.559 278.697 371.559 277.267V250.595C371.559 249.165 370.4 248.006 368.97 248.006L211.809 248.006C210.379 248.006 209.22 249.165 209.22 250.595V277.267C209.22 278.697 210.379 279.856 211.809 279.856Z" fill="#A7AAB3"/>
<path d="M389.479 335.733L382.271 326.78L363.822 341.611L346.56 320.144L331.586 332.2L348.848 353.667L330.399 368.498L337.593 377.465L356.042 362.62L373.304 384.087L388.292 372.031L371.03 350.564L389.479 335.733Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M591.934 268.701C593.522 258.689 602.961 233.776 606.393 224.895C605.55 224.494 604.677 224.151 603.805 223.793H603.676C597.784 223.936 594.695 223.45 594.451 222.363C594.266 221.548 595.567 220.418 598.356 218.945C595.969 217.727 593.498 216.68 590.962 215.813C589.216 215.204 587.44 214.684 585.642 214.254L585.413 309.389C587.615 305.957 589.818 302.539 592.006 299.106L594.566 295.116C592.635 286.034 590.919 275.094 591.934 268.701ZM485.401 254.857C484.8 254.942 484.114 259.376 486.288 262.208C486.835 262.909 487.534 263.476 488.333 263.867C487.189 258.861 486.002 254.785 485.401 254.857ZM507.354 307.487C505.774 306.55 504.119 305.747 502.406 305.084C503.966 306.056 505.625 306.862 507.354 307.487ZM469.283 332.115L465.765 355.569L469.583 349.491C469.14 343.71 469.039 337.908 469.283 332.115ZM514.004 331.385C514.763 329.722 515.32 327.975 515.663 326.179C506.08 322.786 496.693 318.861 487.546 314.423C485.44 321.176 482.706 327.717 479.38 333.959L469.583 349.534C469.755 351.293 469.984 353.038 470.298 354.711C472.043 364.122 476.219 370.586 479.408 375.535C485.661 385.147 494.013 393.215 503.836 399.132C530.306 400.116 556.093 390.607 575.588 372.674V364.994L514.004 331.385Z" fill="black" opacity="0.1"/>
<path d="M514.376 314.638C512.764 311.667 510.325 309.227 507.354 307.616C505.625 306.99 503.966 306.185 502.406 305.213L502.148 305.084C502.148 305.084 502.248 305.084 502.406 305.213C504.119 305.875 505.774 306.679 507.354 307.616C507.997 307.787 508.527 307.802 508.784 307.53C510.1 306.243 503.478 300.451 502.005 290.783C501.633 288.251 500.761 282.502 504.05 277.182C508.169 270.517 515.935 269.244 517.422 269.015C511.358 267.019 505.07 265.785 498.701 265.34C494.411 265.039 490.835 265.182 488.318 263.91C489.348 268.372 490.349 273.549 490.864 277.153C492.515 289.684 491.377 302.426 487.532 314.466C496.679 318.904 506.065 322.829 515.649 326.222C516.477 322.324 516.031 318.263 514.376 314.638ZM585.584 175.096V229.042C582.59 228.905 579.63 228.351 576.789 227.397C565.562 223.564 557.567 213.668 557.567 202.069C557.567 190.47 565.562 180.616 576.789 176.741C579.63 175.787 582.59 175.233 585.584 175.096Z" fill="black" opacity="0.1"/>
<path d="M585.57 222.935L609.483 216.128L613.501 223.278L588.974 239.868C587.816 237.194 586.643 234.505 585.484 231.817C585.556 228.827 585.556 225.967 585.57 222.935Z" fill="#DADBE0"/>
<path d="M585.584 175.096V229.042C582.59 228.905 579.63 228.351 576.789 227.397L575.559 226.954V198.351C575.558 195.167 574.626 192.053 572.878 189.392C571.13 186.732 568.641 184.641 565.719 183.377C568.431 180.786 571.61 178.733 575.087 177.327C575.645 177.098 576.217 176.884 576.789 176.683C579.633 175.749 582.593 175.215 585.584 175.096Z" fill="black" opacity="0.3"/>
<path d="M610.198 137.454C611.056 141.973 612.186 148.609 613.358 156.818C613.587 158.62 613.816 160.194 613.902 160.737C614.881 169.779 614.722 178.908 613.43 187.91C613.144 189.698 612.843 191.4 612.429 193.073C611.299 197.707 600.287 205.258 587.072 209.706C582.519 211.261 577.817 212.34 573.042 212.924C558.182 214.712 548.414 204.586 548.343 195.762C548.293 193.608 548.896 191.488 550.073 189.684C552.13 186.006 553.496 181.983 554.106 177.813C555.126 172.287 555.748 166.695 555.966 161.08C556.166 157.877 556.151 155.789 556.151 155.789L567.593 140.214L601.845 132.348C602.761 138.197 605.178 141.844 607.066 141.787C608.953 141.73 609.955 138.212 610.198 137.454Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M610.198 137.454C611.041 141.973 612.185 148.609 613.373 156.818C613.587 158.62 613.816 160.208 613.887 160.737C614.877 169.778 614.728 178.907 613.444 187.91C611.07 187.716 608.754 187.071 606.622 186.008C604.293 184.813 602.223 183.171 600.53 181.174C598.789 179.022 597.399 176.608 596.411 174.023C595.671 172.382 595.036 170.696 594.509 168.975C582.401 176.336 568.178 179.433 554.106 177.77C555.126 172.244 555.747 166.652 555.965 161.037C556.166 157.834 556.151 155.731 556.151 155.731L567.593 140.171L601.845 132.348C602.761 138.197 605.178 141.844 607.065 141.773C608.953 141.701 610.026 138.212 610.269 137.482" fill="black" opacity="0.1"/>
<path d="M616.147 143.804C617.621 150.946 616.333 158.382 612.543 164.613C611.699 165.705 610.934 166.857 610.255 168.059C608.586 171.497 607.8 175.297 607.967 179.115C605.963 177.555 604.47 175.434 603.676 173.022C602.575 169.318 602.618 161.996 602.475 161.009V160.408C602.475 160.079 602.389 159.636 602.275 158.778C601.977 156.941 601.562 155.126 601.03 153.343C601.023 153.249 600.988 153.16 600.93 153.086C593.479 160.322 571.769 178.829 552.304 169.962C549.27 168.595 546.452 166.793 543.938 164.613C543.696 164.444 543.479 164.242 543.294 164.012C542.682 163.466 542.104 162.884 541.564 162.267L541.406 162.11C540.013 160.506 538.892 158.685 538.088 156.718L537.488 155.889C537.211 155.006 537.005 154.102 536.873 153.186C536.555 149.566 537.5 145.948 539.547 142.946C543.251 137.068 549.701 132.62 553.105 130.303C566.291 121.136 588.001 114.728 603.505 124.983C607.42 127.703 610.643 131.303 612.915 135.494C614.324 138.117 615.359 140.923 615.99 143.832" fill="#232B41" class="tblr-illustrations-computer-fix-d"/>
<path d="M600.744 153.028C593.293 160.265 571.583 178.771 552.118 169.904C549.084 168.538 546.266 166.736 543.752 164.556C543.51 164.387 543.293 164.185 543.108 163.955C542.496 163.409 541.918 162.827 541.378 162.21L541.22 162.053C539.83 160.447 538.709 158.626 537.902 156.661C542.634 159.548 547.809 161.635 553.219 162.839C580.007 168.674 602.146 148.724 605.678 145.534L605.95 145.291C604.428 148.012 602.707 150.618 600.801 153.086" fill="black" opacity="0.5"/>
<path d="M483.942 177.727C483.944 179.167 483.81 180.604 483.542 182.018H457.484C457.216 180.604 457.082 179.167 457.083 177.727C457.072 175.8 457.298 173.879 457.756 172.007H483.284C483.729 173.881 483.95 175.801 483.942 177.727Z" fill="black" opacity="0.3"/>
<path d="M466.422 169.089C467.695 170.426 468.769 171.938 469.612 173.58C472.744 179.386 472.315 185.679 468.053 189.169C462.618 193.559 453.165 191.729 446.872 185.064C446.186 184.326 445.55 183.543 444.97 182.719C440.493 176.412 440.451 168.875 445.256 164.999C450.633 160.594 460.144 162.425 466.422 169.089Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M466.422 169.089C467.695 170.426 468.769 171.938 469.612 173.58C469.011 173.98 468.468 174.338 467.881 174.695C460.144 179.344 455.167 178.385 446.114 182.161C445.722 182.324 445.34 182.51 444.97 182.719C440.493 176.412 440.451 168.875 445.256 164.999C450.633 160.594 460.144 162.425 466.422 169.089Z" fill="black" opacity="0.1"/>
<path d="M585.599 343.37V364.122L575.587 372.703V346.831L585.384 342.212L585.599 343.37Z" fill="black" opacity="0.15"/>
<path d="M520.025 263.695C518.559 268.03 515.781 271.802 512.076 274.488C508.37 277.173 503.921 278.64 499.345 278.683L483.141 326.766L476.205 347.274L473.273 355.927C476.717 358.617 479.284 362.269 480.65 366.42C482.016 370.571 482.119 375.034 480.946 379.243C479.772 383.452 477.376 387.219 474.059 390.064C470.743 392.91 466.657 394.707 462.318 395.228L469.04 375.377C469.299 374.598 469.24 373.747 468.876 373.011C468.512 372.274 467.872 371.711 467.095 371.444L454.967 367.34C454.187 367.08 453.337 367.139 452.6 367.503C451.864 367.867 451.301 368.508 451.034 369.285L444.326 389.135C441.191 386.09 439.031 382.181 438.122 377.905C437.212 373.629 437.594 369.179 439.219 365.121C440.843 361.063 443.637 357.579 447.246 355.112C450.855 352.644 455.115 351.305 459.486 351.265L462.347 342.941L469.412 322.046L485.573 274.021C482.129 271.331 479.561 267.679 478.195 263.528C476.829 259.377 476.726 254.914 477.9 250.705C479.073 246.495 481.47 242.729 484.786 239.883C488.102 237.038 492.189 235.24 496.528 234.72L489.806 254.571C489.673 254.956 489.619 255.365 489.645 255.772C489.671 256.179 489.778 256.577 489.959 256.942C490.14 257.308 490.391 257.634 490.699 257.902C491.006 258.17 491.364 258.375 491.751 258.504L503.864 262.608C504.644 262.868 505.494 262.809 506.231 262.445C506.967 262.08 507.53 261.44 507.797 260.663L514.519 240.812C517.507 243.715 519.611 247.406 520.585 251.457C521.56 255.507 521.366 259.751 520.025 263.695Z" fill="#A7AAB3"/>
<path d="M483.141 326.766L476.205 347.274C473.637 346.92 471.106 346.341 468.639 345.544C466.472 344.831 464.359 343.961 462.318 342.941L469.383 322.046C471.541 322.405 473.668 322.926 475.747 323.605C478.306 324.422 480.782 325.48 483.141 326.766Z" fill="black" opacity="0.1"/>
<path d="M477.421 302.581C474.667 302.666 471.941 303.148 469.326 304.012C459.915 306.872 453.765 314.023 454.638 322.175C455.782 332.544 467.738 340.524 481.396 340.052C482.907 339.986 484.412 339.823 485.901 339.566C497.257 337.549 505.209 329.555 504.179 320.459C503.063 310.147 491.05 302.11 477.421 302.581Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M477.42 302.581C474.667 302.666 471.941 303.148 469.326 304.012C469.555 305.07 469.755 306.014 470.012 307.001C473.344 320.058 479.623 324.263 485.244 337.764C485.499 338.35 485.719 338.952 485.901 339.566C497.257 337.549 505.209 329.555 504.179 320.459C503.063 310.147 491.05 302.11 477.42 302.581Z" fill="black" opacity="0.1"/>
<path d="M640.36 287.951C638.93 310.59 624.628 332.93 601.002 350.178C579.177 366.095 549.387 377.694 514.391 381.184C508.167 370.155 502.23 358.967 496.585 347.632C494.726 343.928 492.909 340.181 491.079 336.362C483.928 321.46 477.664 307.044 472.129 293.271C487.689 298.377 551.975 318.442 589.932 302.152C596.811 299.206 610.541 293.4 612.486 282.13C613.048 278.08 612.317 273.956 610.398 270.345C608.798 267.347 607.829 264.053 607.55 260.666C607.271 257.279 607.688 253.871 608.776 250.652C609.864 247.432 611.599 244.469 613.876 241.946C616.152 239.422 618.92 237.392 622.011 235.978C640.46 260.177 640.861 279.87 640.36 287.951Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M601.002 350.178C579.177 366.095 549.387 377.694 514.39 381.184C511.347 375.792 508.372 370.361 505.466 364.894C501.376 357.2 497.519 349.634 493.896 342.197C505.942 349.292 519.121 354.256 532.854 356.871C555.749 361.042 579.355 358.723 601.002 350.178Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

55
src/illustrations/conversation.svg Normal file
View File

@ -0,0 +1,55 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-conversation-a { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-conversation-b { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-conversation-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-conversation-a { fill: #1A2030; } .tblr-illustrations-conversation-b { fill: black; opacity: 0.07; } .tblr-illustrations-conversation-c { fill: #454C5E; } }
</style>
<path d="M123 544.384C123 547.42 186.6 550 265.077 550C343.553 550 407.001 547.571 407.001 544.384C407.001 541.196 343.401 538.768 264.925 538.768C186.449 538.768 123 541.196 123 544.384Z" fill="#A6A9B3" class="tblr-illustrations-conversation-a"/>
<path d="M142.429 304.857C142.429 346.751 186.752 377.262 206.333 411.111C226.521 446.023 231.378 499.453 266.29 519.642C300.14 539.223 348.409 517.365 390.304 517.365C432.198 517.365 480.468 539.223 514.317 519.642C549.229 499.453 554.086 446.023 574.275 411.111C593.856 377.262 638.179 346.751 638.179 304.857C638.179 262.963 593.856 232.453 574.275 198.603C554.086 163.691 549.229 110.261 514.317 90.0726C480.468 70.4915 432.198 92.3494 390.304 92.3494C348.409 92.3494 300.14 70.4915 266.29 90.0726C231.378 110.413 226.521 163.691 206.333 198.603C186.752 232.453 142.429 262.963 142.429 304.857Z" fill="#F7F8FC" class="tblr-illustrations-conversation-b"/>
<path d="M287.238 425.228C287.238 420.37 276.764 416.12 260.826 413.54V409.138H255.665V412.781C245.191 411.415 234.718 410.807 224.244 410.807C202.083 410.807 182.653 413.388 171.421 417.335V383.182H252.022V378.021H171.269V344.171H166.108V419.46C162.921 421.129 161.099 423.103 161.099 425.076C161.099 427.049 162.921 429.022 166.108 430.692V541.044H171.269V432.969C178.707 435.398 186.448 437.067 194.341 437.826V544.232H199.502V438.433C207.092 439.192 215.44 439.648 224.092 439.648C234.566 439.648 245.04 439.041 255.513 437.675V544.232H260.674V436.916C276.764 434.335 287.238 430.085 287.238 425.228Z" fill="#232B41" class="tblr-illustrations-conversation-c"/>
<path d="M581.106 79.5993V484.578C581.106 487.007 579.133 488.828 576.856 488.828H573.82C571.543 488.828 569.57 486.855 569.57 484.578V79.5993C569.57 77.3224 571.391 75.3491 573.82 75.3491H576.856C579.133 75.3491 581.106 77.1706 581.106 79.5993Z" fill="#DDDDDD"/>
<path d="M573.516 109.35C572.15 109.35 570.784 109.502 569.57 109.805V480.935C569.57 485.337 571.391 488.828 573.82 488.828H576.856C579.133 488.828 581.106 485.337 581.106 480.935V111.02C578.677 109.957 576.097 109.35 573.516 109.35Z" fill="black" opacity="0.1"/>
<path d="M592.187 207.711C586.722 225.622 581.258 243.382 575.641 261.293C573.365 268.579 571.088 275.865 568.963 283.151C565.016 296.053 561.069 308.956 557.123 321.706L496.71 308.956L502.023 268.883L508.853 217.426C510.068 208.622 511.13 199.666 512.344 190.71L526.916 193.746L532.229 194.809C534.961 193.443 536.783 190.71 536.935 187.675C542.096 188.889 547.408 189.192 552.569 188.433C557.73 187.675 562.739 186.005 567.293 183.576C566.989 184.639 564.712 193.291 569.266 199.666C570.48 201.336 572.15 202.702 573.972 203.764L592.187 207.711Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M414.743 181.299H293.31C290.426 181.299 288.149 183.576 288.149 186.46V229.872C288.149 234.578 286.934 239.132 284.809 243.23L276.157 259.32L299.988 253.4C302.265 252.793 304.542 252.641 306.819 252.641H414.743C417.627 252.641 419.903 250.364 419.903 247.48V186.46C419.903 183.576 417.627 181.299 414.743 181.299Z" fill="white"/>
<path d="M270.996 263.266L282.532 241.864C284.505 238.069 285.568 233.971 285.568 229.721V186.46C285.568 182.21 289.059 178.719 293.309 178.719H414.742C418.993 178.719 422.484 182.21 422.484 186.46V247.48C422.484 251.73 418.993 255.222 414.742 255.222H306.819C304.694 255.222 302.72 255.525 300.595 255.98L270.996 263.266ZM293.309 183.88C291.943 183.88 290.729 184.942 290.729 186.46V229.872C290.729 235.033 289.515 240.042 287.086 244.444L281.166 255.373L299.229 250.82C301.658 250.212 304.087 249.909 306.667 249.909H414.742C416.108 249.909 417.323 248.846 417.323 247.328V186.46C417.323 185.094 416.26 183.88 414.742 183.88H293.309Z" fill="#232B41" class="tblr-illustrations-conversation-c"/>
<path d="M404.117 486.4C404.117 489.435 465.289 491.712 540.881 491.712C616.473 491.712 677.645 489.284 677.645 486.4C677.645 483.516 616.321 481.087 540.881 481.087C465.441 481.087 404.117 483.516 404.117 486.4ZM306.819 199.211H402.144C403.206 199.211 403.965 199.97 403.965 201.032V204.22C403.965 205.282 403.206 206.041 402.144 206.041H306.819C305.757 206.041 304.998 205.282 304.998 204.22V201.032C304.998 199.97 305.908 199.211 306.819 199.211Z" fill="#A6A9B3" class="tblr-illustrations-conversation-a"/>
<path d="M306.212 220.461H366.625C367.232 220.461 367.839 221.069 367.839 221.676V224.104C367.839 224.712 367.232 225.319 366.625 225.319H306.212C305.605 225.319 304.998 224.712 304.998 224.104V221.676C304.998 221.069 305.605 220.461 306.212 220.461Z" fill="#DADBE0"/>
<path d="M324.73 53.1875H469.235C472.575 53.1875 475.307 55.9197 475.459 59.2591V110.868C475.459 116.484 476.825 121.949 479.406 126.806L489.727 146.084L461.342 139.101C458.762 138.494 456.03 138.191 453.297 138.039H324.73C321.391 138.039 318.659 135.307 318.507 131.815V59.4109C318.659 56.0715 321.391 53.1875 324.73 53.1875Z" fill="white"/>
<path d="M496.254 151.245L460.583 142.441C458.154 141.834 455.726 141.53 453.297 141.53H324.73C319.569 141.53 315.319 137.28 315.319 132.119V59.4111C315.319 54.2502 319.569 50 324.73 50H469.235C474.396 50 478.646 54.2502 478.646 59.4111V111.02C478.646 116.029 479.86 120.886 482.289 125.288L496.254 151.245ZM324.73 56.527C323.212 56.527 321.846 57.7414 321.846 59.4111V131.967C321.846 133.485 323.06 134.851 324.73 134.851H453.297C456.333 134.851 459.217 135.155 462.101 135.914L483.352 141.075L476.521 128.324C473.637 123.012 472.119 116.94 472.119 110.868V59.2593C472.119 57.7414 470.905 56.3752 469.235 56.3752L324.73 56.527Z" fill="#A7AAB3"/>
<path d="M451.02 107.832H382.259C381.045 107.832 380.134 106.922 380.134 105.707V103.734C380.134 102.52 381.045 101.609 382.259 101.609H451.02C452.235 101.609 453.145 102.52 453.145 103.734V105.707C453.145 106.922 452.235 107.832 451.02 107.832Z" fill="#A7AAB3"/>
<path d="M450.262 84.0012H337.936C336.267 84.0012 335.052 82.6351 335.052 81.1172V77.626C335.052 75.9563 336.418 74.7419 337.936 74.7419H450.262C451.931 74.7419 453.146 76.1081 453.146 77.626V81.1172C453.146 82.6351 451.931 84.0012 450.262 84.0012Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M267.809 404.28L317.444 444.505C322.757 470.765 328.07 497.177 333.231 523.588L322.909 523.74C312.739 502.034 302.721 480.176 292.551 458.47L246.254 435.094L245.951 398.816L267.809 404.28Z" fill="#DDDDDD"/>
<path d="M267.809 404.28L317.444 444.505C322.757 470.765 328.07 497.177 333.231 523.588L322.909 523.74C312.739 502.034 302.721 480.176 292.551 458.47L246.254 435.094L245.951 398.816L267.809 404.28Z" fill="black" opacity="0.15"/>
<path d="M284.05 383.637C283.898 383.637 283.746 383.485 283.291 383.333C279.8 381.967 276.764 379.994 274.184 377.262C269.023 372.253 264.317 366.788 260.219 360.868C259.156 359.198 257.942 357.225 256.728 354.948C254.603 350.85 252.781 346.6 251.263 342.198L258.094 336.582L262.648 332.787L264.924 330.965C265.228 331.269 265.532 331.724 265.987 332.18C267.201 333.546 268.719 335.215 270.389 337.341C270.844 337.948 271.451 338.555 271.907 339.162C272.969 340.376 273.728 341.439 274.487 342.501C277.068 345.841 278.434 347.966 282.38 352.975L282.532 353.127L282.684 353.279L284.809 356.011C286.934 349.636 288.452 342.957 289.059 336.278C289.515 331.724 289.515 327.171 289.211 322.617C288.756 316.849 288.148 311.991 291.184 308.348C291.791 307.59 292.55 306.982 293.461 306.375C294.068 305.92 294.827 305.464 295.586 305.161C296.497 304.857 297.408 304.554 298.47 304.402C300.14 304.098 301.658 304.098 303.328 304.25C304.694 304.705 306.06 305.464 307.274 306.375C318.051 315.027 309.399 340.832 301.354 364.663C299.988 368.306 298.167 371.645 295.89 374.833C294.068 377.413 288.756 384.851 284.05 383.637Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M274.791 342.35C267.657 344.627 261.433 349.029 256.88 355.1C254.754 351.002 252.933 346.752 251.415 342.35L258.246 336.733L262.799 332.939L266.139 332.18C267.353 333.546 268.871 335.216 270.541 337.341C270.996 337.948 271.603 338.555 272.059 339.162C273.121 340.376 274.032 341.439 274.791 342.35Z" fill="black" opacity="0.1"/>
<path d="M353.115 543.928L323.668 541.955C323.668 541.955 322.302 534.365 326.855 531.481C331.409 528.597 348.106 537.098 353.115 543.928ZM242.308 548.027L213.315 542.107C213.315 542.107 213.012 534.365 217.717 532.24C222.423 530.115 238.209 540.437 242.308 548.027Z" fill="#232B41" class="tblr-illustrations-conversation-c"/>
<path d="M194.949 257.65C196.163 260.534 197.985 264.784 200.261 269.945C200.869 271.008 201.324 272.07 201.476 272.374C204.208 277.99 207.699 283.151 211.798 287.857C212.708 288.767 213.467 289.678 214.226 290.437C217.414 293.473 232.745 292.866 244.281 287.249C255.817 281.633 255.817 268.427 248.835 265.392C246.254 264.025 243.977 262.204 242.156 260.079C239.575 257.347 237.147 254.311 234.87 251.123C233.504 249.302 232.745 248.087 232.745 248.087L220.45 243.382L197.985 251.579C199.654 255.222 199.654 258.257 198.44 259.016C197.226 259.775 195.404 258.106 194.949 257.65Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M194.949 257.65C196.163 260.534 197.985 264.784 200.261 269.945C200.869 271.008 201.324 272.07 201.476 272.374C204.208 277.99 207.699 283.151 211.798 287.857C213.012 286.794 214.226 285.58 214.985 284.214C215.896 282.696 216.503 281.026 216.655 279.205C216.807 277.383 216.807 275.41 216.351 273.588C216.2 272.374 215.896 271.16 215.592 269.945C225.307 269.642 234.566 266.15 242.004 259.927C239.424 257.195 236.995 254.159 234.718 250.971C233.352 249.15 232.593 247.936 232.593 247.936L220.298 243.23L197.833 251.427C199.502 255.07 199.502 258.106 198.288 258.864C197.074 259.623 195.404 258.106 194.949 257.65Z" fill="black" opacity="0.1"/>
<path d="M192.823 262.963C194.038 266.91 192.064 268.579 193.734 270.552C195.555 272.678 200.261 272.678 202.993 273.588C203.904 273.892 204.815 274.347 204.815 274.347C205.118 274.499 205.422 274.651 205.574 274.803C207.851 276.169 209.824 277.99 211.19 280.267C211.797 278.597 211.797 276.776 211.342 275.106C210.279 272.526 208.913 270.097 207.395 267.668C207.395 267.517 207.243 267.365 207.243 267.365C207.092 267.061 207.092 266.91 206.788 266.302C206.181 265.088 205.726 263.874 205.422 262.659V262.508C209.52 262.508 237.905 262.963 241.7 252.338C242.004 251.579 243.218 247.784 241.548 245.052C238.968 240.801 231.834 242.471 230.012 238.373C228.798 235.641 231.378 233.667 229.86 231.39C228.342 229.114 223.94 228.355 220.905 229.569C218.628 230.48 218.931 231.846 216.806 232.756C213.163 234.274 210.886 230.783 207.092 232.149C204.815 233.212 202.841 235.033 201.627 237.158C200.565 238.98 200.565 239.891 199.198 241.409C198.136 242.471 196.77 243.382 195.404 243.989C192.368 245.355 191.457 244.596 189.939 245.507C187.359 247.328 186.448 251.427 187.207 254.614C188.27 258.713 191.457 258.561 192.823 262.963Z" fill="#232B41" class="tblr-illustrations-conversation-c"/>
<path d="M165.349 315.331C165.349 315.331 148.349 333.849 150.929 339.01C153.51 344.171 155.028 348.118 163.376 347.511C171.725 346.903 181.439 329.447 181.439 329.447L165.349 315.331Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M165.349 315.331C165.349 315.331 148.349 333.849 150.929 339.01C153.51 344.171 155.028 348.118 163.376 347.511C171.725 346.903 181.439 329.447 181.439 329.447L165.349 315.331Z" fill="black" opacity="0.15"/>
<path d="M194.342 411.111C193.734 412.933 194.493 415.361 199.806 421.585C206.788 429.63 220.146 442.076 243.218 451.184C235.477 475.319 227.584 499.605 219.843 523.74L227.887 524.651C236.084 514.025 244.433 502.338 252.781 489.284C261.585 475.471 269.023 462.265 275.398 449.97C267.809 436.916 260.067 424.013 252.478 410.959C225.459 406.406 196.922 403.522 194.342 411.111Z" fill="#DDDDDD"/>
<path d="M277.827 407.468C274.184 409.593 270.085 410.656 265.835 410.959H264.165C262.04 411.111 259.612 411.415 249.745 412.629C232.745 414.906 226.673 416.727 216.351 416.424C207.851 416.12 199.502 414.45 191.609 411.566C185.689 386.066 183.868 359.806 185.993 333.698L161.403 311.84L169.751 304.098C169.751 304.098 182.957 291.5 189.94 290.285C196.315 289.223 197.226 296.053 203.753 300.911C204.512 301.518 205.27 301.973 206.181 302.429C211.949 305.616 226.066 304.098 236.539 303.036C243.37 302.429 246.709 302.125 248.531 302.429C256.272 303.643 266.139 310.474 275.702 335.823C267.049 340.68 257.487 343.716 247.772 345.082C248.076 340.832 250.049 337.037 253.54 334.457C252.022 341.894 248.683 363.449 260.371 385.458C264.621 393.959 270.541 401.396 277.827 407.468Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M154.421 338.403C155.484 334.153 171.877 329.599 181.44 337.796C187.511 343.109 190.699 353.886 186.145 359.654C182.958 363.752 177.038 363.904 175.065 363.904C170.055 364.056 164.287 362.083 161.1 357.681C159.734 355.707 158.823 353.582 158.216 351.306C157.609 349.332 157.76 348.725 157.305 346.6C156.091 341.135 154.117 340.073 154.421 338.403ZM220.906 310.474C210.584 309.108 202.539 305.465 202.842 302.277C202.994 301.67 203.298 301.063 203.753 300.759C204.512 301.366 205.271 301.822 206.182 302.277C211.95 305.465 226.066 303.947 236.54 302.884C238.969 304.25 240.487 305.616 240.335 306.982C240.031 310.322 231.379 311.84 220.906 310.474Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M242.307 248.694C242.307 249.909 242.004 251.123 241.548 252.186C237.602 262.659 209.369 262.356 205.27 262.356C203.6 261.9 202.083 260.838 201.02 259.472C229.557 257.346 239.12 252.034 242.307 248.694Z" fill="black" opacity="0.5"/>
<path d="M220.905 310.474C210.583 309.108 202.538 305.465 202.842 302.277C202.994 301.67 203.297 301.063 203.753 300.759C204.512 301.366 205.27 301.822 206.181 302.277C211.949 305.465 226.066 303.947 236.539 302.884C238.968 304.25 240.486 305.616 240.334 306.982C240.031 310.322 231.379 311.84 220.905 310.474Z" fill="black" opacity="0.1"/>
<path d="M557.123 321.706L528.89 469.702L518.568 468.033L523.425 341.287L513.711 372.404L567.445 409.441L561.07 421.433L487.754 392.289L496.71 308.804L557.123 321.706Z" fill="#DDDDDD"/>
<path d="M507.335 486.4L530.711 484.426C530.711 484.426 531.773 478.355 528.13 476.23C524.487 474.104 511.282 480.935 507.335 486.4Z" fill="#232B41" class="tblr-illustrations-conversation-c"/>
<path d="M509.764 212.568C510.675 215.604 516.746 233.667 535.417 241.864C544.676 246.114 555.15 246.873 565.016 243.989C572.909 241.56 579.892 236.855 585.052 230.631C575.793 260.99 566.382 291.348 557.123 321.706L496.71 308.956C501.112 276.928 505.514 244.748 509.764 212.568Z" fill="black" opacity="0.1"/>
<path d="M481.379 249.757C481.986 254.159 483.2 258.409 484.87 262.508C485.325 263.722 485.932 264.936 486.54 265.999C489.12 271.008 492.915 275.258 497.62 278.597C500.049 280.267 502.478 281.633 505.21 282.696C509.005 284.214 512.8 285.276 516.746 285.883C517.05 285.883 517.353 286.035 517.657 286.035H517.96L518.719 286.187H519.327C522.362 286.491 525.55 286.642 528.586 286.491C531.318 286.339 534.05 286.187 536.783 285.883C537.997 285.732 539.211 285.58 540.274 285.276C541.792 284.973 543.31 284.669 544.827 284.214C547.408 283.455 549.988 282.544 552.417 281.481C553.48 281.026 554.542 280.571 555.453 280.115L541.64 269.945C538.908 267.972 536.327 265.999 533.595 264.025C532.077 264.784 530.559 265.24 529.041 265.543C527.827 265.847 526.613 265.847 525.398 265.847C524.639 265.847 523.88 265.695 523.121 265.543C520.693 264.784 518.719 263.266 517.353 261.141C517.353 260.99 517.201 260.99 517.05 260.838C516.291 259.775 515.684 258.713 515.076 257.498C509.005 245.203 508.398 223.953 508.398 223.953L512.041 191.166C507.183 191.014 502.326 192.532 498.228 195.264C485.325 204.22 478.343 228.962 481.379 249.757Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M481.379 249.757C481.986 254.159 483.2 258.409 484.87 262.507C487.451 268.883 491.853 274.499 497.621 278.597C499.442 273.285 499.442 267.517 497.621 262.204C494.737 253.248 487.906 248.239 481.379 249.757ZM569.57 437.067L580.347 416.272C580.347 416.272 575.793 412.174 571.998 414.147C568.203 416.12 566.989 430.844 569.57 437.067Z" fill="#232B41" class="tblr-illustrations-conversation-c"/>
<path d="M481.379 249.757C481.986 254.159 483.2 258.409 484.87 262.508C485.325 263.722 485.932 264.936 486.54 265.999C489.12 271.008 492.915 275.258 497.62 278.597C500.049 280.267 502.478 281.633 505.21 282.696C509.005 284.214 512.8 285.276 516.746 285.883C517.05 285.883 517.353 286.035 517.657 286.035H517.96L518.719 286.187H519.327C522.362 286.491 525.55 286.642 528.586 286.491C531.318 286.339 534.05 286.187 536.783 285.883C537.997 285.732 539.211 285.58 540.274 285.276C541.792 284.973 543.31 284.669 544.827 284.214C547.408 283.455 549.988 282.544 552.417 281.481C553.48 281.026 554.542 280.571 555.453 280.115L541.64 269.945C538.908 267.972 536.327 265.999 533.595 264.025C532.077 264.784 530.559 265.24 529.041 265.543C527.827 265.847 526.613 265.847 525.398 265.847C524.639 265.847 523.88 265.695 523.121 265.543C520.693 264.784 518.719 263.266 517.353 261.141C517.353 260.99 517.201 260.99 517.05 260.838C516.291 259.775 515.684 258.713 515.076 257.498C509.005 245.203 508.398 223.953 508.398 223.953L512.041 191.166C507.183 191.014 502.326 192.532 498.228 195.264C485.325 204.22 478.343 228.962 481.379 249.757Z" fill="black" opacity="0.1"/>
<path d="M508.246 229.417C508.398 230.783 509.005 237.766 509.157 239.132C509.916 246.873 509.916 247.48 509.916 248.087C510.371 254.614 510.371 260.99 509.916 267.517C514.925 270.097 519.479 273.285 523.729 276.928C536.327 287.705 547.256 297.116 560.766 299.545C568.204 301.063 576.097 299.545 582.32 295.143C587.785 291.196 591.124 285.732 595.071 278.142C595.981 276.169 597.044 274.195 598.106 271.919C600.99 265.999 609.643 247.177 607.214 228.355C606.759 224.104 605.392 219.854 603.267 216.059C600.687 212.113 596.892 209.077 592.338 207.711L585.508 228.203C584.293 233.364 582.472 238.525 580.043 243.23C577.766 247.632 575.034 251.73 571.695 255.373C565.471 256.739 558.944 257.043 552.569 256.284C529.193 253.552 514.318 237.158 508.246 229.417Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M560.766 299.545C568.203 301.063 576.097 299.545 582.32 295.143C587.784 291.196 591.124 285.732 595.07 278.142C588.847 278.142 582.624 279.964 577.311 283.151C570.328 286.794 564.56 292.562 560.766 299.545Z" fill="#232B41" class="tblr-illustrations-conversation-c"/>
<path d="M572.605 130.601C573.213 133.788 573.972 138.342 574.731 144.11C574.882 145.325 575.034 146.539 575.034 146.842C575.641 153.218 575.489 159.593 574.579 165.816C574.427 167.031 574.123 168.245 573.82 169.459C572.757 173.861 559.096 181.754 546.194 183.121C533.292 184.487 525.854 173.102 530.256 166.727C531.774 164.147 532.836 161.263 533.292 158.379C534.051 154.584 534.506 150.637 534.658 146.691C534.809 144.414 534.809 143.048 534.809 143.048L542.854 132.271L566.837 127.11C567.445 131.208 569.114 133.788 570.48 133.788C571.847 133.788 572.454 131.056 572.605 130.601Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M572.605 130.601C573.213 133.788 573.971 138.342 574.73 144.11C574.882 145.325 575.034 146.539 575.034 146.843C575.641 153.218 575.489 159.593 574.579 165.816C572.909 165.665 571.239 165.209 569.873 164.45C568.203 163.54 566.837 162.477 565.623 161.111C564.409 159.593 563.498 157.923 562.739 156.102C562.284 154.887 561.828 153.825 561.373 152.611C552.873 157.62 542.854 159.745 533.14 158.53C533.899 154.736 534.354 150.789 534.506 146.843C534.658 144.566 534.658 143.2 534.658 143.2L542.702 132.422L566.686 127.261C567.293 131.36 568.962 133.94 570.328 133.94C571.695 133.94 572.454 131.056 572.605 130.601Z" fill="black" opacity="0.1"/>
<path d="M579.739 126.047C579.739 121.342 575.945 117.395 571.087 117.395C570.328 117.395 569.569 117.547 568.81 117.699C568.81 111.779 563.953 106.922 558.033 106.922C552.872 106.922 548.622 110.413 547.56 115.118C545.738 111.627 542.095 109.198 537.997 109.198C532.077 109.198 527.22 114.056 527.22 119.976C527.22 120.886 527.371 121.949 527.675 122.86C526.613 122.404 525.398 122.253 524.032 122.253C518.112 122.253 513.255 127.11 513.255 133.03C513.255 138.342 517.05 142.593 522.059 143.503C522.666 144.869 523.425 146.084 524.336 147.298C524.487 147.298 524.487 147.45 524.487 147.45C524.791 147.905 525.246 148.361 525.702 148.664L526.157 149.12C527.827 150.638 529.8 152.004 531.925 152.914C545.435 159.29 560.766 146.539 566.078 141.53V141.682C566.382 142.896 566.685 144.262 566.837 145.477C566.989 146.084 566.989 146.387 566.989 146.691V147.146C566.989 150.03 567.293 152.763 567.748 155.495C568.355 157.165 569.418 158.682 570.784 159.745C570.632 157.013 571.239 154.432 572.453 152.004C572.909 151.093 573.516 150.334 574.123 149.575C576.855 145.173 577.766 140.012 576.855 135.003C576.704 134.244 576.552 133.637 576.4 132.878C578.373 131.512 579.739 128.931 579.739 126.047Z" fill="#232B41" class="tblr-illustrations-conversation-c"/>
<path d="M523.425 341.439L535.72 374.378C538.3 380.601 540.881 386.976 543.461 393.2L522.059 378.324L523.425 341.439ZM539.515 413.54L520.996 405.647L518.719 468.185L528.889 469.854L539.515 413.54Z" fill="black" opacity="0.15"/>
<path d="M505.969 230.176C505.514 228.658 504.147 227.596 502.63 227.444L492.308 226.837C490.335 226.685 488.513 228.203 488.361 230.328L487.45 246.114C487.299 247.784 488.361 249.15 489.879 249.757C490.183 249.909 490.638 249.909 490.942 249.909L501.263 250.516C503.237 250.668 505.058 249.15 505.21 247.025L506.121 231.239C506.121 231.087 506.121 230.631 505.969 230.176ZM502.933 247.177C502.933 247.936 502.174 248.543 501.415 248.543L491.093 247.936C490.334 247.936 489.727 247.177 489.727 246.418L490.638 230.631C490.638 229.872 491.397 229.265 492.156 229.265L502.478 229.872C503.237 229.872 503.844 230.631 503.844 231.39L502.933 247.177Z" fill="#DDDDDD"/>
<path d="M506.121 231.542L505.21 247.329C505.058 249.302 503.388 250.971 501.263 250.82L490.942 250.213C490.638 250.213 490.183 250.061 489.879 250.061C489.272 248.239 489.12 246.418 489.12 244.596C489.272 243.078 489.576 241.712 490.031 240.346L489.727 246.57C489.727 247.329 490.334 248.087 491.093 248.087L501.415 248.695C502.174 248.695 502.933 248.087 502.933 247.329L503.844 231.542C503.844 231.087 503.692 230.631 503.388 230.328H505.969C505.969 230.631 506.121 231.087 506.121 231.542Z" fill="black" opacity="0.1"/>
<path d="M495.647 225.622L493.977 252.641C493.825 254.159 492.611 255.221 491.093 255.07L472.119 253.855C470.601 253.703 469.539 252.489 469.691 251.123L471.36 224.104C471.512 222.586 472.727 221.524 474.093 221.676L493.067 222.89C494.584 222.89 495.799 224.256 495.647 225.622Z" fill="#DDDDDD"/>
<path d="M495.192 232.301L493.977 252.641C493.825 254.159 492.611 255.222 491.093 255.07L472.119 253.856C470.601 253.704 469.539 252.49 469.691 251.123L469.842 248.088C478.95 243.837 487.45 238.525 495.192 232.301Z" fill="black" opacity="0.1"/>
<path d="M480.013 213.024C477.888 210.899 475.459 207.863 475.763 204.372C475.914 201.639 477.736 200.425 478.798 197.541C479.709 195.112 480.316 191.166 478.04 185.398C481.986 188.282 482.897 190.862 483.2 192.684C483.808 197.086 480.013 199.514 479.406 205.738C479.102 208.166 479.406 210.747 480.013 213.024ZM489.272 187.067C490.942 185.549 492.763 183.121 492.611 180.389C492.46 178.263 491.094 177.353 490.183 175.076C489.424 173.254 489.12 170.219 490.79 165.665C487.754 167.79 486.995 169.915 486.843 171.281C486.388 174.62 489.272 176.594 489.727 181.299C490.031 183.424 489.879 185.246 489.272 187.067Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M509.915 248.087C509.915 247.48 509.763 246.873 509.156 239.132C509.156 238.221 508.853 235.185 508.549 232.605H508.397C507.942 232.301 507.335 231.998 506.728 231.846C503.844 230.48 500.504 231.087 498.379 233.364C495.495 236.703 496.406 242.775 500.504 246.873C500.959 247.328 501.567 247.784 502.022 248.087C503.388 249.15 504.906 249.909 506.576 250.212C507.638 250.516 508.853 250.516 509.915 250.212V248.087Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M509.915 248.087C509.915 247.48 509.763 246.873 509.156 239.132C509.156 238.221 508.853 235.185 508.549 232.605H508.397C507.942 232.301 507.335 231.997 506.728 231.846C506.576 232.149 506.576 232.453 506.424 232.908C505.058 239.435 507.031 242.623 506.576 249.757V250.364C507.638 250.668 508.853 250.668 509.915 250.364V248.087Z" fill="black" opacity="0.1"/>
<path d="M565.775 141.378C560.462 146.387 545.283 159.138 531.622 152.914C529.497 152.004 527.523 150.637 525.854 149.119L525.398 148.664C524.943 148.361 524.639 147.905 524.184 147.45C524.184 147.45 524.184 147.298 524.032 147.298C523.121 146.235 522.363 144.869 521.755 143.503C525.095 145.628 528.586 146.994 532.381 147.905C551.051 152.155 566.686 138.342 569.114 136.217L569.266 136.065C568.355 138.039 567.141 139.708 565.775 141.378Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

45
src/illustrations/dance.svg Normal file
View File

@ -0,0 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-dance-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-dance-b { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-dance-a { fill: black; opacity: 0.07; } .tblr-illustrations-dance-b { fill: #1A2030; } }
</style>
<path d="M122 300C122 346.909 171.675 381.115 193.683 419.095C216.32 458.332 221.854 518.068 260.965 540.831C298.945 562.839 353.021 538.315 399.93 538.315C446.838 538.315 500.915 562.839 538.895 540.831C578.006 518.194 583.54 458.332 606.177 419.095C628.185 381.115 677.86 347.034 677.86 300C677.86 252.966 628.059 218.885 606.177 180.905C583.54 141.668 578.006 81.8061 538.895 59.1693C500.915 37.1613 446.838 61.6845 399.93 61.6845C353.021 61.6845 298.945 37.1613 260.965 59.1693C221.728 81.8061 216.32 141.668 193.683 180.905C171.801 219.01 122 252.966 122 300Z" fill="#F7F8FC" class="tblr-illustrations-dance-a"/>
<path d="M123.637 515.176C123.637 517.314 244.492 519.074 393.518 519.074C542.544 519.074 663.399 517.314 663.399 515.176C663.399 513.038 542.544 511.277 393.518 511.277C244.492 511.277 123.762 513.164 123.637 515.176Z" fill="#A6A9B3" class="tblr-illustrations-dance-b"/>
<path d="M437.911 314.84C437.282 316.349 436.779 317.984 436.528 319.619C436.402 320.625 436.276 321.505 436.276 322.511C436.024 331.189 441.432 338.483 448.097 338.608C454.134 338.734 459.29 333.201 460.422 325.781C460.548 324.901 460.673 324.02 460.673 323.014C460.673 322.134 460.673 321.254 460.548 320.373C459.793 312.953 454.889 307.043 448.852 306.917C444.199 306.791 440.175 310.061 437.911 314.84Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M437.909 314.84C437.28 316.349 436.777 317.984 436.525 319.619C444.574 321.128 452.623 323.14 460.42 325.781C460.546 324.901 460.671 324.02 460.671 323.014C460.671 322.134 460.671 321.254 460.546 320.373C459.791 312.953 454.886 307.043 448.85 306.917C444.197 306.791 440.172 310.061 437.909 314.84Z" fill="black" opacity="0.1"/>
<path d="M341.201 226.933L364.09 196.625C374.15 195.493 384.337 195.871 394.272 197.38C413.136 200.398 429.485 208.069 438.54 214.609C463.566 232.718 473.752 273.59 465.326 316.475L406.219 314.966C409.74 310.941 426.341 291.448 422.694 266.296C421.813 259.883 419.424 243.785 405.465 235.611C394.146 228.946 381.947 231.461 378.426 232.341L341.201 226.933Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M451.871 235.611C450.613 238.126 449.607 240.767 448.727 243.408C449.607 242.528 450.361 241.521 450.739 240.39C451.116 238.755 451.493 237.246 451.871 235.611Z" fill="black" opacity="0.1"/>
<path d="M466.206 240.264L466.08 239.761C465.326 236.868 464.697 233.85 464.068 230.832L467.338 231.586C468.847 231.964 470.607 232.467 472.745 233.221H472.871C471.991 230.077 471.362 226.808 470.733 223.664C469.979 219.136 469.727 214.483 469.853 209.956C465.703 209.453 461.679 209.327 457.528 209.578C457.403 209.578 457.151 209.704 457.025 209.704C453.001 209.956 448.851 210.207 445.078 210.71C435.646 211.716 426.214 213.477 417.034 215.866C408.23 218.256 399.553 221.274 391.253 225.173C389.115 226.179 386.977 227.185 384.965 228.442C384.085 228.945 383.33 229.449 382.575 229.826C381.066 230.58 379.683 231.586 378.425 232.593C375.659 234.605 362.454 239.384 355.537 240.012C352.141 240.264 338.182 240.515 315.294 215.866C303.975 203.668 273.416 270.321 310.766 277.992C349.375 285.915 379.934 261.014 384.21 257.493C384.588 274.974 384.965 292.454 385.342 310.061C385.594 320.75 385.845 331.692 386.097 342.381L434.137 334.584C451.115 331.817 468.218 329.051 485.196 326.158C484.818 324.02 484.19 321.128 483.435 317.606C477.65 290.442 474.003 276.357 466.206 240.264Z" fill="#DADBE0"/>
<path d="M519.152 289.185C518.523 284.909 517.517 280.633 516.385 276.357C515.756 274.093 515.128 271.955 514.373 269.818L514.247 269.314C512.109 263.404 508.84 257.87 504.689 253.091C501.42 249.319 497.647 245.923 493.497 243.031C492.239 242.15 490.856 241.27 489.598 240.515C484.442 237.497 478.909 234.982 473.124 233.096C470.986 232.341 469.099 231.838 467.716 231.461L464.446 230.706C465.075 233.724 465.704 236.617 466.458 239.635L466.584 240.138C464.698 239.509 462.811 239.132 461.428 238.755C456.775 234.479 451.87 230.455 446.588 226.933C442.061 223.789 437.534 220.897 432.629 218.256C432.88 218.256 433.132 218.256 433.383 218.256C442.941 217.879 452.499 218.382 461.931 220.016C474.507 222.154 486.706 225.676 498.401 230.832C505.067 233.85 511.606 237.371 517.769 241.27C521.29 243.408 525.063 245.923 529.213 248.941C536.633 254.223 543.675 260.008 550.34 266.296C553.987 270.572 557.257 275.099 560.15 280.004L561.282 282.142C562.539 284.531 563.419 286.544 564.048 287.927C549.46 290.945 534.495 291.951 519.529 290.945L519.152 289.185Z" fill="black" opacity="0.1"/>
<path d="M448.849 214.86C450.987 225.424 440.172 236.491 424.829 239.635C409.486 242.779 395.275 236.743 393.137 226.053C393.012 225.424 393.012 224.921 393.012 224.292C401.312 220.52 409.989 217.376 418.793 215.112C427.973 212.722 437.405 210.962 446.837 209.956C447.717 211.339 448.472 212.974 448.849 214.86Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M565.559 381.744L560.78 393.314L493.75 408.028L446.338 370.803C447.344 401.237 447.848 432.174 447.848 463.614C447.848 470.279 447.848 476.819 447.848 483.484L437.912 483.861C429.864 459.841 421.312 435.192 412.257 410.166C403.706 386.9 395.154 364.138 386.477 342.004L407.982 338.483L485.576 325.781C495.762 343.639 505.949 361.497 516.261 379.48L565.559 381.744Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M485.323 325.907L435.648 334.081L386.224 342.255L385.721 276.231L477.274 227.436C475.388 258.751 477.651 290.316 484.191 321.002C484.568 322.511 484.945 324.146 485.323 325.907Z" fill="black" opacity="0.1"/>
<path d="M590.71 381.996L582.284 382.247C582.284 382.247 574.235 381.241 571.972 385.894C569.708 390.547 581.278 406.77 589.327 411.549L585.051 393.44L591.842 391.679L590.71 381.996Z" fill="#232B41"/>
<path d="M453.88 510.523L451.239 502.474C451.239 502.474 449.856 494.425 444.7 493.671C439.544 492.916 427.345 508.636 425.207 517.691L441.179 508.385L444.826 514.421L453.88 510.523Z" fill="#232B41"/>
<path d="M448.849 214.86C450.987 225.424 440.172 236.491 424.829 239.635C409.486 242.779 395.275 236.743 393.137 226.053C393.012 225.424 393.012 224.921 393.012 224.292C401.312 220.52 409.989 217.376 418.793 215.112C427.973 212.722 437.405 210.962 446.837 209.956C447.717 211.339 448.472 212.974 448.849 214.86Z" fill="black" opacity="0.1"/>
<path d="M447.848 463.614C447.848 470.279 447.848 476.819 447.848 483.484L437.912 483.861C429.864 459.841 421.312 435.192 412.257 410.166C403.706 386.9 395.154 364.138 386.477 342.004L407.982 338.483L446.59 370.803C447.219 401.237 447.722 432.174 447.848 463.614Z" fill="black" opacity="0.1"/>
<path d="M288.883 318.864L285.487 405.513L237.195 463.237L243.735 471.788L315.292 426.263L330.258 365.018L374.274 410.669C380.939 438.839 387.604 467.01 394.396 495.306L404.079 494.299C407.223 461.979 410.241 429.533 413.385 397.213L370.501 337.728L354.655 334.207L338.81 330.685L288.883 318.864Z" fill="#DADBE0"/>
<path d="M220.218 497.318L218.332 470.657C218.332 470.657 224.997 468.267 228.141 472.04C231.285 475.813 225.752 491.91 220.218 497.318Z" fill="#232B41"/>
<path d="M419.424 515.301L392.888 512.157C392.888 512.157 391.757 505.241 396.158 502.725C400.56 500.21 415.148 508.762 419.424 515.301Z" fill="#232B41"/>
<path d="M311.523 124.942C312.53 128.715 313.787 134.5 315.422 141.291L316.428 144.686C318.692 152.232 321.836 159.4 325.86 166.191L328.25 169.964C331.394 174.366 350.761 177.007 366.103 172.605C381.446 168.203 384.339 151.854 376.541 146.447C373.775 144.183 371.385 141.542 369.499 138.398C366.858 134.374 364.468 130.098 362.456 125.696C361.199 123.181 360.57 121.546 360.57 121.546L346.359 113.246L316.805 118.528C318.063 123.558 317.183 127.206 315.674 127.709C314.164 128.212 311.901 125.319 311.523 124.942Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M369.624 138.272C364.342 141.416 358.557 143.554 352.52 144.812C346.61 145.944 340.448 146.07 334.411 145.063C334.788 148.962 334.663 152.861 333.908 156.759C333.279 158.897 332.147 160.783 330.764 162.544C329.506 164.179 327.871 165.437 325.985 166.317C321.961 159.526 318.817 152.358 316.553 144.812L315.547 141.416C313.786 134.751 312.529 128.966 311.648 125.068C311.9 125.445 313.912 128.589 315.421 128.086C315.673 127.96 316.05 127.709 316.176 127.457C317.056 126.199 317.433 123.055 316.427 118.905H316.805L346.107 113.875L360.318 122.301C360.318 122.301 362.078 126.199 362.204 126.451C363.336 128.589 364.468 130.601 365.851 132.487V132.613L369.624 138.272Z" fill="black" opacity="0.1"/>
<path d="M381.445 107.713C380.691 111.234 378.427 114.252 375.283 116.139C374.528 121.295 372.265 126.074 368.743 129.972C359.437 140.159 341.202 141.794 323.847 133.619L323.721 133.745V133.871C323.973 135.506 324.224 137.015 324.602 138.524C324.602 139.027 324.853 139.404 324.853 139.907V140.41C326.111 143.68 327.117 146.95 327.746 150.345C327.871 152.483 327.368 154.747 326.236 156.633C325.105 153.489 323.218 150.848 320.829 148.585C319.948 147.83 318.942 147.327 317.936 146.698C312.78 143.051 309.259 137.644 308.127 131.481C307.875 130.601 307.875 129.846 307.875 128.966L307.75 128.84C302.09 127.457 298.695 121.798 299.953 116.139C301.084 111.863 304.731 108.719 309.133 108.216C306.492 101.299 310.013 93.6276 316.93 90.9866C319.445 90.1063 322.212 89.8548 324.853 90.4836C327.242 90.9866 329.38 92.2442 331.141 94.0048C333.656 87.088 341.328 83.5668 348.244 86.2077C353.023 87.9684 356.419 92.37 356.796 97.4004C359.814 92.4957 365.725 90.1063 371.259 91.3639C378.678 93.1245 383.08 100.419 381.445 107.713Z" fill="#232B41"/>
<path d="M375.406 116.139C374.652 121.295 372.388 126.074 368.867 129.972C359.561 140.159 341.325 141.794 323.97 133.619L323.845 133.745V133.871C321.707 132.613 319.569 131.23 317.557 129.847L317.682 129.972C321.707 131.104 345.853 139.656 365.094 126.199C368.993 123.307 372.514 119.911 375.406 116.139Z" fill="black" opacity="0.5"/>
<path d="M384.336 196.877L375.659 289.562L371.131 338.105L288.129 327.667L287.249 241.899L286.746 193.858L312.15 193.104C314.665 193.104 317.054 192.224 319.066 190.589C320.701 189.205 321.959 187.319 322.588 185.307L349.375 187.067C349.123 188.828 349.375 190.589 350.255 192.224C351.513 194.487 353.65 195.996 356.166 196.499L384.336 196.877Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M377.923 265.667L371.132 338.105L288.13 327.667L287.25 241.899L297.185 232.718C304.605 233.347 311.773 235.611 318.313 239.258C327.745 244.666 330.889 250.828 336.548 255.732C343.213 261.643 355.035 267.428 377.923 265.667Z" fill="black" opacity="0.1"/>
<path d="M330.258 364.892L340.067 334.207L371.13 338.105L413.26 396.961L403.953 494.048L394.27 495.18L374.274 410.543L330.258 364.892Z" fill="black" opacity="0.1"/>
<path d="M369.497 279.753C370.754 278.621 372.012 277.615 373.521 276.86C374.402 276.357 375.282 275.98 376.162 275.728C384.211 272.71 392.888 275.351 395.152 281.639C397.29 287.298 393.643 293.964 387.103 297.485C386.349 297.862 385.468 298.239 384.588 298.617C383.834 298.994 382.953 299.245 382.073 299.371C374.779 301.132 367.61 298.365 365.473 292.706C363.963 288.43 365.724 283.525 369.497 279.753Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M369.497 279.753C370.754 278.621 372.012 277.615 373.521 276.86C377.546 284.028 382.073 290.945 387.103 297.485C386.349 297.862 385.468 298.239 384.588 298.617C383.834 298.994 382.953 299.245 382.073 299.371C374.779 301.132 367.61 298.365 365.473 292.706C363.963 288.43 365.724 283.525 369.497 279.753Z" fill="black" opacity="0.1"/>
<path d="M418.419 294.844C418.419 295.221 418.293 295.598 418.293 295.976C418.293 296.227 418.167 296.479 418.041 296.73C417.287 298.742 415.903 300.377 414.143 301.509L413.766 301.761C413.514 301.886 413.137 302.138 412.885 302.264C411.879 302.767 410.747 303.27 409.615 303.521C406.849 304.15 404.082 304.15 401.315 303.521C400.435 303.396 399.555 303.144 398.8 302.767C397.92 302.515 397.039 302.012 396.285 301.635C391.003 298.868 387.607 294.089 387.607 289.31C387.607 288.053 387.859 286.921 388.236 285.789C390.626 279.501 399.177 276.86 407.226 279.878C408.106 280.256 408.987 280.633 409.867 281.01C411.376 281.765 412.634 282.771 413.891 283.903C414.017 284.028 414.269 284.154 414.394 284.406C417.287 286.921 418.796 290.945 418.419 294.844Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M418.293 295.976C418.293 296.227 418.167 296.479 418.041 296.73C417.287 298.742 415.903 300.377 414.143 301.509L413.766 301.761C413.514 301.886 413.137 302.138 412.885 302.264C411.879 302.767 410.747 303.27 409.615 303.521C406.849 304.15 404.082 304.15 401.315 303.521C400.435 303.395 399.555 303.144 398.8 302.767C397.92 302.515 397.039 302.012 396.285 301.635C391.003 298.868 387.607 294.089 387.607 289.31C391.883 291.448 396.914 291.574 401.315 289.813C405.214 288.053 408.232 284.909 409.993 281.01C411.502 281.765 412.759 282.771 414.017 283.903C414.143 284.028 414.394 284.154 414.52 284.406C415.903 285.915 419.425 290.945 418.293 295.976Z" fill="black" opacity="0.1"/>
<path d="M292.407 193.733C290.521 193.481 288.635 193.607 286.748 193.858C264.992 197.631 246.002 239.006 256.566 269.943C259.584 278.495 264.74 286.166 271.406 292.454C308.379 328.296 371.888 323.014 389.494 321.128C380.565 305.911 374.529 289.185 371.511 271.955C365.474 275.477 346.61 285.538 324.225 280.256C316.553 278.495 301.085 274.848 294.797 260.889C289.767 249.822 293.288 238.755 294.545 235.359C293.791 221.4 293.036 207.566 292.407 193.733Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M496.262 294.844C494.502 306.414 490.226 317.355 483.938 327.29C480.291 332.949 477.398 335.59 474.003 337.351C466.457 340.998 458.409 338.734 453.378 337.225C429.861 330.182 403.2 318.487 395.654 315.091L421.435 275.728C426.969 282.771 433.382 289.059 440.676 294.341C448.977 300.503 454.259 304.276 459.037 302.641C464.948 300.629 468.469 291.448 468.218 280.13C477.021 286.166 486.327 291.197 496.262 294.844Z" fill="#DADBE0"/>
<path d="M217.957 272.333C217.957 272.333 204.123 272.081 197.458 281.639C193.433 287.298 193.811 293.712 194.062 296.353C196.074 323.769 238.204 345.651 250.025 340.243C250.528 339.992 252.038 339.237 252.289 337.98C253.295 333.955 241.348 329.051 231.539 322.637C219.34 314.714 199.47 297.359 202.74 284.783C203.368 282.268 205.758 276.734 217.957 272.333Z" fill="#232B41"/>
<path d="M592.845 235.611C592.845 235.611 606.553 233.85 611.835 223.538C614.979 217.376 613.721 211.088 613.218 208.447C607.433 181.534 562.663 165.688 551.722 172.731C551.219 173.108 549.835 173.988 549.71 175.246C549.332 179.396 561.783 182.54 572.346 187.57C585.551 193.733 607.685 208.195 606.176 221.148C605.924 223.789 604.289 229.574 592.845 235.611Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M410.619 191.846C423.824 197.002 439.921 197.38 447.341 194.864C448.599 194.487 449.73 193.858 450.611 192.978C451.743 191.846 452.623 190.463 453.629 189.205C455.012 187.445 456.27 185.558 457.528 183.546C460.672 178.516 463.438 173.234 465.702 167.7C465.828 167.323 466.331 165.94 466.96 164.305C469.601 157.262 471.487 151.477 472.745 147.453C472.242 147.956 469.852 150.22 468.343 149.591C466.834 148.962 466.457 144.812 468.217 139.782L437.532 131.23L421.686 138.775C421.686 138.775 420.806 140.41 419.296 142.926C416.656 147.327 413.763 151.477 410.619 155.376C408.355 158.394 405.589 161.035 402.319 163.173C393.516 168.078 394.899 185.558 410.619 191.846Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M410.744 155.502C421.308 162.921 433.884 166.568 446.712 165.94C449.604 167.197 452.119 169.209 453.88 171.725C456.521 175.623 455.64 178.264 457.401 183.043L457.527 183.546C460.671 178.516 463.438 173.234 465.701 167.7C465.827 167.197 466.33 165.94 466.959 164.305C469.6 157.262 471.486 151.477 472.744 147.453C472.241 147.956 469.851 150.22 468.342 149.591C466.833 148.962 466.456 144.812 468.217 139.782L437.531 131.23L421.685 138.775C421.685 138.775 420.805 140.41 419.17 142.926C416.781 147.327 413.888 151.477 410.744 155.502Z" fill="black" opacity="0.1"/>
<path d="M577.126 298.617C568.575 301.383 559.646 303.018 550.717 303.647C536.38 304.779 522.043 303.018 508.461 298.742C508.461 298.742 468.344 289.436 446.839 259.002C444.324 255.607 442.186 251.834 440.551 247.935C433.76 231.964 432.251 207.189 443.695 193.23C448.474 187.445 452.75 181.157 456.397 174.617C457.906 171.725 459.038 168.581 459.415 165.311L459.541 163.047C459.792 160.406 456.774 156.508 456.522 152.232C449.731 153.992 425.082 159.023 413.512 145.315C410.872 142.171 408.985 138.524 408.105 134.5C407.728 132.613 407.853 130.601 408.482 128.715C411.5 121.295 423.699 120.289 428.855 119.911C448.6 118.528 463.691 131.733 467.715 135.254C469.476 136.763 495.508 160.532 489.723 185.432C486.705 198.763 476.393 202.033 477.776 208.069C479.285 214.986 494.754 221.903 560.778 220.142C555.999 238.252 558.514 249.822 561.91 257.367C564.55 263.152 568.323 268.057 571.719 276.483C572.473 278.243 573.102 280.13 573.731 282.142C575.366 287.675 576.498 293.083 577.126 298.617Z" fill="#232B41"/>
<path d="M577.125 298.617C568.448 300.88 559.644 302.641 550.715 303.647C536.379 304.779 522.042 303.018 508.46 298.742C508.46 298.742 468.343 289.436 446.838 259.002C444.322 255.607 442.184 251.834 440.55 247.935C433.759 231.964 432.249 207.189 443.694 193.23C448.472 187.445 452.748 181.157 456.395 174.617C450.233 196.374 452.497 219.513 462.809 239.635C475.134 260.26 494.501 275.602 517.389 282.771C527.701 286.292 538.768 287.172 549.458 285.412C557.381 283.903 564.926 281.01 571.717 276.609C572.472 278.369 573.101 280.256 573.73 282.268C575.49 287.55 576.622 293.083 577.125 298.617Z" fill="black" opacity="0.5"/>
<path d="M408.357 134.625C409.238 138.65 411.124 142.297 413.765 145.441C425.461 159.149 450.11 154.118 456.775 152.358C459.29 151.1 461.68 149.465 463.943 147.704C444.325 152.735 423.574 147.83 408.357 134.625Z" fill="black" opacity="0.5"/>
<path d="M438.791 234.982C434.516 228.568 430.617 225.676 426.97 226.179C422.82 226.808 420.305 231.838 419.299 234.856C416.658 231.838 410.998 226.43 405.339 227.814C400.812 228.945 397.542 234.479 395.656 244.162C394.775 248.69 394.021 254.978 396.913 257.493C397.794 258.122 399.051 258.373 400.057 258.122C404.962 257.116 412.256 249.444 417.035 243.785C416.658 245.923 415.652 247.935 414.017 249.57C412.759 250.325 412.13 251.708 412.005 253.091C411.879 256.235 414.645 259.631 416.909 262.146L418.418 259.631C414.897 255.732 414.645 254.098 414.52 253.594C414.645 253.217 414.897 252.84 415.274 252.588C418.167 250.702 419.676 244.665 420.43 241.018C421.94 243.156 423.197 245.294 424.203 247.684C424.203 248.313 424.203 248.816 424.077 249.444C423.826 251.708 423.449 255.481 426.215 257.493C427.725 258.625 429.737 263.278 431.372 269.943L433.887 269.189C431.875 261.14 429.611 256.11 427.221 254.475C426.467 253.846 426.341 252.714 426.593 250.199C426.718 249.319 426.718 248.438 426.718 247.558C426.09 245.546 425.209 243.534 423.952 241.773C429.108 244.414 435.899 247.181 439.546 246.552C440.552 246.426 441.432 245.923 441.935 245.043C443.319 242.402 440.804 238 438.791 234.982ZM397.919 254.726C397.919 254.601 396.536 253.343 398.045 245.42C399.68 236.868 402.321 232.089 405.842 231.209H406.094C410.621 230.329 415.652 235.359 417.789 237.749C409.992 247.684 400.309 256.613 397.919 254.726ZM439.546 243.031C438.666 244.666 430.24 241.899 421.437 236.994C422.317 234.605 424.203 230.203 427.347 229.574H427.473C430.114 229.197 433.258 231.712 436.779 236.994C440.049 241.773 439.672 243.031 439.546 243.031Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

108
src/illustrations/dart.svg Normal file
View File

@ -0,0 +1,108 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-dart-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-dart-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-dart-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-dart-a { fill: black; opacity: 0.07; } .tblr-illustrations-dart-b { fill: #1A2030; } .tblr-illustrations-dart-c { fill: #454C5E; } }
</style>
<path d="M121.028 300.015C121.028 347.05 170.768 381.157 192.704 419.123C215.496 458.379 220.868 518.194 260.099 540.861C298.077 562.847 352.16 538.256 399.195 538.256C446.23 538.256 500.3 562.847 538.279 540.861C577.46 518.194 582.944 458.305 605.587 419.123C627.61 381.108 677.238 347.05 677.238 300.015C677.238 252.98 627.51 218.86 605.562 180.907C582.944 141.651 577.46 81.7993 538.279 59.1191C500.263 37.1462 446.181 61.7866 399.145 61.7866C352.11 61.7866 298.04 37.1462 260.099 59.1191C220.918 81.7993 215.434 141.688 192.778 180.87C170.818 218.86 121.103 252.98 121.103 299.978" fill="#F7F8FC" class="tblr-illustrations-dart-a"/>
<path d="M109.365 414.247L118.46 399.78L119.278 400.636L109.365 414.247Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M144.093 363.738C144.245 362.189 143.84 360.636 142.951 359.358C142.517 358.75 141.785 357.745 140.743 357.646C138.919 357.472 137.368 360.127 136.537 361.591C135.068 364.347 134.181 367.375 133.931 370.487C133.739 371.816 133.615 373.153 133.559 374.495L135.358 376.467L144.093 363.738Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M144.093 363.738C145.488 363.047 147.082 362.867 148.596 363.229C149.073 363.297 149.53 363.461 149.942 363.71C150.353 363.96 150.71 364.29 150.991 364.681C151.797 366.318 149.862 368.738 148.82 370.016C146.776 372.378 144.273 374.298 141.462 375.661C139.998 376.467 138.733 377.051 137.852 377.435L135.37 376.467L144.093 363.738Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M144.093 363.738C145.488 363.047 147.082 362.867 148.596 363.229C149.073 363.297 149.53 363.461 149.942 363.71C150.353 363.96 150.71 364.29 150.991 364.681C151.797 366.318 149.862 368.738 148.82 370.016C146.776 372.378 144.273 374.298 141.462 375.661C139.998 376.467 138.733 377.051 137.852 377.435L135.37 376.467L144.093 363.738Z" fill="black" opacity="0.2"/>
<path d="M144.093 363.738C145.008 362.956 146.145 362.479 147.344 362.373C147.803 362.373 148.584 362.373 148.708 363.117C148.932 364.358 147.071 366.84 146.091 368.142C144.248 370.51 142.128 372.647 139.775 374.507C138.597 375.5 137.592 376.269 136.897 376.778L135.358 376.468L144.093 363.738Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M144.093 363.738C144.245 362.189 143.84 360.636 142.951 359.358C142.517 358.75 141.785 357.745 140.743 357.646C138.919 357.472 137.368 360.127 136.537 361.591C135.068 364.347 134.181 367.375 133.931 370.487C133.739 371.816 133.615 373.153 133.559 374.495L135.358 376.467L144.093 363.738Z" fill="black" opacity="0.15"/>
<path d="M137.852 377.386L130.048 387.559L117.914 403.44L116.264 402.311L124.49 389.085C127.5 384.222 130.524 379.358 133.559 374.495C134.453 374.758 135.294 375.178 136.041 375.735C136.726 376.188 137.337 376.745 137.852 377.386Z" fill="#DADBE0"/>
<path d="M130.085 387.609L117.914 403.44L116.264 402.311L124.49 389.085C126.363 388.552 128.299 388.031 130.085 387.609Z" fill="black" opacity="0.1"/>
<path d="M305 366.976L315.708 349.966L316.663 350.971L305 366.976Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M345.845 307.583C346.015 305.761 345.536 303.937 344.492 302.434C343.971 301.727 343.115 300.548 341.887 300.424C339.753 300.226 337.929 303.377 336.924 305.052C335.201 308.298 334.158 311.861 333.859 315.524C333.586 317.472 333.475 319.097 333.425 320.238L335.534 322.559L345.845 307.583Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M345.844 307.583C347.483 306.772 349.354 306.565 351.13 307C351.691 307.075 352.23 307.265 352.715 307.558C353.199 307.85 353.618 308.239 353.946 308.7C354.902 310.623 352.619 313.464 351.403 314.978C348.986 317.752 346.032 320.006 342.718 321.603C341.006 322.559 339.517 323.241 338.475 323.7L335.547 322.559L345.844 307.583Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M345.844 307.583C347.483 306.772 349.354 306.565 351.13 307C351.691 307.075 352.23 307.265 352.715 307.558C353.199 307.85 353.618 308.239 353.946 308.7C354.902 310.623 352.619 313.464 351.403 314.978C348.986 317.752 346.032 320.006 342.718 321.603C341.006 322.559 339.517 323.241 338.475 323.7L335.547 322.559L345.844 307.583Z" fill="black" opacity="0.2"/>
<path d="M345.844 307.583C346.913 306.661 348.246 306.101 349.653 305.983C350.199 305.983 351.105 305.983 351.254 306.851C351.527 308.303 349.343 311.218 348.177 312.769C346.001 315.539 343.502 318.038 340.733 320.214C339.343 321.38 338.164 322.286 337.345 322.881L335.534 322.521L345.844 307.583Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M345.845 307.583C346.015 305.761 345.536 303.937 344.492 302.434C343.971 301.727 343.115 300.548 341.887 300.424C339.753 300.226 337.929 303.377 336.924 305.052C335.201 308.298 334.158 311.861 333.859 315.524C333.586 317.472 333.475 319.097 333.425 320.238L335.534 322.559L345.845 307.583Z" fill="black" opacity="0.15"/>
<path d="M338.524 323.7C335.472 327.679 332.416 331.665 329.355 335.66L315.087 354.271L313.152 352.943C316.369 347.757 319.591 342.571 322.817 337.385L333.487 320.238C334.557 320.52 335.566 320.995 336.465 321.64C337.26 322.209 337.956 322.905 338.524 323.7Z" fill="#DADBE0"/>
<path d="M329.318 335.661L315.05 354.271L313.115 352.944C316.332 347.757 319.554 342.571 322.78 337.385C325.05 336.728 327.271 336.157 329.318 335.661Z" fill="black" opacity="0.1"/>
<path d="M307.295 381.244L305.658 356.207L307.357 356.517L307.295 381.244Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M305.112 291.268C303.949 289.302 302.13 287.808 299.975 287.05C298.921 286.702 297.196 286.131 295.869 286.913C293.561 288.278 294.02 292.806 294.256 295.226C294.777 300.338 296.836 304.308 298.822 308.055C299.963 310.226 301.055 311.951 301.836 313.142L305.67 313.936L305.112 291.268Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M305.112 291.268C306.18 289.235 307.941 287.651 310.075 286.801C311.104 286.404 312.804 285.747 314.169 286.466C316.539 287.707 316.315 292.248 316.191 294.68C315.931 299.804 314.07 303.874 312.271 307.72C311.441 309.506 310.521 311.249 309.516 312.943L305.72 313.936L305.112 291.268Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M305.112 291.268C306.18 289.235 307.941 287.651 310.075 286.801C311.104 286.404 312.804 285.747 314.169 286.466C316.539 287.707 316.315 292.248 316.191 294.68C315.931 299.804 314.07 303.874 312.271 307.72C311.441 309.506 310.521 311.249 309.516 312.943L305.72 313.936L305.112 291.268Z" fill="black" opacity="0.2"/>
<path d="M305.112 291.268C305.517 289.553 306.45 288.008 307.779 286.851C308.35 286.466 309.281 285.834 310.05 286.566C311.377 287.806 311.291 292.372 311.291 294.792C311.141 299.192 310.458 303.558 309.256 307.794C308.71 310.003 308.176 311.777 307.792 312.993L305.695 313.936L305.112 291.268Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M305.112 291.268C303.949 289.302 302.13 287.808 299.975 287.05C298.921 286.702 297.196 286.131 295.869 286.913C293.561 288.278 294.02 292.806 294.256 295.226C294.777 300.338 296.836 304.308 298.822 308.055C299.963 310.226 301.055 311.951 301.836 313.142L305.67 313.936L305.112 291.268Z" fill="black" opacity="0.15"/>
<path d="M309.467 312.943C309.31 319.221 309.14 325.495 308.958 331.765C308.685 341.533 308.416 351.293 308.152 361.045L305.211 361.12L303.611 338.303L301.824 313.142C304.271 312.189 306.974 312.118 309.467 312.943Z" fill="#DADBE0"/>
<path d="M308.958 331.765C308.685 341.533 308.416 351.293 308.152 361.045L305.211 361.12L303.611 338.303C305.41 335.983 307.246 333.775 308.958 331.765Z" fill="black" opacity="0.1"/>
<path d="M58 520.067C58 522.437 204.255 524.36 384.654 524.36C565.053 524.36 711.283 522.437 711.283 520.067C711.283 517.697 565.04 515.811 384.654 515.811C204.267 515.811 58 517.759 58 520.067Z" fill="#A6A9B3" class="tblr-illustrations-dart-b"/>
<path d="M344.504 132.507L330.943 153.599L325.658 129.12C332.142 128.098 338.782 129.291 344.504 132.507Z" fill="#DADBE0"/>
<path d="M361.353 106.39L346.465 129.566C339.937 125.806 332.311 124.417 324.877 125.633L319.058 98.6604C333.627 95.9378 348.689 98.6903 361.353 106.39Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M322.234 129.815L327.519 154.281L306.427 140.72C310.312 135.404 315.884 131.56 322.234 129.815Z" fill="#DADBE0"/>
<path d="M315.671 99.4669L321.49 126.44C314.256 128.387 307.915 132.769 303.537 138.847L280.36 123.896C288.722 111.685 301.295 102.986 315.671 99.4669Z" fill="#A7AAB3"/>
<path d="M301.638 141.763C297.895 148.26 296.506 155.85 297.705 163.252L270.732 169.071C268.006 154.497 270.759 139.431 278.462 126.762L301.638 141.763Z" fill="#DADBE0"/>
<path d="M325.621 157.234L301.142 162.52C300.135 156.026 301.346 149.382 304.579 143.661L325.621 157.234Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M310.894 184.629L295.931 207.818C283.73 199.45 275.042 186.878 271.526 172.507L298.499 166.676C300.443 173.908 304.82 180.248 310.894 184.629Z" fill="#A7AAB3"/>
<path d="M326.353 160.659L312.792 181.751C307.485 177.88 303.638 172.333 301.874 166.006L326.353 160.659Z" fill="#DADBE0"/>
<path d="M329.293 162.557L334.579 187.036C328.088 188.037 321.448 186.822 315.732 183.587L329.293 162.557Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M335.323 190.461L341.142 217.434C326.586 220.157 311.537 217.409 298.883 209.716L313.834 186.527C320.332 190.27 327.921 191.66 335.323 190.461Z" fill="#DADBE0"/>
<path d="M353.76 175.386C349.887 180.693 344.335 184.536 338.003 186.292L332.73 161.812L353.76 175.386Z" fill="#DADBE0"/>
<path d="M379.89 192.235C371.526 204.458 358.95 213.169 344.567 216.701L338.748 189.728C345.975 187.768 352.312 183.389 356.701 177.321L379.89 192.235Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M359.107 153.587C360.11 160.078 358.894 166.717 355.658 172.433L334.628 158.872L359.107 153.587Z" fill="#DADBE0"/>
<path d="M389.505 147.023C392.223 161.583 389.475 176.634 381.788 189.294L358.599 174.331C362.35 167.827 363.739 160.228 362.532 152.817L389.505 147.023Z" fill="#A7AAB3"/>
<path d="M358.376 150.162L333.896 155.448L347.457 134.356C352.776 138.242 356.624 143.812 358.376 150.162Z" fill="#DADBE0"/>
<path d="M388.773 143.599L361.8 149.418C359.842 142.189 355.462 135.851 349.393 131.465L364.281 108.288C376.512 116.644 385.232 129.216 388.773 143.599Z" fill="#DADBE0"/>
<path d="M372.594 385.5H310.137C308.602 385.495 307.094 385.902 305.77 386.678C304.431 387.439 303.319 388.542 302.548 389.874C301.776 391.206 301.372 392.72 301.377 394.259V511.68C301.381 514.002 302.305 516.228 303.947 517.87C305.589 519.512 307.815 520.436 310.137 520.439H372.594C374.916 520.436 377.142 519.512 378.784 517.87C380.426 516.228 381.35 514.002 381.354 511.68V394.259C381.35 391.937 380.426 389.711 378.784 388.069C377.142 386.427 374.916 385.503 372.594 385.5ZM374.356 511.68C374.358 511.912 374.313 512.143 374.225 512.358C374.138 512.573 374.008 512.769 373.844 512.934C373.681 513.099 373.486 513.229 373.271 513.319C373.057 513.408 372.827 513.454 372.594 513.454H310.137C309.668 513.451 309.22 513.262 308.89 512.93C308.56 512.598 308.375 512.148 308.375 511.68V394.259C308.375 393.792 308.561 393.344 308.891 393.013C309.222 392.683 309.67 392.497 310.137 392.497H372.594C372.826 392.496 373.056 392.54 373.27 392.628C373.485 392.716 373.68 392.846 373.844 393.01C374.008 393.174 374.137 393.369 374.225 393.583C374.313 393.798 374.358 394.027 374.356 394.259V511.68Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M381.354 394.259V438.441C379.079 437.423 376.746 436.468 374.356 435.575V394.259C374.358 394.027 374.313 393.797 374.225 393.583C374.137 393.368 374.008 393.174 373.844 393.01C373.68 392.846 373.485 392.716 373.27 392.628C373.056 392.54 372.826 392.496 372.594 392.497H310.137C309.67 392.497 309.222 392.683 308.891 393.013C308.561 393.344 308.375 393.792 308.375 394.259V421.877C305.894 421.629 303.499 421.443 301.377 421.269V394.259C301.372 392.72 301.776 391.206 302.548 389.874C303.319 388.542 304.431 387.439 305.77 386.678L310.211 385.5H372.594C374.916 385.503 377.142 386.427 378.784 388.069C380.426 389.711 381.35 391.937 381.354 394.259Z" fill="black" opacity="0.15"/>
<path d="M301.613 338.204H381.118C385.116 338.204 388.95 339.792 391.777 342.619C394.604 345.446 396.193 349.281 396.193 353.279V393.8C396.193 397.801 394.603 401.639 391.774 404.468C388.944 407.298 385.107 408.887 381.106 408.887H301.613C297.615 408.887 293.781 407.299 290.954 404.472C288.127 401.645 286.539 397.811 286.539 393.812V353.291C286.537 351.31 286.926 349.349 287.683 347.518C288.44 345.688 289.55 344.025 290.95 342.624C292.35 341.222 294.012 340.111 295.842 339.353C297.671 338.594 299.633 338.204 301.613 338.204Z" fill="#DADBE0"/>
<path d="M148.522 208.277C149.763 211.466 151.574 216.205 153.869 221.85C154.44 223.153 154.936 224.183 155.11 224.58C157.969 230.717 161.564 236.484 165.817 241.751C166.748 242.781 167.505 243.724 168.435 244.754C170.917 247.235 180.842 247.806 191.053 245.66C194.577 244.949 198.005 243.825 201.264 242.31C211.513 237.744 213.796 227.421 210.421 221.739C209.631 220.362 208.441 219.259 207.009 218.575C204.296 217.003 201.871 214.981 199.838 212.595C196.964 209.497 194.38 206.141 192.12 202.57C191.349 201.508 190.641 200.402 189.999 199.257L176.698 193.649L151.884 201.813C153.522 205.895 153.423 209.195 152.17 209.902C150.917 210.61 148.969 208.736 148.522 208.277Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M148.522 208.277C149.763 211.466 151.574 216.205 153.869 221.85C154.44 223.153 154.936 224.183 155.11 224.58C157.969 230.717 161.564 236.484 165.817 241.751C167.247 240.684 168.477 239.374 169.453 237.88C170.468 236.206 171.17 234.36 171.525 232.434C171.806 230.373 171.773 228.281 171.425 226.23C171.264 224.908 171.032 223.595 170.731 222.297C181.296 222.357 191.575 218.861 199.912 212.371C197.085 209.274 194.543 205.927 192.319 202.371C191.548 201.302 190.836 200.192 190.185 199.046L176.885 193.451L152.07 201.614C153.696 205.684 153.596 209.059 152.343 209.704C151.09 210.349 149.043 208.711 148.621 208.252" fill="black" opacity="0.1"/>
<path d="M147.195 214.667C149.002 219.808 152.691 224.073 157.518 226.602C158.535 227.012 159.428 227.458 160.322 227.917C162.717 229.456 164.691 231.566 166.066 234.059C166.81 232.324 166.958 230.391 166.488 228.563C165.743 225.833 162.853 221.118 162.642 220.461L162.505 220.051C162.367 219.646 162.188 219.255 161.972 218.885C161.398 217.593 160.958 216.246 160.657 214.865V214.729C168.25 216.553 189.292 219.902 198.238 206.85C199.618 204.792 200.739 202.571 201.575 200.237C201.699 200.033 201.779 199.804 201.811 199.567C202.018 198.992 202.167 198.398 202.257 197.793L202.344 197.607C202.704 196.024 202.776 194.389 202.555 192.781V192.197C202.469 191.491 202.245 190.808 201.898 190.188C200.723 187.712 198.703 185.737 196.203 184.617C191.563 182.272 185.793 181.937 182.617 181.788C170.595 180.969 154.304 185.287 148.311 197.818C146.885 201.066 146.211 204.595 146.339 208.141C146.359 210.349 146.68 212.545 147.294 214.667" fill="#232B41" class="tblr-illustrations-dart-c"/>
<path d="M160.607 214.729C168.2 216.552 189.242 219.902 198.188 206.85C199.569 204.792 200.69 202.571 201.525 200.237C201.649 200.032 201.73 199.804 201.761 199.567C201.969 198.992 202.119 198.398 202.208 197.793C202.198 197.757 202.202 197.718 202.218 197.684C202.234 197.65 202.261 197.623 202.295 197.607C202.655 196.024 202.726 194.389 202.506 192.781C200.558 196.457 198.046 199.807 195.061 202.706C180.173 216.813 158.274 212.557 154.788 211.925H154.478C156.438 212.917 158.535 213.86 160.681 214.815" fill="black" opacity="0.5"/>
<path d="M151.463 370.971L156.971 502.722H167.579L182.418 400.934L192.592 502.722H200.508L214.788 370.971H151.463Z" fill="#DADBE0"/>
<path d="M179.589 521.097L155.706 518.404C155.706 518.404 154.85 512.201 158.535 510.067C162.22 507.933 175.632 515.303 179.627 521.097" fill="#232B41" class="tblr-illustrations-dart-c"/>
<path d="M214.789 521.097L190.88 518.404C190.88 518.404 190.024 512.201 193.709 510.067C197.394 507.933 210.806 515.303 214.801 521.097" fill="#232B41" class="tblr-illustrations-dart-c"/>
<path d="M192.592 502.722L182.418 400.934L186.947 370.971H214.789L200.508 502.722H192.592Z" fill="black" opacity="0.15"/>
<path d="M133.051 375.549C134.01 376.474 134.785 377.573 135.334 378.787C137.728 382.956 137.443 387.472 134.428 390.028C130.544 393.279 123.733 392.175 119.018 387.311C118.492 386.817 118.041 386.248 117.678 385.624C114.353 381.12 114.217 375.698 117.678 372.832C121.475 369.718 128.423 370.872 133.051 375.549Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M133.05 375.549C134.01 376.474 134.785 377.573 135.333 378.788C135.147 378.862 134.924 379.085 134.738 379.172C132.182 381.257 133.497 385.041 132.02 385.847C130.544 386.654 128.484 382.77 124.849 383.254C123.281 383.518 121.751 383.977 120.296 384.619C119.44 384.917 118.534 385.339 118.534 385.339L117.765 385.81C114.427 381.294 114.303 375.884 117.765 373.018C121.474 369.718 128.422 370.872 133.05 375.549Z" fill="black" opacity="0.1"/>
<path d="M308.387 331.244C307.147 331.758 305.839 332.088 304.504 332.224C297.878 332.72 291.886 329.234 291.104 324.283C290.434 319.941 294.007 315.859 299.454 314.568L301.613 314.147C307.729 313.638 313.102 316.541 314.665 320.822C314.739 321.206 314.938 321.678 315.012 322.062C315.72 326.107 312.854 329.631 308.387 331.244Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M308.387 331.244C307.147 331.758 305.839 332.088 304.504 332.224C297.878 332.72 291.886 329.234 291.104 324.283C290.434 319.941 294.007 315.859 299.454 314.568C299.454 314.767 299.652 315.04 299.727 315.437C301.179 318.613 304.504 323.043 308.275 323.514C310.893 323.911 313.015 322.273 314.591 320.933C314.665 321.33 314.864 321.802 314.938 322.174C315.72 326.107 312.854 329.631 308.387 331.244Z" fill="black" opacity="0.1"/>
<path d="M244.007 276.107C242.878 274.121 237.903 264.357 228.262 261.652C227.002 261.302 225.709 261.078 224.404 260.982H155.371C154.564 260.846 153.497 260.684 152.219 260.548C149.908 260.298 147.583 260.207 145.259 260.275C142.948 260.215 140.64 260.495 138.41 261.106C137.01 261.588 135.667 262.221 134.403 262.992C124.688 269.047 112.145 304.618 112.145 304.618C108.633 314.56 105.883 324.755 103.919 335.115C103.658 336.653 103.373 338.34 103.112 340.673C102.079 349.763 102.342 358.953 103.894 367.969C105.164 374.736 107.221 381.332 110.023 387.621C116.512 382.15 123.174 376.591 129.663 371.12C128.388 357.847 128.634 344.473 130.395 331.256C131.934 319.928 133.77 314.432 134.912 311.69C137.275 305.938 140.373 300.516 144.13 295.561L145.805 312.645C146.512 319.705 147.219 326.641 147.927 333.737C149.167 346.033 150.334 358.477 151.649 370.959H214.925C216.054 358.663 217.046 346.219 218.176 333.737C219.205 320.76 220.334 307.782 221.488 294.804C238.711 318.192 263.533 334.861 291.7 341.951C295.488 331.545 299.277 321.132 303.065 310.71C261.6 294.047 248.027 283.179 244.007 276.107Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M396.193 353.291V367.931C376.949 377.435 363.14 377.075 354.009 374.892C338.549 371.17 332.247 361.331 315.844 359.718C303.71 358.477 293.325 362.571 286.539 366.107V353.291C286.539 349.292 288.127 345.456 290.953 342.627C293.78 339.798 297.614 338.207 301.613 338.204H381.118C385.117 338.207 388.951 339.798 391.778 342.627C394.605 345.456 396.193 349.292 396.193 353.291Z" fill="black" opacity="0.15"/>
<path d="M648.292 362.708L677.225 399.929L724.285 405.959C724.744 408.962 725.216 412.001 725.65 414.979L682.113 427.51L629.11 399.917L615.822 500.414H608.018L589.78 381.728L648.292 362.708Z" fill="#DADBE0"/>
<path d="M629.11 399.904L634.036 368.279L648.279 362.708L677.225 399.954L724.285 405.984L725.65 414.991L682.113 427.498L629.11 399.904Z" fill="black" opacity="0.1"/>
<path d="M593.192 521.097L618.502 518.181C618.502 518.181 619.47 511.556 615.388 509.223C611.306 506.891 597.274 515.055 593.192 521.097Z" fill="#232B41" class="tblr-illustrations-dart-c"/>
<path d="M738.95 427.857L742.995 406.133C742.995 406.133 737.759 403.651 734.782 406.43C731.804 409.21 735.005 422.932 738.975 427.857" fill="#232B41" class="tblr-illustrations-dart-c"/>
<path d="M616.939 207.644C616.468 211.007 615.699 215.982 614.793 222.024C614.458 223.265 614.272 224.505 614.197 224.915C612.906 231.549 610.741 237.982 607.758 244.047C607.063 245.287 606.517 246.416 605.934 247.434C603.453 251.503 587.187 255.151 573.514 252.483C559.842 249.816 556.145 235.957 562.621 230.821C564.913 228.705 566.789 226.181 568.155 223.376C570.12 219.686 571.836 215.869 573.291 211.949C574.222 209.654 574.668 208.227 574.668 208.227L586.256 199.865L612.113 202.185C611.381 206.478 612.237 209.629 613.713 210.113C615.19 210.597 616.654 208.314 617.001 207.706" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M616.939 207.644C616.468 211.007 615.699 215.982 614.793 222.024C614.458 223.265 614.272 224.505 614.197 224.915C612.907 231.549 610.741 237.982 607.758 244.047C606.149 243.322 604.677 242.327 603.403 241.106C601.99 239.781 600.91 238.14 600.252 236.317C599.515 234.409 599.096 232.393 599.011 230.349C598.855 229.007 598.781 227.656 598.788 226.304C588.556 228.718 577.809 227.616 568.279 223.178C570.252 219.492 571.968 215.674 573.415 211.751C574.346 209.456 574.805 207.967 574.805 207.967L586.393 199.592L612.25 201.925C611.517 206.205 612.361 209.369 613.85 209.853C615.339 210.337 616.666 208.252 617.014 207.644" fill="black" opacity="0.1"/>
<path d="M621.815 220.845C620.5 223.575 615.612 224.89 612.944 226.615C612.352 227.014 611.784 227.449 611.245 227.917C610.993 228.12 610.767 228.353 610.575 228.612C608.546 230.652 607.047 233.156 606.207 235.908C605.142 234.32 604.584 232.447 604.607 230.535C605.046 227.513 605.739 224.533 606.679 221.627C606.661 221.502 606.688 221.375 606.753 221.267C606.828 220.907 606.753 220.746 606.927 220.026C607.217 218.643 607.358 217.233 607.349 215.82V215.672C604.632 216.391 591.716 220.039 580.86 220.039C574.656 220.039 568.998 218.798 566.455 215.076C565.384 213.581 564.678 211.856 564.395 210.039V209.939V209.257V209.158C564.389 208.562 564.468 207.969 564.631 207.396C566.157 202.21 574.11 201.974 574.879 197.16C575.388 193.959 572.125 192.607 573.08 189.79C574.036 186.974 578.44 184.952 581.976 185.386C584.619 185.708 584.681 187.222 587.162 187.582C591.406 188.153 592.82 183.86 597.187 184.232C599.885 184.728 602.371 186.025 604.321 187.954C605.934 189.567 606.195 190.522 608.043 191.676C609.499 192.503 611.092 193.062 612.746 193.326C616.307 193.91 617.051 192.867 618.949 193.326C622.163 194.567 624.26 198.562 624.359 202.123C624.359 206.714 620.997 207.446 620.798 212.446C620.475 217.098 623.019 218.302 621.815 220.845Z" fill="#232B41" class="tblr-illustrations-dart-c"/>
<path d="M572.46 305.561C567.907 305.697 563.589 305.871 559.482 306.07C547.596 306.653 537.571 307.459 529.445 308.266C527.021 308.506 524.775 308.741 522.708 308.973C519.875 309.44 516.999 309.582 514.134 309.395C499.543 307.993 495.821 294.233 475.585 272.297C461.938 257.471 454.208 253.389 455.734 247.037C457.111 241.342 465.176 236.813 472.062 237.471C478.265 238.054 481.541 242.669 497.943 263.885C509.382 278.675 511.479 281.255 512.993 282.223C513.191 282.36 513.402 282.484 513.712 282.657C519.234 285.796 524.717 285.685 531.355 284.556C537.559 283.476 544.867 281.504 554.172 280.486C554.867 280.395 555.574 280.321 556.294 280.263C559.911 279.935 563.542 279.79 567.174 279.829C568.945 288.398 570.706 296.975 572.46 305.561Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M563.564 288.054L559.482 306.107C547.596 306.69 537.571 307.496 529.444 308.303C536.727 302.273 533.563 290.424 531.38 284.593C537.583 283.513 544.891 281.541 554.196 280.523L563.564 288.054Z" fill="black" opacity="0.1"/>
<path d="M664.83 369.941C649.962 371.979 635.21 374.795 620.636 378.378C608.515 381.368 597.262 384.706 586.902 388.18C586.902 388.18 586.765 387.187 586.48 385.698C586.194 384.209 585.76 382.162 585.152 380.103C584.904 379.284 583.912 376.157 582.671 371.529C581.194 366.455 580.189 362.621 579.805 361.48C578.403 356.455 574.408 342.261 564.172 306.144C562.127 307.709 559.952 309.095 557.671 310.288C554.927 311.719 552.041 312.859 549.06 313.688C547.956 310.722 546.579 307.013 545.065 302.707C543.936 299.519 543.067 296.95 542.583 295.424C540.929 290.511 539.374 285.685 537.918 280.945C543.261 278.197 548.749 275.741 554.358 273.588C558.328 272.062 562.149 270.772 565.785 269.68L566.777 269.394H567.025L570.574 268.476L605.736 259.407L610.289 258.24L613.738 257.347C615.771 257.388 617.778 257.809 619.656 258.588C632.522 263.96 634.681 285.213 636.654 299.779C636.815 301.02 636.977 302.174 637.15 303.29C639.657 319.966 646.369 342.993 664.83 369.941Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M605.698 259.344C600.952 265.027 594.546 269.08 587.378 270.936C580.211 272.792 572.642 272.357 565.735 269.692L566.727 269.407H566.976L570.524 268.501C582.261 265.432 593.986 262.38 605.698 259.344Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M664.83 369.941C649.962 371.979 635.21 374.795 620.636 378.378C608.515 381.368 597.261 384.706 586.901 388.18C596.566 384.917 602.162 377.596 613.366 362.993C620.673 353.465 626.927 345.301 631.505 332.397C635.199 321.897 636.924 310.806 636.592 299.68C636.753 300.921 636.914 302.075 637.088 303.191C639.656 319.966 646.369 342.993 664.83 369.941Z" fill="black" opacity="0.1"/>
<path d="M605.698 259.344C600.952 265.027 594.546 269.08 587.378 270.936C580.211 272.792 572.642 272.357 565.735 269.692L566.727 269.407H566.976L570.524 268.501C582.261 265.432 593.986 262.38 605.698 259.344Z" fill="black" opacity="0.15"/>
<path d="M611.48 210.101C611.38 210.386 609.73 215.064 607.299 215.672C604.581 216.391 591.666 220.039 580.809 220.039C574.606 220.039 568.948 218.798 566.405 215.076C565.333 213.581 564.628 211.856 564.345 210.039V209.94V209.257V209.158C564.345 209.158 584.804 220.275 611.48 210.101Z" fill="black" opacity="0.5"/>
<path d="M682.672 319.99C676.729 332.608 663.962 340.4 654.061 346.293C645.86 351.169 631.902 359.618 625.339 355.214C623.383 353.841 621.842 351.957 620.885 349.767C620.075 347.389 619.95 344.831 620.525 342.385C621.915 336.789 628.379 334.01 638.304 329.097C643.267 326.616 667.734 314.395 666.605 310.747C666.558 310.588 666.487 310.437 666.394 310.3C666.034 309.668 665.265 308.923 662.498 306.802C661.183 305.784 659.396 304.444 656.965 302.658L655.935 301.888C652.746 299.556 649.806 297.397 647.089 295.461L645.252 267.508C647.969 269.357 650.885 271.367 653.937 273.538L654.223 273.724C656.493 275.362 658.875 277.074 661.307 278.861C678.305 291.342 682.573 296.02 684.347 299.283C684.622 299.799 684.871 300.329 685.091 300.871C685.203 301.156 687.66 309.432 682.672 319.99Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M662.498 306.802C661.183 305.784 659.396 304.444 656.964 302.658L655.935 301.888C652.746 299.556 649.805 297.397 647.088 295.461L645.252 267.508C647.969 269.357 650.885 271.367 653.937 273.538L654.222 273.724C653.664 281.255 653.937 296.603 662.498 306.802Z" fill="black" opacity="0.1"/>
<path d="M613.701 257.285C616.319 257.211 619.049 257.285 621.902 257.459C636 258.64 649.589 263.277 661.468 270.958C654.296 279.115 649.431 289.039 647.374 299.705L632.051 297.893L613.701 257.285Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M420.957 186.229L445.052 195.46L444.022 196.912L420.957 186.229Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M506.02 222.831C508.377 222.609 510.577 221.553 512.224 219.853C512.993 219.022 514.259 217.644 514.11 216.069C513.824 213.327 509.395 211.813 507.038 211.007C502.075 209.282 497.447 209.505 493.092 209.766C490.611 209.902 488.489 210.175 487.05 210.399L484.531 213.612L506.02 222.831Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M506.02 222.831C507.454 224.691 508.188 226.997 508.092 229.344C508.017 230.486 507.893 232.347 506.64 233.315C504.469 235.002 500.312 232.831 498.104 231.677C493.414 229.195 490.412 225.746 487.595 222.421C485.957 220.498 484.729 218.798 483.873 217.607C484.096 216.28 484.332 214.952 484.568 213.625L506.02 222.831Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M506.02 222.831C507.454 224.691 508.188 226.997 508.092 229.344C508.017 230.486 507.893 232.347 506.64 233.315C504.469 235.002 500.312 232.831 498.104 231.677C493.414 229.195 490.412 225.746 487.595 222.421C485.957 220.498 484.729 218.798 483.873 217.607C484.096 216.28 484.332 214.952 484.568 213.625L506.02 222.831Z" fill="black" opacity="0.2"/>
<path d="M506.02 222.831C507.449 223.951 508.49 225.492 508.998 227.235C509.109 227.93 509.308 229.071 508.29 229.468C506.541 230.176 502.323 228.141 500.077 227.074C496.034 225.057 492.252 222.558 488.811 219.63C486.975 218.166 485.548 216.912 484.581 216.032C484.581 215.237 484.581 214.456 484.581 213.662L506.02 222.831Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M506.02 222.831C508.377 222.609 510.577 221.553 512.224 219.853C512.993 219.022 514.259 217.644 514.11 216.069C513.824 213.327 509.395 211.813 507.038 211.007C502.075 209.282 497.447 209.505 493.092 209.766C490.611 209.902 488.489 210.175 487.05 210.399L484.531 213.612L506.02 222.831Z" fill="black" opacity="0.15"/>
<path d="M483.823 217.607L466.454 209.034L439.443 195.709L440.684 192.929L462.657 201.205L486.938 210.349C486.843 211.773 486.495 213.168 485.908 214.468C485.388 215.621 484.684 216.681 483.823 217.607Z" fill="#DADBE0"/>
<path d="M466.466 209.034L439.456 195.709L440.697 192.929L462.657 201.205C464.047 203.922 465.337 206.577 466.466 209.034Z" fill="black" opacity="0.1"/>
<path d="M346.13 147.941L366.589 132.234L367.296 133.859L346.13 147.941Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M421.763 94.6281C422.788 92.5139 423.03 90.1047 422.446 87.829C422.136 86.7248 421.639 84.9258 420.212 84.2434C417.731 83.0027 414.108 86.03 412.185 87.6181C408.116 90.9804 405.895 95.0623 403.835 98.7845C402.594 101.005 401.776 102.928 401.205 104.268C401.714 105.509 402.222 106.75 402.718 107.991L421.763 94.6281Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M421.764 94.628C424.1 94.3707 426.453 94.951 428.401 96.2658C429.332 96.9233 430.883 98.0028 431.032 99.5785C431.329 102.308 427.31 104.715 425.176 106.005C420.635 108.71 416.094 109.455 411.788 110.112C409.786 110.424 407.769 110.635 405.746 110.745L402.719 108.077L421.764 94.628Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M421.764 94.628C424.1 94.3707 426.453 94.951 428.401 96.2658C429.332 96.9233 430.883 98.0028 431.032 99.5785C431.329 102.308 427.31 104.715 425.176 106.005C420.635 108.71 416.094 109.455 411.788 110.112C409.786 110.424 407.769 110.635 405.746 110.745L402.719 108.077L421.764 94.628Z" fill="black" opacity="0.2"/>
<path d="M421.764 94.6282C423.464 93.9925 425.321 93.9057 427.074 94.38C427.731 94.653 428.811 95.0873 428.625 96.1543C428.29 98.0153 424.369 100.546 422.272 101.899C418.432 104.289 414.316 106.206 410.014 107.606C407.806 108.4 405.994 108.958 404.729 109.318L402.719 108.077L421.764 94.6282Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M421.763 94.6281C422.788 92.5139 423.03 90.1047 422.446 87.829C422.136 86.7248 421.639 84.9258 420.212 84.2434C417.731 83.0027 414.108 86.03 412.185 87.6181C408.116 90.9804 405.895 95.0623 403.835 98.7845C402.594 101.005 401.776 102.928 401.205 104.268C401.714 105.509 402.222 106.75 402.718 107.991L421.763 94.6281Z" fill="black" opacity="0.15"/>
<path d="M405.746 110.757L389.393 121.068L363.909 137.197L362.159 134.715L380.77 120.286L401.254 104.38C402.424 105.198 403.434 106.224 404.232 107.407C404.904 108.44 405.415 109.57 405.746 110.757Z" fill="#DADBE0"/>
<path d="M389.393 121.068L363.909 137.197L362.159 134.715L380.77 120.286C383.735 120.46 386.663 120.757 389.393 121.068Z" fill="black" opacity="0.1"/>
<path d="M293.898 94.464C281.305 101.545 271.093 112.201 264.555 125.086C258.018 137.97 255.447 152.504 257.169 166.849C258.892 181.194 264.829 194.706 274.23 205.677C283.631 216.648 296.075 224.585 309.987 228.484C323.899 232.383 338.655 232.07 352.388 227.583C366.122 223.096 378.217 214.637 387.144 203.277C396.07 191.916 401.428 178.164 402.538 163.758C402.633 162.528 401.713 161.455 400.483 161.36C399.254 161.265 398.18 162.185 398.085 163.415C397.042 176.939 392.012 189.851 383.632 200.517C375.251 211.183 363.895 219.124 351.001 223.337C338.107 227.55 324.254 227.844 311.192 224.183C298.131 220.523 286.448 213.071 277.622 202.771C268.795 192.471 263.221 179.785 261.604 166.317C259.987 152.849 262.401 139.204 268.539 127.107C274.677 115.01 284.264 105.005 296.088 98.3574C307.911 91.7093 321.441 88.7166 334.966 89.7578C336.196 89.8524 337.269 88.9323 337.364 87.7025C337.459 86.4727 336.538 85.3991 335.309 85.3044C320.903 84.1955 306.492 87.383 293.898 94.464Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M173.795 259.295C177.338 262.959 181.935 265.427 186.947 266.355L187.654 266.504L200.061 260.846L173.795 259.295Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M173.795 259.295C177.338 262.959 181.935 265.427 186.947 266.355L187.654 266.504L200.061 260.846L173.795 259.295Z" fill="black" opacity="0.1"/>
<path d="M187.654 266.503L203.064 255.474L206.587 259.146L196.128 274.841L187.654 266.503Z" fill="#DADBE0"/>
<path d="M186.947 266.503L163.473 251.801L158.25 256.751L174.081 277.384L186.947 266.503Z" fill="#DADBE0"/>
<path d="M187.654 266.503L203.064 255.474L206.587 259.146L196.128 274.841L187.654 266.503Z" fill="black" opacity="0.11"/>
<path d="M179.031 280.213C183.126 300.573 187.233 320.921 191.19 341.281C192.431 320.784 193.87 300.338 195.285 279.928C192.592 275.412 190.049 271.02 187.369 266.503L186.662 266.64C184.255 271.164 181.711 275.689 179.031 280.213Z" fill="#DADBE0"/>
<path d="M187.505 266.503L191.326 341.281C192.567 320.784 194.006 300.338 195.421 279.928C192.741 275.412 190.197 270.883 187.505 266.503Z" fill="black" opacity="0.11"/>
<path d="M129.663 371.182C123.174 376.653 116.512 382.212 110.023 387.683C107.221 381.394 105.164 374.798 103.894 368.031C102.342 359.015 102.079 349.825 103.112 340.735C103.28 338.869 103.55 337.013 103.919 335.177C105.135 349.221 111.251 363.911 129.663 371.182Z" fill="black" opacity="0.1"/>
<path d="M214.789 370.971H151.512C150.272 358.564 149.105 346.082 147.79 333.75C170.26 364.321 214.789 370.971 214.789 370.971Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

67
src/illustrations/email.svg Normal file
View File

@ -0,0 +1,67 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-email-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-email-b { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-email-c { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-email-d { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-email-a { fill: black; opacity: 0.07; } .tblr-illustrations-email-b { fill: #454C5E; } .tblr-illustrations-email-c { fill: #232B41; } .tblr-illustrations-email-d { fill: #1A2030; } }
</style>
<path d="M171.907 303.625C171.907 341.039 211.48 368.198 228.957 398.403C247.006 429.581 251.339 477.22 282.517 495.268C312.722 512.745 355.742 493.18 393.169 493.18C430.597 493.18 473.602 512.745 503.821 495.268C534.999 477.22 539.333 429.581 557.367 398.403C574.858 368.198 614.417 341.039 614.417 303.625C614.417 266.212 574.858 239.067 557.367 208.805C539.333 177.627 534.999 129.988 503.821 111.939C473.602 94.4627 430.582 114.027 393.169 114.027C355.756 114.027 312.722 94.4627 282.517 111.939C251.339 129.988 247.006 177.627 228.957 208.805C211.48 239.025 171.907 266.169 171.907 303.582V303.625Z" fill="#F7F8FC" class="tblr-illustrations-email-a"/>
<path d="M359.117 132.119L379.682 158.592L413.12 162.882C413.449 165.013 413.778 167.173 414.092 169.29L383.158 178.171L345.487 158.563L335.919 227.898L329.87 228.413C325.76 200.83 321.651 173.237 317.542 145.635L359.117 132.119Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M425.934 160.766L422.216 161.438C422.216 161.438 418.569 161.552 417.925 163.755C417.282 165.957 423.403 172.336 427.264 173.966L424.175 166.229L427.036 164.97L425.934 160.766Z" fill="#232B41" class="tblr-illustrations-email-b"/>
<path d="M318.671 96.2363C318.836 97.4888 319.075 98.7305 319.386 99.9548C319.521 99.3954 319.521 98.8122 319.386 98.2529C319.186 97.5807 318.929 96.9228 318.671 96.2363Z" fill="black" opacity="0.1"/>
<path d="M262.537 162.425C262.058 163.068 261.495 163.645 260.864 164.141C258.619 165.914 255.887 166.215 254.071 164.67C251.782 162.682 251.825 158.506 254.199 155.302C254.462 154.949 254.749 154.615 255.057 154.301C257.403 151.913 260.621 151.312 262.652 153.057C264.94 155.016 264.897 159.221 262.537 162.425Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M262.537 162.425C262.058 163.068 261.495 163.645 260.864 164.141C260.635 163.912 260.449 163.697 260.249 163.483C257.675 160.537 257.689 158.334 255.372 154.759C255.277 154.6 255.172 154.447 255.057 154.301C257.403 151.913 260.621 151.312 262.652 153.057C264.94 155.016 264.897 159.221 262.537 162.425Z" fill="black" opacity="0.1"/>
<path d="M393.67 107.735C394.438 107.964 395.167 108.311 395.829 108.765C398.246 110.295 399.419 112.769 398.546 115C397.417 117.86 393.455 119.133 389.651 117.86C389.233 117.731 388.827 117.568 388.435 117.374C385.403 115.944 383.787 113.084 384.788 110.595C385.889 107.864 389.88 106.533 393.67 107.735Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M393.67 107.735C394.438 107.964 395.167 108.311 395.829 108.765L395.414 109.551C393.469 112.955 391.381 113.642 388.75 116.988C388.65 117.145 388.535 117.274 388.435 117.446C385.403 116.016 383.787 113.155 384.788 110.667C385.889 107.864 389.88 106.534 393.67 107.735Z" fill="black" opacity="0.1"/>
<path d="M359.131 132.119C354.841 133.893 350.278 135.652 345.459 137.354C343.174 138.155 340.88 138.932 338.579 139.685C335.719 140.615 332.859 141.501 329.998 142.302C325.708 143.546 321.56 144.633 317.585 145.592C316.154 143.217 314.581 140.786 312.879 138.312C308.591 132.07 303.808 126.183 298.578 120.707C297.233 133.392 295.217 152.027 283.403 164.413C280.096 167.816 276.225 170.623 271.962 172.708L269.745 169.847L266.37 165.557L246.348 140.157C246.348 140.157 260.163 143.961 269.974 141.172C281.415 138.012 287.336 126.012 288.18 121.15C288.615 118.203 289.412 115.32 290.554 112.569C290.654 112.311 290.969 111.539 291.441 110.538C291.627 110.209 291.799 109.837 291.999 109.451C292.485 108.521 293.043 107.592 293.586 106.719C295.795 103.272 298.293 100.019 301.052 96.9943C303.186 94.662 305.449 92.4513 307.831 90.3726C308.632 89.6718 309.475 88.9424 310.348 88.2416C311.742 87.0105 313.224 85.8824 314.781 84.8664C316.388 84.0691 318.104 83.5148 319.873 83.2217H319.987C320.717 83.1073 328.797 85.8533 329.083 85.8962C330.728 86.4253 344.815 109.852 353.267 123.081C354.869 125.612 356.256 127.786 357.315 129.345C357.82 130.331 358.429 131.261 359.131 132.119Z" fill="#DADBE0"/>
<path d="M359.117 132.119L345.459 137.296L329.97 142.331C333.73 133.167 333.73 122.891 329.97 113.727C323.448 98.2671 308.818 93.5475 306.758 92.9612L307.659 90.487C308.46 89.7862 309.304 89.0568 310.19 88.356C311.57 87.1133 313.048 85.9845 314.61 84.9808C316.219 84.1899 317.934 83.636 319.701 83.3361H319.816C321.283 83.1132 322.772 83.0747 324.249 83.2217V83.379L324.02 84.6232L323.477 87.2405L328.911 85.9533C330.556 86.4825 344.643 109.909 353.096 123.138C354.526 125.641 355.956 127.757 357.143 129.416C357.93 130.575 358.602 131.461 359.117 132.119Z" fill="black" opacity="0.1"/>
<path d="M312.522 89.1282C315.883 92.5892 314.495 99.3682 309.447 104.274C304.398 109.179 297.591 110.323 294.23 106.862C294.045 106.677 293.882 106.47 293.744 106.247C295.944 102.794 298.442 99.5399 301.209 96.5222C304.095 93.3814 307.207 90.4561 310.52 87.7695C311.274 88.0779 311.956 88.5407 312.522 89.1282Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M315.883 105.375C315.439 105.375 315.139 104.903 314.61 103.945C314.43 103.572 314.215 103.217 313.966 102.887C313.241 102.256 312.42 101.745 311.535 101.371C314.138 101.099 317.356 100.541 318.543 99.3827C318.698 99.2426 318.821 99.0701 318.903 98.8774C318.984 98.6846 319.022 98.4763 319.015 98.2672C318.9 96.837 316.912 95.8359 315.425 95.1923C312.293 93.7621 310.076 93.6763 308.832 94.7776C307.588 95.8788 307.716 98.5246 308.045 99.9119C306.343 99.4399 302.868 98.7678 301.052 100.641C299.621 102.186 299.707 105.061 301.366 109.222C302.139 111.139 303.369 113.713 305.056 113.913C305.319 113.946 305.587 113.915 305.836 113.823C306.084 113.731 306.308 113.58 306.486 113.384C308.102 111.811 308.975 107.191 309.347 103.888C309.706 104.796 309.805 105.787 309.633 106.748C309.498 107.036 309.439 107.354 309.459 107.671C309.479 107.988 309.578 108.295 309.747 108.564C310.794 109.763 312.234 110.549 313.809 110.781V109.465C311.549 108.865 311.02 108.321 310.948 108.121C310.903 108.038 310.88 107.944 310.88 107.849C310.88 107.754 310.903 107.661 310.948 107.578C311.563 106.147 310.677 103.516 310.062 102C311.128 102.431 312.149 102.967 313.108 103.602C313.252 103.822 313.381 104.051 313.494 104.288C313.966 105.204 314.767 106.734 316.269 106.791C317.112 106.791 318.957 108.107 321.231 110.223L321.989 109.351C319.201 106.748 317.241 105.432 315.883 105.375ZM309.819 95.9217C310.734 95.1065 312.522 95.2924 315.139 96.4366C317.456 97.452 317.599 98.0098 317.613 98.0098C317.613 98.8679 313.823 99.8404 309.347 100.155C309.146 99.0109 308.803 96.8942 309.819 95.9217ZM304.827 112.454C304.742 112.454 303.941 112.254 302.611 108.951C301.18 105.347 301.009 102.901 302.153 101.685L302.239 101.599C303.669 100.169 306.83 100.842 308.203 101.242C307.645 106.905 306.186 112.612 304.827 112.454Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M325.036 82.0491C337.995 82.1208 350.831 84.5687 362.907 89.2714C362.907 89.2714 368.627 91.5311 395.457 106.133C391.876 108.107 389.084 111.253 387.549 115.043C386.118 119.162 387.377 121.736 386.118 126.198C384.845 130.203 382.343 133.706 378.968 136.21C378.324 134.78 377.423 132.82 376.265 130.646C374.638 127.624 372.832 124.701 370.858 121.894C367.378 116.946 363.447 112.331 359.117 108.107C355.135 104.53 350.754 101.425 346.059 98.8536C338.75 94.7584 330.831 91.8613 322.604 90.2726C323.396 87.5171 324.206 84.7759 325.036 82.0491Z" fill="#DADBE0"/>
<path d="M296.16 93.3044C300.823 89.0138 304.084 82.5495 304.513 79.0885C304.626 78.522 304.592 77.9358 304.413 77.3866C304.155 76.7287 303.841 76.0994 303.512 75.4415C303.046 74.5255 302.535 73.6329 301.981 72.7671C300.592 70.4998 298.998 68.3647 297.219 66.3885C297.076 66.2312 296.618 65.7593 296.118 65.2015C293.772 62.7845 291.827 60.911 290.397 59.5952C290.511 59.8956 290.94 61.3257 290.397 61.7834C289.853 62.241 288.094 61.6261 286.421 59.9099L277.01 70.6218V78.4878C277.01 78.4878 277.511 79.16 278.212 80.2755C279.44 82.1853 280.535 84.178 281.487 86.2393C282.288 87.7515 282.798 89.4011 282.989 91.1019C283.246 95.6355 290.597 98.453 296.16 93.3044Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M281.487 86.2393C286.517 83.4261 290.467 79.0182 292.714 73.711C293.784 72.7935 295.085 72.1853 296.475 71.9519C298.563 71.6373 299.478 72.4954 301.724 72.7385H301.924C300.552 70.4835 298.977 68.358 297.219 66.3885C297.076 66.2312 296.618 65.7593 296.118 65.2015C293.772 62.7845 291.827 60.911 290.397 59.5952C290.511 59.8956 290.94 61.3257 290.397 61.7834C289.853 62.241 288.094 61.6261 286.421 59.9099L277.01 70.6218V78.4878C277.01 78.4878 277.511 79.16 278.212 80.2755C279.44 82.1853 280.535 84.178 281.487 86.2393Z" fill="black" opacity="0.1"/>
<path d="M270.446 81.8202C271.042 82.464 271.812 82.9211 272.663 83.1359C274.438 83.5581 276.291 83.5335 278.055 83.0644C285.849 81.0479 288.609 70.1929 289.253 67.0751C291.055 67.7759 293.229 67.3754 294.215 67.9618C294.501 68.1334 294.802 68.3051 295.059 68.491C296.281 69.3044 297.351 70.3258 298.22 71.5086C300.222 74.1974 301.195 77.3867 303.226 80.2756C308.546 87.7554 319.687 91.0877 327.453 90.1581C327.837 90.1171 328.219 90.055 328.597 89.9722C339.751 87.8701 350.061 82.591 358.287 74.7694C365.472 67.1223 370.117 57.4417 371.588 47.0527C369.276 46.1813 366.879 45.5534 364.437 45.1792C363.293 45.0076 362.392 44.9217 361.777 44.8788C357.549 44.6157 353.309 44.5775 349.077 44.7644C345.416 44.8645 340.01 42.9052 332.458 33.6377C333.309 40.375 332.464 47.2182 329.998 53.5457C327.138 60.6965 320.745 70.5647 315.983 69.392C312.65 68.5768 313.809 63.8572 309.204 60.1531C300.251 53.0022 285.592 58.8802 284.676 59.2664C282.502 60.1817 274.179 63.6713 270.918 71.9091C270.046 74.04 268.029 79.1315 270.446 81.8202Z" fill="#232B41" class="tblr-illustrations-email-b"/>
<path d="M327.453 90.2011C327.837 90.16 328.219 90.098 328.597 90.0151C339.76 87.8989 350.074 82.6051 358.301 74.7695C365.477 67.1183 370.117 57.439 371.588 47.0528C369.276 46.1814 366.879 45.5535 364.437 45.1792C363.493 45.0219 362.621 44.9361 361.777 44.8789C362.207 48.4496 361.93 52.07 360.962 55.5337C359.584 60.2098 357.073 64.4737 353.653 67.9476C346.3 75.754 336.334 80.5845 325.651 81.5199C315.568 81.7858 305.761 78.2067 298.22 71.5087C300.222 74.1974 301.195 77.3867 303.225 80.2757C308.546 87.7984 319.687 91.1307 327.453 90.2011ZM272.663 83.136C274.438 83.5582 276.291 83.5336 278.054 83.0645C285.849 81.048 288.609 70.193 289.253 67.0752C289.213 65.7927 289.04 64.5178 288.738 63.2709C287.883 67.643 285.97 71.7387 283.165 75.1995C280.36 78.6603 276.749 81.3804 272.648 83.1217L272.663 83.136Z" fill="black" opacity="0.5"/>
<path d="M345.487 158.549L348.991 136.081L359.117 132.119L379.683 158.592L413.12 162.868L414.093 169.275L383.158 178.157L345.487 158.549ZM298.506 120.735C297.162 133.421 295.145 152.056 283.332 164.441C280.025 167.845 276.154 170.651 271.891 172.736L269.674 169.876L266.299 165.585C266.299 165.585 294.559 146.264 298.506 120.735Z" fill="black" opacity="0.1"/>
<path d="M223.265 288.694V389.436C223.263 390.477 223.466 391.509 223.864 392.472C224.261 393.435 224.844 394.31 225.58 395.047C226.316 395.785 227.19 396.37 228.152 396.769C229.115 397.168 230.146 397.373 231.188 397.373H464.62C465.662 397.373 466.694 397.168 467.656 396.769C468.618 396.37 469.492 395.785 470.228 395.047C470.964 394.31 471.547 393.435 471.945 392.472C472.342 391.509 472.546 390.477 472.544 389.436V250.981C472.544 248.879 471.709 246.864 470.223 245.378C468.737 243.892 466.722 243.058 464.62 243.058H280.486" fill="white" class="tblr-illustrations-email-c"/>
<path d="M464.549 240.769H280.486V245.346H464.549C466.039 245.364 467.463 245.963 468.518 247.016C469.573 248.068 470.176 249.491 470.198 250.981V389.436C470.192 390.251 470.011 391.056 469.669 391.795H226.068C225.728 391.055 225.552 390.25 225.553 389.436V288.68L220.69 286.95V312.821L220.905 389.436C220.903 390.539 221.081 391.636 221.434 392.682C221.295 392.79 221.166 392.91 221.048 393.04L200.453 415.751C199.138 417.181 199.452 418.826 201.04 418.826H449.704C450.188 418.794 450.661 418.667 451.096 418.451C451.53 418.235 451.918 417.934 452.235 417.567L469.912 398.174C471.409 397.267 472.646 395.988 473.503 394.462C474.36 392.936 474.808 391.215 474.803 389.464V250.981C474.801 249.637 474.535 248.306 474.018 247.065C473.502 245.824 472.745 244.698 471.793 243.749C470.841 242.801 469.711 242.049 468.468 241.538C467.225 241.027 465.893 240.766 464.549 240.769Z" fill="#232B41" class="tblr-illustrations-email-b"/>
<path d="M385.889 464.219L365.595 481.725C365.01 482.236 364.279 482.552 363.505 482.629C362.732 482.705 361.953 482.538 361.279 482.15C360.605 481.763 360.069 481.174 359.745 480.467C359.422 479.76 359.327 478.97 359.474 478.207L361.405 467.852C361.493 467.356 361.481 466.848 361.371 466.357C361.26 465.866 361.053 465.402 360.761 464.992L354.583 456.482C354.125 455.854 353.874 455.1 353.864 454.323C353.854 453.546 354.086 452.786 354.528 452.146C354.969 451.507 355.598 451.021 356.328 450.755C357.058 450.489 357.853 450.456 358.602 450.661L384.445 457.812C385.09 457.998 385.673 458.354 386.134 458.842C386.594 459.331 386.915 459.934 387.062 460.589C387.21 461.243 387.179 461.926 386.973 462.565C386.766 463.203 386.392 463.775 385.889 464.219Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M475.59 146.85L538.517 123.853L543.094 128.515L553.949 160.68C553.44 161.637 552.733 162.476 551.875 163.14C550.694 164.032 549.287 164.577 547.813 164.713L489.491 185.05L486.23 182.189L474.56 147.308L475.59 146.85Z" fill="white" class="tblr-illustrations-email-c"/>
<path d="M496.656 159.25C496.703 159.114 496.776 158.99 496.871 158.883C496.966 158.776 497.082 158.689 497.211 158.626C497.339 158.564 497.479 158.527 497.622 158.519C497.765 158.511 497.908 158.53 498.043 158.577C498.179 158.624 498.303 158.697 498.41 158.793C498.517 158.888 498.604 159.003 498.667 159.132C498.729 159.261 498.766 159.4 498.774 159.543C498.782 159.686 498.763 159.829 498.716 159.965L491.722 178.457C491.62 178.728 491.414 178.947 491.15 179.067C490.885 179.186 490.585 179.196 490.313 179.093C490.042 178.991 489.823 178.785 489.703 178.521C489.584 178.256 489.575 177.956 489.677 177.684L496.656 159.25ZM548.829 158.163C548.753 158.285 548.654 158.39 548.536 158.473C548.419 158.555 548.286 158.613 548.146 158.642C548.005 158.672 547.86 158.672 547.719 158.644C547.579 158.616 547.445 158.559 547.327 158.477L530.809 147.694C530.599 147.521 530.461 147.277 530.42 147.009C530.379 146.74 530.439 146.466 530.588 146.239C530.737 146.012 530.964 145.849 531.227 145.779C531.489 145.71 531.768 145.74 532.01 145.863L548.514 156.661C548.714 156.791 548.866 156.983 548.947 157.208C549.027 157.433 549.031 157.678 548.958 157.905C548.929 157.998 548.886 158.085 548.829 158.163Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M542.479 128.358C542.607 128.191 542.721 128.014 542.822 127.829L553.792 158.492C554.132 159.45 554.079 160.503 553.645 161.422C553.211 162.342 552.431 163.052 551.475 163.397L491.479 184.85C490.521 185.19 489.468 185.137 488.549 184.703C487.629 184.269 486.919 183.489 486.574 182.533L475.604 151.87L476.205 152.056L476.891 152.228L487.603 182.161C487.849 182.845 488.356 183.404 489.013 183.715C489.669 184.026 490.423 184.063 491.107 183.82L551.175 162.368C551.514 162.243 551.825 162.053 552.09 161.807C552.355 161.562 552.569 161.266 552.719 160.937C552.877 160.614 552.967 160.263 552.984 159.904C553.001 159.545 552.945 159.186 552.819 158.849L542.107 128.901L542.479 128.358Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M543.394 126.584C543.19 126.054 542.952 125.538 542.679 125.04C542.465 124.654 541.249 122.408 540.505 122.623C540.177 122.709 539.962 123.352 540.005 123.853C540.017 123.989 540.046 124.124 540.091 124.253L540.606 125.211C544.667 136.443 548.719 147.66 552.762 158.863C552.888 159.2 552.944 159.559 552.927 159.918C552.91 160.277 552.82 160.628 552.662 160.951C552.512 161.28 552.298 161.576 552.033 161.821C551.768 162.067 551.457 162.257 551.117 162.382L491.05 183.834C490.365 184.078 489.612 184.04 488.955 183.729C488.299 183.418 487.792 182.859 487.546 182.175L476.105 148.795L475.576 148.337C474.589 146.907 474.146 146.907 474.045 146.907C473.531 147.079 473.588 148.809 473.745 149.767C473.813 150.217 473.929 150.658 474.088 151.083C477.902 161.667 481.687 172.25 485.444 182.833C485.886 184.063 486.799 185.068 487.982 185.625C489.164 186.183 490.52 186.249 491.751 185.808L551.818 164.355C553.046 163.909 554.048 162.996 554.605 161.815C555.162 160.633 555.23 159.279 554.793 158.048C554.407 156.933 549.787 144.133 543.394 126.584Z" fill="#A7AAB3"/>
<path d="M532.01 145.878L548.514 156.675C548.714 156.805 548.866 156.998 548.947 157.222C549.027 157.447 549.031 157.692 548.958 157.92C548.929 158.012 548.886 158.099 548.829 158.177C548.753 158.299 548.654 158.405 548.536 158.487C548.419 158.57 548.286 158.627 548.146 158.657C548.005 158.686 547.86 158.687 547.719 158.658C547.579 158.63 547.445 158.573 547.327 158.492L530.809 147.708C530.599 147.536 530.461 147.292 530.42 147.023C530.379 146.755 530.439 146.481 530.588 146.254C530.737 146.027 530.964 145.863 531.227 145.793C531.489 145.724 531.768 145.754 532.01 145.878ZM498.072 158.606C498.331 158.709 498.542 158.906 498.662 159.159C498.781 159.411 498.8 159.699 498.716 159.965L491.722 178.457C491.62 178.728 491.414 178.948 491.15 179.067C490.885 179.186 490.585 179.196 490.313 179.093C490.042 178.991 489.823 178.785 489.703 178.521C489.584 178.257 489.575 177.956 489.677 177.685L496.685 159.25C496.788 158.984 496.99 158.768 497.248 158.648C497.507 158.528 497.802 158.513 498.072 158.606Z" fill="#A7AAB3"/>
<path d="M542.45 125.426C542.456 125.478 542.456 125.531 542.45 125.583C542.327 125.922 542.153 126.24 541.936 126.527L518.195 158.592C517.755 159.193 517.146 159.65 516.446 159.904C515.745 160.159 514.985 160.2 514.262 160.022L475.576 150.311C475.227 150.226 474.89 150.096 474.575 149.925C473.828 149.485 473.255 148.801 472.953 147.988C472.651 147.176 472.638 146.284 472.916 145.463C473.151 144.741 473.606 144.111 474.217 143.661L474.403 143.546C474.525 143.459 474.654 143.382 474.789 143.318L475.189 143.146L537.631 120.807C538.283 120.585 538.983 120.547 539.656 120.696C540.328 120.845 540.946 121.176 541.444 121.653C541.941 122.129 542.298 122.733 542.475 123.398C542.653 124.064 542.644 124.765 542.45 125.426ZM284.59 478.679V475.818C290.311 475.704 296.203 475.418 302.067 474.974L302.282 477.835C296.304 478.278 290.368 478.564 284.59 478.679ZM266.928 478.521C260.964 478.292 255.029 477.863 249.294 477.263L249.594 474.402C255.315 475.003 261.136 475.418 267.042 475.661L266.928 478.521ZM319.844 476.047L319.487 473.258C325.093 472.543 330.814 471.671 336.491 470.67L336.978 473.444C331.2 474.445 325.436 475.318 319.787 476.047H319.844ZM231.789 474.817C225.853 473.745 220.047 472.443 214.526 470.941L215.256 468.224C220.705 469.654 226.44 470.984 232.289 472.043L231.789 474.817ZM197.665 465.464C192.13 463.351 186.737 460.886 181.518 458.084L182.862 455.61C187.976 458.355 193.259 460.772 198.68 462.847L197.665 465.464ZM166.601 448.388C161.876 444.72 157.616 440.488 153.916 435.788L156.132 434.072C159.689 438.588 163.786 442.651 168.332 446.171L166.601 448.388ZM145.449 419.899C145.149 418.969 144.891 418.011 144.662 417.038C143.867 413.644 143.469 410.17 143.475 406.684C143.475 405.125 143.475 403.523 143.704 401.936L146.565 402.207C146.422 403.709 146.35 405.211 146.35 406.684C146.346 409.954 146.725 413.213 147.48 416.395C147.68 417.267 147.938 418.154 148.209 419.026L145.449 419.899ZM150.669 385.574L148.052 384.545C150.274 379.019 152.983 373.702 156.147 368.656L158.535 370.086C155.448 375.014 152.815 380.213 150.669 385.617V385.574ZM168.646 355.956L166.444 354.196C170.978 348.562 175.111 344.185 178.214 340.924L180.231 342.87C177.185 346.102 173.109 350.392 168.646 355.998V355.956ZM499.417 243.129L497.586 240.998C501.945 237.247 505.834 232.983 509.17 228.298L511.459 229.929C507.997 234.803 503.953 239.236 499.417 243.129ZM519.854 214.111L517.208 213.124C519.291 207.791 520.554 202.174 520.955 196.463H523.815C523.438 202.532 522.101 208.503 519.854 214.154V214.111Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M474.832 298.019V389.436C474.83 391.188 474.378 392.911 473.519 394.439C472.66 395.967 471.423 397.248 469.926 398.16L452.235 417.61C451.918 417.977 451.53 418.278 451.096 418.494C450.661 418.71 450.188 418.837 449.704 418.869H405.912C409.913 411.972 414.667 405.54 420.085 399.69C421.515 398.06 423.031 396.501 424.375 395.128C425.72 393.755 426.835 392.782 427.951 391.839H469.712C470.063 391.102 470.244 390.295 470.241 389.479V299.492L474.832 298.019Z" fill="black" opacity="0.3"/>
<path d="M561.386 313.937H654.204C655.544 313.84 656.832 313.375 657.925 312.593C659.018 311.81 659.873 310.741 660.397 309.504L666.847 293.071C667.805 290.611 666.604 288.623 664.144 288.623H571.326C569.984 288.723 568.696 289.191 567.603 289.975C566.511 290.76 565.656 291.831 565.133 293.071L558.697 309.504C557.725 311.949 558.94 313.937 561.386 313.937Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M658.294 338.207H596.94C595.51 338.207 594.866 337.077 595.409 335.69L597.097 331.4C597.393 330.7 597.878 330.095 598.496 329.654C599.114 329.212 599.843 328.95 600.601 328.897H661.912C663.343 328.897 663.972 330.012 663.428 331.4L661.741 335.69C661.451 336.384 660.977 336.986 660.369 337.43C659.761 337.874 659.044 338.142 658.294 338.207Z" fill="#DADBE0"/>
<path d="M549.158 364.565H636.17C636.952 364.506 637.703 364.233 638.34 363.776C638.978 363.32 639.479 362.698 639.788 361.977L641.676 357.143C642.233 355.712 641.533 354.554 640.103 354.554H553.091C552.309 354.613 551.558 354.886 550.92 355.343C550.282 355.799 549.781 356.422 549.473 357.143L547.585 361.977C547.013 363.407 547.728 364.565 549.158 364.565ZM549.158 364.565H636.17C636.952 364.506 637.703 364.233 638.34 363.776C638.978 363.32 639.479 362.698 639.788 361.977L641.676 357.143" fill="#A7AAB3"/>
<path d="M508.226 550.345C555.98 550.345 594.695 548.185 594.695 545.525C594.695 542.865 555.98 540.719 508.226 540.719C460.473 540.719 421.772 542.865 421.772 545.525C421.772 548.185 460.473 550.345 508.226 550.345Z" fill="#A6A9B3" class="tblr-illustrations-email-d"/>
<path d="M513.518 362.863L512.016 380.211L509.156 413.706L506.882 439.706H462.59C461.712 431.04 460.85 422.373 460.001 413.706C459.505 408.805 459.029 403.895 458.571 398.975L454.967 362.863H513.518Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M464.048 323.562C464.692 325.879 465.693 329.283 467.037 333.359C467.352 334.26 467.609 335.046 467.695 335.318C469.318 339.778 471.495 344.015 474.174 347.932C474.732 348.705 475.261 349.434 475.847 350.12C477.435 352.023 484.342 352.981 491.579 352.051C494.061 351.751 496.506 351.195 498.873 350.392C506.253 347.789 508.484 340.796 506.482 336.62C505.999 335.604 505.228 334.754 504.265 334.174C502.449 332.927 500.878 331.356 499.631 329.54C497.877 327.193 496.295 324.722 494.897 322.146C494.068 320.716 493.581 319.701 493.581 319.701L484.571 314.995L466.766 319.286C467.681 322.232 467.395 324.506 466.494 324.906C465.593 325.307 464.334 323.862 464.048 323.562Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M464.048 323.562C464.692 325.879 465.693 329.283 467.037 333.359C467.352 334.26 467.61 335.046 467.695 335.318C469.318 339.778 471.495 344.015 474.174 347.932C475.243 347.296 476.179 346.461 476.934 345.472C477.743 344.37 478.33 343.122 478.665 341.797C478.983 340.39 479.079 338.943 478.951 337.506C478.916 336.548 478.825 335.593 478.679 334.646C486.043 335.293 493.413 333.46 499.617 329.44C497.869 327.084 496.287 324.608 494.883 322.032C494.053 320.602 493.567 319.586 493.567 319.586L484.571 314.995L466.766 319.286C467.681 322.232 467.395 324.492 466.494 324.906C465.593 325.321 464.277 323.92 463.991 323.619" fill="black" opacity="0.1"/>
<path d="M462.761 327.895C463.724 331.578 466.043 334.761 469.254 336.805C469.901 337.128 470.526 337.491 471.128 337.892C472.7 339.118 473.944 340.715 474.746 342.54C475.336 341.345 475.555 340 475.375 338.679C474.812 336.648 474.071 334.672 473.159 332.772C473.159 332.772 473.159 332.644 473.058 332.486C472.958 332.329 472.915 332.1 472.772 331.685C472.484 330.748 472.259 329.793 472.1 328.825V328.682C477.249 330.355 491.679 333.988 498.759 325.364C499.859 324.015 500.764 322.517 501.447 320.916C501.522 320.783 501.576 320.638 501.605 320.487C501.767 320.09 501.905 319.684 502.019 319.271C502.019 319.271 502.019 319.2 502.019 319.171C502.311 318.101 502.417 316.988 502.334 315.882V315.453C502.26 314.968 502.145 314.489 501.991 314.023C501.307 312.253 500.027 310.776 498.372 309.847C495.493 308.325 492.346 307.378 489.105 307.058C480.81 305.814 469.168 307.83 464.277 316.197C463.058 318.389 462.377 320.84 462.289 323.347C462.247 324.902 462.41 326.455 462.775 327.967" fill="#232B41" class="tblr-illustrations-email-b"/>
<path d="M472.086 328.697C477.234 330.37 491.665 334.002 498.744 325.379C499.85 324.033 500.756 322.535 501.433 320.931C501.505 320.801 501.558 320.661 501.59 320.516C501.756 320.116 501.895 319.705 502.005 319.286C502.005 319.286 502.005 319.214 502.005 319.186C502.296 318.115 502.403 317.003 502.32 315.896C500.78 318.342 498.847 320.516 496.599 322.332C485.401 331.242 470.441 327.009 467.996 326.337H467.824C469.158 327.267 470.564 328.09 472.029 328.797" fill="black" opacity="0.5"/>
<path d="M462.59 439.706L466.394 531.809H473.874L484.214 460.658L491.322 531.809H496.871L506.839 439.706H462.59Z" fill="#DADBE0"/>
<path d="M482.254 544.595L465.564 542.736C465.564 542.736 464.949 538.446 467.567 536.901C470.184 535.356 479.523 540.548 482.254 544.595ZM506.839 544.595L490.149 542.736C490.149 542.736 489.548 538.446 492.166 536.901C494.783 535.356 504.122 540.548 506.839 544.595Z" fill="#232B41" class="tblr-illustrations-email-b"/>
<path d="M478.236 361.662C480.695 364.235 483.894 365.979 487.389 366.653L487.889 366.725L496.47 362.734L478.236 361.662ZM454.738 448.488C454.921 449.401 454.965 450.336 454.867 451.262C454.624 454.594 452.736 457.154 449.976 457.483C446.472 457.87 442.939 454.523 442.067 449.975C441.981 449.473 441.924 448.967 441.895 448.459C441.709 444.555 443.74 441.308 446.829 440.993C450.319 440.579 453.866 443.94 454.738 448.488Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M454.738 448.488C454.921 449.401 454.965 450.336 454.867 451.262H453.837C449.275 451.148 447.416 449.389 442.539 448.545C442.327 448.5 442.111 448.472 441.895 448.459C441.709 444.555 443.74 441.308 446.829 440.994C450.319 440.579 453.866 443.94 454.738 448.488Z" fill="black" opacity="0.1"/>
<path d="M560.742 392.668C561.02 391.78 561.425 390.937 561.944 390.165C563.746 387.305 566.635 386.018 569.209 387.047C572.484 388.377 573.986 392.997 572.57 397.416C572.409 397.904 572.218 398.382 571.998 398.846C570.296 402.365 566.992 404.224 564.089 403.051C560.842 401.721 559.326 397.073 560.742 392.668Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M560.742 392.668C561.02 391.78 561.425 390.937 561.944 390.165C562.273 390.337 562.559 390.48 562.859 390.666C566.806 392.94 567.593 395.385 571.44 398.46C571.626 398.575 571.769 398.718 571.969 398.832C570.267 402.35 566.964 404.21 564.06 403.037C560.842 401.721 559.326 397.073 560.742 392.668Z" fill="black" opacity="0.1"/>
<path d="M460.43 370.586L458.528 399.018L458.328 447.801L437.504 446.485C437.504 446.4 438.663 434.3 440.079 420.642C440.422 417.51 440.765 414.292 441.108 411.103C445.056 375.463 447.544 364.265 453.336 362.963C453.863 362.857 454.402 362.819 454.938 362.849L460.43 370.586ZM576.646 404.424C572.243 408.401 567.142 411.528 561.6 413.649C557.672 415.122 553.546 416 549.358 416.251C543.684 416.751 537.973 415.893 532.697 413.749C517.866 407.413 512.474 391.924 511.244 388.449C510.576 386.518 510.036 384.545 509.628 382.542C508.813 378.581 507.983 374.591 507.154 370.615L513.518 362.892C516.228 363.246 518.818 364.225 521.084 365.752C529.05 371.344 526.275 380.654 534.298 390.594C536.429 393.226 541.621 399.661 548.171 398.975C553.892 398.36 557.467 392.582 558.354 391.066L576.646 404.424Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M506.839 439.706H462.59C461.712 431.04 460.85 422.373 460.001 413.706C459.505 408.805 459.028 403.895 458.571 398.975L459.243 388.964C467.695 418.039 506.839 439.706 506.839 439.706ZM561.586 413.649C557.658 415.122 553.532 416 549.344 416.252C543.67 416.751 537.959 415.893 532.682 413.749C517.851 407.413 512.46 391.924 511.23 388.449C511.745 389.164 526.046 410.288 561.586 413.649ZM458.328 447.758L437.504 446.442C437.504 446.357 438.663 434.257 440.079 420.599C445.056 436.875 451.992 444.24 458.328 447.758Z" fill="black" opacity="0.11"/>
<path d="M220.69 286.95L225.553 288.68V316.068L220.762 312.85C220.752 304.212 220.729 295.578 220.69 286.95Z" fill="black" opacity="0.3"/>
<path d="M237.91 190.613L308.875 281.129L303.698 291.14L256.931 325.965C255.891 325.882 254.87 325.646 253.899 325.264C252.347 324.58 250.945 323.597 249.774 322.369C248.604 321.142 247.687 319.696 247.077 318.113L182.877 233.733L185.737 226.911L235.507 189.498L237.91 190.613Z" fill="white" class="tblr-illustrations-email-c"/>
<path d="M228.842 231.602C229.339 231.613 229.811 231.822 230.155 232.181C230.498 232.54 230.684 233.022 230.673 233.518C230.662 234.015 230.453 234.487 230.094 234.831C229.734 235.174 229.253 235.36 228.757 235.349H228.656L194.833 233.719C194.359 233.661 193.925 233.426 193.617 233.061C193.31 232.696 193.152 232.228 193.175 231.751C193.199 231.275 193.402 230.825 193.744 230.492C194.086 230.159 194.542 229.968 195.019 229.957L228.842 231.602ZM258.318 316.24C258.08 316.175 257.858 316.064 257.663 315.913C257.468 315.763 257.305 315.575 257.183 315.361C257.061 315.147 256.982 314.911 256.951 314.667C256.92 314.423 256.937 314.175 257.002 313.937L265.855 281.258C265.917 281.017 266.025 280.791 266.174 280.593C266.323 280.395 266.511 280.229 266.725 280.104C266.939 279.978 267.176 279.897 267.421 279.864C267.667 279.831 267.917 279.847 268.157 279.912C268.396 279.976 268.621 280.087 268.817 280.239C269.013 280.391 269.177 280.58 269.3 280.796C269.422 281.011 269.501 281.249 269.53 281.495C269.56 281.742 269.541 281.991 269.474 282.23L260.621 314.924C260.524 315.33 260.294 315.692 259.967 315.951C259.641 316.21 259.236 316.352 258.819 316.354C258.648 316.337 258.479 316.299 258.318 316.24Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M303.64 290.025C303.982 290.142 304.331 290.237 304.684 290.311L260.435 324.506C259.751 325.037 258.97 325.427 258.136 325.655C257.301 325.883 256.43 325.945 255.572 325.836C254.714 325.727 253.886 325.45 253.135 325.02C252.384 324.591 251.725 324.018 251.196 323.333L184.235 236.765C183.172 235.378 182.7 233.627 182.922 231.894C183.145 230.161 184.043 228.585 185.422 227.512L229.672 193.316C229.643 193.673 229.643 194.032 229.672 194.389L229.758 195.605L186.552 228.999C185.568 229.77 184.928 230.897 184.77 232.137C184.612 233.376 184.949 234.628 185.708 235.621L252.655 322.189C253.418 323.174 254.541 323.816 255.777 323.974C257.013 324.133 258.261 323.794 259.248 323.033L302.453 289.624L303.64 290.025Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M307.015 290.582C307.774 289.973 308.486 289.308 309.146 288.594C309.676 288.037 312.679 284.804 312.007 283.76C311.664 283.274 310.505 283.26 309.718 283.589C309.495 283.68 309.288 283.805 309.104 283.961L307.816 285.305L259.319 323.033C258.333 323.794 257.084 324.132 255.848 323.974C254.612 323.816 253.489 323.174 252.726 322.189L185.78 235.621C185.021 234.628 184.684 233.376 184.842 232.137C185 230.897 185.64 229.77 186.624 228.999C202.832 216.89 218.988 204.772 235.092 192.644C235.249 192.287 235.407 191.915 235.55 191.543C237.466 189.14 237.194 188.482 237.066 188.296C236.508 187.538 233.691 188.554 232.117 189.369C231.422 189.721 230.761 190.137 230.144 190.613L184.378 226.039C182.605 227.413 181.449 229.433 181.162 231.658C180.875 233.883 181.481 236.13 182.848 237.909L249.794 324.477C250.469 325.364 251.313 326.107 252.277 326.664C253.242 327.221 254.307 327.58 255.412 327.722C256.517 327.863 257.639 327.783 258.712 327.486C259.786 327.189 260.789 326.682 261.665 325.993C263.295 324.649 281.744 310.347 307.015 290.582Z" fill="#A7AAB3"/>
<path d="M269.474 282.23L260.621 314.924C260.524 315.33 260.294 315.692 259.967 315.951C259.641 316.21 259.236 316.352 258.819 316.354C258.652 316.375 258.484 316.375 258.318 316.354C258.08 316.289 257.858 316.179 257.663 316.028C257.468 315.877 257.305 315.689 257.183 315.476C257.061 315.262 256.982 315.026 256.951 314.781C256.92 314.537 256.937 314.289 257.002 314.051L265.855 281.372C265.917 281.132 266.025 280.906 266.174 280.708C266.323 280.51 266.511 280.343 266.725 280.218C266.939 280.093 267.176 280.011 267.421 279.978C267.667 279.945 267.917 279.962 268.157 280.026C268.396 280.09 268.621 280.202 268.817 280.353C269.013 280.505 269.177 280.694 269.3 280.91C269.422 281.126 269.501 281.364 269.53 281.61C269.56 281.856 269.541 282.106 269.474 282.344V282.23ZM230.63 233.561C230.608 234.043 230.401 234.498 230.052 234.831C229.703 235.164 229.239 235.35 228.757 235.349H228.656L194.833 233.719C194.359 233.661 193.925 233.426 193.617 233.061C193.31 232.696 193.152 232.228 193.175 231.751C193.199 231.275 193.402 230.825 193.744 230.492C194.086 230.159 194.542 229.968 195.019 229.957L228.842 231.602C229.088 231.613 229.33 231.672 229.553 231.777C229.776 231.881 229.977 232.029 230.143 232.211C230.309 232.393 230.437 232.606 230.521 232.838C230.604 233.069 230.642 233.315 230.63 233.561Z" fill="#A7AAB3"/>
<path d="M437.562 274.679H352.438C350.803 274.679 349.477 276.004 349.477 277.639V282.788C349.477 284.423 350.803 285.748 352.438 285.748H437.562C439.197 285.748 440.522 284.423 440.522 282.788V277.639C440.522 276.004 439.197 274.679 437.562 274.679Z" fill="#A7AAB3"/>
<path d="M434.801 302.596H324.32C322.022 302.596 320.159 304.459 320.159 306.758V353.481C320.159 355.78 322.022 357.643 324.32 357.643H434.801C437.1 357.643 438.963 355.78 438.963 353.481V306.758C438.963 304.459 437.1 302.596 434.801 302.596Z" fill="#DADBE0"/>
<path d="M491.322 531.809H496.871L506.839 439.706H487.089L484.214 460.658L491.322 531.809Z" fill="black" opacity="0.15"/>
<path d="M362.306 242.514C362.252 243.094 362.066 243.654 361.76 244.15C361.455 244.646 361.04 245.065 360.547 245.375H279.513C279.02 245.065 278.605 244.646 278.3 244.15C277.995 243.654 277.808 243.094 277.754 242.514C277.776 241.874 278.013 241.259 278.426 240.77H361.648C362.056 241.261 362.288 241.876 362.306 242.514Z" fill="black" opacity="0.3"/>
<path d="M338.308 240.912L337.836 237.165C337.836 237.165 337.936 233.519 335.776 232.703C333.617 231.888 326.823 237.68 325.064 241.456L332.973 238.839L334.074 241.799L338.308 240.912Z" fill="#232B41" class="tblr-illustrations-email-b"/>
<path d="M308.66 288.78H308.374C307.745 288.761 307.123 288.645 306.529 288.437L241.113 266.541C239.893 266.134 238.822 265.372 238.038 264.353C237.253 263.334 236.79 262.104 236.708 260.82L231.974 192.015C231.931 191.393 231.97 190.768 232.089 190.156C232.418 188.698 233.236 187.397 234.407 186.469C235.577 185.54 237.03 185.039 238.525 185.05C239.837 185.051 241.117 185.461 242.186 186.223L242.486 186.466C242.692 186.625 242.888 186.797 243.072 186.981C243.23 187.152 243.401 187.338 243.559 187.538L313.637 278.24C314.388 279.191 314.859 280.332 314.997 281.536C315.134 282.739 314.933 283.957 314.416 285.053C313.898 286.148 313.086 287.078 312.069 287.736C311.052 288.395 309.871 288.756 308.66 288.78Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M478.236 361.662C480.695 364.235 483.894 365.979 487.389 366.653L487.889 366.725L496.47 362.734L478.236 361.662Z" fill="black" opacity="0.1"/>
<path d="M487.889 366.725L498.687 358.973L501.161 361.576L493.81 372.545L487.889 366.725ZM487.389 366.653L471.028 356.456L467.295 359.888L478.407 374.29L487.389 366.653Z" fill="#DADBE0"/>
<path d="M493.253 376.307C490.392 390.399 487.57 404.481 484.786 418.554C484.793 418.683 484.793 418.812 484.786 418.94L481.926 376.035L487.432 366.639L487.932 366.725L493.253 376.307Z" fill="#DADBE0"/>
<path d="M493.253 376.307C490.392 390.399 487.57 404.481 484.786 418.554L487.889 366.725L493.253 376.307ZM498.687 358.973L487.889 366.725L493.81 372.545L501.161 361.576L498.687 358.973Z" fill="black" opacity="0.11"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

40
src/illustrations/error.svg Normal file
View File

@ -0,0 +1,40 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-error-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-error-b { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-error-c { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-error-d { fill: #DADCE0; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-error-e { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-error-a { fill: black; opacity: 0.07; } .tblr-illustrations-error-b { fill: #454C5E; } .tblr-illustrations-error-c { fill: #232B41; } .tblr-illustrations-error-d { fill: #DADCE0; } .tblr-illustrations-error-e { fill: #1A2030; } }
</style>
<path d="M647.281 275.729C647.281 317.598 603.012 347.967 583.449 381.783C563.29 416.658 558.412 469.967 523.537 490.146C489.751 509.71 441.663 487.838 399.743 487.838C357.824 487.838 309.745 509.72 275.939 490.156C241.065 469.997 236.207 416.668 216.028 381.793C196.464 347.977 152.196 317.609 152.196 275.739C152.196 233.87 196.464 203.501 216.028 169.695C236.187 134.811 241.065 81.5011 275.939 61.3224C309.745 41.7585 357.884 63.6406 399.743 63.6406C441.603 63.6406 489.751 41.7585 523.557 61.3224C558.432 81.481 563.29 134.811 583.469 169.695C603.033 203.491 647.281 233.84 647.281 275.729Z" fill="#F7F8FC" class="tblr-illustrations-error-a"/>
<path d="M310.441 409.219C310.441 403.988 298.164 399.412 279.679 396.812V392.78H274.347V396.116C264.379 395.02 254.358 394.485 244.331 394.514C220.927 394.514 200.385 397.215 188.643 401.297V366.503H270.668V361.212H188.673V326.811H183.381V403.575C180.096 405.319 178.281 407.223 178.281 409.239C178.281 411.255 180.096 413.16 183.381 414.904V490.861H188.673V417.142C196.303 419.56 204.158 421.204 212.117 422.05V515.788H217.409V422.645C225.644 423.461 234.756 423.915 244.361 423.915C254.378 423.945 264.389 423.414 274.347 422.322V477.456H279.649V421.647C298.164 419.036 310.441 414.46 310.441 409.219Z" fill="#232B41" class="tblr-illustrations-error-b"/>
<path d="M613.696 71.8251H307.205C298.171 71.8251 290.847 79.1491 290.847 88.1838V206.283C290.847 215.317 298.171 222.641 307.205 222.641H613.696C622.731 222.641 630.055 215.317 630.055 206.283V88.1838C630.055 79.1491 622.731 71.8251 613.696 71.8251Z" fill="#727583"/>
<path d="M304.252 84.3435H616.65V210.113H304.252V84.3435Z" fill="white" class="tblr-illustrations-error-c"/>
<path d="M348.934 128.934V140.102H366.976V150.504H348.934V162.599H369.294V173.384H335.417V118.139H369.294V128.934H348.934ZM406.245 173.444L394.744 152.57H391.519V173.444H378.043V118.139H400.651C404.493 118.03 408.309 118.813 411.798 120.427C414.676 121.769 417.08 123.951 418.693 126.687C420.228 129.388 421.018 132.449 420.981 135.556C421.024 139.088 419.933 142.54 417.866 145.404C415.592 148.429 412.358 150.593 408.694 151.542L421.505 173.444H406.245ZM391.519 143.035H399.864C402.337 143.035 404.188 142.43 405.418 141.221C406.063 140.541 406.561 139.735 406.88 138.854C407.199 137.973 407.333 137.036 407.273 136.101C407.323 135.191 407.183 134.28 406.864 133.427C406.545 132.574 406.053 131.795 405.418 131.142C404.188 129.932 402.337 129.327 399.864 129.327H391.519V143.035ZM457.619 173.444L446.118 152.57H442.883V173.444H429.407V118.139H452.025C455.867 118.032 459.683 118.815 463.172 120.427C466.05 121.769 468.454 123.951 470.067 126.687C471.603 129.388 472.392 132.449 472.355 135.556C472.399 139.088 471.307 142.54 469.24 145.404C466.961 148.429 463.725 150.593 460.058 151.542L472.828 173.444H457.619ZM442.883 143.035H451.239C453.257 143.19 455.255 142.538 456.792 141.221C457.435 140.54 457.932 139.734 458.251 138.853C458.57 137.972 458.705 137.036 458.647 136.101C458.694 135.191 458.554 134.281 458.235 133.428C457.916 132.575 457.425 131.797 456.792 131.142C455.255 129.825 453.257 129.172 451.239 129.327H442.883V143.035ZM492.634 170.34C488.347 167.973 484.781 164.49 482.313 160.261C479.802 155.799 478.482 150.766 478.482 145.646C478.482 140.526 479.802 135.492 482.313 131.031C484.784 126.804 488.35 123.322 492.634 120.951C497.034 118.568 501.958 117.319 506.962 117.319C511.966 117.319 516.89 118.568 521.29 120.951C525.56 123.312 529.102 126.798 531.53 131.031C534.001 135.506 535.297 140.534 535.297 145.646C535.297 150.757 534.001 155.786 531.53 160.261C529.093 164.486 525.553 167.97 521.29 170.34C516.904 172.715 511.995 173.958 507.007 173.958C502.02 173.958 497.111 172.715 492.725 170.34H492.634ZM517.53 157.237C520.218 154.294 521.562 150.406 521.562 145.575C521.562 140.744 520.218 136.843 517.53 133.873C516.188 132.418 514.545 131.273 512.716 130.518C510.886 129.763 508.914 129.415 506.937 129.499C504.95 129.409 502.968 129.75 501.126 130.498C499.283 131.247 497.625 132.384 496.263 133.833C493.609 136.729 492.281 140.643 492.281 145.575C492.281 150.507 493.609 154.408 496.263 157.277C497.618 158.737 499.275 159.885 501.118 160.64C502.961 161.395 504.947 161.741 506.937 161.652C508.913 161.743 510.886 161.4 512.716 160.648C514.546 159.896 516.189 158.752 517.53 157.297V157.237ZM570.91 173.444L559.41 152.57H556.184V173.444H542.708V118.139H565.316C569.159 118.03 572.975 118.813 576.464 120.427C579.341 121.769 581.745 123.951 583.358 126.687C584.898 129.386 585.688 132.449 585.646 135.556C585.69 139.088 584.598 142.54 582.531 145.404C580.257 148.429 577.023 150.593 573.359 151.542L586.12 173.444H570.91ZM556.184 143.035H564.53C567.003 143.035 568.854 142.43 570.083 141.221C570.729 140.541 571.226 139.735 571.545 138.854C571.865 137.973 571.998 137.036 571.938 136.101C571.988 135.191 571.849 134.28 571.53 133.427C571.21 132.574 570.718 131.795 570.083 131.142C568.854 129.932 567.003 129.327 564.53 129.327H556.184V143.035Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));" class="tblr-illustrations-error-d"/>
<path d="M391.136 536.43C527.563 536.43 638.159 533.095 638.159 528.981C638.159 524.868 527.563 521.533 391.136 521.533C254.709 521.533 144.113 524.868 144.113 528.981C144.113 533.095 254.709 536.43 391.136 536.43Z" fill="#A6A9B3" class="tblr-illustrations-error-e"/>
<path d="M324.129 420.044C323.645 423.633 317.769 426.918 313.092 425.931C309.977 425.265 308.153 422.907 306.127 420.206C292.49 402.224 292.802 402.728 292.379 402.063C283.398 388.607 282.027 385.936 280.697 382.741C279.931 380.927 279.326 379.243 278.832 377.701C277.986 375.111 277.441 372.903 276.998 371.039C273.158 355.033 270.124 337.485 268.491 327.446L286.22 323.414C286.765 325.38 287.511 328.182 288.307 331.599C288.488 332.344 288.67 333.131 288.851 333.937C290.504 341.335 290.474 343.008 292.197 351.223C292.429 352.231 292.49 352.543 295.544 365.687L298.013 376.27C301.037 387.468 309.504 403.827 320.772 414.027C321.72 414.884 324.492 417.283 324.129 420.044Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M288.307 331.609C284.89 332.717 278.943 335.257 274.911 341.093C268.199 350.81 269.569 365.657 278.832 377.701C277.986 375.111 277.441 372.903 276.998 371.039C273.158 355.033 270.124 337.485 268.491 327.446L286.22 323.414C286.765 325.4 287.511 328.202 288.307 331.609Z" fill="black" opacity="0.17"/>
<path d="M287.823 394.473L344.59 425.951L374.394 502.322L364.164 504.267C364.164 504.267 333.825 449.234 322.183 444.295C310.542 439.356 271.787 429.126 271.787 429.126L264.983 392.79L287.823 394.473Z" fill="#A7AAB3"/>
<path d="M287.823 394.473L344.59 425.951L374.394 502.322L364.164 504.267C364.164 504.267 333.825 449.234 322.183 444.295C310.542 439.356 271.787 429.126 271.787 429.126L264.983 392.79L287.823 394.473Z" fill="black" opacity="0.1"/>
<path d="M398.04 519.386L368.084 522.561C368.084 522.561 365.353 515.213 369.354 511.544C373.356 507.875 391.7 513.338 398.04 519.386ZM261.002 534.142L231.5 528.094C231.5 528.094 231.127 520.263 236.056 518.015C240.984 515.767 256.799 526.451 261.002 534.142Z" fill="#232B41" class="tblr-illustrations-error-b"/>
<path d="M214.516 241.167C215.726 244.131 217.54 248.434 219.989 253.676C220.534 254.815 220.997 255.822 221.169 256.165C224.002 261.824 227.541 267.1 231.702 271.869C232.548 272.806 233.365 273.683 234.242 274.509C237.477 277.533 253.1 276.979 264.762 271.214C276.423 265.448 276.464 252.063 269.368 248.918C266.781 247.539 264.462 245.705 262.524 243.506C259.841 240.663 257.365 237.631 255.116 234.434C253.785 232.64 252.999 231.41 252.999 231.41L240.43 226.643L217.51 234.999C219.193 238.758 219.153 241.802 218.024 242.478C216.895 243.153 214.95 241.52 214.516 241.167Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M214.516 241.167C215.726 244.131 217.54 248.434 219.989 253.676C220.534 254.815 220.997 255.822 221.169 256.165C224.002 261.824 227.541 267.1 231.702 271.869C233.014 270.857 234.122 269.605 234.967 268.18C235.87 266.598 236.455 264.855 236.691 263.049C236.895 261.134 236.796 259.199 236.399 257.314C236.202 256.077 235.937 254.852 235.602 253.645C245.456 253.365 254.934 249.796 262.524 243.506C259.841 240.663 257.365 237.631 255.116 234.434C253.785 232.64 252.999 231.41 252.999 231.41L240.43 226.643L217.51 234.999C219.193 238.758 219.153 241.802 218.024 242.478C216.895 243.153 214.95 241.52 214.516 241.167Z" fill="black" opacity="0.1"/>
<path d="M212.44 246.62C213.75 250.652 211.704 252.385 213.397 254.321C215.292 256.488 219.999 256.508 222.852 257.415C223.86 257.738 224.747 258.161 224.747 258.161C225.03 258.282 225.306 258.42 225.573 258.574C227.917 259.929 229.888 261.844 231.308 264.148C231.906 262.432 231.955 260.572 231.449 258.826C230.623 256.206 227.71 251.932 227.418 251.287C227.418 251.287 227.307 251.105 227.206 250.924C227.035 250.581 226.974 250.42 226.682 249.916C226.106 248.716 225.628 247.473 225.251 246.197V246.136C225.243 246.119 225.239 246.1 225.239 246.081C225.239 246.062 225.243 246.043 225.251 246.025C229.363 246.106 258.22 246.449 262.151 235.745C262.443 234.938 263.703 231.189 261.939 228.276C259.278 223.901 252.062 225.665 250.217 221.533C248.987 218.791 251.608 216.796 250.056 214.397C248.504 211.998 244.069 211.312 240.984 212.603C238.636 213.61 238.969 214.931 236.812 215.808C233.052 217.34 230.764 213.792 226.904 215.132C223.83 216.14 221.864 219.517 221.37 220.273C220.292 222.087 220.312 223.105 218.85 224.647C217.74 225.753 216.421 226.627 214.97 227.217C211.875 228.608 210.938 227.782 209.436 228.82C206.856 230.614 205.818 234.868 206.664 238.133C207.662 242.205 210.978 242.054 212.44 246.62Z" fill="#232B41" class="tblr-illustrations-error-b"/>
<path d="M182.696 297.45C182.696 297.45 165.339 316.318 167.98 321.64C170.621 326.962 172.214 330.903 180.68 330.379C189.147 329.855 199.055 312.025 199.055 312.025L182.696 297.45Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M182.696 297.45C182.696 297.45 165.339 316.318 167.98 321.64C170.621 326.962 172.214 330.903 180.68 330.379C189.147 329.855 199.055 312.025 199.055 312.025L182.696 297.45Z" fill="black" opacity="0.17"/>
<path d="M212.117 394.907C213.272 398.776 215.191 402.375 217.762 405.49C225.654 414.934 234.967 413.372 241.045 417.837C262.08 433.289 233.072 512.794 233.072 512.804H250.207C250.207 512.804 291.129 433.712 288.66 419.954C286.19 406.195 271.404 394.554 271.404 394.554L212.117 394.907Z" fill="#A7AAB3"/>
<path d="M292.49 394.1C287.178 394.463 278.883 395.108 268.763 396.469C251.427 398.727 245.329 400.682 234.766 400.319C226.153 399.98 217.648 398.279 209.567 395.28C203.558 369.374 201.609 342.691 203.792 316.187L178.715 293.902L187.171 285.99C187.171 285.99 200.587 273.139 207.763 271.97C214.224 270.962 215.161 277.846 221.763 282.805C222.538 283.4 223.357 283.936 224.213 284.407C230.008 287.592 244.371 286.141 255.116 285.073C262.171 284.367 265.729 284.165 267.211 284.458C274.619 285.929 284.164 293.529 292.167 322.265L266.425 327.869C267.15 324.704 267.873 321.539 268.592 318.375C269.281 345.361 277.564 371.607 292.49 394.1Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M171.619 320.844C173.242 315.804 189.872 312.216 199.055 320.29C205.848 326.267 208.207 338.342 203.873 342.464C202.938 343.319 201.776 343.886 200.526 344.097C194.146 345.337 180.297 347.615 176.185 340.922C174.31 337.898 176.477 336.306 174.512 329.28C172.929 323.656 171.004 322.749 171.619 320.844ZM239.251 292.541C228.708 291.181 220.493 287.502 220.917 284.276C220.973 283.962 221.091 283.662 221.264 283.394C221.437 283.126 221.661 282.895 221.925 282.714C222.698 283.311 223.517 283.847 224.374 284.317C230.169 287.502 244.532 286.05 255.277 284.982C257.817 286.343 259.248 287.824 259.077 289.205C258.664 292.41 249.784 293.912 239.251 292.541Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M262.776 232.045C262.733 233.284 262.495 234.509 262.071 235.674C258.14 246.398 229.283 246.046 225.17 245.955C223.453 245.43 221.949 244.371 220.876 242.931C249.754 240.945 259.49 235.462 262.776 232.045Z" fill="black" opacity="0.3"/>
<path d="M424.024 198.058C423.751 196.97 423.366 195.913 422.875 194.903C421.202 191.285 418.602 189.188 416.344 189.954C413.482 190.962 412.312 196.123 413.673 201.566C413.824 202.17 414.016 202.765 414.217 203.329C415.83 207.764 418.824 210.546 421.343 209.669C424.196 208.702 425.405 203.501 424.024 198.058Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M424.024 198.058C423.751 196.97 423.366 195.913 422.875 194.903C422.593 195.044 422.341 195.175 422.079 195.327C418.652 197.342 418.047 200.044 414.671 202.987C414.528 203.111 414.376 203.226 414.217 203.329C415.83 207.764 418.824 210.546 421.343 209.669C424.196 208.702 425.405 203.501 424.024 198.058Z" fill="black" opacity="0.32"/>
<path d="M568.803 337.717C567.363 338.516 566.012 339.465 564.772 340.549C560.276 344.319 558.301 348.804 560.246 351.717C562.746 355.396 570.557 355.103 577.744 351.062C578.538 350.618 579.308 350.134 580.052 349.61C585.726 345.629 588.529 340.317 586.311 337.062C583.852 333.393 575.99 333.675 568.803 337.717Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M568.803 337.717C567.363 338.516 566.012 339.465 564.772 340.549C565.074 340.902 565.356 341.204 565.669 341.557C569.821 345.659 573.934 345.508 579.387 349.137C579.62 349.293 579.842 349.464 580.052 349.651C585.727 345.669 588.529 340.357 586.311 337.102C583.852 333.393 575.99 333.675 568.803 337.717Z" fill="black" opacity="0.14"/>
<path d="M625.248 315.2C622.597 323.122 615.954 329.603 611.338 334.078C610.28 335.086 608.526 336.739 596.431 346.496C591.724 350.306 587.823 353.41 585.172 355.567C584.248 353.004 583.027 350.558 581.534 348.28C578.648 344.077 575.041 340.419 570.88 337.475C569.478 336.402 568.029 335.393 566.536 334.451C568.16 334.196 569.756 333.787 571.303 333.231C571.807 333.07 572.311 332.858 572.845 332.637C580.637 329.28 584.668 322.94 587.349 318.526C590.726 313.073 594.234 307.368 594.203 300.05C594.153 284.76 578.732 275.094 577.199 274.167L579.8 248.021C580.814 248.087 581.824 248.211 582.824 248.394C590.887 249.876 598.588 255.218 608.022 269.006C620.349 287.078 629.944 301.089 625.248 315.2Z" fill="#A7AAB3"/>
<path d="M561.546 184.32C561.405 187.686 561.143 192.615 560.639 198.683C560.508 200.013 560.407 201.183 560.377 201.576C559.606 208.204 558.005 214.709 555.61 220.938C555.116 222.168 554.602 223.337 554.047 224.466C551.941 228.669 536.247 233.729 522.62 232.237C508.993 230.745 504.155 217.471 510.001 211.806C512.066 209.506 513.702 206.853 514.829 203.975C516.449 200.188 517.796 196.291 518.861 192.313C519.526 190.055 519.869 188.553 519.869 188.553L530.603 179.29H556.325C556.023 183.625 557.162 186.618 558.523 186.89C559.883 187.162 561.244 184.824 561.546 184.32Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M561.546 184.32C561.405 187.686 561.143 192.615 560.639 198.683C560.508 200.013 560.407 201.183 560.377 201.576C559.606 208.204 558.005 214.709 555.61 220.938C553.946 220.409 552.397 219.572 551.044 218.469C549.578 217.224 548.367 215.708 547.476 214.003C546.582 212.181 545.984 210.228 545.702 208.218C545.444 206.923 545.263 205.614 545.157 204.297C540.244 205.927 535.094 206.73 529.918 206.676C524.763 206.623 519.653 205.71 514.799 203.975C516.419 200.188 517.766 196.291 518.83 192.313C519.496 190.055 519.838 188.553 519.838 188.553L530.573 179.29H556.295C555.993 183.625 557.132 186.618 558.492 186.89C559.853 187.162 561.244 184.824 561.546 184.32Z" fill="black" opacity="0.1"/>
<path d="M564.711 189.813C564.884 193.637 564.572 197.467 563.784 201.213C563.219 204.116 562.645 204.751 562.222 207.704C561.923 209.641 561.818 211.602 561.909 213.56C562.453 220.293 567.695 222.49 566.949 224.869C565.467 229.667 540.803 231.29 534.292 220.454C530.986 214.951 533.455 208.158 530.683 206.988C528.496 206.051 524.696 209.962 521.542 213.842C525.422 205.779 524.979 202.463 523.628 201.011C521.794 198.995 518.709 200.9 514.647 198.048C512.691 196.585 510.971 194.831 509.547 192.847C509.4 192.688 509.278 192.508 509.184 192.313C508.815 191.825 508.478 191.313 508.176 190.781C508.176 190.781 508.116 190.68 508.086 190.65C507.348 189.274 506.844 187.786 506.594 186.245L506.503 185.65C506.444 184.98 506.444 184.305 506.503 183.635C506.869 180.992 508.137 178.557 510.091 176.74C513.7 173.142 519.052 171.005 521.864 169.907C532.79 165.512 549.37 164.474 558.785 174.342C561.15 176.93 562.876 180.037 563.824 183.413C564.283 185.521 564.579 187.66 564.711 189.813Z" fill="#232B41" class="tblr-illustrations-error-b"/>
<path d="M567.947 366.826L562.07 509.216H550.499L534.503 399.2L523.527 509.216H514.96L499.528 366.826H567.947Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M537.558 528.981L563.36 526.109C563.36 526.109 564.288 519.416 560.246 517.037C556.204 514.659 541.771 522.712 537.558 528.981ZM499.528 528.981L525.321 526.139C525.321 526.139 526.259 519.446 522.217 517.068C518.175 514.689 503.752 522.712 499.528 528.981Z" fill="#232B41" class="tblr-illustrations-error-b"/>
<path d="M489.207 248.021C474.82 248.609 460.668 244.237 449.12 235.637C437.571 227.037 429.328 214.731 425.768 200.779L407.958 204.932C410.74 205.862 413.231 207.502 415.185 209.69C418.854 213.953 419.116 219.225 419.217 220.777C420.053 231.743 428.711 255.974 438.085 266.638C452.458 282.986 481.628 282.321 492.13 282.049C493.427 296.946 494.747 311.806 496.091 326.629C497.247 340.015 498.406 353.413 499.569 366.826H567.997C567.992 366.735 567.992 366.644 567.997 366.554C568.965 356.837 569.932 347.131 570.9 337.434C571.031 336.023 571.182 334.602 571.323 333.181C571.384 332.536 571.464 331.881 571.525 331.236C571.676 329.694 571.827 328.151 571.968 326.629C572.734 319.03 573.494 311.437 574.246 303.85C575.234 293.973 576.242 284.078 577.27 274.167L579.87 248.021H489.207Z" fill="#DADBE0"/>
<path d="M514.315 241.772C513.71 241.611 511.14 251.478 511.14 251.478C511.14 251.478 543.252 256.518 552.777 251.478V241.772C552.777 241.772 539.362 248.656 514.315 241.772Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M567.977 366.554L517.782 366.826L514.96 509.216H523.527L534.503 399.2L550.499 509.216H562.07L567.977 366.554Z" fill="black" opacity="0.22"/>
<path d="M607.971 269.006C598.527 255.218 590.837 249.856 582.773 248.394C581.773 248.211 580.764 248.087 579.749 248.021H552.777C552.842 270.47 548.127 292.675 538.944 313.16C529.761 333.644 516.321 351.939 499.518 366.826H567.947C567.942 366.735 567.942 366.644 567.947 366.554C568.914 356.837 569.882 347.131 570.849 337.434C575.011 340.379 578.618 344.037 581.503 348.239C582.997 350.518 584.218 352.964 585.142 355.527C587.793 353.41 591.693 350.306 596.4 346.455C608.496 336.699 610.249 335.066 611.308 334.038C615.924 329.563 622.566 323.082 625.217 315.159C629.944 301.089 620.349 287.078 607.971 269.006ZM587.349 318.506C584.668 322.87 580.636 329.21 572.845 332.617C572.311 332.838 571.837 333.05 571.303 333.211C571.363 332.566 571.444 331.911 571.505 331.266C571.656 329.724 571.807 328.182 571.948 326.66L574.226 303.881C575.214 294.003 576.222 284.108 577.25 274.197C578.782 275.124 594.203 284.79 594.254 300.081C594.233 307.418 590.726 313.073 587.349 318.506Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

55
src/illustrations/exit.svg Normal file
View File

@ -0,0 +1,55 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-exit-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-exit-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-exit-c { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-exit-d { fill: #DADCE0; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-exit-e { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-exit-a { fill: black; opacity: 0.07; } .tblr-illustrations-exit-b { fill: #1A2030; } .tblr-illustrations-exit-c { fill: #232B41; } .tblr-illustrations-exit-d { fill: #DADCE0; } .tblr-illustrations-exit-e { fill: #454C5E; } }
</style>
<path d="M156.868 300.312C156.868 347.291 206.538 381.368 228.486 419.3C251.133 458.429 256.576 518.248 295.705 540.884C333.648 562.82 387.646 538.275 434.624 538.275C481.602 538.275 535.6 562.82 573.52 540.884C612.649 518.248 618.091 458.429 640.738 419.3C662.686 381.357 712.356 347.291 712.356 300.312C712.356 253.334 662.686 219.268 640.738 181.349C618.091 142.22 612.66 82.4001 573.52 59.7646C535.6 37.8169 481.59 62.4206 434.624 62.4206C387.657 62.4206 333.648 37.8762 295.705 59.8239C256.576 82.4594 251.133 142.279 228.486 181.408C206.538 219.351 156.868 253.405 156.868 300.372" fill="#F7F8FC" class="tblr-illustrations-exit-a"/>
<path d="M670.678 446.038C670.678 448.647 525.676 450.781 346.809 450.781C167.943 450.781 23 448.67 23 446.038C23 443.406 167.955 441.295 346.809 441.295C525.664 441.295 670.678 443.406 670.678 446.038Z" fill="#A6A9B3" class="tblr-illustrations-exit-b"/>
<path d="M635.806 178.622V433.458C635.806 435.125 635.477 436.777 634.839 438.317C634.201 439.858 633.265 441.258 632.086 442.437C630.907 443.616 629.507 444.552 627.966 445.19C626.426 445.828 624.774 446.157 623.107 446.157H493.566C490.198 446.157 486.968 444.819 484.587 442.437C482.205 440.056 480.867 436.826 480.867 433.458V178.622C480.87 175.256 482.21 172.029 484.591 169.65C486.972 167.271 490.2 165.935 493.566 165.935H623.107C626.473 165.935 629.701 167.271 632.082 169.65C634.463 172.029 635.803 175.256 635.806 178.622Z" fill="#DADBE0"/>
<path d="M340.653 121.653C346.669 94.1108 329.218 66.9069 301.675 60.8916C274.133 54.8763 246.929 72.3275 240.914 99.8699C234.898 127.412 252.349 154.616 279.892 160.631C307.434 166.647 334.638 149.196 340.653 121.653Z" fill="white" class="tblr-illustrations-exit-c"/>
<path d="M290.867 164.63C286.787 164.614 282.721 164.137 278.749 163.207C265.414 160.127 253.764 152.062 246.185 140.666C238.607 129.27 235.675 115.407 237.991 101.919C240.307 88.4309 247.695 76.3396 258.64 68.1242C269.585 59.9089 283.259 56.1918 296.857 57.7353C310.455 59.2787 322.948 65.9657 331.774 76.4251C340.599 86.8846 345.089 100.324 344.323 113.988C343.557 127.652 337.593 140.506 327.654 149.913C317.714 159.32 304.552 164.569 290.867 164.583V164.63ZM290.76 62.5038C281.681 62.5024 272.786 65.0635 265.098 69.8923C257.409 74.7212 251.24 81.6219 247.299 89.8009C243.358 97.9798 241.805 107.105 242.819 116.127C243.834 125.149 247.373 133.702 253.032 140.802C258.691 147.902 266.238 153.261 274.806 156.262C283.375 159.264 292.616 159.786 301.469 157.769C310.321 155.752 318.424 151.278 324.846 144.861C331.269 138.443 335.75 130.344 337.774 121.494C339.385 114.429 339.385 107.092 337.773 100.027C336.161 92.9626 332.979 86.3517 328.462 80.685C323.946 75.0184 318.212 70.4415 311.685 67.294C305.158 64.1466 298.006 62.5093 290.76 62.5038Z" fill="#232B41" class="tblr-illustrations-exit-d"/>
<path d="M273.828 119.252C273.076 119.246 272.351 118.972 271.783 118.48C271.215 117.988 270.84 117.31 270.726 116.567C270.612 115.824 270.766 115.065 271.16 114.425C271.555 113.785 272.164 113.306 272.879 113.075L288.045 108.332L295.159 74.4321C295.366 73.6483 295.867 72.9739 296.556 72.5479C297.246 72.1219 298.073 71.9768 298.867 72.1425C299.661 72.3083 300.36 72.7722 300.822 73.4386C301.284 74.1051 301.472 74.9233 301.349 75.7246L293.511 113.241L274.824 119.169C274.499 119.252 274.162 119.28 273.828 119.252Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M307.126 309.128L246.097 394.784L249.93 397.515L310.96 311.86L307.126 309.128Z" fill="#A6A9B3"/>
<path d="M307.126 309.128L246.097 394.784L249.93 397.515L310.96 311.86L307.126 309.128Z" fill="black" opacity="0.1"/>
<path d="M188.74 342.311L174.31 367.875L155.825 400.66L151.331 408.569L145.817 418.351C145.22 419.417 144.418 420.354 143.458 421.11C142.498 421.865 141.399 422.424 140.223 422.755C139.047 423.085 137.817 423.18 136.604 423.035C135.391 422.89 134.219 422.507 133.154 421.908L93.6217 399.605C92.4515 398.952 91.4394 398.049 90.6574 396.961C89.6099 395.518 88.9984 393.805 88.8954 392.024C88.7925 390.244 89.2023 388.472 90.0764 386.918L101.886 365.966L108.455 354.31L113.518 345.346L132.988 310.83C133.586 309.764 134.389 308.826 135.35 308.071C136.311 307.315 137.411 306.756 138.589 306.426C139.766 306.095 140.996 306 142.21 306.145C143.424 306.291 144.597 306.674 145.663 307.273L173.255 322.829L185.195 329.564C186.269 330.164 187.214 330.97 187.975 331.937C188.736 332.904 189.297 334.013 189.627 335.198C189.956 336.383 190.048 337.622 189.896 338.843C189.744 340.064 189.351 341.243 188.74 342.311Z" fill="#232B41" class="tblr-illustrations-exit-e"/>
<path d="M144.403 321.062L102.839 394.735C102.424 395.471 102.684 396.404 103.42 396.819L106.828 398.742C107.563 399.157 108.496 398.897 108.911 398.161L150.475 324.487C150.89 323.752 150.63 322.819 149.895 322.404L146.487 320.481C145.751 320.066 144.818 320.326 144.403 321.062Z" fill="#DADBE0"/>
<path d="M149.964 353.312L124.218 398.948C123.89 399.53 124.095 400.268 124.677 400.596L128.643 402.833C129.224 403.161 129.962 402.956 130.29 402.374L156.036 356.738C156.364 356.156 156.159 355.419 155.577 355.091L151.611 352.853C151.03 352.525 150.292 352.731 149.964 353.312Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M112.463 447.01C117.695 447.01 121.937 442.769 121.937 437.536C121.937 432.304 117.695 428.062 112.463 428.062C107.23 428.062 102.989 432.304 102.989 437.536C102.989 442.769 107.23 447.01 112.463 447.01Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M206.823 431.999C207.918 431.997 208.99 432.319 209.902 432.926C210.814 433.533 211.526 434.397 211.947 435.409C212.368 436.421 212.479 437.534 212.267 438.609C212.055 439.684 211.528 440.672 210.754 441.448C209.98 442.223 208.994 442.752 207.919 442.966C206.845 443.181 205.731 443.072 204.718 442.653C203.706 442.235 202.84 441.525 202.231 440.614C201.622 439.703 201.297 438.632 201.297 437.536C201.3 436.071 201.883 434.666 202.918 433.628C203.954 432.591 205.357 432.005 206.823 431.999ZM206.823 428.062C204.947 428.062 203.113 428.619 201.553 429.661C199.993 430.703 198.777 432.185 198.059 433.918C197.341 435.651 197.153 437.559 197.519 439.399C197.885 441.239 198.789 442.929 200.115 444.256C201.442 445.582 203.132 446.486 204.972 446.852C206.812 447.218 208.719 447.03 210.453 446.312C212.186 445.594 213.668 444.378 214.71 442.818C215.752 441.258 216.308 439.424 216.308 437.548C216.308 435.032 215.309 432.62 213.53 430.841C211.751 429.062 209.338 428.062 206.823 428.062Z" fill="#232B41" class="tblr-illustrations-exit-e"/>
<path d="M188.74 342.311L174.31 367.875L155.825 400.66L151.331 408.569L130.261 416.644L90.6574 396.937C89.6099 395.494 88.9984 393.781 88.8954 392.001C88.7925 390.221 89.2023 388.448 90.0764 386.894L101.886 365.966C113.032 376.377 136.592 393.748 153.05 373.389C167.765 355.2 172.022 334.663 173.267 322.841L185.207 329.576C186.279 330.177 187.221 330.984 187.979 331.95C188.738 332.917 189.298 334.024 189.626 335.208C189.954 336.391 190.045 337.629 189.893 338.848C189.741 340.067 189.35 341.244 188.74 342.311Z" fill="black" opacity="0.1"/>
<path d="M230.11 344.623L223.731 368.705L219.878 383.23L215.55 399.593L211.21 415.956L211.127 416.253C210.59 418.276 209.272 420.003 207.462 421.054C205.652 422.106 203.499 422.396 201.475 421.861L170.966 413.774L164.232 411.996C162.205 411.459 160.475 410.139 159.421 408.327C158.367 406.515 158.076 404.359 158.611 402.332L163.188 385.068L166.745 371.646L168.998 363.191L177.618 330.667C178.155 328.644 179.474 326.917 181.283 325.865C183.093 324.813 185.247 324.523 187.27 325.058L224.514 334.924C225.519 335.192 226.461 335.656 227.286 336.289C228.112 336.922 228.804 337.711 229.324 338.612C229.844 339.513 230.181 340.508 230.316 341.539C230.451 342.571 230.381 343.619 230.11 344.623Z" fill="#DADBE0"/>
<path d="M184.726 353.391L171.795 402.159C171.639 402.747 171.99 403.351 172.579 403.507L176.166 404.458C176.755 404.614 177.358 404.264 177.514 403.675L190.445 354.908C190.601 354.319 190.25 353.715 189.662 353.559L186.074 352.608C185.486 352.452 184.882 352.802 184.726 353.391Z" fill="#232B41" class="tblr-illustrations-exit-e"/>
<path d="M206.461 339.856L189.276 404.669C189.097 405.346 189.5 406.041 190.177 406.221L193.444 407.087C194.121 407.266 194.816 406.863 194.995 406.186L212.18 341.372C212.36 340.695 211.956 340.001 211.279 339.821L208.013 338.955C207.335 338.775 206.641 339.179 206.461 339.856Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M219.878 383.195L215.55 399.558L211.21 415.921L170.966 413.739L164.232 411.96C162.205 411.423 160.475 410.104 159.421 408.292C158.367 406.48 158.076 404.323 158.611 402.297L163.188 385.068C172.01 385.744 202.685 387.641 219.878 383.195Z" fill="black" opacity="0.1"/>
<path d="M252.212 396.795V420.355C252.209 421.433 251.78 422.465 251.017 423.228C250.255 423.99 249.223 424.419 248.145 424.422H71.1403C70.0626 424.419 69.0299 423.99 68.2679 423.228C67.5059 422.465 67.0764 421.433 67.0732 420.355V396.795C67.0732 395.715 67.5013 394.679 68.2637 393.915C69.0261 393.15 70.0605 392.719 71.1403 392.716H248.145C249.225 392.719 250.259 393.15 251.022 393.915C251.784 394.679 252.212 395.715 252.212 396.795Z" fill="#A6A9B3"/>
<path d="M252.212 419.774V420.308C252.209 421.385 251.78 422.418 251.017 423.18C250.255 423.942 249.223 424.372 248.145 424.375H71.1403C70.0626 424.372 69.0299 423.942 68.2679 423.18C67.5059 422.418 67.0764 421.385 67.0732 420.308V396.795C67.0732 395.715 67.5013 394.679 68.2637 393.915C69.0261 393.15 70.0605 392.719 71.1403 392.716H79.8079C106.641 402.059 166.354 418.837 252.212 419.774Z" fill="black" opacity="0.1"/>
<path d="M635.806 176.772V431.703C635.806 439.386 640.549 447.188 646.478 449.121L705.479 468.448L766.864 488.605C772.793 490.55 777.536 485.89 777.536 478.207V223.276C777.536 215.593 772.793 207.802 766.864 205.858L646.501 166.361C640.596 164.393 635.806 169.136 635.806 176.772Z" fill="#232B41" class="tblr-illustrations-exit-e"/>
<path d="M758.991 352.484C762.809 352.484 765.904 348.789 765.904 344.232C765.904 339.674 762.809 335.979 758.991 335.979C755.173 335.979 752.078 339.674 752.078 344.232C752.078 348.789 755.173 352.484 758.991 352.484Z" fill="#DADBE0"/>
<path d="M635.806 178.622V431.738C635.806 439.422 640.549 447.224 646.478 449.156L705.479 468.484C665.42 376.702 641.835 278.583 635.806 178.622Z" fill="black" opacity="0.1"/>
<path d="M635.806 179.808V433.458C635.806 435.125 635.477 436.777 634.839 438.317C634.201 439.858 633.265 441.258 632.086 442.437C630.907 443.616 629.507 444.552 627.966 445.19C626.426 445.828 624.774 446.157 623.107 446.157H493.566C490.198 446.157 486.968 444.819 484.587 442.437C482.205 440.056 480.867 436.826 480.867 433.458V249.172C563.927 252.457 619.976 183.471 631.015 168.697C632.331 166.931 633.007 165.935 633.007 165.935L634.395 172.812L635.806 179.808Z" fill="black" opacity="0.11"/>
<path d="M495.724 321.928C497.051 322.59 498.492 322.992 499.969 323.114C504.937 323.541 509.242 320.743 509.574 316.913C509.87 313.474 506.906 310.344 502.72 309.407C502.212 309.296 501.697 309.217 501.179 309.17C500.677 309.134 500.174 309.134 499.673 309.17C495.38 309.348 491.883 311.944 491.574 315.395C491.349 318.039 493.033 320.482 495.724 321.928Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M495.724 321.928C496.562 322.362 497.45 322.688 498.369 322.9C499.462 318.311 500.917 313.815 502.72 309.454C502.212 309.344 501.697 309.265 501.179 309.217C500.677 309.182 500.174 309.182 499.673 309.217C495.38 309.395 491.883 311.992 491.574 315.442C491.349 318.039 493.033 320.482 495.724 321.928Z" fill="black" opacity="0.1"/>
<path d="M395.792 192.352C395.958 195.151 396.326 199.253 396.824 204.411C396.942 205.467 397.061 206.522 397.144 206.878C397.941 212.414 399.411 217.834 401.519 223.015L402.954 225.956C404.78 229.406 418.048 233.367 429.478 231.801C440.909 230.236 444.644 219.031 439.569 214.431C437.807 212.533 436.391 210.342 435.383 207.957C433.955 204.826 432.766 201.591 431.826 198.281C431.21 196.36 430.878 195.163 430.878 195.163L421.7 187.693L400.167 188.297C400.476 191.926 399.622 194.499 398.436 194.724C397.25 194.949 395.97 192.839 395.792 192.352Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M395.792 192.352C395.958 195.151 396.326 199.253 396.824 204.411C396.942 205.467 397.061 206.522 397.144 206.878C397.941 212.415 399.411 217.834 401.519 223.015C402.967 222.512 404.296 221.718 405.426 220.682C406.556 219.647 407.462 218.391 408.088 216.992C408.794 215.459 409.243 213.821 409.416 212.142C409.647 211.046 409.766 209.93 409.772 208.81C418.1 211.318 427.023 211.01 435.158 207.933C433.71 204.804 432.501 201.569 431.542 198.257C430.937 196.336 430.605 195.139 430.605 195.139L421.427 187.669L399.895 188.274C400.203 191.902 399.349 194.475 398.163 194.7C396.978 194.925 395.922 192.839 395.792 192.329" fill="black" opacity="0.1"/>
<path d="M393.219 197.06C393.429 201.551 395.346 205.792 398.578 208.917C399.242 209.45 399.875 210.02 400.475 210.624C402.011 212.411 403.06 214.563 403.523 216.873C404.504 215.627 405.072 214.106 405.147 212.521C404.972 210.06 404.615 207.615 404.08 205.206C404.077 205.083 404.049 204.961 403.997 204.85C403.919 204.504 403.879 204.15 403.878 203.795C403.772 202.609 403.784 201.423 403.772 200.415V200.309C409.356 203.451 425.115 211.17 435.395 202.976C436.971 201.685 438.378 200.199 439.581 198.554C439.717 198.444 439.816 198.295 439.865 198.127C440.148 197.714 440.386 197.273 440.577 196.811L440.707 196.704C441.261 195.527 441.659 194.284 441.893 193.004V192.542C441.978 191.147 441.737 189.751 441.19 188.465C440.642 187.179 439.803 186.037 438.739 185.131C435.788 182.696 432.405 180.838 428.767 179.653C419.494 176.226 405.527 175.669 397.938 184.135C395.993 186.328 394.631 188.974 393.978 191.831C393.38 193.515 393.11 195.298 393.183 197.083" fill="#232B41" class="tblr-illustrations-exit-e"/>
<path d="M403.759 200.285C409.344 203.427 425.102 211.146 435.383 202.953C436.959 201.661 438.365 200.175 439.568 198.53C439.705 198.42 439.804 198.271 439.853 198.103C440.136 197.691 440.374 197.25 440.564 196.787L440.695 196.68C441.249 195.504 441.647 194.26 441.88 192.981C439.508 195.451 436.738 197.507 433.687 199.064C418.605 206.629 402.337 198.162 399.823 196.692L399.609 196.55C400.874 197.902 402.254 199.14 403.736 200.249" fill="black" opacity="0.5"/>
<path d="M440.386 249.67L433.533 268.986C429.114 281.428 424.684 293.866 420.241 306.3C416.755 316 413.411 325.616 409.937 335.327H409.854L359.473 322.189C360.089 315.185 360.832 308.071 361.702 300.846C363.623 284.886 366.053 269.578 368.816 254.935C370.302 247.164 371.883 239.592 373.559 232.216L440.386 249.67Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M359.378 322.154L339.742 375.215L298.965 394.02V401.301L349.809 396.143L380.33 351.085L406.605 374.646L428.055 431.418L434.612 430.552L429.134 365.836L409.819 335.291L359.378 322.154Z" fill="#DADBE0"/>
<path d="M286.503 414L284.95 394.21C284.95 394.21 289.8 392.574 292.195 395.289C294.59 398.004 290.654 409.921 286.503 414Z" fill="#232B41" class="tblr-illustrations-exit-e"/>
<path d="M450.335 436.742L432.632 445.73C432.632 445.73 429.276 441.864 430.865 438.615C432.454 435.366 445.094 434.394 450.335 436.742Z" fill="#232B41" class="tblr-illustrations-exit-e"/>
<path d="M500.574 305.98L488.622 337.995C456.003 322.877 434.541 301.854 428.624 283.226C428.609 283.154 428.589 283.083 428.565 283.013C426.791 277.799 426.511 272.192 427.759 266.828C428.861 262.476 431.778 256.156 440.387 249.658C440.791 249.741 441.187 249.856 441.572 250.002C450.276 253.429 449.339 270.468 451.912 278.887C453.038 282.61 455.469 286.653 460.366 290.601C467.397 296.329 479.634 301.866 500.574 305.98Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M308.131 300.751C307.352 301.285 306.646 301.919 306.032 302.636C305.679 303.045 305.354 303.476 305.06 303.929C302.357 308.126 302.807 313.225 306.056 315.312C308.949 317.185 313.111 316.023 315.898 312.763C316.231 312.363 316.54 311.943 316.822 311.506C317.095 311.087 317.34 310.651 317.558 310.201C319.395 306.312 318.743 302.008 315.826 300.135C313.609 298.676 310.657 299.02 308.131 300.751Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M308.131 300.751C307.352 301.285 306.646 301.919 306.032 302.636C309.577 305.752 312.875 309.138 315.897 312.763C316.231 312.363 316.54 311.943 316.822 311.506C317.095 311.087 317.34 310.651 317.557 310.201C319.395 306.312 318.743 302.008 315.826 300.135C313.609 298.676 310.657 299.02 308.131 300.751Z" fill="black" opacity="0.1"/>
<path d="M376.109 253.038C373.641 253.505 371.202 254.115 368.805 254.864C360.601 257.406 353.023 261.644 346.561 267.302C327.091 284.459 325.633 308.257 325.443 313.059L301.017 298.178C303.226 289.653 306.442 281.422 310.598 273.657C316.266 262.904 324.161 253.482 333.755 246.018C341.166 240.374 356.971 228.351 373.655 232.157C374.425 232.335 375.042 232.513 375.481 232.631C375.678 239.437 375.888 246.24 376.109 253.038Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M409.878 335.315L359.497 322.177C360.113 315.174 360.856 308.059 361.726 300.834C363.647 284.874 366.077 269.567 368.84 254.923C368.781 256.82 367.251 317.055 409.807 335.339L409.878 335.315Z" fill="black" opacity="0.11"/>
<path d="M368.805 254.864C360.601 257.406 353.023 261.644 346.561 267.302C327.091 284.459 325.633 308.257 325.443 313.059L301.017 298.178C303.226 289.653 306.442 281.422 310.598 273.657C325.147 262.203 346.869 249.86 368.805 254.864Z" fill="black" opacity="0.11"/>
<path d="M500.574 305.98L488.622 337.995C456.003 322.877 434.541 301.854 428.624 283.226L428.565 283.013C428.861 283.309 439.628 293.91 460.33 290.601C467.397 296.328 479.634 301.866 500.574 305.98Z" fill="black" opacity="0.11"/>
<path d="M380.33 351.133L390.325 330.205L409.878 335.315L429.134 365.883L434.612 430.6L428.055 431.465L406.605 374.693L380.33 351.133Z" fill="black" opacity="0.11"/>
<path d="M399.835 238.003C402.036 241.739 405.354 244.692 409.321 246.445L409.878 246.706L421.273 244.5L399.835 238.003Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M399.835 238.003C402.036 241.739 405.354 244.692 409.321 246.445L409.878 246.706L421.273 244.5L399.835 238.003Z" fill="black" opacity="0.1"/>
<path d="M409.843 246.706L424.771 240.647L426.965 244.382L415.202 255.279L409.843 246.706Z" fill="#DADBE0"/>
<path d="M409.261 246.564L392.792 229.762L387.479 232.809L396.479 253.014L409.261 246.564Z" fill="#DADBE0"/>
<path d="M409.843 246.706L424.771 240.647L426.965 244.382L415.202 255.279L409.843 246.706Z" fill="black" opacity="0.11"/>
<path d="M413.494 259.31C413.233 262.322 411.965 272.756 403.404 280.582C394.12 289.072 379.95 291.088 367.156 285.823C368.084 285.871 369.015 285.871 369.943 285.823C375.278 285.621 386.709 284.009 394.12 274.262C397.967 269.064 400.015 262.753 399.953 256.287C403.068 253.125 406.068 249.892 408.953 246.587H409.57C410.933 250.951 412.19 255.042 413.494 259.31Z" fill="#DADBE0"/>
<path d="M413.494 259.31C413.233 262.322 411.965 272.756 403.404 280.582C394.12 289.072 379.95 291.088 367.156 285.823C368.105 285.823 369.042 285.823 369.943 285.823C413.66 285.455 409.57 246.611 409.57 246.611C410.933 250.951 412.19 255.042 413.494 259.31Z" fill="black" opacity="0.11"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

38
src/illustrations/fingerprint.svg Normal file
View File

@ -0,0 +1,38 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-fingerprint-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-fingerprint-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-fingerprint-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-fingerprint-a { fill: black; opacity: 0.07; } .tblr-illustrations-fingerprint-b { fill: #1A2030; } .tblr-illustrations-fingerprint-c { fill: #454C5E; } }
</style>
<path d="M214.143 284.195C214.143 317.807 249.757 342.122 265.347 369.297C281.509 397.33 285.371 440.095 313.404 456.257C340.579 471.99 379.197 454.398 412.808 454.398C446.42 454.398 485.037 471.99 512.212 456.257C540.246 440.095 544.107 397.33 560.269 369.297C576.002 342.122 611.473 317.807 611.473 284.195C611.473 250.584 575.859 226.269 560.269 199.094C544.107 171.061 540.246 128.296 512.212 112.133C485.037 96.4005 446.42 113.993 412.808 113.993C379.197 113.993 340.579 96.4005 313.404 112.133C285.371 128.296 281.509 171.061 265.347 199.094C249.614 226.126 214.143 250.584 214.143 284.195Z" fill="#F7F8FC" class="tblr-illustrations-fingerprint-a"/>
<path d="M585.871 410.775L564.56 398.188L577.862 375.59L599.173 388.176L585.871 410.775ZM569.137 397.044L584.727 406.198L594.739 389.321L579.149 380.167L569.137 397.044Z" fill="#DADBE0"/>
<path d="M585.871 410.775L564.56 398.188L577.862 375.59L599.173 388.176L585.871 410.775ZM569.137 397.044L584.727 406.198L594.739 389.321L579.149 380.167L569.137 397.044Z" fill="black" opacity="0.1"/>
<path d="M585.871 410.775L564.56 398.188L577.862 375.59L599.173 388.176L585.871 410.775ZM569.137 397.044L584.727 406.198L594.739 389.321L579.149 380.167L569.137 397.044Z" fill="black" opacity="0.35"/>
<path d="M639.364 385.316L609.042 367.437L604.179 364.577L598.458 374.16L603.321 377.02L616.908 385.03C618.195 385.745 618.625 387.461 617.909 388.749L615.621 392.61C614.906 393.898 613.19 394.327 611.902 393.611L598.315 385.602L593.452 382.741L591.306 386.317L579.578 406.055L577.576 409.345L582.439 412.205L596.026 420.215C597.313 420.93 597.743 422.646 597.027 423.933L594.739 427.652C594.024 428.939 592.307 429.368 591.02 428.653L577.576 420.501L572.713 417.64L565.847 429.225L601.032 450.107L604.179 444.672L639.364 385.316Z" fill="#DADBE0"/>
<path d="M639.364 385.316L609.042 367.437L604.179 364.577L598.458 374.16L603.321 377.02L616.908 385.03C618.195 385.745 618.625 387.461 617.909 388.749L615.621 392.61C614.906 393.898 613.19 394.327 611.902 393.611L598.315 385.602L593.452 382.741L591.306 386.317L579.578 406.055L577.576 409.345L582.439 412.205L596.026 420.215C597.313 420.93 597.743 422.646 597.027 423.933L594.739 427.652C594.024 428.939 592.307 429.368 591.02 428.653L577.576 420.501L572.713 417.64L565.847 429.225L601.032 450.107L604.179 444.672L639.364 385.316Z" fill="black" opacity="0.1"/>
<path d="M639.364 385.316L609.042 367.437L603.321 377.02L616.908 385.03C618.195 385.745 618.625 387.461 617.909 388.748L615.621 392.61C614.906 393.897 613.19 394.327 611.902 393.611L598.315 385.602L596.312 389.035L584.727 408.772L582.725 412.205L596.312 420.214C597.6 420.93 598.029 422.646 597.313 423.933L595.025 427.795C594.31 429.082 592.594 429.511 591.306 428.796L577.576 420.501L574 426.508C580.865 432.086 589.447 435.089 598.172 435.089C602.749 434.946 607.325 433.945 611.616 432.086L639.364 385.316Z" fill="#DADBE0"/>
<path d="M596.169 420.214L582.582 412.205L577.719 409.344C576.431 408.629 574.858 409.058 574.143 410.346L571.998 414.207C571.282 415.495 571.712 417.068 572.856 417.783L577.719 420.644L591.306 428.653C592.594 429.368 594.31 428.939 595.025 427.652L597.313 423.79C597.886 422.503 597.456 420.93 596.169 420.214ZM617.051 385.03L603.464 377.02L598.601 374.16C597.313 373.445 595.74 373.874 595.025 375.161L592.737 379.023C592.021 380.31 592.451 381.883 593.595 382.741L598.458 385.602L612.045 393.611C613.332 394.327 615.049 393.897 615.764 392.61L618.052 388.748C618.624 387.461 618.195 385.745 617.051 385.03Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M491.759 394.899L523.225 432.086L550.83 440.095L554.405 435.375L531.664 417.211L532.522 383.17L491.759 394.899Z" fill="#DADBE0"/>
<path d="M401.366 516.043C497.499 516.043 575.43 513.097 575.43 509.464C575.43 505.83 497.499 502.884 401.366 502.884C305.233 502.884 227.302 505.83 227.302 509.464C227.302 513.097 305.233 516.043 401.366 516.043Z" fill="#A6A9B3" class="tblr-illustrations-fingerprint-b"/>
<path d="M562.558 388.605C563.416 390.036 564.56 391.323 565.704 392.61C569.852 396.901 574.572 398.76 577.433 396.472C581.008 393.611 580.293 385.602 575.573 378.594C575.001 377.878 574.429 377.02 573.857 376.305C569.423 370.727 563.845 368.153 560.555 370.727C557.123 373.445 557.838 381.454 562.558 388.605Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M562.558 388.605C563.416 390.036 564.56 391.323 565.704 392.61C565.99 392.324 566.276 391.895 566.563 391.609C570.567 387.032 570.138 382.884 573.428 377.02C573.571 376.734 573.714 376.591 573.857 376.305C569.423 370.727 563.845 368.153 560.555 370.727C557.123 373.445 557.838 381.454 562.558 388.605Z" fill="black" opacity="0.19"/>
<path d="M405.657 227.271C405.085 221.836 403.654 216.4 401.509 211.395C401.652 210.536 401.652 209.535 401.366 208.677L392.927 165.912C392.212 162.479 389.781 160.191 387.349 160.62C384.918 161.049 383.487 164.195 384.203 167.628L387.921 186.651C387.492 184.791 385.204 183.504 382.915 184.076C380.627 184.648 378.768 186.508 379.197 188.51L380.77 196.377L379.912 191.943C379.483 189.94 377.194 188.796 374.906 189.368C372.617 189.94 370.901 191.8 371.187 193.659L371.902 196.949C371.044 196.663 370.186 196.663 369.185 196.806C366.753 197.235 365.037 199.237 365.466 201.097L370.186 225.268C370.615 226.985 372.188 227.986 373.905 227.986L374.048 228.415C376.05 237.998 380.198 245.864 384.918 250.584C388.35 254.017 392.069 255.59 395.645 254.875C403.082 253.302 407.23 241.43 405.657 227.271Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M402.367 218.546C404.227 235.137 399.507 249.154 390.496 251.013C388.637 251.442 386.634 251.299 384.918 250.584C380.055 246.007 376.05 237.998 374.048 228.415L373.905 227.986C372.188 227.986 370.615 226.841 370.186 225.268L366.753 207.962C369.042 207.962 371.33 208.248 373.619 208.677L374.191 208.82C374.906 208.963 375.478 209.106 376.193 209.392C378.911 210.25 381.485 211.251 383.917 212.396C389.209 215.113 394.644 217.116 400.365 218.403C401.08 218.403 401.652 218.403 402.367 218.546Z" fill="black" opacity="0.1"/>
<path d="M469.018 510.179L496.479 508.319C496.479 508.319 497.623 502.598 493.332 500.596C489.042 498.594 473.595 505.03 469.018 510.179Z" fill="#232B41" class="tblr-illustrations-fingerprint-c"/>
<path d="M491.759 394.899L523.225 432.086L550.83 440.095L554.405 435.375L531.664 417.211L532.522 383.17L491.759 394.899Z" fill="black" opacity="0.15"/>
<path d="M533.809 382.741C525.371 402.193 517.075 421.645 508.78 441.097L493.19 492.3H486.181L480.317 442.384L489.9 390.179L533.809 382.741Z" fill="#DADBE0"/>
<path d="M554.262 451.538L561.7 438.951C561.7 438.951 559.125 436.52 556.837 437.664C554.548 438.808 552.975 447.819 554.262 451.538Z" fill="#232B41" class="tblr-illustrations-fingerprint-c"/>
<path d="M583.44 370.012L582.582 368.868L580.436 366.007C565.132 345.554 549.828 324.958 534.524 304.505C532.522 302.074 529.948 300.072 527.23 298.784H527.087C525.8 298.212 524.513 297.926 523.225 297.64C521.366 297.354 519.507 297.497 517.647 297.783C515.645 298.355 513.499 298.784 511.497 299.356L510.21 299.642C506.777 298.927 503.774 296.639 502.057 293.492L478.029 301.073C478.458 303.075 474.31 307.223 471.735 309.368L466.586 310.656C465.442 309.368 464.155 308.081 462.725 306.937C445.275 293.206 432.975 274.184 427.826 252.586C423.821 235.709 424.25 217.974 429.256 201.24C417.814 214.255 407.802 217.688 400.508 217.974C391.068 218.546 383.345 214.255 373.905 218.975C369.471 221.263 365.609 224.839 362.892 229.13C374.191 249.869 387.635 269.321 403.082 287.199C411.95 297.497 421.39 307.223 431.545 316.234L434.262 318.665C437.552 321.526 440.842 324.243 444.131 326.818C452.284 333.397 460.722 339.547 469.447 345.268C470.448 348.272 471.592 351.418 472.88 354.565C477.6 366.722 483.035 378.451 489.328 389.893C504.203 387.461 518.935 385.03 533.666 382.598C532.808 379.595 531.95 376.448 531.092 373.015C528.803 363.433 527.087 353.564 526.229 343.695C526.086 342.551 526.086 341.549 525.943 340.548C525.943 340.119 525.943 339.547 525.8 339.118C526.372 340.548 526.801 342.122 527.373 343.552C528.803 347.414 530.091 351.132 531.521 354.994C535.669 366.436 539.817 377.878 543.964 389.464L545.538 393.754H545.681C552.26 394.47 556.265 392.896 558.839 391.18C565.132 386.889 565.132 380.167 571.569 375.161C574.572 372.872 578.291 371.442 582.153 371.156C582.868 371.156 583.44 371.013 584.012 371.013L583.44 370.012Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M511.783 250.584C511.354 253.588 510.782 257.878 509.781 263.313C509.638 264.458 509.352 265.459 509.352 265.888C508.207 271.752 506.205 277.33 503.631 282.765L501.914 285.769C499.769 289.344 485.323 292.634 473.309 290.203C461.295 287.771 458.005 275.614 463.726 271.037C465.728 269.178 467.445 266.889 468.589 264.458C470.305 261.168 471.879 257.878 473.166 254.446C473.881 252.443 474.31 251.156 474.31 251.156L484.608 243.719L507.492 245.721C506.92 249.583 507.635 252.3 508.78 252.586C509.924 252.872 511.497 251.013 511.783 250.584Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M511.783 250.584C511.354 253.588 510.782 257.878 509.781 263.313C509.638 264.458 509.352 265.459 509.352 265.888C508.207 271.752 506.205 277.33 503.631 282.765C502.2 282.193 500.913 281.335 499.769 280.191C498.482 278.903 497.623 277.473 496.908 275.9C496.193 274.184 495.907 272.467 495.764 270.608C495.621 269.464 495.621 268.319 495.621 267.032C486.61 269.178 477.027 268.176 468.589 264.315C470.305 261.025 471.879 257.735 473.166 254.303C473.881 252.3 474.31 251.013 474.31 251.013L484.608 243.576L507.492 245.578C506.92 249.44 507.635 252.157 508.78 252.443C509.924 252.729 511.497 251.013 511.783 250.584Z" fill="black" opacity="0.1"/>
<path d="M519.936 246.15C519.936 241.859 516.503 238.284 512.212 238.141C512.498 237.139 512.641 236.138 512.641 235.137C512.641 229.559 508.064 224.982 502.486 224.982C499.912 224.982 497.48 225.983 495.764 227.557C494.048 224.553 490.758 222.408 486.896 222.408C482.033 222.408 477.886 225.983 476.884 230.56C474.739 228.129 471.735 226.555 468.303 226.555C462.01 226.555 457.004 231.561 457.004 237.855C457.004 242.145 459.435 246.007 463.011 247.866V248.009C463.154 249.44 463.44 250.727 464.012 252.014V252.157C464.155 252.586 464.441 253.158 464.727 253.588C464.87 253.731 464.87 253.874 465.013 254.16C466.157 256.019 467.588 257.735 469.161 259.166C479.459 268.605 496.765 261.454 502.915 258.45V258.594C502.915 259.881 502.772 261.025 502.629 262.169C502.486 262.741 502.486 263.027 502.486 263.17C502.343 263.313 502.343 263.599 502.343 263.599C501.628 266.174 501.056 268.748 500.627 271.323C500.627 273.039 501.056 274.613 502.057 276.043C502.772 273.611 503.917 271.466 505.633 269.607L507.778 267.89C511.354 264.744 513.643 260.453 514.215 255.733C514.358 255.018 514.358 254.446 514.358 253.731C517.647 252.729 519.936 249.726 519.936 246.15ZM434.405 318.951L431.688 316.52C421.533 307.366 412.093 297.64 403.225 287.342C403.368 286.627 403.654 285.912 404.227 285.483C407.659 282.765 417.671 291.204 426.396 304.362C429.542 308.939 432.26 313.802 434.405 318.951Z" fill="#232B41" class="tblr-illustrations-fingerprint-c"/>
<path d="M333.571 174.923C328.422 172.348 323.702 168.915 319.697 164.768C315.263 160.048 311.688 154.613 309.256 148.605C306.682 142.312 302.248 131.585 306.396 126.865C308.684 124.434 312.26 123.576 315.406 124.72C317.409 125.578 318.41 127.294 320.269 131.299C320.412 131.728 320.698 132.3 320.984 132.729C326.133 143.6 330.996 153.897 340.15 159.19C343.297 160.906 346.729 162.05 350.448 162.479C351.592 162.622 352.737 161.764 352.88 160.62C353.023 159.476 352.164 158.331 351.02 158.188C348.017 157.902 345.013 156.901 342.439 155.471C334.429 150.894 329.852 141.168 324.989 130.87C324.703 130.441 324.56 129.869 324.274 129.44C322.415 125.435 320.841 122.145 317.266 120.715C312.403 118.999 306.968 120.286 303.392 124.005C297.385 130.727 302.248 142.455 305.538 150.179C308.112 156.615 311.974 162.622 316.837 167.628C321.128 172.205 326.277 175.924 331.998 178.784C332.284 178.927 332.57 179.07 332.999 179.07C334.143 179.07 335.144 178.069 335.144 176.925C334.858 176.067 334.286 175.352 333.571 174.923Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M327.421 94.8272C311.974 89.5352 293.809 93.5399 283.225 104.553C279.65 108.272 276.932 112.706 275.216 117.569C270.21 130.012 272.498 141.454 273.213 145.888C274.072 150.179 275.359 154.47 277.075 158.474C277.504 159.476 278.648 159.905 279.793 159.476C280.794 159.046 281.223 157.902 280.794 156.758C279.078 153.039 277.933 149.035 277.218 145.03C276.36 140.596 274.501 130.298 278.935 118.999C280.508 114.565 282.939 110.56 286.229 107.128C295.669 97.2586 312.117 93.683 326.134 98.4029C341.294 103.552 346.73 115.995 352.451 129.154C354.596 134.16 355.025 137.735 353.738 140.739C353.023 142.598 351.592 144.029 349.733 144.744C347.445 145.316 345.299 143.886 344.298 143.17C342.153 141.74 341.294 140.31 338.434 134.446C337.576 132.872 336.575 130.727 335.287 128.296C334 125.578 332.427 122.861 330.71 120.429C328.422 117.282 325.561 114.565 322.129 112.563C317.695 110.417 312.546 109.988 307.826 111.275C302.82 112.42 298.243 115.137 294.954 119.142C287.802 128.296 292.236 140.596 295.812 150.465V150.608C299.53 160.906 305.824 170.203 313.976 177.64C314.405 177.926 314.834 178.212 315.406 178.212C316.551 178.212 317.409 177.354 317.409 176.21C317.409 175.638 317.123 175.066 316.837 174.636C309.113 167.628 303.249 158.903 299.673 149.178V149.035C296.384 140.024 292.379 129.011 298.1 121.573C302.963 115.28 313.69 112.706 320.269 116.138C323.13 117.855 325.561 120.286 327.421 123.004C328.994 125.292 330.424 127.723 331.712 130.298C332.999 132.729 334 134.732 334.858 136.305C337.862 142.169 339.006 144.458 342.153 146.46C343.44 147.318 346.873 149.607 350.877 148.605C353.881 147.604 356.455 145.316 357.6 142.455C359.888 137.306 358.172 131.871 356.312 127.58C350.162 114.422 344.155 100.548 327.421 94.8272Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M353.166 168.057C350.019 168.486 346.872 168.343 343.726 167.628C323.988 163.051 316.551 136.734 315.835 133.731C315.549 132.729 314.405 132.014 313.261 132.3C312.26 132.586 311.688 133.588 311.831 134.732C312.689 138.021 320.555 166.341 342.725 171.49C345.013 172.062 347.301 172.205 349.59 172.205C351.02 172.205 352.307 172.062 353.595 171.919C354.739 171.776 355.454 170.775 355.311 169.631C355.311 168.629 354.31 167.914 353.166 168.057ZM296.241 110.274C296.241 110.274 296.527 110.131 296.813 109.845C297.671 109.273 297.957 107.986 297.385 106.985C296.813 106.126 295.526 105.84 294.524 106.412L293.666 106.985C291.378 108.701 289.375 110.846 287.659 113.135C286.944 113.993 287.23 115.28 288.088 115.995C288.946 116.71 290.233 116.424 290.949 115.566C292.522 113.707 294.238 111.847 296.241 110.274ZM288.517 148.319C286.801 143.17 285.657 139.023 285.657 134.16C285.657 133.445 285.657 132.729 285.8 132.014C285.943 130.441 286.086 128.868 286.372 127.437C286.515 126.293 285.8 125.292 284.798 125.149C283.654 125.006 282.653 125.721 282.51 126.722C282.224 128.439 281.938 130.155 281.795 131.871C281.795 132.729 281.652 133.588 281.652 134.303C281.652 139.738 282.939 144.315 284.798 149.75C285.085 150.608 285.8 151.18 286.658 151.18C286.801 151.18 287.087 151.18 287.23 151.037C288.231 150.465 288.803 149.321 288.517 148.319ZM316.551 104.982C317.409 105.125 318.267 105.268 318.982 105.554C322.129 106.412 325.132 107.986 327.707 110.131C328.565 110.846 329.852 110.703 330.567 109.845C331.282 108.987 331.139 107.7 330.281 106.985C327.278 104.553 323.702 102.837 319.983 101.836C318.982 101.549 318.124 101.406 317.123 101.263C315.978 100.977 314.977 101.693 314.691 102.837C314.405 103.981 315.12 104.982 316.264 105.268L316.551 104.982ZM296.384 165.34C294.524 162.479 292.951 159.476 291.664 156.329C291.235 155.328 289.947 154.899 288.946 155.328C287.945 155.757 287.516 157.044 287.945 158.045C289.375 161.335 291.092 164.482 292.951 167.485C293.38 168.057 293.952 168.486 294.667 168.486C295.096 168.486 295.382 168.343 295.669 168.2C296.67 167.628 296.956 166.341 296.384 165.34C296.384 165.483 296.384 165.483 296.384 165.34ZM340.722 126.865C342.295 129.44 343.726 132.157 345.156 134.875C345.728 135.876 346.872 136.305 347.874 135.733C348.875 135.161 349.161 134.017 348.732 133.016C347.301 130.298 345.728 127.437 344.155 124.72C342.009 120.858 339.721 116.996 337.003 113.564C336.288 112.706 335.144 112.42 334.143 113.135C333.285 113.85 332.999 114.994 333.714 115.995C333.714 115.995 333.714 116.138 333.857 116.138C336.431 119.428 338.72 123.004 340.722 126.865ZM334.858 86.3886H334.715C330.567 84.5292 326.133 83.0989 321.556 82.3838C320.412 82.2408 319.411 82.9559 319.268 84.1001C319.125 85.2443 319.84 86.2455 320.984 86.3886C325.132 87.1037 329.28 88.3909 333.142 90.1073L333.285 90.2503C333.571 90.3933 333.857 90.3933 334.143 90.3933C335.001 90.3933 335.716 89.9643 336.002 89.2491C336.288 88.1049 335.859 86.8177 334.858 86.3886ZM298.529 83.0989C295.525 83.9571 292.522 84.9583 289.661 86.2455C288.66 86.6746 288.231 87.9619 288.66 88.9631C288.946 89.6782 289.661 90.1073 290.52 90.1073C290.806 90.1073 291.092 90.1073 291.378 89.9643C293.952 88.82 296.67 87.8188 299.53 87.1037C300.674 86.8177 301.247 85.6734 300.961 84.6722C300.674 83.528 299.53 82.8129 298.529 83.0989ZM265.061 120.572C263.916 120.429 262.915 121.144 262.772 122.145C262.2 125.149 261.914 128.296 261.914 131.299C261.914 132.586 261.914 133.874 262.057 135.161C262.2 136.162 263.058 137.02 264.059 137.02H264.202C265.347 136.877 266.205 136.019 266.062 134.875C265.919 133.731 265.919 132.443 265.919 131.299C265.919 128.439 266.205 125.578 266.634 122.861C266.92 121.859 266.205 120.715 265.061 120.572ZM280.651 96.8296C281.509 95.9714 281.509 94.8272 280.651 93.969C279.936 93.2539 278.791 93.1109 277.933 93.826L276.932 94.8272C271.783 99.9762 267.778 106.269 265.204 113.278C264.775 114.279 265.347 115.423 266.348 115.852C266.634 115.995 266.777 115.995 267.063 115.995C267.921 115.995 268.636 115.423 268.922 114.708C271.211 108.415 274.93 102.551 279.649 97.8308L280.651 96.8296ZM358.744 107.986C354.739 101.406 349.304 95.5423 343.011 91.1085C342.152 90.3933 340.865 90.6794 340.15 91.5376C339.435 92.3957 339.721 93.683 340.579 94.3981C346.443 98.5459 351.449 103.981 355.168 110.131C355.74 111.132 357.027 111.275 357.885 110.703C358.887 110.131 359.173 108.987 358.744 107.986Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M302.534 76.2336C315.836 74.0882 329.566 76.6627 341.294 83.528C342.296 84.1001 343.44 83.671 344.012 82.6698C344.441 81.6687 344.155 80.5244 343.297 79.9523C330.71 72.6579 316.122 69.9404 301.819 72.2288C294.668 73.3731 276.503 77.9499 263.917 94.112C261.485 97.4017 259.34 100.834 257.623 104.553C257.194 105.554 257.623 106.698 258.625 107.271C258.911 107.414 259.197 107.414 259.483 107.414C260.198 107.414 260.913 106.985 261.342 106.269C262.915 102.837 264.918 99.5471 267.206 96.6865C278.791 81.5256 295.812 77.2348 302.534 76.2336ZM324.131 66.5077C327.278 67.2229 330.424 68.0811 333.428 69.2253C333.714 69.3683 333.857 69.3683 334.143 69.3683C335.287 69.3683 336.145 68.5101 336.145 67.3659C336.145 66.5077 335.573 65.7926 334.858 65.5066C331.569 64.3623 328.279 63.3611 324.989 62.646C323.845 62.503 322.844 63.2181 322.701 64.3623C322.558 65.2205 323.13 66.2217 324.131 66.5077ZM267.349 79.6663C267.921 79.6663 268.35 79.5232 268.637 79.2372C278.791 71.3707 290.806 66.5077 303.535 65.2205C306.539 64.9344 309.542 64.7914 312.546 64.9344C313.69 64.9344 314.548 64.0763 314.548 62.9321C314.548 61.7878 313.69 60.9297 312.546 60.9297C309.399 60.7866 306.253 60.9297 302.963 61.2157C289.519 62.503 276.646 67.652 265.919 76.0906C265.061 76.8057 264.918 78.093 265.633 78.9511C266.205 79.3802 266.777 79.6663 267.349 79.6663Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M315.12 260.882H181.104C178.672 260.882 176.67 259.023 176.384 256.734L174.81 245.435C174.524 243.433 175.812 241.573 177.814 241.287H312.546C314.977 241.287 316.98 243.147 317.266 245.435L318.696 256.734C318.982 258.737 317.695 260.596 315.835 260.882C315.549 260.739 315.263 260.882 315.12 260.882Z" fill="#DADBE0"/>
<path d="M301.247 298.069H184.966C182.82 298.069 180.961 296.353 180.532 294.207L179.674 288.057C179.387 286.198 180.532 284.625 182.391 284.195H299.387C301.533 284.195 303.392 285.912 303.821 288.057L304.679 294.207C304.966 296.067 303.821 297.64 301.962 298.069H301.247Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M328.851 390.179H294.381C292.093 390.179 290.234 388.606 289.661 386.46L282.796 356.281C282.224 353.707 283.797 351.132 286.515 350.56C286.801 350.417 287.23 350.417 287.516 350.417H322.129C324.417 350.417 326.276 351.99 326.849 354.136L333.714 384.458C334.286 387.032 332.57 389.607 329.995 390.179C329.566 390.036 329.28 390.179 328.851 390.179Z" fill="#DADBE0"/>
<path d="M266.205 380.31C265.061 377.306 261.771 375.876 258.911 376.877C255.907 378.021 254.477 381.311 255.478 384.172C256.622 387.175 259.912 388.605 262.772 387.604H262.915C265.919 386.46 267.349 383.17 266.205 380.31ZM248.47 332.11L238.315 337.545L252.76 371.585L259.483 369.011C255.764 356.71 252.045 344.41 248.47 332.11ZM289.519 363.862C292.236 364.577 294.811 365.721 297.385 367.008C300.389 368.439 303.249 370.298 305.967 372.3C307.683 365.006 310.83 357.998 315.12 351.847C321.128 343.266 328.851 336.114 338.005 331.108C325.418 350.131 317.695 371.728 315.12 394.47C312.403 391.609 308.827 388.033 304.393 383.886C299.101 379.023 294.954 375.59 291.95 373.159C288.374 370.155 283.797 366.579 278.362 362.574C282.081 362.431 285.943 363.004 289.519 363.862Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M584.298 371.156C583.726 371.156 583.011 371.156 582.439 371.299C578.577 371.585 575.001 373.015 571.855 375.304C565.418 380.31 565.418 387.032 559.125 391.323C556.551 393.039 552.546 394.756 545.967 393.897L544.25 389.464C540.103 378.021 535.955 366.579 531.807 354.994C537.671 365.006 548.255 381.168 554.691 381.025C564.131 380.882 568.136 374.732 575.287 370.155C577.433 368.868 580.007 368.296 582.439 368.439L583.297 369.583L584.298 371.156ZM533.809 382.884C518.935 385.316 504.203 387.747 489.471 390.179C483.178 378.88 477.6 367.008 473.023 354.851C471.879 351.704 470.734 348.558 469.59 345.554C492.618 387.318 533.809 382.884 533.809 382.884Z" fill="black" opacity="0.1"/>
<path d="M502.772 258.451C496.622 261.454 479.459 268.605 469.018 259.166C467.445 257.735 466.014 256.019 464.87 254.16C464.727 254.017 464.727 253.874 464.584 253.588C464.298 253.159 464.012 252.586 463.869 252.157V252.014C463.297 250.727 463.011 249.44 462.868 248.01C465.299 250.727 468.017 253.159 471.163 255.018C486.753 264.029 504.489 256.162 507.349 254.875L507.635 254.732C506.062 256.019 504.489 257.306 502.772 258.451Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

25
src/illustrations/flowers.svg Normal file
View File

@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-flowers-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-flowers-b { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-flowers-a { fill: black; opacity: 0.07; } .tblr-illustrations-flowers-b { fill: #454C5E; } }
</style>
<path d="M155 299.95C155 341.482 198.899 371.574 218.293 405.09C238.317 439.662 243.124 492.509 277.709 512.558C311.187 531.914 359.012 510.255 400.545 510.255C442.077 510.255 489.789 531.94 523.304 512.558C557.89 492.509 562.697 439.662 582.721 405.09C602.052 371.574 645.963 341.457 645.963 299.95C645.963 258.442 602.065 228.287 582.671 194.797C562.647 160.212 557.839 107.34 523.254 87.3414C489.739 67.9471 442.002 89.632 400.494 89.632C358.987 89.632 311.187 67.9471 277.709 87.3414C243.124 107.34 238.317 160.212 218.293 194.797C198.886 228.287 155 258.43 155 299.95Z" fill="#F7F8FC" class="tblr-illustrations-flowers-a"/>
<path d="M462.743 277.56C462.181 276.265 461.129 275.246 459.817 274.727C458.505 274.208 457.04 274.231 455.745 274.791C433.733 284.293 411.016 302.379 387.783 328.808C392.691 320.074 397.713 310.761 402.659 301.045C438.339 231.018 453.48 174.635 447.678 133.43C447.481 132.031 446.736 130.768 445.608 129.919C444.48 129.069 443.06 128.702 441.662 128.899C440.263 129.096 439 129.84 438.15 130.969C437.301 132.097 436.934 133.516 437.131 134.915C446.218 199.341 396.631 294.173 364.575 347.435C368.791 321.307 368.779 298.691 364.487 279.75C364.34 279.06 364.058 278.407 363.656 277.827C363.255 277.248 362.742 276.754 362.149 276.374C361.555 275.994 360.891 275.736 360.197 275.615C359.502 275.493 358.791 275.511 358.103 275.667C357.416 275.823 356.766 276.114 356.192 276.522C355.618 276.931 355.13 277.45 354.758 278.049C354.386 278.648 354.137 279.315 354.024 280.011C353.912 280.707 353.939 281.418 354.104 282.103C360.082 308.458 356.395 340.865 348.088 373.752C342.651 382.259 339.115 387.18 338.875 387.495C338.125 388.566 337.797 389.876 337.952 391.174C338.108 392.472 338.737 393.667 339.719 394.53C338.46 396.494 337.264 398.47 336.031 400.458C317.25 431.109 300.435 462.922 285.689 495.706C285.386 496.351 285.216 497.05 285.189 497.762C285.161 498.474 285.277 499.185 285.529 499.851C285.782 500.517 286.165 501.126 286.657 501.642C287.149 502.157 287.739 502.569 288.393 502.852C289.047 503.135 289.751 503.284 290.464 503.29C291.176 503.296 291.883 503.159 292.541 502.887C293.2 502.615 293.797 502.213 294.298 501.706C294.798 501.199 295.192 500.597 295.455 499.935C295.77 499.23 308.041 471.202 328.102 435.282C313.665 472.001 296.658 507.656 277.206 541.983C276.494 543.2 276.292 544.651 276.646 546.016C277 547.382 277.88 548.552 279.094 549.27C279.909 549.753 280.84 550.005 281.787 550C282.715 550.003 283.627 549.763 284.433 549.303C285.239 548.844 285.911 548.182 286.381 547.382C304.168 516.135 319.948 483.788 333.627 450.536C341.609 431.231 348.582 411.525 354.519 391.497C383.617 346.781 420.845 301.498 460.024 284.52C461.303 283.952 462.305 282.902 462.814 281.599C463.323 280.296 463.298 278.844 462.743 277.56Z" fill="#232B41" class="tblr-illustrations-flowers-b"/>
<path d="M271.542 195.175C275.582 241.741 294.8 276.566 321.041 282.368C326.623 283.601 332.421 283.45 337.931 281.927C386.134 268.649 369.735 175.441 369.735 175.441L271.542 195.175Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M483.546 128.433C500.346 128.433 513.966 114.814 513.966 98.014C513.966 81.2138 500.346 67.5946 483.546 67.5946C466.746 67.5946 453.127 81.2138 453.127 98.014C453.127 114.814 466.746 128.433 483.546 128.433Z" fill="#A6A9B3"/>
<path d="M437.797 110.839C454.597 110.839 468.217 97.2195 468.217 80.4194C468.217 63.6192 454.597 50 437.797 50C420.997 50 407.378 63.6192 407.378 80.4194C407.378 97.2195 420.997 110.839 437.797 110.839Z" fill="#DADBE0"/>
<path d="M400.468 142.768C417.268 142.768 430.888 129.149 430.888 112.349C430.888 95.5488 417.268 81.9296 400.468 81.9296C383.668 81.9296 370.049 95.5488 370.049 112.349C370.049 129.149 383.668 142.768 400.468 142.768Z" fill="#DADBE0"/>
<path d="M445.525 165.674C445.458 170.848 444.053 175.916 441.448 180.387C438.772 185.037 434.913 188.897 430.264 191.575C425.614 194.253 420.339 195.654 414.974 195.635C409.608 195.616 404.343 194.178 399.713 191.467C395.082 188.756 391.251 184.869 388.608 180.199C385.965 175.53 384.605 170.244 384.664 164.879C384.723 159.514 386.201 154.259 388.947 149.65C391.692 145.04 395.608 141.238 400.298 138.63C404.987 136.023 410.283 134.702 415.647 134.802C416.465 134.802 417.283 134.877 418.076 134.94C418.869 135.003 419.712 135.129 420.505 135.28C426.023 136.256 431.163 138.742 435.355 142.46C439.547 146.179 442.627 150.986 444.254 156.348C444.483 157.063 444.672 157.79 444.821 158.525C445.359 160.869 445.596 163.271 445.525 165.674Z" fill="#A6A9B3"/>
<path d="M500.952 171.967C500.952 172.386 500.952 172.806 500.952 173.225C500.554 180.359 497.659 187.124 492.773 192.337C487.886 197.549 481.322 200.875 474.229 201.732C467.136 202.589 459.968 200.923 453.981 197.024C447.994 193.126 443.57 187.245 441.485 180.412C439.265 173.095 439.876 165.211 443.196 158.324C443.511 157.644 443.876 156.99 444.241 156.348C446.574 152.315 449.801 148.871 453.674 146.281C457.547 143.692 461.962 142.025 466.58 141.409C468.064 141.196 469.562 141.103 471.061 141.132C479.107 141.278 486.768 144.603 492.369 150.381C497.97 156.159 501.056 163.92 500.952 171.967Z" fill="#DADBE0"/>
<path d="M527.319 143.561C527.211 150.856 524.481 157.868 519.628 163.315C514.775 168.762 508.123 172.28 500.89 173.225C499.405 173.426 497.907 173.519 496.409 173.502C489.846 173.391 483.495 171.162 478.301 167.147C473.108 163.133 469.35 157.549 467.588 151.226C466.797 148.422 466.419 145.518 466.468 142.605C466.468 142.202 466.468 141.787 466.468 141.409C466.764 135.906 468.557 130.588 471.653 126.029C473.131 123.833 474.896 121.843 476.901 120.114C481.194 116.39 486.445 113.945 492.058 113.055C497.671 112.165 503.421 112.867 508.655 115.08C511.769 116.361 514.635 118.175 517.125 120.441C520.393 123.331 522.996 126.893 524.756 130.884C526.516 134.875 527.39 139.2 527.319 143.561Z" fill="#A6A9B3"/>
<path d="M447.677 158.689C464.477 158.689 478.096 145.07 478.096 128.27C478.096 111.47 464.477 97.8503 447.677 97.8503C430.877 97.8503 417.258 111.47 417.258 128.27C417.258 145.07 430.877 158.689 447.677 158.689Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M361.919 298.691C356.403 300.203 350.602 300.35 345.017 299.119C335.527 297.005 326.982 291.14 319.72 282.267C306.87 266.598 298.11 241.666 295.518 211.939C323.13 206.368 350.743 200.817 378.356 195.288C383.482 194.239 388.601 193.207 393.71 192.192C393.71 192.192 410.109 285.401 361.919 298.691Z" fill="#DADBE0"/>
<path d="M367.011 381.057L342.415 370.914C337.955 369.075 332.849 371.199 331.01 375.659L328.448 381.872C326.609 386.331 328.733 391.437 333.193 393.276L357.789 403.42C362.249 405.259 367.355 403.134 369.194 398.675L371.756 392.461C373.595 388.002 371.471 382.896 367.011 381.057Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M536.946 226.412C536.946 226.412 544.925 236.883 525.48 251.923C506.036 266.963 471.148 267.957 471.148 267.957C471.148 267.957 487.044 236.896 508.981 225.795C530.917 214.695 536.946 226.412 536.946 226.412Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M539.879 337.908C539.879 337.908 531.069 351.525 505.482 335.126C479.896 318.727 464.365 278.604 464.365 278.604C464.365 278.604 507.043 284.23 529.03 305.147C551.017 326.065 539.879 337.908 539.879 337.908Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M429.617 362.903C429.617 362.903 418.592 360.26 423.324 339.632C428.056 319.004 450.861 299.358 450.861 299.358C450.861 299.358 457.154 328.733 448.545 348.077C439.937 367.421 429.617 362.903 429.617 362.903Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M441.7 170.822C441.7 170.822 458.061 166.568 466.217 197.113C474.372 227.658 458.162 269.48 458.162 269.48C458.162 269.48 429.278 235.184 427.05 203.657C424.823 172.13 441.7 170.822 441.7 170.822Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M361.919 298.691C356.403 300.203 350.602 300.35 345.017 299.119C335.527 297.005 326.982 291.14 319.72 282.267C341.115 275.483 356.444 258.077 358.735 237.928C360.9 219.188 351.02 205.067 348.201 201.329L385.958 193.778L393.635 192.242C393.635 192.242 410.109 285.401 361.919 298.691Z" fill="black" opacity="0.1"/>
<path d="M366.664 252.2C366.664 252.2 368.515 238.268 394.579 241.552C420.644 244.837 447.766 270.386 447.766 270.386C447.766 270.386 412.338 281.902 387.355 273.746C362.373 265.591 366.664 252.2 366.664 252.2Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M456.324 308.86C473.124 308.86 486.743 295.241 486.743 278.441C486.743 261.641 473.124 248.021 456.324 248.021C439.524 248.021 425.904 261.641 425.904 278.441C425.904 295.241 439.524 308.86 456.324 308.86Z" fill="#DADBE0"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.5 KiB

45
src/illustrations/folders.svg Normal file
View File

@ -0,0 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-folders-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-folders-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-folders-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-folders-a { fill: black; opacity: 0.07; } .tblr-illustrations-folders-b { fill: #1A2030; } .tblr-illustrations-folders-c { fill: #454C5E; } }
</style>
<path d="M163 336.764C163 376.827 205.366 405.973 224.135 438.378C243.431 471.825 248.148 522.791 281.497 542.186C313.902 560.967 360.042 539.993 400.104 539.993C440.167 539.993 486.294 560.967 518.699 542.186C552.048 522.902 556.764 471.825 576.061 438.378C594.83 405.973 637.196 376.925 637.196 336.764C637.196 296.603 594.72 267.555 576.061 235.15C556.764 201.703 552.048 150.614 518.699 131.342C486.294 112.573 440.154 133.535 400.104 133.535C360.054 133.535 313.902 112.573 281.497 131.342C248.05 150.639 243.431 201.703 224.135 235.15C205.366 267.665 163 296.701 163 336.764Z" fill="#F7F8FC" class="tblr-illustrations-folders-a"/>
<path d="M325.014 200.686C323.699 206.36 323.923 212.281 325.663 217.838H292.584C290.51 213.087 289.72 207.873 290.293 202.72C290.402 201.838 290.562 200.962 290.771 200.098C292.645 192.355 297.399 189.231 297.619 182.089C297.791 176.428 295.01 171.736 292.584 168.612H325.663L325.92 169.053C330.478 177.078 330.625 183.13 329.902 187.185C328.959 192.441 326.472 194.671 325.014 200.686Z" fill="#A6A9B3"/>
<path d="M325.014 200.686C323.699 206.359 323.923 212.281 325.663 217.838H292.584C290.51 213.086 289.72 207.873 290.293 202.72C292.951 207.4 296.713 211.676 301.564 211.835C312.48 212.203 309.332 197.268 314.894 186.695C318.232 180.606 321.914 174.712 325.92 169.041C330.478 177.065 330.625 183.118 329.902 187.173C328.959 192.441 326.472 194.671 325.014 200.686Z" fill="black" opacity="0.1"/>
<path d="M319.928 215.731C318.977 214.656 318.24 213.409 317.76 212.056C315.542 207.388 316.253 202.549 319.708 200.098C324.131 196.937 331.335 198.726 335.953 204.337C336.471 204.912 336.908 205.555 337.252 206.248C340.425 211.37 340.094 217.275 336.186 219.946C331.751 222.972 324.425 221.134 319.928 215.731Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M319.93 215.731C318.978 214.656 318.242 213.409 317.762 212.056C320.028 211.272 321.841 210.696 323.079 210.267C326.546 209.042 327.857 208.576 330.05 207.988C331.814 207.498 333.248 207.204 334.216 207.008L336.298 206.506L337.168 206.065C340.341 211.186 340.023 217.091 336.115 219.75C331.753 222.972 324.427 221.134 319.93 215.731Z" fill="black" opacity="0.1"/>
<path d="M424.951 221.624C423.521 221.726 422.103 221.952 420.712 222.298C415.885 223.523 404.258 233.961 404.258 233.961C400.681 237.196 394.665 240.871 383.921 242.096C375.954 242.272 368.143 239.875 361.647 235.26C346.247 224.038 346.504 204.729 346.566 202.843C331.979 210.865 318.936 221.419 308.047 234.01C319.594 249.33 335 261.312 352.691 268.731C364.612 273.632 381.581 280.579 401.391 274.698C412.187 271.344 421.835 265.048 429.251 256.517C431.052 270.851 432.841 285.148 434.507 299.483C436.222 312.776 437.791 326.093 439.481 339.239L507.477 336.727C508.347 323.324 509.082 309.921 509.928 296.677C510.418 289.069 510.908 281.608 511.373 273.987L514.792 218.255L424.951 221.624Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M242.867 515.134C242.867 517.928 319.929 520.268 414.928 520.268C509.926 520.268 587.013 517.928 587.013 515.134C587.013 512.341 509.963 510.111 414.965 510.111C319.966 510.111 242.904 512.451 242.904 515.134" fill="#A6A9B3" class="tblr-illustrations-folders-b"/>
<path d="M275.825 118.932C275.174 118.928 274.543 118.703 274.035 118.295C273.528 117.886 273.175 117.317 273.032 116.681C272.89 116.046 272.968 115.38 273.252 114.794C273.537 114.208 274.012 113.736 274.6 113.455C279.321 111.053 284.167 108.906 289.118 107.023C289.833 106.752 290.626 106.776 291.323 107.089C292.021 107.403 292.565 107.981 292.836 108.696C293.108 109.41 293.084 110.204 292.77 110.901C292.457 111.598 291.879 112.143 291.164 112.414C286.407 114.23 281.749 116.295 277.209 118.601C276.783 118.825 276.307 118.939 275.825 118.932Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M211.221 258.023C210.607 258.021 210.009 257.825 209.514 257.461C209.019 257.098 208.651 256.587 208.465 256.002C205.601 246.907 203.885 237.491 203.356 227.97C203.344 227.223 203.623 226.499 204.134 225.953C204.644 225.406 205.347 225.079 206.094 225.039C206.84 224.999 207.574 225.251 208.139 225.74C208.705 226.23 209.058 226.919 209.126 227.664C209.634 236.705 211.281 245.646 214.027 254.274C214.147 254.64 214.192 255.026 214.161 255.41C214.13 255.794 214.023 256.168 213.847 256.51C213.67 256.852 213.427 257.155 213.132 257.402C212.837 257.65 212.496 257.836 212.128 257.95C211.831 258.021 211.525 258.046 211.221 258.023ZM208.44 202.99C208.238 202.988 208.036 202.964 207.84 202.916C207.469 202.839 207.117 202.689 206.804 202.475C206.492 202.261 206.224 201.987 206.018 201.669C205.812 201.352 205.671 200.996 205.603 200.623C205.535 200.251 205.542 199.868 205.622 199.498C207.604 190.159 210.744 181.105 214.97 172.544C215.138 172.205 215.37 171.902 215.655 171.652C215.939 171.403 216.27 171.211 216.628 171.09C216.987 170.968 217.366 170.918 217.743 170.943C218.121 170.967 218.49 171.066 218.83 171.234C219.169 171.401 219.472 171.633 219.722 171.918C219.971 172.202 220.162 172.533 220.284 172.892C220.406 173.25 220.456 173.629 220.431 174.007C220.407 174.384 220.308 174.753 220.14 175.093C216.131 183.21 213.147 191.795 211.258 200.649C211.133 201.306 210.783 201.898 210.269 202.325C209.755 202.752 209.108 202.987 208.44 202.99ZM232.637 153.42C231.969 153.418 231.321 153.189 230.799 152.77C230.208 152.283 229.835 151.58 229.762 150.818C229.688 150.055 229.92 149.295 230.407 148.703C236.436 141.37 243.229 134.7 250.671 128.806C250.967 128.571 251.307 128.396 251.671 128.291C252.034 128.187 252.415 128.155 252.791 128.198C253.167 128.24 253.531 128.357 253.862 128.54C254.193 128.723 254.485 128.97 254.72 129.266C254.956 129.562 255.131 129.901 255.236 130.265C255.34 130.629 255.372 131.01 255.329 131.386C255.287 131.762 255.17 132.126 254.987 132.457C254.804 132.788 254.557 133.079 254.261 133.315C247.138 138.959 240.637 145.345 234.867 152.366C234.594 152.7 234.25 152.968 233.86 153.15C233.47 153.333 233.043 153.425 232.612 153.42H232.637Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M231.144 296.371C230.698 296.372 230.258 296.27 229.858 296.072C229.458 295.874 229.11 295.587 228.84 295.231C225.633 290.998 222.683 286.575 220.007 281.987C219.622 281.326 219.516 280.539 219.711 279.799C219.906 279.059 220.387 278.427 221.049 278.042C221.71 277.657 222.497 277.551 223.237 277.746C223.977 277.941 224.608 278.422 224.994 279.084C227.546 283.471 230.365 287.697 233.435 291.74C233.896 292.349 234.097 293.117 233.994 293.875C233.891 294.633 233.491 295.319 232.884 295.783C232.382 296.161 231.772 296.367 231.144 296.371Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M535.557 136.415C535.088 136.413 534.626 136.3 534.209 136.084C529.707 133.715 525.077 131.596 520.341 129.737C519.629 129.458 519.058 128.907 518.752 128.207C518.446 127.506 518.432 126.712 518.711 126.001C518.991 125.289 519.541 124.718 520.242 124.412C520.943 124.107 521.736 124.092 522.448 124.371C527.381 126.303 532.204 128.508 536.892 130.975C537.458 131.278 537.907 131.761 538.168 132.347C538.429 132.933 538.488 133.59 538.335 134.213C538.182 134.836 537.826 135.391 537.323 135.789C536.82 136.188 536.199 136.408 535.557 136.415Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M605.231 257.007C605.089 257.019 604.945 257.019 604.803 257.007C604.426 256.954 604.064 256.828 603.737 256.634C603.41 256.441 603.124 256.185 602.896 255.881C602.669 255.577 602.503 255.231 602.41 254.863C602.316 254.494 602.297 254.111 602.352 253.735C602.922 249.841 603.209 245.91 603.21 241.974C603.169 234.006 602.09 226.078 600 218.39C599.903 218.024 599.878 217.642 599.928 217.267C599.979 216.891 600.102 216.529 600.292 216.202C600.482 215.874 600.735 215.587 601.036 215.357C601.337 215.127 601.68 214.959 602.046 214.861C602.412 214.764 602.794 214.74 603.169 214.79C603.544 214.84 603.906 214.964 604.234 215.154C604.562 215.343 604.849 215.596 605.079 215.897C605.309 216.198 605.477 216.541 605.574 216.907C607.817 225.064 608.991 233.478 609.066 241.937C609.065 246.157 608.754 250.37 608.135 254.544C608.036 255.239 607.686 255.873 607.151 256.327C606.616 256.781 605.933 257.023 605.231 257.007ZM588.079 186.83C587.586 186.829 587.102 186.701 586.672 186.459C586.243 186.216 585.884 185.867 585.629 185.445C580.122 176.303 573.654 167.777 566.333 160.011C565.438 159.08 564.458 158.1 563.38 157.059C562.829 156.529 562.512 155.802 562.497 155.038C562.482 154.274 562.771 153.536 563.301 152.985C563.83 152.434 564.557 152.116 565.321 152.101C566.085 152.086 566.823 152.376 567.374 152.905C568.501 153.983 569.53 155.025 570.474 155.993C578.087 164.073 584.815 172.945 590.542 182.456C590.81 182.892 590.956 183.392 590.967 183.903C590.978 184.415 590.852 184.92 590.602 185.367C590.352 185.814 589.988 186.186 589.547 186.445C589.106 186.705 588.603 186.841 588.091 186.842L588.079 186.83Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M582.382 303.256C581.81 303.268 581.247 303.108 580.765 302.798C580.284 302.488 579.906 302.041 579.679 301.515C579.453 300.989 579.389 300.407 579.495 299.844C579.601 299.282 579.873 298.763 580.275 298.355C583.708 294.672 586.835 290.714 589.623 286.52C589.826 286.194 590.093 285.912 590.407 285.69C590.721 285.469 591.077 285.312 591.453 285.23C591.828 285.149 592.217 285.143 592.594 285.213C592.972 285.284 593.333 285.429 593.653 285.641C593.974 285.853 594.249 286.127 594.462 286.447C594.676 286.767 594.822 287.127 594.894 287.505C594.966 287.882 594.962 288.271 594.881 288.647C594.801 289.023 594.646 289.379 594.425 289.694C591.47 294.158 588.151 298.371 584.502 302.288C584.234 302.587 583.908 302.827 583.543 302.994C583.178 303.161 582.783 303.25 582.382 303.256Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M322.711 147.429C323.836 145.722 325.063 144.086 326.387 142.528C327.453 141.07 328.604 139.698 329.78 138.387C330.335 135.093 331.205 131.86 332.378 128.733C334.017 119.906 337.979 111.677 343.857 104.891C348.991 97.8125 355.854 92.1685 363.791 88.4988C371.058 83.491 379.501 80.4557 388.294 79.69C391.642 79.2782 395.016 79.1022 398.389 79.1631C399.311 77.5316 400.317 75.949 401.403 74.4218L391.957 73.0251C390.117 72.7366 388.405 71.9066 387.039 70.641C385.673 69.3754 384.715 67.7316 384.287 65.9192L383.516 62.6481C383.09 60.8335 382.133 59.187 380.767 57.9191C379.401 56.6511 377.687 55.8193 375.846 55.5299L341.444 50.1148C338.986 49.7269 336.474 50.3311 334.462 51.7946C332.449 53.2581 331.1 55.4611 330.711 57.919L327.367 79.1509L318.117 137.836C317.82 139.712 318.101 141.634 318.921 143.347C319.742 145.06 321.063 146.484 322.711 147.429Z" fill="#A6A9B3"/>
<path d="M491.451 98.1653L482.875 120.01L466.789 161.236C465.742 163.7 463.926 165.759 461.611 167.104C459.296 168.449 456.608 169.008 453.949 168.697L324.181 148.299C319.023 147.49 316.401 142.822 318.337 137.885L324.904 121.076L340.487 81.2336L342.203 76.8721C343.492 73.8267 345.734 71.2815 348.592 69.6181C351.451 67.9548 354.771 67.2631 358.056 67.6467L409.17 75.6959L448.571 81.9075L485.631 87.727C490.789 88.5601 493.411 93.2279 491.451 98.1653Z" fill="#DADBE0"/>
<path d="M482.875 120.01L466.789 161.236C465.742 163.7 463.926 165.759 461.611 167.104C459.296 168.449 456.608 169.008 453.949 168.697L324.181 148.299C319.023 147.49 316.401 142.822 318.337 137.885L324.904 121.076C348.304 131.073 383.368 142.197 401.402 128.855C420.024 115.085 458.433 117.008 482.875 120.01Z" fill="black" opacity="0.1"/>
<path d="M423.983 515.195L449.711 513.615C449.711 513.615 450.936 506.987 447.15 504.512C443.365 502.037 428.503 509.192 423.934 515.195" fill="#232B41" class="tblr-illustrations-folders-c"/>
<path d="M479.127 515.195L504.855 513.615C504.855 513.615 506.081 506.987 502.295 504.512C498.509 502.037 483.648 509.192 479.078 515.195" fill="#232B41" class="tblr-illustrations-folders-c"/>
<path d="M437.301 494.368L448.033 495.189L468.947 378.799C476.126 418.322 483.314 457.838 490.509 497.345L501.033 494.895C503.181 442.188 505.329 389.47 507.478 336.74L461.718 338.43L439.494 339.251C438.751 390.969 438.02 442.674 437.301 494.368Z" fill="#DADBE0"/>
<path d="M437.301 494.368L448.033 495.189L468.947 378.799L461.718 338.455L439.494 339.275C438.751 390.977 438.02 442.674 437.301 494.368Z" fill="black" opacity="0.1"/>
<path d="M476.188 146.535C477.082 150.075 478.344 155.405 479.777 161.788C480.071 163.282 480.267 164.483 480.402 164.924C481.643 172.086 482.005 179.372 481.48 186.622C481.297 188.116 481.211 189.403 481.015 190.873C480.378 194.548 471.9 201.201 461.621 205.575C458.087 207.103 454.386 208.209 450.594 208.87C438.747 211.125 430.44 203.467 429.901 196.337C429.752 194.633 430.124 192.924 430.967 191.436C432.396 188.388 433.299 185.12 433.638 181.77C434.23 177.304 434.418 172.793 434.202 168.293C434.235 166.878 434.181 165.463 434.042 164.054L442.349 150.97L469.302 142.933C470.368 147.527 472.524 150.357 474.019 150.284C475.514 150.21 476.065 147.221 476.188 146.535Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M476.185 146.534C477.079 150.075 478.341 155.405 479.775 161.788C480.069 163.282 480.265 164.483 480.4 164.924C481.64 172.086 482.002 179.372 481.478 186.622C479.562 186.547 477.674 186.132 475.903 185.396C473.981 184.547 472.229 183.356 470.733 181.88C469.209 180.26 467.934 178.422 466.947 176.428C466.274 175.203 465.722 173.782 465.159 172.52C455.875 179.074 444.652 182.303 433.305 181.684C433.903 177.219 434.092 172.707 433.868 168.207C433.905 166.801 433.856 165.393 433.721 163.993L442.052 150.921L469.006 142.884C470.059 147.49 472.216 150.308 473.722 150.234C475.229 150.161 476.026 147.331 476.173 146.682" fill="black" opacity="0.1"/>
<path d="M481.269 151.362C482.816 157.01 482.177 163.034 479.48 168.232C478.819 169.2 478.255 170.168 477.802 171.099C476.641 173.924 476.194 176.991 476.503 180.03C474.791 178.953 473.476 177.349 472.754 175.46C471.737 172.581 471.419 166.676 471.198 165.941L471.063 165.5C470.939 165.059 470.857 164.608 470.818 164.152C470.526 162.656 470.091 161.191 469.52 159.778L469.434 159.668C463.847 165.929 447.381 181.782 431.454 175.779C428.979 174.808 426.63 173.541 424.458 172.005C424.228 171.894 424.02 171.74 423.846 171.552C423.309 171.166 422.808 170.731 422.351 170.253L422.167 170.155C420.88 168.973 419.814 167.571 419.019 166.014L418.676 165.5C418.319 164.822 418.098 164.081 418.026 163.319C417.537 160.42 418.107 157.441 419.631 154.927C422.29 150.026 427.166 146.179 429.886 144.109C439.981 136.023 456.986 129.848 470.01 137.284C475.235 140.647 479.189 145.657 481.244 151.521" fill="#232B41" class="tblr-illustrations-folders-c"/>
<path d="M469.473 159.644C463.886 165.904 447.42 181.758 431.493 175.755C429.017 174.784 426.668 173.517 424.497 171.981C424.268 171.867 424.061 171.713 423.885 171.528C423.35 171.139 422.85 170.704 422.39 170.229C422.387 170.212 422.381 170.195 422.371 170.18C422.361 170.165 422.348 170.153 422.333 170.143C422.318 170.134 422.301 170.128 422.283 170.126C422.266 170.124 422.248 170.126 422.231 170.131C420.936 168.956 419.868 167.552 419.082 165.99C423.057 168.029 427.328 169.43 431.738 170.143C453.472 173.488 470.171 156.336 472.842 153.592L473.124 153.396C472.009 155.466 470.673 157.61 469.448 159.693" fill="black" opacity="0.5"/>
<path d="M479.2 217.777C475.554 221.86 470.722 224.701 465.38 225.9L464.633 226.071L451.021 220.509L479.2 217.777Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M479.2 217.777C475.554 221.86 470.722 224.701 465.38 225.9L464.633 226.071L451.021 220.509L479.2 217.777Z" fill="black" opacity="0.1"/>
<path d="M464.608 226.071L447.639 214.861L443.988 218.941L455.835 235.358L464.608 226.071Z" fill="#DADBE0"/>
<path d="M465.369 226.059L489.97 209.336L495.79 214.445L479.618 237.22L465.369 226.059Z" fill="#DADBE0"/>
<path d="M464.608 226.071L447.639 214.861L443.988 218.941L455.835 235.358L464.608 226.071Z" fill="black" opacity="0.11"/>
<path d="M474.409 240.406C470.819 262.458 467.23 284.425 463.787 306.429C461.606 284.487 459.291 262.544 456.963 240.749C459.658 235.787 462.207 230.947 464.975 226.047L465.735 226.169C468.443 230.972 471.346 235.689 474.409 240.406Z" fill="#DADBE0"/>
<path d="M464.756 226.083L463.641 306.49C461.448 284.536 459.132 262.581 456.805 240.798C459.5 235.848 462.048 230.874 464.756 226.083Z" fill="black" opacity="0.11"/>
<path d="M507.476 336.764L439.492 339.276C473.355 320.093 498.864 288.993 511.053 252.032C511.298 257.382 511.539 262.736 511.776 268.094L507.476 336.764Z" fill="black" opacity="0.1"/>
<path d="M536.342 355.815C536.252 357.244 536.443 358.676 536.906 360.03C538.057 365.065 541.635 368.422 545.849 368.202C551.289 367.932 555.822 362.076 555.969 354.798C556.01 354.026 555.952 353.252 555.798 352.495C555.099 346.516 551.216 342.118 546.462 342.412C541.157 342.755 536.55 348.758 536.342 355.815Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M536.342 355.815C536.252 357.243 536.443 358.675 536.906 360.03C539.16 359.246 540.949 358.572 542.186 358.143C545.653 356.918 546.989 356.489 549.072 355.595C550.75 354.884 552.061 354.235 552.931 353.781L554.879 352.887L555.847 352.691C555.148 346.7 551.265 342.314 546.523 342.608C541.157 342.755 536.55 348.758 536.342 355.815Z" fill="black" opacity="0.1"/>
<path d="M514.802 218.292C515.683 218.396 516.55 218.598 517.387 218.892C528.413 222.751 530.79 242.305 531.66 248.406C534.319 267.016 543.042 299.519 558.221 348.293L521.467 360.655L505.074 266.22L514.802 218.292Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M266.024 405.042C264.456 395.989 265.345 386.681 268.597 378.089C270.226 369.265 274.185 361.038 280.064 354.259C285.197 347.177 292.06 341.529 299.997 337.854C303.022 335.779 306.263 334.037 309.664 332.66C310.212 329.355 311.086 326.113 312.273 322.981C312.648 320.998 313.139 319.038 313.744 317.113L310.374 317.382C308.517 317.528 306.658 317.119 305.033 316.208C303.408 315.296 302.09 313.922 301.247 312.261L299.74 309.259C298.901 307.597 297.586 306.222 295.963 305.31C294.339 304.398 292.481 303.99 290.625 304.138L255.892 306.919C253.419 307.129 251.129 308.308 249.522 310.199C247.916 312.09 247.122 314.54 247.316 317.015L249.043 338.504L253.772 397.691C253.981 400.164 255.16 402.454 257.052 404.06C258.943 405.667 261.393 406.46 263.867 406.267L266.257 406.071L266.024 405.042Z" fill="#232B41" class="tblr-illustrations-folders-c"/>
<path d="M413.041 318.583L408.618 350.718L403.803 385.721C403.365 388.363 402.082 390.791 400.147 392.642C398.212 394.492 395.729 395.667 393.071 395.988L262.127 406.475C261.129 406.611 260.115 406.537 259.148 406.257C258.181 405.977 257.283 405.498 256.513 404.851C255.742 404.204 255.115 403.402 254.672 402.498C254.23 401.594 253.981 400.608 253.943 399.602C253.876 398.975 253.876 398.342 253.943 397.715L262.347 337.45L262.984 332.807C263.525 329.544 265.109 326.544 267.499 324.258C269.89 321.971 272.957 320.522 276.24 320.126L327.819 315.998L367.551 312.812L404.967 309.823C410.15 309.406 413.788 313.327 413.041 318.583Z" fill="#A6A9B3"/>
<path d="M408.642 350.719L403.828 385.721C403.389 388.363 402.106 390.791 400.171 392.642C398.236 394.492 395.754 395.667 393.095 395.988L262.151 406.475C261.154 406.611 260.139 406.537 259.172 406.257C258.205 405.977 257.308 405.498 256.537 404.851C255.766 404.204 255.139 403.402 254.697 402.498C254.254 401.594 254.005 400.608 253.967 399.602C334.888 382.34 383.012 363.264 408.642 350.719Z" fill="black" opacity="0.1"/>
<path d="M430.464 255.144C422.893 264.37 412.793 271.183 401.403 274.747C381.592 280.627 364.648 273.669 352.703 268.78C335.012 261.36 319.606 249.379 308.059 234.059C377.415 286.716 430.464 255.144 430.464 255.144Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

76
src/illustrations/gift.svg Normal file
View File

@ -0,0 +1,76 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-gift-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-gift-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-gift-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-gift-a { fill: black; opacity: 0.07; } .tblr-illustrations-gift-b { fill: #1A2030; } .tblr-illustrations-gift-c { fill: #454C5E; } }
</style>
<path d="M130.804 300.02C130.804 347.03 180.593 381.109 202.467 419.176C225.307 458.451 230.624 518.271 269.9 540.869C307.846 562.864 361.986 538.211 408.996 538.211C456.005 538.211 510.145 562.743 548.091 540.869C587.246 518.15 592.684 458.33 615.403 419.176C637.398 381.23 687.066 347.03 687.066 300.02C687.066 253.01 637.398 218.931 615.403 180.864C592.684 141.71 587.246 81.7691 548.091 59.1706C510.024 37.1764 456.005 61.8293 408.996 61.8293C361.986 61.8293 307.846 37.1764 269.9 59.0498C230.745 81.7691 225.307 141.589 202.588 180.743C180.593 218.931 130.925 253.01 130.804 300.02Z" fill="#F7F8FC" class="tblr-illustrations-gift-a"/>
<path d="M304.22 189.686C300.716 183.402 293.223 181.106 287.785 181.106C272.196 180.864 257.211 198.629 245.489 229.687C245.368 227.632 245.126 225.699 245.005 223.644C242.346 195.728 236.304 181.71 226.153 179.172C220.352 177.964 214.31 180.26 210.805 185.094C202.225 196.695 209.355 221.832 220.11 246.968C223.978 255.911 228.328 264.853 232.679 273.192L241.501 268.6L239.567 264.853H241.742L247.905 271.621C254.552 265.578 260.715 259.899 266.153 254.46C277.997 242.859 287.181 232.708 293.586 224.128C305.187 208.901 308.571 197.662 304.22 189.686ZM230.866 246.847C218.298 218.569 213.706 198.025 218.781 191.015C219.748 189.565 221.319 188.719 223.011 188.719C223.253 188.719 223.494 188.719 223.736 188.84C230.624 190.532 235.7 215.306 236.425 247.089C236.546 250.956 236.546 254.944 236.425 259.053C234.491 254.823 232.679 250.714 230.866 246.847ZM256.244 250.472C253.223 253.373 250.081 256.273 246.697 259.415C247.664 255.79 248.631 252.164 249.597 248.781C259.99 214.097 274.854 191.015 287.543 191.015H287.664C290.686 191.015 294.311 192.345 295.519 194.52C297.211 197.42 298.541 209.626 256.244 250.472Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M266.153 254.581C260.594 260.019 254.552 265.699 247.905 271.742L241.742 264.974H239.567L241.501 268.72L232.679 273.313C228.328 264.974 223.978 256.031 220.11 247.089C223.373 246.847 226.999 246.847 230.866 246.847C232.558 250.714 234.491 254.823 236.546 259.053C236.546 254.944 236.546 251.077 236.546 247.089L239.809 247.33C241.984 247.572 244.159 247.814 246.455 248.176C247.543 248.297 248.631 248.539 249.718 248.781C248.631 252.285 247.664 255.79 246.818 259.415C250.202 256.273 253.344 253.252 256.365 250.472C259.628 251.56 263.011 252.889 266.153 254.581Z" fill="black" opacity="0.1"/>
<path d="M192.195 373.254L211.047 424.977L211.168 479.962L218.056 478.391L241.621 417.605L206.455 337.724L192.195 373.254Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M192.195 373.254L211.047 424.977L211.168 479.962L218.056 478.391L241.621 417.605L206.455 337.724L192.195 373.254Z" fill="black" opacity="0.25"/>
<path d="M96 494.222C96 496.277 139.143 497.968 192.195 497.968C245.247 497.968 288.389 496.277 288.389 494.222C288.389 492.168 245.368 490.476 192.195 490.476C139.022 490.476 96 492.168 96 494.222Z" fill="#A6A9B3" class="tblr-illustrations-gift-b"/>
<path d="M169.234 369.145L174.188 423.526L159.928 476.941H167.058L205.73 423.043C205.125 394.16 204.4 365.278 203.796 336.395L169.234 369.145Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M107.48 230.533C108.326 233.312 109.535 237.421 111.227 242.376C111.589 243.463 111.952 244.43 112.073 244.793C114.127 250.231 116.786 255.306 120.169 260.019C120.895 260.986 121.499 261.832 122.224 262.678C124.883 265.82 139.143 266.666 150.261 262.557C161.379 258.448 162.708 246.243 156.545 242.738C154.369 241.288 152.436 239.355 150.865 237.179C148.69 234.4 146.756 231.379 144.943 228.237C143.856 226.424 143.251 225.336 143.251 225.336L132.254 219.777L110.622 225.215C111.831 228.72 111.468 231.499 110.381 232.104C109.293 232.708 107.843 230.895 107.48 230.533Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M107.48 230.533C108.326 233.312 109.535 237.421 111.227 242.376C111.589 243.463 111.952 244.43 112.073 244.793C114.127 250.231 116.786 255.306 120.169 260.019C121.499 259.173 122.586 258.207 123.432 256.998C124.399 255.669 125.124 254.098 125.487 252.527C125.849 250.835 125.97 249.022 125.728 247.33C125.728 246.243 125.608 245.034 125.366 243.947C134.309 244.672 143.251 242.255 150.744 237.3C148.569 234.521 146.635 231.499 144.822 228.357C143.735 226.545 143.131 225.457 143.131 225.457L132.133 219.898L110.502 225.336C111.71 228.841 111.348 231.62 110.26 232.224C109.172 232.829 107.843 230.895 107.48 230.533Z" fill="black" opacity="0.1"/>
<path d="M155.82 219.656C155.578 221.348 155.094 222.919 154.369 224.49C153.644 226.424 152.557 228.357 151.227 230.049C145.306 237.663 134.067 240.925 122.466 237.904C120.532 237.421 118.598 236.696 116.786 235.971C116.786 235.971 116.786 235.971 116.786 236.092V236.212C117.027 237.421 117.39 238.629 117.753 239.717C117.994 240.2 117.994 240.442 118.115 240.684L118.236 241.046C119.444 243.342 120.411 245.759 121.257 248.297C121.499 249.989 121.378 251.681 120.653 253.131C119.565 250.956 117.994 249.022 115.94 247.572C115.215 247.089 114.369 246.605 113.523 246.243C109.535 243.826 106.514 239.959 105.064 235.487C104.459 233.675 104.218 231.741 104.338 229.808C104.338 228.478 104.338 223.886 106.514 220.865C110.864 214.581 124.883 213.735 132.133 214.339C133.825 214.702 135.638 214.46 137.209 213.856C137.572 213.735 137.813 213.493 138.055 213.131C139.505 211.439 138.901 208.417 137.934 206.605C136.001 203.1 131.287 201.408 125.849 202.133C136.605 196.574 148.569 199.596 153.644 207.209C155.82 210.834 156.665 215.427 155.82 219.656Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M227.603 336.274C224.703 339.175 221.44 341.592 217.935 343.767C216.968 344.371 216.002 344.855 214.914 345.459C207.422 349.205 205.005 347.876 199.446 351.018C191.47 355.489 191.47 360.806 183.615 368.541C178.418 373.495 172.255 377.363 165.367 379.9C161.862 366.607 156.786 353.797 150.261 341.592C149.294 339.779 148.327 338.087 147.36 336.516C142.647 328.298 137.33 320.443 131.287 313.072C129.716 317.422 123.432 281.047 130.079 280.443C130.321 280.443 130.683 280.443 130.925 280.443C131.529 280.564 132.133 280.564 132.738 280.443C138.78 279.959 149.052 271.621 156.665 265.458L157.511 264.732C160.049 262.557 162.708 260.624 165.608 258.811C166.454 258.448 167.179 258.086 168.025 257.723C174.188 255.427 183.494 254.702 197.754 260.261C198.358 269.808 198.841 279.476 199.446 289.144L183.735 284.068C193.403 294.703 203.192 306.062 212.98 318.026C214.793 320.322 216.606 322.498 218.419 324.794C221.682 328.54 224.703 332.407 227.603 336.274Z" fill="#DADBE0"/>
<path d="M155.82 219.656C155.578 221.348 155.095 222.919 154.369 224.49C153.644 226.424 152.557 228.357 151.227 230.049C145.306 237.663 134.067 240.926 122.466 237.904C119.565 236.938 117.148 236.092 116.786 235.971L112.677 233.796C118.84 235.125 125.245 235.246 131.529 234.279C137.088 233.433 144.702 232.224 150.986 226.182C152.919 224.249 154.49 222.073 155.82 219.656Z" fill="black" opacity="0.5"/>
<path d="M148.448 279.234C139.747 283.464 131.65 284.793 130.321 282.135C130.079 281.53 130.079 281.047 130.321 280.443C131.167 280.564 132.133 280.564 132.979 280.443C139.022 279.959 149.294 271.621 156.907 265.458C159.566 265.216 161.379 265.578 161.862 266.787C163.191 269.325 157.149 275.005 148.448 279.234Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M232.074 496.035L209.597 493.497C209.597 493.497 208.751 487.576 212.376 485.521C216.002 483.467 228.449 490.718 232.074 496.035Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M177.451 496.035L154.973 493.497C154.973 493.497 154.128 487.576 157.753 485.521C161.378 483.467 173.826 490.718 177.451 496.035Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M315.218 402.62C315.218 404.674 358.239 406.366 411.412 406.366C464.585 406.366 507.607 404.674 507.607 402.62C507.607 400.565 464.585 398.873 411.412 398.873C358.239 398.873 315.218 400.565 315.218 402.62Z" fill="#A6A9B3" class="tblr-illustrations-gift-b"/>
<path d="M346.638 236.575C345.429 236.938 344.342 237.3 343.254 237.904C342.65 238.267 342.046 238.629 341.441 238.992C336.366 242.859 334.674 249.143 337.695 253.131C340.354 256.636 345.913 257.119 350.626 254.34C351.23 253.977 351.714 253.614 352.318 253.252C352.801 252.889 353.285 252.527 353.768 252.043C357.635 248.176 358.723 242.738 356.064 239.113C354.131 236.454 350.505 235.608 346.638 236.575Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M346.638 236.575C345.429 236.938 344.342 237.3 343.254 237.904C346.154 243.222 348.692 248.781 350.747 254.46C351.351 254.098 351.834 253.735 352.439 253.373C352.922 253.01 353.405 252.648 353.889 252.164C357.756 248.297 358.844 242.859 356.185 239.234C354.13 236.454 350.505 235.608 346.638 236.575Z" fill="black" opacity="0.1"/>
<path d="M399.811 282.497L349.417 385.218L361.14 385.58L428.935 310.775C437.274 318.51 445.733 326.244 454.072 333.978L451.413 382.196L461.806 383.526L477.637 337.966L460.597 291.198L399.811 282.497Z" fill="#DADBE0"/>
<path d="M502.169 196.091L492.743 217.481C488.272 227.632 483.921 237.783 479.329 247.935L474.495 258.932L470.99 267.029L460.477 291.198L399.69 282.497C403.074 270.412 406.579 258.448 409.962 246.364C410.446 243.947 411.05 241.53 411.654 238.992L411.896 237.904C412.983 233.554 413.829 229.324 414.796 224.853L416.246 218.448C419.993 202.617 423.497 186.665 427.243 170.713L443.195 176.151C447.788 177.48 452.742 177.239 457.214 175.305L476.791 180.502C477.274 182.798 478.12 185.094 479.087 187.269C479.208 187.632 479.45 188.115 479.691 188.478L502.169 196.091Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M335.762 402.62L358.239 400.082C358.239 400.082 359.085 394.16 355.46 392.106C351.834 390.052 339.387 397.302 335.762 402.62Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M470.869 404.674L448.392 402.136C448.392 402.136 447.546 396.215 451.171 394.16C454.797 392.106 467.244 399.357 470.869 404.674Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M427.364 170.713C426.639 170.35 425.793 170.109 424.947 169.867C417.092 168.417 409.6 177.601 405.37 182.556C393.648 195.97 381.684 205.034 357.877 223.282C353.285 226.786 349.418 229.566 347.121 231.137C348.451 236.696 350.022 242.497 351.835 248.539C353.889 255.306 356.064 261.711 358.36 267.633C385.068 246.001 408.633 220.744 428.331 192.466C427.848 185.215 427.606 177.964 427.364 170.713Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M502.169 196.091L492.743 217.481C488.272 227.632 483.921 237.783 479.329 247.935L474.495 258.932L470.99 267.029L460.477 291.198L399.69 282.497C403.074 270.412 406.579 258.448 409.962 246.364C410.446 243.947 411.05 241.53 411.654 238.992C441.262 232.829 502.169 196.091 502.169 196.091Z" fill="black" opacity="0.1"/>
<path d="M430.627 271.137C429.177 272.346 427.485 273.313 425.673 274.038C419.63 276.092 413.467 273.917 411.775 269.325C410.325 265.095 413.104 260.261 417.938 257.844C418.543 257.603 419.147 257.24 419.751 257.119C420.355 256.877 420.959 256.757 421.564 256.636C427.002 255.548 432.077 257.723 433.528 261.953C434.857 264.853 433.528 268.479 430.627 271.137Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M430.627 271.137C429.781 271.983 428.694 272.588 427.606 273.192C424.827 267.875 421.685 262.678 418.059 257.844C418.663 257.603 419.268 257.24 419.872 257.119C420.476 256.877 421.08 256.757 421.685 256.636C427.123 255.548 432.198 257.723 433.648 261.953C434.857 264.853 433.528 268.479 430.627 271.137Z" fill="black" opacity="0.1"/>
<path d="M502.169 196.091C488.876 207.572 474.736 218.085 459.872 227.511C446.941 235.85 433.407 243.342 419.509 249.989C426.518 261.47 430.748 274.4 431.594 287.814L500.96 231.379C508.09 223.403 511.353 214.46 510.024 207.692C509.541 205.396 508.574 200.442 504.465 197.42C503.74 196.937 502.894 196.454 502.169 196.091Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M429.056 310.775L449.358 289.627L460.597 291.198L477.758 337.966L461.806 383.526L451.534 382.196L454.192 333.978L429.056 310.775Z" fill="black" opacity="0.1"/>
<path d="M511.716 495.914C511.716 497.969 554.858 499.66 607.91 499.66C660.962 499.66 704.105 497.969 704.105 495.914C704.105 493.86 660.962 492.168 607.91 492.168C554.858 492.168 511.716 493.86 511.716 495.914Z" fill="#A6A9B3" class="tblr-illustrations-gift-b"/>
<path d="M615.162 243.584C608.394 252.889 598.364 259.415 587.125 261.953L622.413 270.412L615.162 243.584Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M622.896 422.56L624.708 443.466L627.246 473.799H629.663L636.068 442.379L638.847 428.844L622.896 422.56Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M587.487 422.56L589.058 442.258L591.717 473.799H594.134L600.418 443.345L603.318 428.844L587.487 422.56Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M638.848 428.844L623.017 422.56L624.829 443.345C628.817 443.104 632.564 442.741 636.189 442.258L638.848 428.844Z" fill="black" opacity="0.1"/>
<path d="M587.487 422.56L589.179 442.137C592.805 442.62 596.43 442.983 600.418 443.345L603.439 428.844L587.487 422.56Z" fill="black" opacity="0.1"/>
<path d="M656.129 234.037C655.525 237.058 654.679 241.409 653.47 246.847C653.229 248.056 652.866 249.022 652.866 249.385C651.778 253.615 650.328 257.723 648.395 261.711C647.791 262.92 647.186 264.128 646.582 265.337L646.099 266.062C645.615 266.908 645.132 267.754 644.648 268.479C644.528 268.6 644.407 268.841 644.286 268.962C643.682 269.687 642.836 270.291 641.99 270.654C638.848 272.225 633.047 273.313 626.642 273.313C622.775 273.313 618.787 272.829 615.041 271.983C605.735 269.687 601.989 261.711 603.56 256.152C603.923 254.46 605.01 253.01 606.34 252.043C608.515 250.231 610.328 248.056 611.657 245.639C613.591 242.497 615.282 239.113 616.733 235.729C617.579 233.795 618.062 232.466 618.062 232.466L628.938 225.457L652.02 228.72C651.174 232.587 651.899 235.487 652.987 235.85C654.075 236.212 655.766 234.4 656.129 234.037Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M611.657 245.639C619.995 249.989 629.542 251.439 638.848 249.747C641.023 250.352 643.077 251.681 644.648 253.373C646.944 255.911 646.582 257.965 648.274 261.228L648.395 261.59C650.207 257.602 651.778 253.494 652.866 249.264C652.866 248.901 653.229 247.935 653.47 246.726C654.679 241.409 655.525 236.938 656.129 233.916C655.766 234.279 654.195 236.212 653.108 235.85C652.02 235.487 651.295 232.587 652.141 228.72L629.059 225.336L618.183 232.345C618.183 232.345 617.699 233.675 616.853 235.608C615.282 239.234 613.591 242.497 611.657 245.639Z" fill="black" opacity="0.1"/>
<path d="M588.213 315.609C589.421 316.093 588.333 321.531 586.037 334.341C585.191 339.175 584.466 343.163 583.983 345.821L583.741 346.909C582.412 354.16 581.083 361.411 579.753 368.782C604.285 369.266 628.697 369.749 653.229 370.233C653.229 368.541 653.229 366.849 653.108 365.157V365.036C653.833 346.426 653.591 327.815 652.262 309.204C652.141 307.875 652.02 306.425 651.899 305.096C653.108 307.996 654.316 310.775 655.525 313.676L670.268 304.975C669.785 302.679 667.851 295.67 662.413 290.836C662.413 290.836 657.579 286.606 652.02 285.76C651.537 285.76 651.053 285.639 650.57 285.518H650.328C647.186 285.035 644.165 284.672 641.265 284.431C634.376 283.826 627.367 283.706 620.358 284.068C613.712 284.431 607.065 285.397 600.539 286.968C598.847 287.331 597.155 287.814 595.584 288.298L594.255 288.781L593.772 288.902L592.926 289.265C582.774 289.023 573.59 295.67 570.69 305.458C572.865 306.908 575.161 308.479 577.457 310.292C580.599 312.709 583.5 315.126 586.158 317.543C587.246 315.73 587.85 315.489 588.213 315.609Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M643.077 287.814C643.077 295.549 633.772 301.833 622.171 301.833C610.569 301.833 601.385 295.549 601.385 287.814C601.385 287.452 601.385 286.968 601.506 286.606C608.031 285.035 614.678 284.189 621.325 283.706C628.334 283.343 635.222 283.464 642.231 284.068C642.836 285.277 643.077 286.606 643.077 287.814Z" fill="#DADBE0"/>
<path d="M613.107 495.914C615.766 489.872 626.521 480.083 630.147 481.292C633.772 482.5 633.772 488.301 633.772 488.301L634.739 494.343L627.851 495.914L625.917 491.201L613.107 495.914Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M578.786 495.914C581.445 489.872 592.2 480.083 595.826 481.292C599.451 482.5 599.451 488.301 599.451 488.301L600.418 494.343L593.53 495.914L591.596 491.201L578.786 495.914Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M576.007 428.844H651.416L652.745 386.789L653.229 369.991L579.874 368.661L576.732 417.363L576.007 428.844Z" fill="#DADBE0"/>
<path d="M576.007 428.844H651.537C651.778 409.025 652.141 389.326 652.383 369.507L615.524 369.266C629.18 396.336 633.289 406.487 632.201 407.333C630.63 408.541 620.358 391.623 615.162 394.523C613.228 395.611 613.107 398.753 612.503 400.807C610.811 407.212 603.077 414.342 576.853 417.363L576.007 428.844Z" fill="black" opacity="0.1"/>
<path d="M593.65 288.781L594.134 288.66C596.188 297.724 607.91 304.612 622.17 304.612C637.881 304.612 650.57 296.274 650.57 285.881V285.397C651.053 285.518 651.536 285.518 652.02 285.639V285.881C652.02 297.12 638.606 306.304 622.17 306.304C607.306 306.304 594.98 298.812 592.684 289.144L593.65 288.781Z" fill="#DADBE0"/>
<path d="M617.095 312.709C617.337 313.917 618.545 314.763 619.754 314.643C620.962 314.401 621.808 313.192 621.687 311.984C621.446 310.896 620.479 310.05 619.391 310.05C617.941 310.171 616.974 311.38 617.095 312.709Z" fill="#DADBE0"/>
<path d="M579.874 368.661C604.406 369.145 628.818 369.628 653.35 370.112C653.35 368.42 653.35 366.728 653.229 365.036V364.915C613.832 366.849 590.63 352.347 583.862 346.788C582.533 354.039 581.204 361.29 579.874 368.661Z" fill="black" opacity="0.1"/>
<path d="M621.446 283.706C628.455 283.343 635.343 283.464 642.352 284.068C642.836 285.277 643.198 286.606 643.198 287.814C643.198 295.549 633.893 301.833 622.413 301.833C610.932 301.833 601.627 295.549 601.627 287.814C601.627 287.452 601.627 286.968 601.748 286.606C608.152 285.156 614.678 284.189 621.446 283.706Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M619.874 303.404C619.27 305.337 618.666 307.15 618.062 309.084C615.766 315.368 612.503 321.168 608.394 326.486C604.769 330.957 596.068 341.229 588.092 339.9C581.082 338.691 574.798 328.419 573.711 313.918C573.59 311.742 573.469 309.567 573.59 307.392C574.798 308.238 576.128 309.204 577.457 310.171C579.391 311.621 581.082 313.072 582.895 314.522L583.258 315.609C583.499 316.093 583.62 316.576 583.862 316.939C585.433 320.685 586.762 321.531 587.729 321.531C593.046 321.531 603.681 294.582 603.198 273.796C603.198 271.258 602.835 264.733 606.702 261.953C609.361 260.261 612.624 259.899 615.524 261.107C616.853 261.832 617.941 262.799 618.787 264.007C619.995 265.699 620.841 267.633 621.325 269.566C623.621 277.905 623.5 290.715 619.874 303.404Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M683.078 194.399C682.473 193.916 681.507 194.037 681.023 194.641L665.071 216.031C664.588 216.635 664.709 217.602 665.313 218.085C665.555 218.327 665.917 218.448 666.159 218.327C666.642 218.327 667.126 218.085 667.368 217.723L683.319 196.333C683.803 195.728 683.682 194.883 683.078 194.399Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M692.383 210.955C691.899 210.23 691.053 210.109 690.328 210.472L674.256 220.986C673.531 221.469 673.41 222.315 673.893 223.04C674.135 223.403 674.618 223.644 675.102 223.644C675.343 223.644 675.706 223.523 675.947 223.403L692.02 212.889C692.624 212.647 692.866 211.68 692.383 210.955Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M617.941 309.084C617.095 305.458 616.007 300.624 614.557 293.978C611.294 279.234 614.799 269.566 618.424 264.007C623.983 271.742 624.708 291.198 617.941 309.084Z" fill="black" opacity="0.1"/>
<path d="M644.648 268.479C644.528 268.6 644.407 268.841 644.286 268.962C643.682 269.687 642.836 270.291 641.99 270.654C638.848 272.225 633.047 273.313 626.642 273.313C625.675 272.225 625.071 270.775 625.071 269.204C625.071 264.974 629.422 261.59 634.86 261.59C639.935 261.711 644.165 264.612 644.648 268.479Z" fill="black" opacity="0.1"/>
<path d="M668.093 306.062C668.093 307.15 668.093 308.359 668.093 309.446C667.73 328.782 661.083 342.196 652.745 343.767C644.406 345.338 635.947 334.824 632.442 330.353C626.158 322.619 621.808 313.434 619.874 303.645C619.874 303.525 619.874 303.404 619.874 303.404C617.82 293.253 616.853 277.663 621.083 269.566C622.05 267.633 623.5 266.062 625.433 265.095C628.334 263.887 631.597 264.128 634.255 265.941C638.122 268.841 637.881 275.367 637.76 277.905C637.276 298.812 648.032 325.64 653.228 325.64C654.195 325.64 655.645 324.673 657.216 319.718L658.062 315.005L658.546 311.863L668.093 306.062Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M608.032 230.774C608.999 233.554 610.69 236.092 612.987 238.146C622.775 246.968 640.177 241.046 644.89 239.113C645.495 242.255 648.032 244.793 648.153 246.726C648.153 247.33 648.153 247.814 648.153 248.297C648.153 249.143 648.032 250.11 647.912 250.956C647.67 252.406 647.307 253.977 646.703 255.306C644.044 261.228 641.023 267.029 637.64 272.467L653.229 275.73L665.797 278.388C668.456 272.588 669.785 266.304 669.664 260.019C669.664 259.415 669.664 258.569 669.543 257.602C669.302 255.427 669.06 253.373 668.577 251.318C668.456 250.956 668.335 250.593 668.335 250.231C667.61 247.572 666.643 244.913 665.314 242.376C662.051 235.85 657.459 230.17 651.658 225.82C649.603 224.369 636.794 215.306 622.05 218.327C618.425 219.052 609.603 220.865 608.153 226.545C607.79 227.874 607.911 229.445 608.394 230.774" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M608.031 230.774C608.998 233.554 610.69 236.092 612.986 238.146C622.654 246.968 640.177 241.046 644.89 239.113C646.582 237.904 648.153 236.575 649.603 235.004C635.826 240.563 620.358 238.992 608.031 230.774Z" fill="black" opacity="0.5"/>
<path d="M653.107 275.85L665.676 278.509C668.334 272.708 669.664 266.424 669.543 260.14C669.543 259.536 669.543 258.69 669.422 257.723L668.455 251.439C668.334 251.077 668.334 250.714 668.213 250.352C667.488 247.693 666.522 245.034 665.192 242.497C664.709 250.714 663.138 262.074 658.666 268.72C656.854 271.137 655.041 273.554 653.107 275.85Z" fill="black" opacity="0.5"/>
<path d="M148.448 279.234C139.747 283.464 131.65 284.793 130.321 282.135C130.079 281.53 130.079 281.047 130.321 280.443C131.167 280.564 132.133 280.564 132.979 280.443C139.022 279.959 149.294 271.621 156.907 265.458C159.566 265.216 161.379 265.578 161.862 266.787C163.191 269.325 157.149 275.005 148.448 279.234Z" fill="black" opacity="0.1"/>
<path d="M218.539 324.794C218.418 331.078 218.177 337.604 217.935 343.767C216.968 344.371 216.002 344.854 214.914 345.459C207.421 349.205 205.004 347.876 199.445 351.018C191.469 355.489 191.469 360.806 183.614 368.541C178.418 373.495 172.255 377.363 165.366 379.9C161.862 366.607 156.786 353.797 150.26 341.592C149.294 339.779 148.327 338.087 147.36 336.516C146.031 318.872 149.898 307.392 153.765 300.141C156.424 295.186 158.72 292.769 161.62 286.606C165.85 277.542 168.025 267.754 168.146 257.844C172.013 256.636 176.001 256.031 179.989 256.152C186.152 256.636 192.194 257.965 197.995 260.382C198.599 269.929 199.083 279.597 199.687 289.265L183.977 284.189C193.645 294.824 203.433 306.183 213.222 318.147C214.914 320.202 216.727 322.498 218.539 324.794Z" fill="black" opacity="0.1"/>
<path d="M188.569 255.548L291.29 275.971C297.332 277.18 301.32 283.101 300.112 289.265L279.084 395.369C277.876 401.411 271.954 405.399 265.791 404.191L163.07 383.767C157.028 382.559 153.04 376.637 154.249 370.474L175.276 264.37C176.605 258.328 182.527 254.34 188.569 255.548Z" fill="#DADBE0"/>
<path d="M231.47 257.119L249.96 260.745C252.619 261.228 254.31 263.887 253.827 266.545L227.724 398.027C227.241 400.686 224.582 402.378 221.923 401.895L203.434 398.269C200.775 397.786 199.083 395.127 199.566 392.468L225.67 260.986C226.153 258.328 228.812 256.636 231.47 257.119Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M301.078 334.703L297.453 353.193C296.97 355.852 294.311 357.543 291.652 357.06L160.17 330.957C157.511 330.474 155.819 327.815 156.303 325.156L159.928 306.667C160.412 304.008 163.07 302.316 165.729 302.799L297.211 328.903C299.87 329.507 301.562 332.045 301.078 334.703Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M242.346 345.942C242.346 345.942 233.524 369.145 159.566 344.492L162.224 331.44L242.346 345.942Z" fill="black" opacity="0.1"/>
<path d="M244.764 342.317C243.918 344.492 242.347 346.305 240.413 347.634C238.359 349.084 232.075 353.314 213.222 350.655C206.576 349.688 199.929 348.359 193.403 346.546C186.273 344.734 177.814 342.317 168.267 339.296C163.071 337.604 157.512 335.67 151.59 333.616C143.252 330.474 134.188 326.969 124.762 322.739C128.266 316.697 131.771 310.655 135.396 304.612C137.088 305.821 139.626 307.513 142.889 309.446C144.218 310.171 145.548 310.896 146.756 311.621C156.786 316.939 167.421 320.685 178.539 322.981C214.068 330.353 239.446 322.498 244.038 332.166C245.489 335.308 245.73 338.933 244.764 342.317Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M151.711 333.616C143.372 330.474 134.309 326.969 124.882 322.739C128.387 316.697 131.892 310.655 135.517 304.612C137.209 305.821 139.747 307.513 143.01 309.446C144.339 310.171 145.668 310.896 146.877 311.621C145.547 314.884 145.064 318.389 145.547 321.773C146.152 326.244 148.327 330.474 151.711 333.616Z" fill="black" opacity="0.1"/>
<path d="M128.87 281.289C120.169 287.089 115.456 297.361 116.665 307.754C118.477 321.531 130.441 327.936 131.529 328.54L148.206 302.437L128.87 281.289Z" fill="#DADBE0"/>
<path d="M583.62 317.06L573.59 313.918C573.469 311.742 573.348 309.567 573.469 307.392C574.677 308.238 576.007 309.204 577.336 310.171C579.269 311.621 580.961 313.072 582.774 314.522L583.137 315.609C583.257 316.093 583.499 316.576 583.62 317.06Z" fill="black" opacity="0.1"/>
<path d="M668.093 306.062C668.093 307.15 668.093 308.358 668.093 309.446L658.062 314.884L658.546 311.742L668.093 306.062Z" fill="black" opacity="0.1"/>
<path d="M480.537 172.767C468.936 170.592 457.214 162.616 456.489 158.628C456.368 157.662 456.247 156.453 456.126 155.365C455.643 149.565 455.884 143.885 456.851 138.205L457.334 135.667C458.422 130.712 459.389 126.483 460.114 123.703C460.114 123.703 460.114 123.703 460.114 123.824C460.356 124.428 460.839 126.483 461.564 126.604C461.564 126.604 461.564 126.604 461.685 126.604C462.893 126.725 464.585 124.67 465.431 121.045C465.431 121.045 465.431 121.045 465.431 120.924L486.7 127.208L493.347 137.359C493.347 137.359 493.347 138.568 493.347 140.622C493.347 142.676 493.347 144.61 493.468 146.544C493.589 148.115 493.71 149.686 493.83 151.257C493.83 151.257 493.83 151.257 493.83 151.377C494.072 154.157 494.797 156.574 495.885 158.991C499.389 165.033 492.139 174.943 480.537 172.767Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M493.831 151.257C490.689 151.377 485.976 151.257 480.537 149.686C475.22 148.114 471.232 145.818 468.694 144.006C468.332 145.214 467.848 146.06 467.365 147.148C466.761 148.719 465.673 150.169 464.586 151.498C463.377 152.707 462.169 153.673 460.598 154.278C459.268 154.882 457.697 155.245 456.247 155.245C455.764 149.444 456.005 143.764 456.972 138.084L457.456 135.546C458.543 130.592 459.51 126.362 460.235 123.582C460.235 123.582 460.235 123.582 460.235 123.703C460.356 124.307 460.598 126.604 461.564 126.483H461.685C462.894 126.362 464.465 124.307 465.311 120.803L465.552 120.924L486.58 127.087L493.226 137.238C493.226 138.326 493.226 139.413 493.226 140.501C493.226 142.556 493.347 144.61 493.589 146.423C493.468 148.114 493.71 149.686 493.831 151.257Z" fill="black" opacity="0.1"/>
<path d="M511.716 135.063C509.903 137.238 507.486 138.447 504.949 138.688C501.686 143.16 498.181 144.972 496.127 145.698C486.7 149.323 474.253 144.489 465.431 133.492L465.31 133.613C465.31 133.613 465.31 133.613 465.31 133.734C464.948 134.942 464.585 136.03 464.344 136.997C464.102 137.48 464.223 137.722 464.102 138.084L463.981 138.447C463.739 140.984 463.256 143.522 462.652 145.939C462.048 147.389 461.081 148.598 459.631 149.565C459.993 147.148 459.51 144.61 458.664 142.435C458.301 141.71 457.818 140.864 457.335 140.259C455.159 136.151 454.676 131.438 455.884 126.966C456.005 126.241 456.247 125.758 456.489 125.153L456.368 125.033C453.105 122.374 452.621 117.54 455.401 114.156C457.576 111.619 461.081 110.893 463.981 111.86C464.102 109.927 464.948 107.993 466.277 106.422C469.782 102.192 475.945 101.709 480.054 105.214C481.504 106.422 482.592 107.993 483.075 109.685C486.58 106.301 492.259 106.06 496.006 109.202C499.389 111.981 500.356 116.452 498.785 120.44C502.29 118.265 507.003 118.507 510.266 121.286C514.737 124.791 515.221 130.833 511.716 135.063Z" fill="#232B41" class="tblr-illustrations-gift-c"/>
<path d="M504.949 138.568C501.686 143.039 498.181 144.852 496.127 145.577C486.701 149.202 474.253 144.368 465.431 133.371L465.31 133.492C465.31 133.492 465.31 133.492 465.31 133.613C464.223 132.042 463.256 130.35 462.531 128.9L462.652 129.021C464.948 131.075 478 144.61 495.16 141.951C498.423 141.347 501.927 140.259 504.949 138.568Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

34
src/illustrations/girl-phone.svg Normal file
View File

@ -0,0 +1,34 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-girl-phone-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-girl-phone-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-girl-phone-c { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-girl-phone-d { fill: #232B41; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-girl-phone-a { fill: black; opacity: 0.07; } .tblr-illustrations-girl-phone-b { fill: #1A2030; } .tblr-illustrations-girl-phone-c { fill: #454C5E; } .tblr-illustrations-girl-phone-d { fill: #232B41; } }
</style>
<path d="M145.177 293.986C145.177 336.219 189.842 366.853 209.535 400.963C230.001 436.202 234.82 489.92 270.046 510.271C304.155 530.007 352.709 507.926 394.942 507.926C437.175 507.926 485.73 530.007 519.825 510.271C555.007 489.92 559.87 436.145 580.264 400.963C600 366.853 644.622 336.219 644.622 293.986C644.622 251.753 599.972 221.119 580.264 187.009C559.913 151.827 555.007 98.0526 519.825 77.687C485.687 57.9649 437.133 80.0897 394.9 80.0897C352.667 80.0897 304.112 57.9649 270.046 77.687C234.863 98.0526 230.001 151.827 209.606 187.009C189.884 221.119 145.249 251.753 145.249 293.986" fill="#F7F8FC" class="tblr-illustrations-girl-phone-a"/>
<path d="M183.291 476.49C183.291 480.481 277.139 483.713 392.912 483.713C508.684 483.713 602.518 480.481 602.518 476.49C602.518 472.5 508.67 469.339 392.912 469.339C277.153 469.339 183.291 472.572 183.291 476.49Z" fill="#A6A9B3" class="tblr-illustrations-girl-phone-b"/>
<path d="M395.429 245.446C392.568 249.994 377.566 273.034 350.464 277.482C340.658 279.058 330.61 278.002 321.346 274.421C316.175 272.467 311.28 269.847 306.787 266.627C308.989 261.307 311.187 255.987 313.38 250.666C314.095 251.296 315.239 252.268 316.712 253.355C321.818 257.059 330.885 262.079 340.181 258.961C345.416 257.188 349.077 253.856 356.085 246.991C362.202 240.966 367.738 234.377 372.617 227.312C376.908 219.303 386.032 217.3 392.211 222.678C398.075 227.741 399.633 237.923 395.429 245.446Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M321.346 274.421C316.175 272.467 311.28 269.847 306.787 266.627C308.989 261.307 311.187 255.986 313.38 250.666C314.095 251.296 315.239 252.268 316.712 253.355C316.312 256.802 316.083 262.437 317.799 266.985C318.785 269.552 319.971 272.039 321.346 274.421Z" fill="black" opacity="0.15"/>
<path d="M275.108 184.492C281.416 196.466 291.923 205.689 304.613 210.393L262.265 214.311L275.137 184.492" fill="#232B41" class="tblr-illustrations-girl-phone-c"/>
<path d="M258.061 390.566L256.016 415.007L253.041 450.533H250.152L242.644 413.677L239.44 397.888L258.061 390.566ZM299.65 390.566L297.719 413.563L294.63 450.533H291.741L284.49 414.936L281.015 397.888L299.65 390.566Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M239.44 397.888L258.032 390.566L255.987 414.993C251.353 414.707 246.877 414.249 242.615 413.663L239.44 397.888ZM299.65 390.566L297.719 413.563C293.515 414.164 289.138 414.621 284.49 414.993L281.015 397.945L299.65 390.566Z" fill="black" opacity="0.15"/>
<path d="M270.489 217.386C258.447 218.702 244.975 215.198 239.44 211.437C238.484 210.869 237.68 210.079 237.094 209.134C236.494 207.933 235.965 206.688 235.45 205.373C234.72 203.571 234.091 201.683 233.519 199.809C232.028 194.918 230.984 189.901 230.401 184.821C230.401 184.406 230.244 183.162 230.101 181.732C229.572 175.296 229.3 170.062 229.157 166.486C229.457 167.015 230.959 169.461 232.318 169.232C233.676 169.003 234.992 165.728 234.649 161.137H261.979L273.421 171.006C273.421 171.006 273.764 172.579 274.479 174.996C275.625 179.217 277.058 183.356 278.77 187.381C279.957 190.443 281.692 193.264 283.89 195.705C290.182 201.726 284.948 215.884 270.489 217.386Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M278.77 187.438C268.366 191.135 257.027 191.256 246.548 187.782C243.865 188.153 241.336 189.256 239.24 190.971C236.165 193.574 236.236 195.976 233.748 199.552L233.519 199.895C232.035 195.002 230.991 189.986 230.401 184.907C230.401 184.492 230.244 183.248 230.101 181.818C229.572 175.382 229.3 170.148 229.157 166.572C229.457 167.101 230.959 169.547 232.318 169.318C233.676 169.089 234.992 165.814 234.649 161.223H261.979L273.421 171.091C273.421 171.091 273.764 172.665 274.479 175.082C275.625 179.303 277.058 183.441 278.77 187.467" fill="black" opacity="0.1"/>
<path d="M297.948 268.458C300.58 282.645 302.439 293.071 303.669 300.422L303.883 301.638C305.414 310.219 306.987 318.714 308.517 327.252C279.818 327.786 251.115 328.339 222.406 328.911C222.406 326.937 222.478 324.906 222.521 322.918V322.818C221.671 301.001 222.005 279.154 223.522 257.374C223.636 255.772 223.751 254.17 223.88 252.568C222.449 255.915 221.019 259.252 219.589 262.58L202.355 252.397C202.985 249.679 205.144 241.499 211.509 235.864C211.509 235.864 217.229 230.83 223.737 229.929C224.334 229.869 224.926 229.768 225.51 229.628H225.825C229.514 229.114 233.061 228.642 236.422 228.384C244.569 227.671 252.756 227.546 260.921 228.012C268.748 228.485 276.521 229.61 284.161 231.373C286.092 231.831 288.094 232.346 289.996 232.975L291.612 233.518L292.213 233.719L293.272 234.105C294.487 234.577 306.515 238.081 309.146 238.882C312.106 239.852 314.823 241.447 317.112 243.558C313.423 253.684 309.738 263.814 306.057 273.949L297.848 268.486" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M234.377 232.517C234.377 241.599 245.332 248.95 258.833 248.95C272.334 248.95 283.232 241.599 283.232 232.517C283.225 232.037 283.173 231.558 283.075 231.087C275.433 229.311 267.653 228.191 259.82 227.741C251.655 227.281 243.467 227.41 235.321 228.127C234.689 229.524 234.367 231.041 234.377 232.575" fill="#DADBE0"/>
<path d="M285.549 170.72C283.917 173.817 281.538 176.457 278.627 178.4C265.855 186.981 246.634 177.241 241.442 174.295C240.169 177.785 236.851 180.43 236.436 182.576C236.322 183.219 236.208 183.863 236.136 184.449C236.005 185.488 235.943 186.534 235.95 187.581C235.993 189.355 236.194 191.121 236.551 192.859C238.604 200.188 241.19 207.358 244.288 214.311L225.696 215.556L210.693 216.557C208.584 209.413 208.095 201.888 209.263 194.532C209.378 193.888 209.549 192.916 209.807 191.672C210.371 189.236 211.116 186.845 212.038 184.521C212.195 184.106 212.367 183.677 212.553 183.262C213.836 180.249 215.422 177.374 217.286 174.681C222.109 167.698 228.469 161.914 235.879 157.777C238.439 156.432 254.828 148.023 271.504 153.929C275.637 155.36 285.491 158.935 286.335 165.828C286.492 167.498 286.174 169.179 285.42 170.677M269.559 476.49C266.441 469.34 253.827 457.898 249.623 459.328C245.418 460.759 245.332 467.58 245.332 467.58L244.188 474.588L252.283 476.49L254.585 470.984L269.559 476.49ZM309.747 476.49C306.629 469.34 294.015 457.898 289.81 459.328C285.606 460.759 285.52 467.58 285.52 467.58L284.376 474.588L292.471 476.49L294.773 470.984L309.747 476.49Z" fill="#232B41" class="tblr-illustrations-girl-phone-c"/>
<path d="M285.549 170.72C283.918 173.817 281.538 176.457 278.627 178.4C265.87 187.066 246.619 177.241 241.442 174.295C239.644 172.626 238.029 170.771 236.623 168.76C244.003 173.053 252.323 175.473 260.854 175.807C269.386 176.141 277.87 174.38 285.563 170.677" fill="black" opacity="0.5"/>
<path d="M313.108 397.888H224.609L223.065 348.562L222.464 328.925L308.575 327.252L312.25 384.445L313.108 397.888Z" fill="#A7AAB3"/>
<path d="M313.108 397.888H224.609C224.266 374.691 223.927 351.493 223.594 328.296L266.842 328.024C250.767 359.788 246.062 371.63 247.349 372.688C249.136 374.119 261.221 354.296 267.371 357.7C269.588 358.944 269.817 362.606 270.46 365.051C272.434 372.617 281.501 380.912 312.307 384.444L313.108 397.888Z" fill="black" opacity="0.1"/>
<path d="M292.313 233.69L291.713 233.49C289.353 244.059 275.523 252.182 258.819 252.182C240.47 252.182 225.539 242.343 225.539 230.272V229.657C224.966 229.743 224.38 229.829 223.765 229.957V230.258C223.765 243.487 239.497 254.256 258.804 254.256C276.195 254.256 290.654 245.489 293.329 234.062L292.27 233.676M264.954 261.721C264.864 262.23 264.631 262.703 264.282 263.084C263.934 263.465 263.483 263.739 262.984 263.873C262.485 264.008 261.958 263.997 261.465 263.842C260.972 263.688 260.534 263.396 260.201 263.001C259.867 262.606 259.654 262.124 259.585 261.612C259.516 261.1 259.595 260.579 259.811 260.11C260.028 259.641 260.374 259.243 260.809 258.964C261.243 258.684 261.749 258.535 262.265 258.532C263.044 258.601 263.763 258.975 264.267 259.573C264.771 260.17 265.018 260.943 264.954 261.721Z" fill="#E2E2E2"/>
<path d="M225.71 215.613L210.708 216.614C208.598 209.47 208.11 201.946 209.278 194.589C209.392 193.946 209.564 192.973 209.821 191.729L212.052 184.578C212.209 184.163 212.381 183.734 212.567 183.319C213.85 180.306 215.436 177.431 217.301 174.738C216.543 184.349 216.457 197.75 220.547 206.288C222.064 209.504 223.778 212.623 225.682 215.627" fill="black" opacity="0.5"/>
<path d="M308.575 327.252C279.876 327.786 251.172 328.344 222.464 328.925C222.464 326.937 222.535 324.906 222.578 322.919V322.818C268.801 325.107 295.975 308.088 303.941 301.638C305.471 310.219 307.044 318.714 308.575 327.252Z" fill="black" opacity="0.1"/>
<path d="M240.942 355.012C239.717 357.038 237.99 358.713 235.928 359.876C233.866 361.039 231.539 361.649 229.171 361.648C226.448 361.652 223.824 360.631 221.82 358.787C206.649 344.818 197.077 325.806 194.89 305.299C192.957 288.365 195.703 271.226 202.828 255.743C203.271 254.785 203.657 253.999 203.986 253.355L217.401 261.207C216.915 261.993 216.2 263.195 215.384 264.725C210.912 273.468 209.188 283.359 210.436 293.099C211.695 302.567 215.57 308.903 219.704 315.639C224.121 322.831 229.593 329.32 235.936 334.889C242.586 340.595 244.303 349.234 240.942 355.012Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M217.43 261.207C216.943 261.993 216.228 263.195 215.427 264.711C211.695 262.108 205.902 258.017 202.856 255.743C203.3 254.799 203.686 253.999 204.015 253.355L217.43 261.207Z" fill="black" opacity="0.15"/>
<path d="M259.82 227.683C251.655 227.223 243.467 227.352 235.321 228.069C234.694 229.468 234.376 230.985 234.391 232.517C234.391 241.599 245.332 248.95 258.833 248.95C272.334 248.95 283.217 241.599 283.217 232.517C283.215 232.037 283.167 231.558 283.074 231.087C275.432 229.311 267.653 228.191 259.82 227.741" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M526.304 123.109H363.893C354.273 123.109 346.474 130.908 346.474 140.529V456.525C346.474 466.146 354.273 473.945 363.893 473.945H526.304C535.924 473.945 543.723 466.146 543.723 456.525V140.529C543.723 130.908 535.924 123.109 526.304 123.109Z" fill="white" class="tblr-illustrations-girl-phone-d"/>
<path d="M526.289 119.09H363.893C358.204 119.09 352.747 121.351 348.724 125.374C344.701 129.397 342.441 134.853 342.441 140.543V174.009C342.217 173.995 341.992 173.995 341.769 174.009H341.111C339.872 174.013 338.684 174.507 337.808 175.383C336.932 176.259 336.438 177.447 336.434 178.686V214.969C336.434 216.21 336.927 217.399 337.804 218.276C338.681 219.153 339.87 219.646 341.111 219.646H341.769C341.992 219.66 342.217 219.66 342.441 219.646V456.511C342.441 462.201 344.701 467.657 348.724 471.68C352.747 475.703 358.204 477.964 363.893 477.964H526.289C531.979 477.964 537.436 475.703 541.459 471.68C545.482 467.657 547.742 462.201 547.742 456.511V140.543C547.742 134.853 545.482 129.397 541.459 125.374C537.436 121.351 531.979 119.09 526.289 119.09ZM539.69 456.511C539.69 460.066 538.279 463.476 535.766 465.992C533.253 468.507 529.845 469.922 526.289 469.926H363.893C360.337 469.922 356.927 468.508 354.412 465.993C351.897 463.478 350.482 460.068 350.478 456.511V140.543C350.482 136.986 351.897 133.576 354.412 131.061C356.927 128.546 360.337 127.132 363.893 127.128H395.901C394.349 129.04 393.505 131.43 393.512 133.893V135.409C393.51 136.824 393.788 138.226 394.328 139.534C394.868 140.843 395.661 142.031 396.661 143.033C397.662 144.034 398.849 144.829 400.157 145.371C401.464 145.913 402.866 146.192 404.281 146.192H487.918C489.334 146.192 490.736 145.913 492.045 145.371C493.353 144.829 494.542 144.035 495.543 143.034C496.544 142.032 497.339 140.844 497.881 139.535C498.422 138.227 498.701 136.825 498.701 135.409V133.893C498.703 131.431 497.86 129.043 496.313 127.128H526.347C529.902 127.132 533.311 128.547 535.823 131.062C538.336 133.578 539.747 136.988 539.747 140.543L539.69 456.511Z" fill="#232B41" class="tblr-illustrations-girl-phone-c"/>
<path d="M445.084 448.373C458.014 448.373 468.496 437.891 468.496 424.961C468.496 412.031 458.014 401.549 445.084 401.549C432.154 401.549 421.672 412.031 421.672 424.961C421.672 437.891 432.154 448.373 445.084 448.373Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M495.569 177.227H375.978C374.288 177.227 372.918 178.597 372.918 180.287V183.634C372.918 185.324 374.288 186.695 375.978 186.695H495.569C497.26 186.695 498.63 185.324 498.63 183.634V180.287C498.63 178.597 497.26 177.227 495.569 177.227Z" fill="#DADBE0"/>
<path d="M505.28 210.893H376.622C374.023 210.893 371.917 213 371.917 215.598V233.89C371.917 236.489 374.023 238.596 376.622 238.596H505.28C507.879 238.596 509.986 236.489 509.986 233.89V215.598C509.986 213 507.879 210.893 505.28 210.893Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M451.863 289.267H375.235C373.955 289.267 372.918 290.304 372.918 291.583V296.217C372.918 297.497 373.955 298.534 375.235 298.534H451.863C453.143 298.534 454.18 297.497 454.18 296.217V291.583C454.18 290.304 453.143 289.267 451.863 289.267Z" fill="#DADBE0"/>
<path d="M484.543 328.711H376.479C374.512 328.711 372.918 330.305 372.918 332.272V334.617C372.918 336.584 374.512 338.178 376.479 338.178H484.543C486.509 338.178 488.104 336.584 488.104 334.617V332.272C488.104 330.305 486.509 328.711 484.543 328.711Z" fill="#A7AAB3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

32
src/illustrations/girl-refresh.svg Normal file
View File

@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-girl-refresh-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-girl-refresh-b { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-girl-refresh-c { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-girl-refresh-a { fill: black; opacity: 0.07; } .tblr-illustrations-girl-refresh-b { fill: #454C5E; } .tblr-illustrations-girl-refresh-c { fill: #1A2030; } }
</style>
<path d="M634.199 293.857C634.199 333.524 592.238 362.308 573.705 394.355C554.578 427.4 549.981 477.92 516.927 497.047C484.89 515.581 439.272 494.843 399.595 494.843C359.917 494.843 314.309 515.601 282.273 497.047C249.218 477.92 244.622 427.4 225.495 394.355C206.961 362.308 165 333.524 165 293.857C165 254.189 206.961 225.395 225.495 193.358C244.622 160.304 249.218 109.783 282.273 90.656C314.309 72.1221 359.927 92.8603 399.595 92.8603C439.262 92.8603 484.89 72.1023 516.927 90.656C549.981 109.783 554.578 160.304 573.705 193.358C592.238 225.395 634.199 254.179 634.199 293.857Z" fill="#F7F8FC" class="tblr-illustrations-girl-refresh-a"/>
<path d="M500.973 445.38L499.727 409.983L537.289 408.658L538.535 444.055L500.973 445.38ZM504.64 414.559L505.549 440.457L533.612 439.469L532.693 413.571L504.64 414.559Z" fill="#DADBE0"/>
<path d="M500.973 445.38L499.727 409.983L537.289 408.658L538.535 444.055L500.973 445.38ZM504.64 414.559L505.549 440.457L533.612 439.469L532.693 413.571L504.64 414.559Z" fill="black" opacity="0.1"/>
<path d="M572.924 490.197L571.174 439.785L570.897 431.67L554.963 432.213V432.312L555.25 440.329L555.981 462.935C555.999 463.438 555.916 463.938 555.74 464.409C555.563 464.88 555.296 465.311 554.952 465.678C554.609 466.046 554.197 466.342 553.739 466.549C553.281 466.757 552.787 466.872 552.284 466.889L545.948 467.126C544.946 467.129 543.98 466.75 543.246 466.068C542.512 465.385 542.065 464.449 541.994 463.449L541.263 440.843L540.976 432.826V432.737L534.927 432.905L502.09 434.062L496.574 434.25V434.348L496.861 442.365L497.602 464.922C497.645 465.948 497.279 466.95 496.583 467.706C495.888 468.462 494.922 468.911 493.895 468.955L487.559 469.143C487.052 469.164 486.545 469.085 486.068 468.91C485.591 468.735 485.153 468.468 484.779 468.124C484.405 467.779 484.103 467.365 483.89 466.904C483.677 466.442 483.556 465.944 483.536 465.436L482.795 442.83L482.508 434.813V434.714L463.361 435.367L465.338 493.884L474.363 493.568L572.924 490.197Z" fill="#DADBE0"/>
<path d="M572.924 490.197L571.174 439.785L570.897 431.67L554.963 432.213V432.312L555.25 440.329L555.981 462.935C555.999 463.438 555.916 463.938 555.74 464.409C555.563 464.88 555.296 465.311 554.952 465.678C554.609 466.046 554.197 466.342 553.739 466.549C553.281 466.757 552.787 466.872 552.284 466.889L545.948 467.126C544.946 467.129 543.98 466.75 543.246 466.068C542.512 465.385 542.065 464.449 541.994 463.449L541.263 440.843L540.976 432.826V432.737L534.927 432.905L502.09 434.062L496.574 434.25V434.348L496.861 442.365L497.602 464.922C497.645 465.948 497.279 466.95 496.583 467.706C495.888 468.462 494.922 468.911 493.895 468.955L487.559 469.143C487.052 469.164 486.545 469.085 486.068 468.91C485.591 468.735 485.153 468.468 484.779 468.124C484.405 467.779 484.103 467.365 483.89 466.904C483.677 466.442 483.556 465.944 483.536 465.436L482.795 442.83L482.508 434.813V434.714L463.361 435.367L465.338 493.884L474.363 493.568L572.924 490.197Z" fill="black" opacity="0.1"/>
<path d="M572.924 490.197L571.174 439.785L555.289 440.329L556.021 462.935C556.038 463.438 555.956 463.938 555.779 464.409C555.603 464.88 555.335 465.311 554.992 465.678C554.649 466.046 554.236 466.342 553.779 466.549C553.321 466.757 552.826 466.872 552.324 466.889L545.988 467.126C544.979 467.139 544.003 466.765 543.26 466.081C542.518 465.398 542.065 464.456 541.994 463.449L541.263 440.843L535.55 441.011L502.713 442.167L496.91 442.365L497.652 464.922C497.694 465.948 497.328 466.95 496.633 467.706C495.938 468.462 494.971 468.911 493.945 468.955L487.609 469.143C487.101 469.164 486.594 469.085 486.117 468.91C485.64 468.735 485.202 468.468 484.828 468.124C484.455 467.779 484.153 467.365 483.939 466.904C483.726 466.442 483.606 465.944 483.586 465.436L482.844 442.83L472.762 443.166L474.462 493.578L572.924 490.197Z" fill="#A7AAB3"/>
<path d="M497.611 464.922L496.87 442.365L496.583 434.348V434.25C496.537 433.244 496.096 432.296 495.356 431.614C494.616 430.931 493.636 430.567 492.63 430.602L486.244 430.83C485.243 430.868 484.297 431.296 483.607 432.021C482.916 432.747 482.536 433.713 482.547 434.714V434.813L482.834 442.83L483.575 465.436C483.595 465.944 483.716 466.442 483.929 466.904C484.142 467.365 484.444 467.779 484.818 468.124C485.192 468.468 485.63 468.735 486.107 468.91C486.584 469.085 487.091 469.164 487.598 469.143L493.934 468.955C494.955 468.904 495.915 468.451 496.603 467.696C497.292 466.94 497.654 465.943 497.611 464.922ZM556.02 462.945L555.289 440.339L555.002 432.322V432.223C554.954 431.222 554.51 430.28 553.77 429.604C553.029 428.928 552.05 428.572 551.048 428.615L544.673 428.803C543.662 428.849 542.71 429.289 542.019 430.028C541.329 430.766 540.954 431.746 540.976 432.757V432.806L541.263 440.823L541.994 463.449C542.058 464.468 542.513 465.423 543.265 466.114C544.016 466.805 545.006 467.178 546.027 467.156L552.363 466.919C553.374 466.875 554.327 466.432 555.013 465.687C555.698 464.943 556.061 463.957 556.02 462.945Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M419.562 217.734C432.995 223.151 449.631 223.497 457.222 220.957C458.502 220.62 459.68 219.975 460.652 219.079C461.73 217.882 462.738 216.627 463.776 215.283C465.18 213.434 466.534 211.477 467.789 209.5C471.091 204.357 473.92 198.924 476.241 193.269C476.419 192.805 476.952 191.421 477.585 189.82C480.283 182.584 482.28 176.653 483.615 172.591C483.101 173.095 480.57 175.418 479.087 174.726C477.605 174.034 477.11 169.833 479.028 164.653L447.585 155.757L431.285 163.437C431.285 163.437 430.385 165.147 428.784 167.688C426.08 172.17 423.075 176.463 419.789 180.538C417.051 183.928 414.016 186.904 411.199 188.446C401.996 193.339 403.42 211.309 419.562 217.734Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M454.02 261.346C452.296 263.669 450.705 266.088 449.256 268.591C450.396 267.917 451.353 266.974 452.043 265.843C452.775 264.4 453.407 262.917 454.02 261.346ZM419.77 180.538C430.531 188.184 443.541 192.011 456.729 191.411C459.693 192.713 462.241 194.806 464.093 197.461C466.801 201.415 465.931 204.192 467.641 209.075L467.79 209.54C471.092 204.396 473.92 198.964 476.241 193.309C476.419 192.844 476.953 191.461 477.585 189.859C480.284 182.624 482.281 176.693 483.615 172.63C483.101 173.134 480.571 175.457 479.088 174.765C477.605 174.073 477.111 169.872 479.029 164.693L447.585 155.796L431.285 163.437C431.285 163.437 430.386 165.147 428.784 167.688C426.074 172.171 423.062 176.464 419.77 180.538Z" fill="black" opacity="0.1"/>
<path d="M524.201 400.118C524.179 402.59 523.955 405.056 523.529 407.492C522.106 416.19 518.478 422.319 514.267 422.22C508.929 422.052 504.738 411.999 504.887 399.693C504.887 398.319 504.995 396.945 505.114 395.61C506.102 385.261 510.056 377.452 514.821 377.6C520.149 377.709 524.379 387.811 524.201 400.118Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M524.202 400.118C524.18 402.59 523.955 405.056 523.53 407.492C523.006 407.401 522.488 407.282 521.978 407.136C515.236 405.248 513.081 399.969 506.043 396.045C505.744 395.878 505.434 395.733 505.114 395.61C506.103 385.261 510.057 377.452 514.821 377.6C520.149 377.709 524.38 387.811 524.202 400.118Z" fill="black" opacity="0.1"/>
<path d="M256.167 280.651C254.358 280.961 252.514 281.008 250.691 280.789C244.157 280.156 239.195 276.301 238.681 270.904C238.068 263.985 244.829 257.184 253.825 255.692C254.805 255.532 255.796 255.443 256.79 255.425C264.47 255.237 270.718 259.379 271.261 265.487C271.943 272.328 265.162 279.168 256.167 280.651Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M256.167 280.651C254.358 280.961 252.513 281.008 250.691 280.789C250.691 280.067 250.691 279.425 250.74 278.743C251.195 269.777 254.694 266.199 256.671 256.631C256.731 256.206 256.829 255.83 256.859 255.375C264.539 255.188 270.787 259.329 271.33 265.438C271.943 272.328 265.162 279.168 256.167 280.651Z" fill="black" opacity="0.1"/>
<path d="M558.877 414.362C551.352 413.554 544.059 411.28 537.408 407.67C528.136 402.777 524.35 397.676 515.177 394.503C509.724 392.701 503.975 391.966 498.244 392.338C498.244 392.338 509.622 360.065 510.867 328.809C511.195 321.812 510.864 314.799 509.879 307.863C508.017 296.27 502.565 285.552 494.29 277.221C488.843 271.652 482.609 266.913 475.786 263.155C473.085 261.647 470.292 260.31 467.424 259.151C467.424 262.265 467.562 265.389 467.611 268.502C468.234 295.685 468.758 322.799 469.381 349.913C469.43 352.335 469.48 354.855 469.519 357.238C435.252 356.539 400.952 355.86 366.619 355.201C368.527 344.328 370.494 333.455 372.402 322.582C375.565 304.888 378.669 287.194 381.822 269.56C359.354 288.272 326.309 315.712 287.146 317.234C276.227 317.53 265.338 315.938 254.961 312.529L255.771 304.384L264.579 218.199C264.579 218.199 281.244 246.38 301.795 257.451C325.657 270.499 354.54 260.258 363.723 253.566C369.151 249.391 375.078 245.908 381.367 243.197C381.94 242.94 383.66 242.209 386.052 241.29H386.102C386.912 241.033 387.772 240.716 388.731 240.39C391.024 239.629 393.417 238.996 395.71 238.413C404.841 236.279 414.136 234.917 423.496 234.341C433.247 233.779 443.025 233.928 452.755 234.785C456.778 235.102 461.028 235.675 465.427 236.308C471.325 237.232 477.109 238.773 482.686 240.904C490.14 243.712 497.208 247.456 503.72 252.044C509.782 256.398 515.377 261.366 520.416 266.871C529.163 276.276 536.579 286.836 542.459 298.255C551.157 315.188 555.991 332.852 558.571 349.112C561.863 370.73 561.966 392.714 558.877 414.362Z" fill="#DADBE0"/>
<path d="M557.078 345.089C547.609 344.378 537.081 342.035 532.1 335.61C526.544 328.404 516.739 325.221 508.376 324.381C508.714 317.245 508.383 310.094 507.388 303.02C505.508 291.172 499.959 280.213 491.523 271.685L491.177 264.865L518.152 261.168C527.08 270.755 534.647 281.525 540.64 293.175C549.516 310.483 554.439 328.473 557.078 345.089Z" fill="black" opacity="0.1"/>
<path d="M455.295 239.856C455.295 250.917 442.218 259.853 426.086 259.853C409.954 259.853 396.926 250.957 396.926 239.856C396.926 239.252 396.986 238.65 397.104 238.057C406.235 235.886 415.539 234.523 424.909 233.985C434.664 233.416 444.447 233.571 454.178 234.449C454.931 236.152 455.312 237.995 455.295 239.856Z" fill="black" opacity="0.07"/>
<path d="M417.921 153.226C417.187 155.113 417.002 157.17 417.387 159.157C418.227 164.633 422.329 169.615 422.863 170.238C434.725 184.334 460.059 179.273 466.979 177.582C467.315 182.021 470.27 186.133 470.053 188.732C469.974 189.503 469.905 190.274 469.796 190.996C469.277 194.328 468.194 197.547 466.593 200.515C462.995 207.306 457.381 212.456 453.427 219.523C443.196 237.909 447.328 264.222 456.896 279.356C457.369 280.116 457.88 280.852 458.429 281.56C483.14 316.008 519.279 327.88 519.279 327.88C551.404 338.437 579.26 331.33 589.718 328.058C589.224 322.372 588.138 316.753 586.475 311.293C585.853 309.198 585.171 307.28 584.499 305.491C581.138 296.832 577.213 291.84 574.614 285.919C571.154 278.12 568.683 266.071 573.625 247.734C505.875 249.296 490.089 242.09 488.617 235.023C487.282 228.805 497.839 225.513 501.032 211.882C507.022 186.32 480.363 161.836 478.633 160.314C474.6 156.706 459.17 142.956 438.916 144.35C433.608 144.706 421.114 145.576 417.921 153.226Z" fill="#232B41" class="tblr-illustrations-girl-refresh-b"/>
<path d="M469.549 357.198C458.65 405.831 447.776 454.418 436.929 502.958C433.588 503.947 430.237 504.995 426.887 505.924C426.175 500.448 425.503 494.972 424.791 489.505C420.837 458.059 416.85 426.592 412.83 395.106L398.003 470.724L391.885 501.911L379.212 504.204L376.731 474.668L366.649 355.162L469.549 357.198Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M381.861 269.481C359.393 288.193 326.349 315.633 287.185 317.155C276.266 317.451 265.378 315.859 255 312.45L255.811 304.305C267.099 308.12 279.673 311.303 287.61 300.163C297.9 285.712 302.625 286.097 316.276 287.946C329.927 289.794 333.248 279.158 337.696 273.366C342.144 267.573 362.23 268.018 367.538 268.146C372.846 268.275 381.861 269.481 381.861 269.481ZM469.549 357.198C435.282 356.5 400.982 355.821 366.649 355.162C368.556 344.289 370.523 333.415 372.431 322.542C372.293 323.531 404.715 353.541 469.41 349.913C469.46 352.295 469.509 354.776 469.549 357.198Z" fill="black" opacity="0.1"/>
<path d="M393.476 550C503.648 550 592.96 546.15 592.96 541.4C592.96 536.651 503.648 532.801 393.476 532.801C283.304 532.801 193.992 536.651 193.992 541.4C193.992 546.15 283.304 550 393.476 550Z" fill="#A6A9B3" class="tblr-illustrations-girl-refresh-c"/>
<path d="M391.845 501.94L420.293 356.2L366.649 355.162L379.183 504.234L391.845 501.94Z" fill="black" opacity="0.1"/>
<path d="M443.522 534.501L442.158 525.96C442.158 525.96 442.079 517.608 437.067 515.917C432.056 514.227 416.982 528.036 413.245 536.824L431.097 530.122L433.855 536.824L443.522 534.501ZM389.057 515.917C384.046 514.237 368.962 528.036 365.225 536.824L383.077 530.122L385.835 536.824L395.502 534.501L394.138 525.96C394.138 525.96 394.059 517.608 389.057 515.917Z" fill="#232B41" class="tblr-illustrations-girl-refresh-b"/>
<path d="M444.886 259.952C441.921 252.697 438.511 248.93 434.715 248.762C430.356 248.575 426.896 253.161 425.206 255.949C423.18 252.469 418.534 245.827 412.573 246.005C407.71 246.222 403.301 251.105 399.466 260.525C397.677 264.904 395.591 271.092 398.053 274.117C398.433 274.554 398.909 274.898 399.444 275.121C399.979 275.344 400.558 275.44 401.137 275.402C406.296 275.402 415.123 269.184 421.114 264.42C419.799 266.94 418.267 269.165 416.913 269.698C416.231 269.956 415.626 270.382 415.155 270.937C414.683 271.492 414.359 272.158 414.214 272.871C413.463 276.044 415.489 279.959 417.338 283.003L419.404 280.789C416.626 276.202 416.626 274.463 416.745 273.929C416.824 273.573 417.14 273.296 417.664 273.089C420.886 271.824 423.694 265.982 425.117 262.492C426.422 265.794 427.558 269.095 427.568 269.995C427.455 270.591 427.303 271.178 427.114 271.754C426.442 274.018 425.305 277.794 427.677 280.295C429.002 281.698 430 286.759 430.356 293.857L432.995 293.619C432.58 285.069 431.344 279.662 429.328 277.527C428.626 276.786 428.834 275.55 429.575 273.069C429.884 272.171 430.099 271.243 430.218 270.301C430.306 269.006 429.575 266.506 428.646 263.936C433.361 267.632 439.519 271.843 443.335 271.843C443.813 271.875 444.293 271.796 444.736 271.61C445.178 271.425 445.572 271.139 445.885 270.776C447.921 268.265 446.29 263.392 444.886 259.952ZM399.861 271.517C399.733 271.369 398.715 269.787 401.838 262.206C405.179 253.972 408.837 249.711 412.712 249.533H412.959C417.694 249.533 421.726 255.632 423.348 258.43C413.334 266.891 401.848 273.959 399.861 271.517ZM444.086 268.156C442.84 269.649 434.952 265.102 427.084 258.499C428.389 256.295 431.216 252.291 434.448 252.291H434.636C437.414 252.42 440.082 255.563 442.544 261.642C444.738 267 444.135 268.146 444.135 268.156H444.086Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M456.887 279.346C457.359 280.107 457.87 280.842 458.419 281.55C483.131 315.998 519.269 327.87 519.269 327.87C551.395 338.427 579.25 331.32 589.708 328.048C589.217 322.366 588.134 316.75 586.476 311.293C585.853 309.198 585.171 307.28 584.499 305.491C577.536 309.899 569.78 312.904 561.665 314.338C547.115 316.878 535.658 313.557 528.768 311.471C490.317 299.797 473.088 267.079 473.088 267.079C458.962 240.351 462.788 214.354 466.584 200.515C462.986 207.306 457.371 212.456 453.417 219.523C443.147 237.899 447.318 264.212 456.887 279.346ZM417.387 159.108C418.227 164.584 422.33 169.566 422.863 170.189C434.725 184.284 460.06 179.223 466.979 177.533C469.59 176.195 472.052 174.585 474.323 172.729C464.441 175.278 454.084 175.366 444.16 172.985C434.235 170.603 425.046 165.825 417.397 159.068L417.387 159.108Z" fill="black" opacity="0.3"/>
<path d="M299.176 184.393C336.287 184.393 366.372 154.308 366.372 117.196C366.372 80.0849 336.287 50 299.176 50C262.064 50 231.979 80.0849 231.979 117.196C231.979 154.308 262.064 184.393 299.176 184.393Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M353.68 122.07L339.643 130.205C339.871 129.513 340.078 128.831 340.266 128.139C342.663 119.139 342.09 109.606 338.634 100.957C335.178 92.3082 329.023 85.006 321.083 80.1363C313.144 75.2666 303.845 73.0895 294.569 73.9287C285.293 74.768 276.536 78.5787 269.6 84.7943L273.396 89.0348C279.418 83.6326 287.025 80.3193 295.082 79.5882C303.139 78.857 311.218 80.7469 318.115 84.9767C325.011 89.2066 330.358 95.5502 333.359 103.064C336.36 110.577 336.855 118.859 334.77 126.676C334.4 128.05 333.954 129.403 333.436 130.729L323.986 114.409L319.044 117.266L332.684 140.801L356.507 126.963L353.68 122.07ZM288.806 153.315C279.366 150.8 271.277 144.706 266.256 136.326C261.234 127.946 259.675 117.939 261.91 108.429L271.152 124.313L276.094 121.457L262.256 97.6346L238.73 111.276L241.577 116.218L256.285 107.697C254.881 114.012 254.912 120.562 256.377 126.863C257.842 133.164 260.704 139.056 264.75 144.103C268.797 149.151 273.925 153.225 279.757 156.026C285.588 158.826 291.974 160.282 298.444 160.284C308.367 160.285 317.992 156.888 325.716 150.656L322.147 146.238C317.535 149.952 312.114 152.528 306.322 153.757C300.529 154.987 294.529 154.835 288.806 153.315Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

55
src/illustrations/good-news.svg Normal file
View File

@ -0,0 +1,55 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-good-news-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-good-news-b { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-good-news-c { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-good-news-a { fill: black; opacity: 0.07; } .tblr-illustrations-good-news-b { fill: #454C5E; } .tblr-illustrations-good-news-c { fill: #1A2030; } }
</style>
<path d="M135 314.989C135 359.809 182.396 392.304 203.335 428.406C224.935 465.708 230.128 522.73 267.464 544.311C303.666 565.22 355.189 541.824 400.006 541.824C444.822 541.824 496.345 565.22 532.536 544.311C569.872 522.73 575.02 465.708 596.665 428.406C617.604 392.259 665 359.775 665 314.989C665 270.202 617.638 237.741 596.665 201.594C575.065 164.292 569.872 107.27 532.536 85.6889C496.345 64.7803 444.811 88.1764 400.062 88.1764C355.313 88.1764 303.666 64.7803 267.464 85.6889C230.128 107.27 224.935 164.292 203.335 201.594C182.396 237.741 135 270.225 135 314.989Z" fill="#F7F8FC" class="tblr-illustrations-good-news-a"/>
<path d="M226.862 356.613C226.099 357.058 224.955 357.757 223.582 358.672C215.871 364.056 209.958 371.634 206.611 380.423C203.407 388.979 203.827 396.085 204.284 403.637C204.795 411.703 206.509 419.647 209.37 427.206C212.421 435.024 209.967 443.097 204.539 446.465C202.589 447.621 200.374 448.257 198.108 448.31C195.842 448.364 193.6 447.833 191.597 446.77C189.297 445.544 187.541 443.497 186.677 441.037C180.156 422.4 180.635 402.026 188.025 383.716C192.67 371.955 199.764 361.316 208.836 352.506C211.428 349.979 214.175 347.614 217.061 345.426C217.862 344.828 218.535 344.332 219.107 343.938L226.862 356.613Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M355.87 297.919C349.668 313.012 339.445 326.115 326.313 335.802C325.512 336.4 324.825 336.883 324.241 337.264L316.613 324.488C317.376 324.056 318.533 323.382 319.931 322.467C321.998 321.061 323.954 319.497 325.779 317.788C330.785 313.089 334.692 307.341 337.22 300.957C340.538 292.44 340.208 285.333 339.864 277.782C339.483 269.709 337.894 261.738 335.148 254.136C332.199 246.28 334.754 238.246 340.233 234.953C342.194 233.818 344.415 233.21 346.681 233.188C348.946 233.166 351.179 233.73 353.162 234.826C355.452 236.076 357.182 238.147 358.005 240.623C364.269 259.348 363.51 279.712 355.87 297.919Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M226.862 356.613C226.099 357.058 224.955 357.757 223.582 358.672C220.054 361.13 216.884 364.065 214.162 367.393C213.204 362.17 211.392 357.14 208.797 352.506C211.39 349.979 214.137 347.614 217.022 345.426C217.823 344.828 218.497 344.332 219.069 343.938L226.862 356.613Z" fill="black" opacity="0.1"/>
<path d="M341.657 321.361C337.129 326.751 331.978 331.586 326.313 335.764C325.512 336.361 324.825 336.845 324.241 337.226L316.613 324.45C317.376 324.017 318.533 323.344 319.931 322.428C321.998 321.023 323.954 319.459 325.779 317.75C330.747 320.092 336.165 321.324 341.657 321.361Z" fill="black" opacity="0.1"/>
<path d="M489.39 283.744L478.229 260.861C476.652 264.039 472.355 272.15 468.58 271.527C465.249 270.98 463.749 263.823 462.948 258.281C462.821 257.403 462.719 256.577 462.618 255.814C462.16 252.115 461.346 245.428 460.456 237.152C457.304 206.299 454.1 153.173 470.131 149.054C471.844 148.715 473.61 148.747 475.309 149.149C477.009 149.55 478.602 150.311 479.983 151.38C487.7 157.266 485.424 172.038 484.636 177.988C482.093 197.374 483.72 216.914 485.754 236.466C486.149 240.343 486.568 244.22 487.026 248.11C488.208 260.048 489.301 271.909 489.39 283.744Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M619.186 219.304C601.185 233.351 587.15 251.594 572.861 269.595C566.734 277.299 560.568 284.964 553.996 292.236C552.216 294.219 550.411 296.164 548.555 298.084L551.466 289.325L556.551 273.981C553.208 275.138 544.449 277.922 542.198 274.832C539.948 271.743 545.529 263.912 548.949 259.437C550.627 257.213 553.335 253.666 556.754 249.267C574.997 226.003 613.771 179.602 629.064 188.45C630.524 189.41 631.762 190.671 632.694 192.149C633.626 193.627 634.23 195.287 634.467 197.019C635.878 206.655 623.915 215.617 619.186 219.304Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M486.975 248.187C480.619 251.123 464.868 258.357 462.948 258.357C462.821 257.48 462.719 256.653 462.617 255.891C462.16 252.191 461.346 245.504 460.456 237.229C468.766 235.366 477.359 235.141 485.754 236.568C486.136 240.419 486.568 244.297 486.975 248.187Z" fill="black" opacity="0.1"/>
<path d="M572.861 269.595C566.734 277.299 560.568 284.964 553.996 292.236C553.284 291.422 552.419 290.443 551.453 289.325L556.538 273.981C553.195 275.138 544.436 277.922 542.186 274.832C539.936 271.743 545.516 263.912 548.936 259.437C550.614 257.213 553.322 253.666 556.742 249.267C560.543 253.17 568.056 261.357 572.861 269.595Z" fill="black" opacity="0.1"/>
<path d="M540.52 511.745L539.249 490.782C539.249 490.782 533.859 489.676 531.749 492.93C529.638 496.184 535.715 508.096 540.495 511.745" fill="#232B41" class="tblr-illustrations-good-news-b"/>
<path d="M464.435 375.542C461.045 397.187 457.655 418.845 454.265 440.516L525.303 487.171L530.744 480.65L484.61 429.609C494.229 411.582 503.861 393.56 513.506 375.542H464.435Z" fill="#DDDDDD"/>
<path d="M464.435 375.542C461.045 397.187 457.655 418.845 454.265 440.516L525.303 487.171L530.744 480.65L484.61 429.609C494.229 411.582 503.861 393.56 513.506 375.542H464.435Z" fill="black" opacity="0.1"/>
<path d="M121.284 566.574C121.284 569.117 250.38 571.265 409.644 571.265C568.908 571.265 697.991 569.168 697.991 566.574C697.991 563.981 568.882 561.947 409.644 561.947C250.406 561.947 121.284 564.044 121.284 566.574Z" fill="#A6A9B3" class="tblr-illustrations-good-news-c"/>
<path d="M336.241 83.6094C343.201 86.729 349.817 90.5634 355.984 95.0508C363.462 100.192 370.434 106.032 376.807 112.492C384.288 93.6222 395.26 76.3318 409.148 61.5276C428.284 40.9493 451.917 25.0732 478.203 15.1393C437.388 60.9331 408.046 115.775 392.596 175.14C386.469 166.458 378.32 155.537 368.112 142.825C355.895 127.811 346.17 117.056 339.114 109.403C330.749 100.009 319.931 88.7072 307.002 75.9183C317.051 77.1531 326.886 79.7402 336.241 83.6094Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M605.99 479.709L604.719 458.746C604.719 458.746 599.316 457.64 597.206 460.907C595.095 464.174 601.185 476.073 605.952 479.709" fill="#232B41" class="tblr-illustrations-good-news-b"/>
<path d="M630.818 283.134C630.626 282.967 630.402 282.84 630.16 282.76C629.918 282.68 629.663 282.648 629.409 282.667C629.155 282.686 628.907 282.755 628.68 282.87C628.453 282.985 628.25 283.144 628.085 283.337L586.667 331.645C586.335 332.037 586.171 332.544 586.212 333.056C586.252 333.568 586.494 334.044 586.883 334.378C587.276 334.707 587.783 334.869 588.294 334.829C588.805 334.788 589.28 334.549 589.616 334.162L631.021 285.854C631.354 285.466 631.52 284.962 631.482 284.452C631.444 283.942 631.205 283.468 630.818 283.134Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M632.712 313.758C632.519 313.592 632.294 313.466 632.052 313.387C631.81 313.308 631.554 313.278 631.3 313.298C631.046 313.318 630.799 313.388 630.572 313.504C630.345 313.62 630.144 313.78 629.979 313.975L600.46 348.388C600.128 348.779 599.964 349.287 600.005 349.799C600.045 350.311 600.287 350.786 600.676 351.121C601.033 351.418 601.483 351.58 601.947 351.578C602.227 351.579 602.504 351.519 602.758 351.403C603.013 351.286 603.239 351.116 603.422 350.905L632.941 316.492C633.106 316.298 633.231 316.073 633.309 315.83C633.387 315.587 633.417 315.331 633.395 315.077C633.374 314.823 633.303 314.576 633.186 314.35C633.068 314.123 632.907 313.922 632.712 313.758Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M204.094 190.319C203.777 189.914 203.312 189.652 202.802 189.59C202.292 189.528 201.778 189.672 201.373 189.989C200.969 190.305 200.706 190.77 200.644 191.28C200.583 191.79 200.726 192.304 201.043 192.709L232.379 232.639C232.696 233.044 233.161 233.306 233.671 233.368C234.181 233.43 234.695 233.287 235.1 232.97C235.504 232.653 235.766 232.188 235.828 231.678C235.89 231.168 235.747 230.654 235.43 230.249L204.094 190.319Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M218.993 241.36L189.843 223.562C189.626 223.43 189.385 223.341 189.134 223.302C188.882 223.262 188.626 223.272 188.378 223.332C188.131 223.392 187.898 223.499 187.692 223.649C187.486 223.799 187.312 223.987 187.18 224.204C187.047 224.422 186.958 224.663 186.919 224.914C186.879 225.165 186.889 225.422 186.949 225.669C187.009 225.916 187.116 226.15 187.266 226.355C187.416 226.561 187.605 226.735 187.822 226.868L216.972 244.665C217.274 244.85 217.622 244.947 217.976 244.945C218.399 244.949 218.812 244.813 219.15 244.559C219.489 244.305 219.735 243.947 219.851 243.54C219.966 243.133 219.945 242.699 219.79 242.305C219.635 241.912 219.355 241.579 218.993 241.36Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M553.869 218.249C552.508 221.223 550.462 225.597 547.919 230.961C547.258 232.042 546.737 233.135 546.572 233.504C543.523 239.247 539.732 244.564 535.295 249.318C534.317 250.234 533.49 251.162 532.677 251.924C529.244 254.988 513.265 253.844 501.416 247.602C489.568 241.36 489.975 227.58 497.386 224.643C500.078 223.332 502.501 221.53 504.531 219.329C507.363 216.475 510 213.434 512.425 210.227C513.913 208.371 514.752 207.125 514.752 207.125L527.731 202.574L550.97 211.816C549.101 215.566 549 218.732 550.246 219.558C551.491 220.384 553.449 218.719 553.932 218.287" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M553.869 218.249C552.508 221.223 550.462 225.597 547.919 230.961C547.258 232.042 546.737 233.135 546.572 233.504C543.523 239.247 539.732 244.564 535.295 249.318C534.015 248.204 532.928 246.885 532.079 245.415C531.159 243.795 530.619 241.987 530.503 240.127C530.361 238.163 530.533 236.189 531.011 234.279C531.243 232.991 531.548 231.718 531.927 230.465C521.831 229.845 512.238 225.841 504.696 219.1C507.528 216.246 510.166 213.205 512.591 209.998C514.078 208.142 514.917 206.896 514.917 206.896L527.897 202.396L551.072 211.689C549.203 215.439 549.101 218.605 550.347 219.431C551.593 220.257 553.386 218.744 553.869 218.274" fill="black" opacity="0.1"/>
<path d="M554.707 231.813C552.75 233.961 547.83 233.809 544.944 234.673C544.29 234.874 543.648 235.116 543.025 235.398C542.735 235.515 542.461 235.669 542.211 235.855C539.777 237.167 537.703 239.057 536.172 241.36C535.626 239.605 535.626 237.725 536.172 235.97C537.415 233.31 538.878 230.758 540.546 228.342C540.564 228.225 540.622 228.117 540.711 228.037C540.876 227.719 540.876 227.554 541.219 226.931C541.874 225.72 542.394 224.441 542.77 223.117V222.965C540.075 222.876 527.172 222.66 517.18 219.66C511.408 217.918 506.59 215.261 505.268 211.142C504.7 209.471 504.53 207.691 504.772 205.943V205.841L504.925 205.205V205.116C505.083 204.567 505.323 204.044 505.637 203.565C508.472 199.205 515.807 201.201 517.904 196.98C519.252 194.171 516.633 192.022 518.286 189.696C519.938 187.369 524.566 186.721 527.693 188.094C530.045 189.124 529.676 190.535 531.863 191.552C535.677 193.255 538.105 189.696 542.033 191.247C544.387 192.448 546.321 194.336 547.576 196.662C548.605 198.582 548.593 199.535 549.966 201.163C551.061 202.321 552.352 203.276 553.779 203.985C556.894 205.51 557.873 204.748 559.424 205.739C562.055 207.735 562.869 212.032 561.966 215.337C560.695 219.571 557.39 219.316 555.826 223.867C554.517 227.999 556.525 229.753 554.707 231.813Z" fill="#232B41" class="tblr-illustrations-good-news-b"/>
<path d="M548.173 219.011C547.995 219.24 545.198 223.054 542.77 222.978C540.075 222.889 527.172 222.673 517.18 219.672C511.408 217.931 506.59 215.274 505.268 211.155C504.7 209.484 504.53 207.704 504.772 205.955V205.854L504.925 205.218V205.116C504.925 205.116 520.79 220.994 548.173 219.011Z" fill="black" opacity="0.5"/>
<path d="M488.119 373.851C491.687 395.039 495.255 416.226 498.823 437.414L586.54 462.267L589.362 455.58L533.35 418.536L530.35 367.965L488.119 373.851Z" fill="#DDDDDD"/>
<path d="M535.817 337.086C535.253 348.33 535.605 359.601 536.872 370.787C537.571 377.029 538.499 382.763 539.516 387.937L456.49 376.927C461.366 351.634 464.438 326.025 465.681 300.296C465.842 296.813 465.978 293.291 466.088 289.732C466.228 284.888 466.291 280.121 466.304 275.43C466.304 266.099 466.101 257.073 465.694 248.39C474.243 252.39 483.109 255.677 492.2 258.217L492.695 258.344L493.687 258.611C495.276 259.043 496.903 259.463 498.569 259.882L500.005 260.213C500.501 260.34 500.997 260.442 501.505 260.556L503.094 260.887C506.891 261.683 510.857 262.357 514.993 262.908C518.578 263.391 522.062 263.734 525.418 263.976L527.464 264.103C535.977 264.597 544.515 264.444 553.004 263.645C547.068 277.316 542.586 291.574 539.63 306.182C537.59 316.374 536.315 326.704 535.817 337.086Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M492.708 258.332C483.246 265.204 475.669 274.351 470.677 284.926C470.603 285.057 470.54 285.193 470.486 285.333C468.305 290.11 466.696 295.128 465.694 300.283C462.134 282.231 458.571 264.188 455.003 246.153C458.681 244.507 462.514 243.229 466.444 242.339C473.533 240.74 480.847 240.391 488.055 241.309C488.157 241.653 489.861 247.856 489.949 248.2C490.127 248.924 492.492 257.62 492.708 258.332Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M571.005 283.858L539.681 306.131C534.935 292.071 530.185 278.006 525.43 263.938H525.545C531.68 262.677 537.592 260.509 543.088 257.505C545.621 256.13 548.056 254.58 550.372 252.865L571.005 283.858Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M525.545 263.912H525.481C519.494 266.34 506.12 271.108 498.314 268.527C496.585 267.942 493.484 266.925 492.352 264.103C491.718 262.193 491.864 260.109 492.759 258.306L493.751 258.573C495.136 258.942 496.776 259.361 498.632 259.844L500.069 260.175L501.569 260.518L503.158 260.848C507.076 261.779 511.051 262.454 515.057 262.87C518.642 263.353 522.125 263.696 525.481 263.938H525.545V263.912Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M280.331 284.036C289.239 293.446 301.309 299.232 314.223 300.283L276.187 314.839L280.357 284.024" fill="#232B41" class="tblr-illustrations-good-news-b"/>
<path d="M295.866 489.46L281.933 501.714L279.276 504.054L252.618 527.521L250.622 525.601L269.233 496.223L278.145 482.15L295.866 489.46Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M284.565 315.551C273.81 319.873 260.487 320.128 254.41 318.094C253.378 317.828 252.43 317.308 251.652 316.581C250.787 315.627 249.973 314.623 249.109 313.542C247.978 312.068 246.91 310.491 245.893 308.915C243.254 304.789 240.994 300.432 239.142 295.897C239.041 295.516 238.57 294.41 238.074 293.126C235.926 287.329 234.261 282.574 233.256 279.32C233.676 279.727 235.697 281.596 236.879 281.036C238.062 280.477 238.443 277.108 236.879 272.964L262.076 265.908L275.17 272.048C275.17 272.048 275.895 273.409 277.178 275.455C279.325 279.052 281.717 282.497 284.336 285.765C286.216 288.286 288.543 290.441 291.2 292.122C298.561 296.05 297.392 310.453 284.45 315.576" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M284.463 285.803C275.823 291.893 265.402 294.935 254.842 294.448C252.464 295.475 250.417 297.143 248.931 299.266C246.77 302.47 247.456 304.656 246.083 308.597L245.969 308.979C243.335 304.85 241.076 300.493 239.219 295.961C239.117 295.579 238.647 294.473 238.151 293.189C235.99 287.392 234.337 282.638 233.333 279.384C233.752 279.79 235.761 281.659 236.956 281.1C238.151 280.54 238.519 277.172 237.019 273.027L262.216 265.972L275.31 272.112C275.31 272.112 276.034 273.472 277.318 275.519C279.465 279.115 281.856 282.56 284.476 285.829" fill="black" opacity="0.1"/>
<path d="M309.634 359.753C309.229 368.241 309.569 376.749 310.651 385.178C311.236 389.754 312.011 394.077 312.888 398.018L313.092 399.187C314.554 407.4 316.054 415.536 317.528 423.71C290.044 424.218 262.563 424.748 235.087 425.299C235.087 423.405 235.151 421.485 235.189 419.553V419.464C234.373 398.575 234.695 377.657 236.155 356.803C236.257 355.278 236.371 353.74 236.498 352.201L223.786 361.647L211.365 347.498C213.306 345.44 215.356 343.488 217.506 341.65C219.781 339.713 222.167 337.909 224.65 336.247C224.65 336.247 230.129 331.429 236.358 330.565C236.928 330.509 237.492 330.416 238.049 330.285H238.354C241.888 329.789 245.283 329.331 248.524 329.09C256.324 328.406 264.162 328.287 271.979 328.734C279.471 329.187 286.913 330.263 294.226 331.95C296.082 332.395 298.04 332.878 299.82 333.488L301.371 334.01L301.943 334.2L302.96 334.569C306.458 332.612 309.639 330.135 312.392 327.221C314.868 324.599 316.968 321.647 318.634 318.449C320.566 321.867 322.322 325.38 323.897 328.975C325.619 332.918 327.117 336.954 328.385 341.065L309.634 359.753Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M286.395 268.679C285.699 271.968 284.187 275.028 281.997 277.578C272.437 288.791 252.198 284.774 246.656 283.401C246.389 286.947 244.011 290.253 244.177 292.299C244.24 292.922 244.304 293.571 244.393 294.105C244.534 295.093 244.746 296.071 245.028 297.029C245.521 298.657 246.164 300.235 246.948 301.745C250.745 307.98 254.993 313.929 259.661 319.543L242.842 325.492L229.265 330.297C225.478 324.256 223.085 317.447 222.26 310.364C222.26 309.741 222.107 308.8 222.018 307.58C221.912 305.192 221.985 302.8 222.235 300.423C222.235 299.991 222.311 299.558 222.374 299.152C222.783 296.041 223.502 292.978 224.523 290.011C227.172 282.344 231.543 275.387 237.299 269.671C239.308 267.764 252.249 255.776 269.081 256.958C273.263 257.213 283.268 257.963 285.823 264.103C286.405 265.6 286.55 267.231 286.243 268.807" fill="#232B41" class="tblr-illustrations-good-news-b"/>
<path d="M280.191 566.6C277.204 559.76 265.127 548.802 261.123 550.175C257.118 551.548 257.016 558.069 257.016 558.069L255.923 564.782L263.678 566.6L265.877 561.324L280.191 566.6Z" fill="#232B41" class="tblr-illustrations-good-news-b"/>
<path d="M244.316 553.442C248.13 547.086 250.05 530.839 246.592 528.36C243.134 525.881 237.769 529.631 237.769 529.631L231.68 532.644L234.693 540.005L240.274 538.734L244.316 553.442Z" fill="#232B41" class="tblr-illustrations-good-news-b"/>
<path d="M286.395 268.68C285.699 271.968 284.187 275.028 281.997 277.578C272.475 288.867 252.186 284.786 246.656 283.401C244.569 282.34 242.6 281.062 240.782 279.587C248.696 281.639 256.991 281.72 264.943 279.823C272.895 277.926 280.261 274.109 286.395 268.705" fill="black" opacity="0.5"/>
<path d="M302.006 334.149L301.434 333.946C299.171 344.116 285.938 351.845 269.945 351.845C252.376 351.845 238.075 342.425 238.075 330.87V330.285C237.528 330.361 236.969 330.45 236.384 330.564V330.857C236.384 343.569 251.448 353.829 269.932 353.829C286.573 353.829 300.443 345.438 302.985 334.505L301.968 334.124" fill="#DDDDDD"/>
<path d="M275.818 360.986C275.72 361.454 275.492 361.885 275.16 362.229C274.828 362.573 274.406 362.817 273.942 362.932C273.477 363.047 272.99 363.029 272.536 362.879C272.082 362.73 271.679 362.456 271.373 362.088C271.068 361.72 270.872 361.273 270.809 360.799C270.746 360.325 270.818 359.843 271.017 359.408C271.216 358.973 271.533 358.603 271.933 358.34C272.332 358.077 272.798 357.932 273.276 357.922C274.016 357.999 274.696 358.363 275.171 358.936C275.647 359.508 275.879 360.244 275.818 360.986Z" fill="#DDDDDD"/>
<path d="M242.829 325.479L229.252 330.285C225.465 324.243 223.072 317.434 222.247 310.351C222.184 309.729 222.095 308.788 222.006 307.567L222.222 300.397C222.222 299.978 222.298 299.533 222.374 299.126C222.772 296.014 223.488 292.952 224.51 289.986C226.303 299.037 229.684 311.419 235.659 318.233C237.887 320.807 240.274 323.24 242.804 325.518" fill="black" opacity="0.5"/>
<path d="M317.579 423.773C290.103 424.282 262.623 424.816 235.138 425.375C235.138 423.468 235.202 421.561 235.252 419.616V419.527C279.505 421.714 305.515 405.429 313.143 399.251C314.605 407.463 316.117 415.599 317.579 423.773Z" fill="black" opacity="0.1"/>
<path d="M270.898 328.429C263.081 327.992 255.243 328.115 247.444 328.798C246.847 330.137 246.543 331.589 246.554 333.056C246.554 341.752 257.029 348.794 269.958 348.794C282.886 348.794 293.298 341.752 293.298 333.056C293.301 332.6 293.258 332.144 293.171 331.696C285.854 329.973 278.402 328.88 270.898 328.429Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M525.545 263.912H525.481C519.494 266.34 506.12 271.108 498.314 268.527C496.585 267.942 493.484 266.925 492.352 264.103C491.718 262.193 491.864 260.109 492.759 258.306L493.751 258.573C495.136 258.942 496.776 259.361 498.632 259.844L500.069 260.175L501.569 260.518L503.158 260.848C507.076 261.779 511.051 262.454 515.057 262.87C518.642 263.353 522.125 263.696 525.481 263.938H525.545V263.912Z" fill="black" opacity="0.1"/>
<path d="M456.49 376.928C461.366 351.634 464.438 326.025 465.681 300.296C462.122 282.244 458.558 264.201 454.99 246.166C455.168 246.738 458.969 258.7 466.317 275.405C467.588 278.43 469.101 281.608 470.677 284.914C484.153 313.339 506.272 350.371 536.872 370.775C537.571 377.017 538.499 382.75 539.516 387.924L456.49 376.928Z" fill="black" opacity="0.1"/>
<path d="M295.866 489.46L252.643 527.521L250.647 525.601L278.17 482.15L295.866 489.46Z" fill="black" opacity="0.15"/>
<path d="M269.22 484.336L267.263 507.74L264.415 541.746H261.644L254.461 506.469L251.385 491.341L269.22 484.336Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M251.385 491.341L269.182 484.336L267.237 507.677C262.801 507.397 258.504 506.965 254.423 506.405L251.385 491.341Z" fill="black" opacity="0.15"/>
<path d="M321.914 491.341H237.185L235.71 444.126L235.138 425.324L317.579 423.723L321.101 478.476L321.914 491.341Z" fill="#DDDDDD"/>
<path d="M321.914 491.341H237.185C236.871 469.136 235.508 447.552 235.178 425.339L277.624 424.46C272.894 427.422 263.182 434.477 258.923 446.999C256.05 455.479 255.809 466.068 258.923 467.225C263.118 468.814 269.093 452.161 278.094 452.873C284.12 453.356 285.607 461.225 293.641 468.344C302.044 475.781 312.596 477.967 321.113 478.514L321.914 491.341Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

36
src/illustrations/ice-skates.svg Normal file
View File

@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-ice-skates-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-ice-skates-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-ice-skates-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-ice-skates-a { fill: black; opacity: 0.07; } .tblr-illustrations-ice-skates-b { fill: #1A2030; } .tblr-illustrations-ice-skates-c { fill: #454C5E; } }
</style>
<path d="M107.069 300C107.069 347.067 156.847 381.197 178.779 419.147C201.45 458.328 206.872 518.21 246.053 540.881C284.003 562.813 338.093 538.293 385.16 538.293C432.228 538.293 486.318 562.813 524.268 540.881C563.449 518.21 568.871 458.328 591.542 419.147C613.474 381.197 663.252 347.067 663.252 300C663.252 252.933 613.474 218.926 591.542 180.853C568.871 141.672 563.449 81.7902 524.268 59.1191C486.318 37.1872 432.228 61.7066 385.16 61.7066C338.093 61.7066 284.126 37.1872 246.053 59.1191C206.872 81.7902 201.45 141.672 178.779 180.853C156.847 218.926 107.069 253.056 107.069 300Z" fill="#F7F8FC" class="tblr-illustrations-ice-skates-a"/>
<path d="M104.235 492.951C104.235 496.771 224.368 499.974 372.716 499.974C521.064 499.974 641.196 496.771 641.196 492.951C641.196 489.132 521.064 486.051 372.716 486.051C224.368 486.051 104.235 489.255 104.235 492.951Z" fill="#A6A9B3" class="tblr-illustrations-ice-skates-b"/>
<path d="M469.438 322.425C469.068 323.534 468.575 324.643 467.959 325.505C465.372 329.448 460.566 332.405 456.254 331.419C449.724 329.941 447.876 320.453 447.383 317.866C447.259 316.757 447.013 315.525 447.013 314.416C446.643 308.995 448.122 299.261 452.927 297.536C458.102 295.564 466.85 305.175 469.315 314.17C470.177 316.88 470.177 319.837 469.438 322.425Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M469.438 322.425C469.068 323.534 468.575 324.643 467.959 325.505C461.182 323.164 456.747 317.989 447.999 314.786L447.013 314.416C446.643 308.995 448.122 299.261 452.927 297.536C458.102 295.564 466.85 305.175 469.315 314.17C470.177 316.88 470.177 319.837 469.438 322.425Z" fill="black" opacity="0.1"/>
<path d="M258.005 255.767C256.403 255.274 254.801 255.027 253.199 255.027C247.408 254.904 242.726 257.615 241.617 262.42C240.385 268.334 245.437 274.988 253.076 277.206C253.939 277.452 254.678 277.699 255.54 277.822C262.194 278.808 268.108 275.974 269.217 270.675C270.819 264.761 265.644 258.108 258.005 255.767Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M258.004 255.767C256.403 255.274 254.801 255.027 253.199 255.027C253.076 255.643 253.076 256.259 253.076 256.876C252.46 264.761 255.17 268.211 255.786 276.713C255.786 277.082 255.786 277.452 255.786 277.822C262.44 278.807 268.354 275.85 269.463 270.675C270.818 264.761 265.643 258.108 258.004 255.767Z" fill="black" opacity="0.1"/>
<path d="M496.052 323.164C489.398 323.534 482.745 322.671 476.461 320.453C467.713 317.496 463.77 313.677 455.392 312.198C450.463 311.459 445.288 311.582 440.483 312.691C443.563 294.455 444.302 275.85 442.701 257.492L442.454 256.013C441.961 252.07 441.345 248.251 440.483 244.431C439.99 242.336 439.497 240.365 438.881 238.394C438.881 238.27 438.881 238.147 438.881 238.024C437.156 232.603 434.445 227.551 430.872 223.115C428.038 219.542 424.712 216.339 421.138 213.628C420.03 212.765 418.921 211.903 417.689 211.287C413.13 208.33 408.201 205.989 403.149 204.14C401.301 203.401 399.576 202.908 398.344 202.539L395.387 201.799C395.88 204.51 396.25 207.221 396.866 209.808V210.178C402.657 242.952 405.49 255.643 409.803 279.916C410.296 282.997 410.789 285.707 411.035 287.679C395.633 289.65 380.355 291.622 364.953 293.593L321.583 299.014C320.967 291.621 320.843 284.106 321.336 276.713C313.574 281.025 305.565 284.845 297.433 288.172C284.372 293.716 273.406 297.659 265.767 300.123C264.412 283.736 263.057 267.225 261.701 250.838C269.956 254.042 278.828 255.027 287.576 253.795C294.845 252.686 300.02 251.947 304.21 248.004C316.9 236.299 313.327 203.648 318.379 200.198C320.227 198.966 322.199 197.857 322.199 197.857C322.815 197.487 323.554 197.117 324.416 196.748C325.279 196.378 325.772 196.008 326.388 195.762C327.62 195.146 328.852 194.653 330.084 194.037C337.723 190.957 345.486 188.492 353.495 186.644C361.873 184.796 370.252 183.564 378.753 182.948C382.203 182.701 385.9 182.578 389.473 182.455C389.596 182.455 389.719 182.455 389.966 182.332C395.141 182.332 400.439 182.825 405.49 183.81C412.267 185.166 418.921 187.507 425.204 190.464C428.778 192.312 432.228 194.283 435.554 196.501C437.403 197.733 439.497 199.212 441.715 200.937C449.847 207.098 457.117 214.367 463.524 222.376C464.14 223.238 464.879 224.101 465.495 224.963L466.358 226.196C469.191 230.138 471.902 234.204 474.243 238.517C475.106 240.119 475.968 241.72 476.831 243.199C478.063 245.663 479.295 248.251 480.404 250.838C481.143 252.563 481.882 254.288 482.622 256.136C484.1 259.709 485.332 263.283 486.564 266.733C492.602 285.091 495.682 304.066 496.052 323.164Z" fill="#DADBE0"/>
<path d="M469.806 231.001C459.949 237.038 447.259 237.778 438.51 237.531C436.785 232.356 434.075 227.428 430.625 223.115C427.791 219.542 424.587 216.339 420.891 213.628C419.782 212.765 418.55 212.026 417.441 211.287C414.114 209.192 410.541 207.221 406.845 205.742L405.366 203.524L430.132 193.175C431.98 194.283 433.828 195.392 435.677 196.625C437.525 197.857 439.619 199.335 441.837 201.06C449.969 207.221 457.362 214.49 463.646 222.499C464.385 223.362 465.001 224.224 465.617 225.087L466.48 226.319C467.712 227.797 468.821 229.399 469.806 231.001Z" fill="black" opacity="0.1"/>
<path d="M382.079 181.593C383.681 191.203 373.577 200.691 359.654 203.032C345.731 205.373 333.163 199.458 331.562 189.848C331.438 189.355 331.438 188.739 331.438 188.246C338.954 185.166 346.84 182.578 354.849 180.853C363.227 179.005 371.729 177.773 380.231 177.157C381.216 178.512 381.832 179.991 382.079 181.593Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M382.079 181.593C383.681 191.203 373.577 200.691 359.654 203.032C345.731 205.373 333.163 199.458 331.562 189.848C331.438 189.355 331.438 188.739 331.438 188.246C338.954 185.166 346.84 182.578 354.849 180.853C363.227 179.005 371.729 177.773 380.231 177.157C381.216 178.512 381.832 179.991 382.079 181.593Z" fill="black" opacity="0.1"/>
<path d="M366.186 482.971C365.816 482.478 365.077 482.355 364.461 482.725C362.366 484.203 360.148 485.558 357.93 486.667L353.988 479.767L357.314 479.151C356.329 477.057 355.589 474.962 354.973 472.744C354.111 469.664 353.618 466.46 353.495 463.38L338.093 464.735C338.463 466.214 338.34 467.816 337.6 469.171C336.615 470.896 335.013 470.773 332.056 472.744C330.454 473.607 328.975 474.962 327.867 476.441C327.374 477.303 325.772 480.014 327.127 484.819L330.824 484.203L329.345 491.349C327.497 490.98 325.525 490.61 323.8 489.994C323.061 489.994 322.568 490.487 322.568 491.226C322.568 491.596 322.815 492.089 323.184 492.335C325.402 493.074 327.743 493.567 330.084 493.937C330.208 493.937 330.208 493.937 330.331 493.937C332.179 494.183 334.15 494.43 335.999 494.43H336.861C347.211 494.307 357.438 490.98 365.816 484.942C366.309 484.203 366.432 483.464 366.186 482.971ZM336.122 491.842C334.643 491.842 333.165 491.719 331.809 491.473L333.411 483.587L351.647 480.137L355.959 487.53C349.675 490.487 342.898 491.842 336.122 491.842Z" fill="#232B41" class="tblr-illustrations-ice-skates-c"/>
<path d="M498.269 387.358C497.899 386.742 497.16 386.619 496.544 386.988C496.174 387.235 495.928 387.604 495.928 388.097C496.667 390.562 497.283 393.026 497.653 395.49L489.89 397.092L490.383 393.765C488.165 394.012 485.824 394.012 483.606 393.888C480.403 393.765 477.322 393.149 474.242 392.287L470.669 407.319C472.147 407.442 473.626 408.058 474.735 409.167C475.967 410.645 475.474 412.124 476.337 415.574C476.706 417.422 477.446 419.147 478.555 420.749C479.171 421.488 481.265 423.829 486.317 424.075C486.44 422.843 486.687 421.611 486.81 420.379L493.094 423.952C492.231 425.677 491.245 427.279 490.137 428.881C489.767 429.374 489.89 430.113 490.383 430.483C490.629 430.606 490.876 430.729 491.122 430.729C491.492 430.729 491.862 430.483 492.108 430.236C493.463 428.265 494.695 426.293 495.681 424.075V423.952C496.544 422.227 497.283 420.379 498.022 418.531C501.472 408.551 501.595 397.585 498.269 387.358ZM487.179 418.038C488.042 411.877 488.781 405.84 489.644 399.679L498.022 397.954C498.761 404.731 498.022 411.508 495.804 417.915C495.311 419.27 494.819 420.626 494.079 421.981L487.179 418.038Z" fill="#232B41" class="tblr-illustrations-ice-skates-c"/>
<path d="M321.459 298.891C327.496 350.641 333.411 402.267 339.448 453.893H350.168L368.157 343.741L394.031 382.183L464.139 402.144C465.125 399.802 465.988 397.585 466.973 395.244C450.093 381.813 433.09 368.506 416.086 355.199C414.361 332.652 412.636 310.104 410.911 287.556L321.459 298.891Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M375.057 179.128C376.418 179.128 377.521 178.025 377.521 176.664C377.521 175.303 376.418 174.2 375.057 174.2C373.696 174.2 372.593 175.303 372.593 176.664C372.593 178.025 373.696 179.128 375.057 179.128Z" fill="#DADBE0"/>
<path d="M584.026 259.094H710.566C712.044 259.094 713.153 260.326 713.153 261.681C713.153 263.159 711.921 264.268 710.566 264.268H584.026C582.547 264.268 581.439 263.159 581.315 261.681C581.439 260.202 582.547 259.094 584.026 259.094Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M546.076 280.779H672.615C674.094 280.779 675.203 282.011 675.203 283.366C675.203 284.845 673.971 285.954 672.615 285.954H546.076C544.597 285.954 543.488 284.722 543.488 283.366C543.488 281.888 544.72 280.656 546.076 280.779Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M126.413 158.921H252.952C254.431 158.921 255.54 160.154 255.54 161.509C255.54 162.987 254.307 164.096 252.952 164.096H126.413C124.934 164.096 123.825 162.864 123.825 161.509C123.825 160.154 124.934 158.921 126.413 158.921Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M88.5875 180.607H215.004C216.482 180.607 217.591 181.839 217.591 183.194C217.591 184.673 216.359 185.782 215.004 185.782H88.5875C87.1089 185.782 86 184.673 86 183.194C86 181.839 87.1089 180.607 88.5875 180.607Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M331.563 197.364L323.554 259.586L321.336 276.59C313.574 280.902 305.565 284.722 297.433 288.048C284.372 293.593 273.406 297.536 265.767 300C264.412 283.613 263.057 267.102 261.701 250.715C269.956 253.919 278.828 254.904 287.576 253.672C294.845 252.563 300.02 251.824 304.21 247.881C316.9 236.176 313.327 203.525 318.379 200.075C320.227 198.842 322.199 197.734 322.199 197.734C322.815 197.364 323.554 196.994 324.416 196.625C325.279 196.255 325.772 195.885 326.388 195.639L331.563 197.364Z" fill="black" opacity="0.1"/>
<path d="M419.29 225.826C418.797 225.703 418.304 225.58 417.812 225.58C409.926 226.196 402.04 224.594 394.894 221.144C381.957 214.737 375.55 203.278 373.209 197.61C376.782 195.516 380.108 193.175 383.189 190.218C384.791 188.616 385.53 186.275 384.79 184.18L383.435 179.498L382.449 176.295L380.971 171.243C380.848 170.627 380.601 170.134 380.232 169.641C378.383 166.807 374.687 166.068 371.976 167.916C365.076 172.475 352.386 178.02 333.164 176.911C330.207 176.787 327.497 178.882 327.004 181.839L326.264 185.905L325.772 188.739L324.786 194.284C324.293 197.118 325.895 199.951 328.605 200.937C330.823 201.8 333.041 202.416 335.382 203.032L325.895 229.03C325.279 230.878 326.141 232.849 327.989 233.465L345.486 239.749C347.334 240.365 349.305 239.503 349.921 237.655C350.168 237.162 350.168 236.546 350.168 236.053C349.305 227.674 348.073 212.026 350.291 204.264C353.618 204.141 356.821 203.648 360.025 202.909C370.251 224.224 388.857 240.365 411.528 247.512C413.253 248.128 415.224 247.142 415.84 245.417L421.385 230.385C422.124 228.414 421.138 226.442 419.29 225.826Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M382.573 176.294L377.151 185.289C376.782 185.905 376.042 186.275 375.303 185.905L360.641 179.498C358.916 178.759 356.944 179.252 355.835 180.853L348.196 192.189C347.95 192.559 347.457 192.805 346.964 192.805C346.471 192.805 345.978 192.559 345.732 192.189L339.818 183.687C338.832 182.209 336.984 181.593 335.259 182.209L326.264 185.659L325.771 188.492L336.121 184.55C336.737 184.303 337.477 184.55 337.846 185.043L343.761 193.544C344.5 194.653 345.732 195.269 346.964 195.269C348.196 195.269 349.428 194.653 350.168 193.544L357.807 182.209C358.176 181.593 359.039 181.469 359.655 181.716L374.317 188.123C376.165 188.862 378.26 188.246 379.246 186.521L383.558 179.375L382.573 176.294Z" fill="#DADBE0"/>
<path d="M334.397 189.355C333.288 189.355 332.426 190.217 332.426 191.326C332.426 192.435 333.288 193.298 334.397 193.298C335.506 193.298 336.369 192.435 336.369 191.326C336.369 190.217 335.506 189.355 334.397 189.355Z" fill="#DADBE0"/>
<path d="M346.718 185.535C347.943 185.535 348.936 184.542 348.936 183.317C348.936 182.093 347.943 181.1 346.718 181.1C345.493 181.1 344.5 182.093 344.5 183.317C344.5 184.542 345.493 185.535 346.718 185.535Z" fill="#DADBE0"/>
<path d="M361.135 193.914C363.04 193.914 364.584 192.369 364.584 190.464C364.584 188.558 363.04 187.014 361.135 187.014C359.229 187.014 357.685 188.558 357.685 190.464C357.685 192.369 359.229 193.914 361.135 193.914Z" fill="#DADBE0"/>
<path d="M341.42 168.656C354.11 168.163 367.541 162.372 372.592 157.69C373.455 156.95 374.194 155.965 374.687 154.979C375.18 153.624 375.426 152.268 375.796 150.79C376.289 148.818 376.658 146.724 376.905 144.752C377.644 139.454 378.014 134.033 377.767 128.735C377.767 128.365 377.644 127.01 377.644 125.531C377.151 118.754 376.658 113.333 376.289 109.637C376.042 110.253 374.933 112.963 373.455 112.963C371.976 112.963 370.128 109.76 369.758 104.955L341.42 109.144L331.193 121.095C331.193 121.095 331.07 122.82 330.7 125.408C330.207 129.967 329.345 134.402 328.113 138.838C327.373 142.165 326.018 145.368 324.17 148.202C318.625 155.472 326.264 169.272 341.42 168.656Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M328.235 138.838C339.571 141.056 351.276 139.454 361.626 134.156C364.46 134.156 367.171 134.895 369.635 136.25C373.208 138.468 373.578 140.932 376.658 144.259L376.904 144.629C377.644 139.331 378.013 133.909 377.767 128.611C377.767 128.241 377.644 126.886 377.644 125.408C377.151 118.631 376.658 113.21 376.288 109.513C376.042 110.129 374.933 112.84 373.454 112.84C371.976 112.84 370.128 109.636 369.758 104.831L341.419 109.144L331.192 121.095C331.192 121.095 331.069 122.82 330.7 125.408C330.084 129.843 329.344 134.402 328.235 138.838Z" fill="black" opacity="0.1"/>
<path d="M516.998 195.393C510.96 200.691 504.307 205.373 497.16 209.192C485.825 215.353 473.504 219.296 460.689 220.651C460.689 220.651 424.465 227.674 395.633 210.548C392.306 208.7 389.226 206.359 386.392 203.771C374.933 193.175 364.707 173.338 369.019 157.813C370.867 151.283 372.099 144.629 372.715 137.852C372.962 134.895 372.592 131.938 371.853 129.104C371.607 128.488 371.36 127.872 371.237 127.256C370.498 125.038 366.678 122.944 364.83 119.617C360.887 122.697 348.443 131.692 336.245 131.692C333.041 131.692 329.961 131.076 327.004 129.72C323.677 128.119 320.843 125.777 318.625 122.82C318.132 122.081 317.639 121.342 317.393 120.479C317.147 119.74 316.9 118.878 316.9 118.015C316.654 110.746 326.387 105.571 330.454 103.353C346.102 94.9743 363.351 100.396 367.91 101.751C369.882 102.367 399.945 112.347 404.381 134.772C406.722 146.847 399.453 153.254 402.779 157.69C406.599 162.741 421.754 162.865 475.228 137.236C477.939 153.747 484.223 162.372 489.768 167.423C494.08 171.243 498.885 173.707 504.8 179.621C506.032 180.73 507.264 182.086 508.496 183.441C511.699 187.137 514.533 191.08 516.998 195.393Z" fill="#232B41" class="tblr-illustrations-ice-skates-c"/>
<path d="M516.998 195.393C510.714 200.444 504.184 205.126 497.161 209.192C485.825 215.353 473.504 219.296 460.69 220.651C460.69 220.651 424.465 227.674 395.634 210.548C392.307 208.7 389.226 206.359 386.393 203.771C374.934 193.175 364.707 173.338 369.02 157.813C370.868 151.282 372.1 144.629 372.716 137.852C375.55 157.936 386.023 176.171 401.794 188.739C419.414 201.06 440.976 206.605 462.292 204.141C472.025 203.278 481.39 199.952 489.522 194.53C495.436 190.464 500.611 185.166 504.554 179.129C505.786 180.237 507.018 181.593 508.25 182.948C511.7 186.891 514.534 191.08 516.998 195.393Z" fill="black" opacity="0.5"/>
<path d="M368.157 343.864L348.935 295.441L321.459 298.891L339.448 454.016H350.168L368.157 343.864Z" fill="black" opacity="0.1"/>
<path d="M369.758 114.196C368.156 116.167 366.431 118.015 364.583 119.74C360.394 122.944 348.196 131.569 336.121 131.569C333.041 131.322 329.96 130.706 327.003 129.597H326.88C326.51 129.351 326.018 129.228 325.648 128.981C324.909 128.611 324.046 128.119 323.307 127.503C322.568 127.01 321.828 126.394 321.212 125.778C320.843 125.531 320.596 125.161 320.227 124.792C319.611 124.176 318.995 123.437 318.502 122.697C318.378 122.574 318.255 122.328 318.132 122.204C318.009 121.958 317.886 121.835 317.762 121.588C317.639 121.342 317.516 121.219 317.516 120.972C317.393 120.726 317.393 120.603 317.27 120.356C335.012 125.408 353.864 123.19 369.758 114.196Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

45
src/illustrations/icons-drawing.svg Normal file
View File

@ -0,0 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-drawing-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-drawing-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-drawing-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-icons-drawing-a { fill: black; opacity: 0.07; } .tblr-illustrations-icons-drawing-b { fill: #1A2030; } .tblr-illustrations-icons-drawing-c { fill: #454C5E; } }
</style>
<path d="M122 300C122 346.962 171.679 381.151 193.678 419.132C216.311 458.355 221.837 518.115 260.97 540.851C298.963 562.85 353.055 538.263 400.03 538.263C447.004 538.263 501.083 562.85 539.077 540.851C578.171 518.231 583.709 458.355 606.368 419.132C628.367 381.151 678.047 347.091 678.047 300C678.047 252.909 628.251 218.862 606.368 180.868C583.748 141.645 578.209 81.769 539.077 59.1487C501.083 37.1496 446.991 61.7368 400.03 61.7368C353.068 61.7368 298.963 37.1496 260.97 59.1487C221.759 81.769 216.35 141.645 193.678 180.868C171.679 218.979 122 253.038 122 300Z" fill="#F7F8FC" class="tblr-illustrations-icons-drawing-a"/>
<path d="M159.645 508.901C159.645 512.071 255.729 514.698 374.2 514.698C492.672 514.698 588.756 512.11 588.756 508.901C588.756 505.692 492.672 503.246 374.2 503.246C255.729 503.246 159.645 505.834 159.645 508.901Z" fill="#A6A9B3" class="tblr-illustrations-icons-drawing-b"/>
<path d="M625.974 232.735H579.672C577.044 232.738 574.525 233.783 572.667 235.642C570.809 237.5 569.763 240.019 569.76 242.647V289C569.763 291.628 570.809 294.148 572.667 296.006C574.525 297.864 577.044 298.91 579.672 298.913H625.974C628.602 298.91 631.121 297.864 632.979 296.006C634.838 294.148 635.883 291.628 635.887 289V242.647C635.883 240.019 634.838 237.5 632.979 235.642C631.121 233.783 628.602 232.738 625.974 232.735ZM629.274 289C629.274 289.876 628.926 290.715 628.307 291.334C627.688 291.953 626.849 292.3 625.974 292.3H579.672C578.797 292.3 577.958 291.953 577.339 291.334C576.72 290.715 576.372 289.876 576.372 289V242.647C576.372 242.214 576.458 241.785 576.624 241.384C576.789 240.984 577.033 240.62 577.339 240.314C577.645 240.007 578.009 239.764 578.41 239.598C578.81 239.433 579.239 239.347 579.672 239.347H625.974C626.407 239.347 626.836 239.433 627.237 239.598C627.637 239.764 628.001 240.007 628.307 240.314C628.614 240.62 628.857 240.984 629.023 241.384C629.188 241.785 629.274 242.214 629.274 242.647V289Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M586.296 272.411C585.862 272.411 585.431 272.496 585.03 272.663C584.629 272.83 584.265 273.074 583.958 273.382C583.651 273.689 583.409 274.055 583.244 274.457C583.079 274.858 582.994 275.289 582.996 275.723V282.336C583.049 283.177 583.42 283.967 584.034 284.544C584.649 285.121 585.46 285.442 586.302 285.442C587.145 285.442 587.956 285.121 588.571 284.544C589.185 283.967 589.556 283.177 589.609 282.336V275.723C589.609 274.845 589.26 274.002 588.638 273.381C588.017 272.76 587.175 272.411 586.296 272.411Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M596.207 259.237C595.331 259.237 594.49 259.584 593.869 260.203C593.249 260.821 592.898 261.66 592.895 262.537V282.388C592.947 283.229 593.318 284.018 593.933 284.595C594.547 285.172 595.358 285.494 596.201 285.494C597.044 285.494 597.855 285.172 598.469 284.595C599.083 284.018 599.455 283.229 599.507 282.388V262.485C599.494 261.619 599.14 260.793 598.523 260.185C597.905 259.577 597.074 259.237 596.207 259.237Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M606.12 265.798C605.245 265.798 604.406 266.146 603.787 266.764C603.168 267.383 602.82 268.223 602.82 269.098V282.336C602.873 283.177 603.244 283.967 603.858 284.544C604.473 285.121 605.284 285.442 606.127 285.442C606.969 285.442 607.781 285.121 608.395 284.544C609.009 283.967 609.38 283.177 609.433 282.336V269.098C609.433 268.663 609.347 268.233 609.181 267.832C609.014 267.431 608.77 267.066 608.462 266.76C608.154 266.453 607.789 266.21 607.387 266.045C606.985 265.88 606.555 265.796 606.12 265.798Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M563.328 333.348H528.647C527.671 333.348 526.705 333.54 525.804 333.913C524.903 334.287 524.084 334.834 523.394 335.524C522.705 336.213 522.157 337.032 521.784 337.933C521.411 338.835 521.219 339.801 521.219 340.776V375.457C521.219 377.427 522.001 379.316 523.394 380.709C524.787 382.102 526.677 382.885 528.647 382.885H563.328C565.298 382.885 567.187 382.102 568.58 380.709C569.973 379.316 570.756 377.427 570.756 375.457V340.763C570.752 338.795 569.968 336.909 568.575 335.519C567.183 334.129 565.295 333.348 563.328 333.348ZM565.799 375.457C565.799 376.114 565.539 376.744 565.076 377.209C564.613 377.675 563.984 377.938 563.328 377.942H528.647C527.988 377.942 527.356 377.68 526.89 377.214C526.424 376.748 526.162 376.116 526.162 375.457V340.763C526.166 340.106 526.429 339.478 526.894 339.014C527.36 338.551 527.99 338.291 528.647 338.291H563.328C563.982 338.295 564.609 338.556 565.072 339.019C565.534 339.482 565.796 340.109 565.799 340.763V375.457Z" fill="#A6A9B3"/>
<path d="M526.192 263.738C527.661 265.132 528.539 267.037 528.645 269.059V296.804C528.644 298.829 527.867 300.776 526.473 302.245C525.079 303.714 523.174 304.591 521.152 304.697H493.407C491.383 304.697 489.435 303.92 487.966 302.525C486.498 301.131 485.62 299.227 485.514 297.205V269.46C485.514 267.435 486.292 265.488 487.686 264.019C489.08 262.55 490.984 261.672 493.006 261.566H520.751C522.776 261.567 524.724 262.344 526.192 263.738Z" fill="#232B41" class="tblr-illustrations-icons-drawing-c"/>
<path d="M538.558 368.029H533.601C533.261 368.004 532.919 368.05 532.597 368.164C532.275 368.277 531.98 368.455 531.73 368.688C531.48 368.92 531.28 369.202 531.144 369.515C531.008 369.828 530.938 370.166 530.938 370.507C530.938 370.848 531.008 371.186 531.144 371.499C531.28 371.812 531.48 372.094 531.73 372.326C531.98 372.559 532.275 372.737 532.597 372.851C532.919 372.964 533.261 373.01 533.601 372.985H538.558C539.184 372.94 539.77 372.659 540.197 372.199C540.625 371.74 540.863 371.135 540.863 370.507C540.863 369.879 540.625 369.274 540.197 368.815C539.77 368.355 539.184 368.074 538.558 368.029Z" fill="#A6A9B3"/>
<path d="M548.457 360.588H533.601C533.261 360.563 532.919 360.609 532.597 360.723C532.275 360.836 531.98 361.015 531.73 361.247C531.48 361.48 531.28 361.761 531.144 362.074C531.008 362.387 530.938 362.725 530.938 363.066C530.938 363.408 531.008 363.745 531.144 364.058C531.28 364.371 531.48 364.653 531.73 364.885C531.98 365.118 532.275 365.296 532.597 365.41C532.919 365.523 533.261 365.569 533.601 365.544H548.457C548.798 365.569 549.14 365.523 549.462 365.41C549.784 365.296 550.079 365.118 550.329 364.885C550.579 364.653 550.778 364.371 550.914 364.058C551.051 363.745 551.121 363.408 551.121 363.066C551.121 362.725 551.051 362.387 550.914 362.074C550.778 361.761 550.579 361.48 550.329 361.247C550.079 361.015 549.784 360.836 549.462 360.723C549.14 360.609 548.798 360.563 548.457 360.588Z" fill="#A6A9B3"/>
<path d="M533.601 358.116H543.501C543.841 358.141 544.183 358.095 544.505 357.982C544.827 357.868 545.122 357.69 545.372 357.457C545.622 357.225 545.822 356.943 545.958 356.63C546.094 356.317 546.165 355.98 546.165 355.638C546.165 355.297 546.094 354.959 545.958 354.646C545.822 354.333 545.622 354.052 545.372 353.819C545.122 353.587 544.827 353.408 544.505 353.295C544.183 353.181 543.841 353.136 543.501 353.16H533.601C533.261 353.136 532.919 353.181 532.597 353.295C532.275 353.408 531.98 353.587 531.73 353.819C531.48 354.052 531.28 354.333 531.144 354.646C531.008 354.959 530.938 355.297 530.938 355.638C530.938 355.98 531.008 356.317 531.144 356.63C531.28 356.943 531.48 357.225 531.73 357.457C531.98 357.69 532.275 357.868 532.597 357.982C532.919 358.095 533.261 358.141 533.601 358.116Z" fill="#A6A9B3"/>
<path d="M522.189 270.198V278.829C522.169 279.367 521.95 279.878 521.573 280.263C521.197 280.647 520.69 280.878 520.153 280.908C519.615 280.939 519.086 280.768 518.668 280.429C518.25 280.09 517.973 279.607 517.893 279.075V270.198C517.909 269.659 518.127 269.146 518.503 268.76C518.878 268.373 519.385 268.141 519.923 268.108C520.461 268.076 520.991 268.246 521.411 268.584C521.83 268.923 522.107 269.406 522.189 269.939V270.198Z" fill="#DADBE0"/>
<path d="M509.248 270.198V274.507C509.231 275.046 509.013 275.559 508.638 275.945C508.262 276.332 507.755 276.564 507.217 276.596C506.68 276.629 506.149 276.459 505.73 276.12C505.31 275.782 505.033 275.299 504.951 274.766V274.507V270.198C504.945 269.643 505.153 269.107 505.531 268.701C505.909 268.295 506.429 268.05 506.983 268.017C507.537 267.983 508.082 268.164 508.506 268.522C508.93 268.88 509.2 269.387 509.261 269.939L509.248 270.198Z" fill="#DADBE0"/>
<path d="M515.718 270.198V283.138C515.699 283.676 515.479 284.188 515.103 284.572C514.726 284.957 514.219 285.187 513.682 285.218C513.145 285.248 512.615 285.077 512.197 284.738C511.779 284.399 511.503 283.916 511.422 283.384V283.138V270.198C511.416 269.643 511.623 269.107 512.002 268.701C512.38 268.295 512.9 268.05 513.453 268.017C514.007 267.983 514.553 268.164 514.977 268.522C515.401 268.88 515.671 269.387 515.731 269.939L515.718 270.198Z" fill="#DADBE0"/>
<path d="M535.711 142.939V198.714C535.701 201.607 534.547 204.379 532.501 206.425C530.455 208.471 527.683 209.625 524.79 209.635C518.051 210.193 511.267 209.518 504.77 207.643C501.461 206.761 498.302 205.387 495.401 203.566C491.491 200.965 488.271 197.452 486.019 193.33C480.093 182.59 485.476 174.528 479.549 168.355C474.916 163.58 466.893 163.075 458.158 164.473V142.939C458.168 140.046 459.322 137.274 461.368 135.228C463.414 133.182 466.187 132.028 469.08 132.017H524.854C527.737 132.045 530.492 133.206 532.524 135.25C534.556 137.295 535.701 140.057 535.711 142.939Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M503.812 139.368C502.93 139.368 502.084 139.718 501.46 140.342C500.837 140.966 500.486 141.811 500.486 142.694V149.306C500.486 150.188 500.837 151.034 501.46 151.658C502.084 152.282 502.93 152.632 503.812 152.632C504.694 152.632 505.54 152.282 506.164 151.658C506.787 151.034 507.138 150.188 507.138 149.306V142.694C507.138 141.811 506.787 140.966 506.164 140.342C505.54 139.718 504.694 139.368 503.812 139.368Z" fill="white"/>
<path d="M513.74 139.368C513.302 139.366 512.868 139.451 512.463 139.617C512.058 139.784 511.69 140.028 511.38 140.337C511.069 140.646 510.823 141.014 510.655 141.418C510.487 141.822 510.401 142.256 510.401 142.694V162.532C510.373 162.987 510.438 163.443 510.592 163.872C510.747 164.3 510.988 164.693 511.3 165.025C511.612 165.358 511.989 165.623 512.408 165.804C512.826 165.985 513.277 166.078 513.733 166.078C514.189 166.078 514.64 165.985 515.059 165.804C515.477 165.623 515.854 165.358 516.166 165.025C516.479 164.693 516.719 164.3 516.874 163.872C517.029 163.443 517.094 162.987 517.065 162.532V142.694C517.065 141.812 516.715 140.966 516.091 140.342C515.468 139.718 514.622 139.368 513.74 139.368Z" fill="white"/>
<path d="M523.65 139.368C522.768 139.368 521.922 139.718 521.298 140.342C520.675 140.966 520.324 141.811 520.324 142.694V155.919C520.377 156.767 520.751 157.563 521.37 158.144C521.989 158.726 522.807 159.05 523.656 159.05C524.506 159.05 525.324 158.726 525.943 158.144C526.562 157.563 526.936 156.767 526.989 155.919V142.694C526.985 141.81 526.632 140.964 526.006 140.341C525.38 139.718 524.533 139.368 523.65 139.368Z" fill="white"/>
<path d="M273.133 300L252.713 382.639L194.92 428.552C196.434 431.71 197.961 434.854 199.475 438.012L277.313 408.378C286.147 389.726 294.99 371.083 303.841 352.448L337.151 405.013C338.013 433.483 338.876 461.922 339.739 490.331L349.237 491.237C358.632 460.723 368.018 430.217 377.396 399.721L347.943 334.047L333.359 327.473L318.775 320.899L273.133 300Z" fill="#DADBE0"/>
<path d="M182.807 459.7L180.943 433.522C180.943 433.522 187.478 431.218 190.584 434.919C193.69 438.62 188.229 454.33 182.82 459.7" fill="#232B41" class="tblr-illustrations-icons-drawing-c"/>
<path d="M362.422 510.855L336.359 507.84C336.359 507.84 335.298 500.994 339.517 498.613C343.735 496.232 358.203 504.54 362.422 510.855Z" fill="#232B41" class="tblr-illustrations-icons-drawing-c"/>
<path d="M323.809 124.654C324.624 128.42 325.737 134.14 327.186 140.765L328.105 144.117C330.161 151.551 333.075 158.721 336.788 165.482L339.066 169.274C342.055 173.648 360.922 176.792 376.192 172.806C391.462 168.821 394.684 152.865 387.127 147.391C384.434 145.123 382.16 142.398 380.411 139.342C377.886 135.308 375.721 131.06 373.941 126.647C372.815 124.059 372.155 122.558 372.155 122.558L358.412 114.004L329.192 118.43C330.24 123.36 329.334 126.997 327.898 127.372C326.461 127.747 324.093 125.081 323.809 124.654Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M380.41 139.251C375.134 142.186 369.397 144.204 363.445 145.217C357.578 146.182 351.587 146.117 345.742 145.023C345.901 146.514 345.931 148.017 345.833 149.513C345.862 151.857 345.557 154.192 344.927 156.449C344.212 158.491 343.104 160.372 341.666 161.988C340.366 163.505 338.744 164.712 336.917 165.521C333.186 158.77 330.276 151.597 328.247 144.156L327.315 140.804C325.736 134.192 324.623 128.472 323.938 124.693C324.222 125.068 326.06 128.226 327.6 127.708C327.858 127.553 328.234 127.398 328.35 127.113C329.308 125.819 329.722 122.791 328.881 118.753H329.269L358.114 114.496L371.87 123.192C371.87 123.192 373.5 127.074 373.655 127.268C374.664 129.354 375.792 131.381 377.033 133.337V133.48L380.41 139.251Z" fill="black" opacity="0.1"/>
<path d="M392.845 109.488C392.412 111.197 391.638 112.8 390.568 114.202C389.498 115.603 388.155 116.773 386.621 117.64C385.754 122.7 383.414 127.391 379.892 131.125C370.497 140.843 352.626 141.982 335.725 133.544L335.596 133.687V133.816C335.855 135.382 335.971 136.961 336.346 138.384C336.346 138.915 336.553 139.29 336.592 139.821V140.338C337.706 143.545 338.571 146.833 339.18 150.173C339.253 152.313 338.685 154.427 337.55 156.242C336.554 153.155 334.77 150.38 332.374 148.193C331.497 147.492 330.567 146.86 329.591 146.304C324.656 142.604 321.338 137.144 320.326 131.06C320.132 130.242 320.066 129.4 320.132 128.562L319.989 128.446C317.345 127.738 315.088 126.012 313.713 123.645C312.338 121.279 311.957 118.463 312.652 115.816C313.26 113.785 314.455 111.979 316.088 110.627C317.721 109.275 319.718 108.438 321.827 108.22C321.265 106.579 321.033 104.844 321.144 103.113C321.254 101.383 321.706 99.6912 322.471 98.1354C323.237 96.5797 324.303 95.1905 325.607 94.0474C326.911 92.9044 328.427 92.03 330.07 91.4744C332.575 90.6338 335.265 90.5128 337.834 91.125C340.177 91.7037 342.297 92.9594 343.93 94.7355C345.224 91.5257 347.736 88.9583 350.917 87.5934C354.098 86.2285 357.689 86.1769 360.908 87.4499C363.195 88.3556 365.177 89.8944 366.621 91.8861C368.064 93.8778 368.911 96.2398 369.06 98.6953C370.803 96.0792 373.419 94.1678 376.441 93.3024C379.462 92.437 382.694 92.6741 385.557 93.9712C388.42 95.2682 390.729 97.5409 392.071 100.383C393.413 103.226 393.701 106.453 392.884 109.488H392.845Z" fill="#232B41" class="tblr-illustrations-icons-drawing-c"/>
<path d="M386.623 117.64C385.757 122.7 383.416 127.391 379.894 131.125C370.499 140.843 352.628 141.982 335.728 133.544L335.598 133.687V133.816C333.52 132.55 331.516 131.168 329.594 129.675L329.736 129.792C333.618 131.086 357.08 140.054 376.413 127.307C380.279 124.612 383.721 121.354 386.623 117.64Z" fill="black" opacity="0.5"/>
<path d="M407.21 245.106C403.056 220.519 394.464 203.696 389.611 201.845L389.106 201.664H388.809C386.272 200.779 383.678 200.07 381.044 199.542C379.116 199.192 377.511 198.998 376.45 198.908L362.06 195.698C360.926 195.205 359.909 194.476 359.079 193.559C358.249 192.641 357.624 191.558 357.246 190.38C356.77 188.675 356.847 186.862 357.466 185.204L332.051 178.203C330.944 180.212 329.231 181.82 327.155 182.796C325.079 183.772 322.748 184.067 320.495 183.638L295.779 179.652C292.768 195.06 289.877 210.222 286.849 225.656L270.699 308.308L348.408 334.771L362.423 289L367.922 271L407.21 245.106Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M362.423 289L348.408 334.784L270.699 308.321L286.836 225.591L293.785 216.882C293.785 216.882 327.91 267.765 362.423 289Z" fill="black" opacity="0.1"/>
<path d="M303.801 352.448L319.33 324.833L348.394 334.733L377.304 399.721L349.145 491.224L339.646 490.331L337.11 405.013L303.801 352.448Z" fill="black" opacity="0.2"/>
<path d="M458.093 195.595L452.309 208.328L438.527 238.713L413.668 211.188L444.389 200.409L458.093 195.595Z" fill="#A6A9B3"/>
<path d="M413.59 211.157L438.45 238.679L303.112 360.923C302.071 361.864 300.698 362.352 299.296 362.281C297.894 362.21 296.578 361.585 295.637 360.543L277.682 340.664C276.803 339.692 276.347 338.409 276.413 337.1C276.48 335.791 277.064 334.561 278.037 333.683L413.633 211.205L413.59 211.157Z" fill="#232B41" class="tblr-illustrations-icons-drawing-c"/>
<path d="M423.366 221.513L418.518 216.145L279.012 342.153L283.861 347.521L423.366 221.513Z" fill="white"/>
<path d="M432.862 232.029L428.014 226.661L288.509 352.669L293.357 358.037L432.862 232.029Z" fill="white"/>
<path d="M458.093 195.595L450.458 212.418L439.445 202.182L458.093 195.595Z" fill="#232B41" class="tblr-illustrations-icons-drawing-c"/>
<path d="M403.833 273.394C402.976 272.322 402.218 271.174 401.568 269.965C401.244 269.255 400.967 268.525 400.74 267.778C398.592 260.919 401.193 253.944 406.525 252.249C411.326 250.761 416.644 254.048 419.258 259.573C419.599 260.221 419.872 260.902 420.074 261.605C420.242 262.304 420.397 262.99 420.565 263.676C421.588 269.809 419.077 275.581 414.276 277.069C410.73 278.454 406.706 276.759 403.833 273.394Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M403.833 273.394C402.976 272.322 402.218 271.174 401.568 269.965C407.733 266.994 413.649 263.532 419.258 259.612C419.598 260.26 419.872 260.941 420.073 261.644C420.242 262.343 420.397 263.029 420.565 263.714C421.588 269.848 419.077 275.62 414.276 277.108C410.73 278.454 406.706 276.759 403.833 273.394Z" fill="black" opacity="0.1"/>
<path d="M328.986 287.37C330.459 288.053 331.837 288.923 333.088 289.958C333.805 290.558 334.479 291.207 335.107 291.899C340.853 298.162 341.577 306.975 336.712 311.427C332.338 315.503 324.936 314.623 319.319 309.9C318.622 309.338 317.969 308.723 317.365 308.062C316.768 307.416 316.223 306.724 315.735 305.992C311.465 299.974 311.322 292.494 315.735 288.418C319.112 285.506 324.25 285.248 328.986 287.37Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M328.986 287.37C330.459 288.053 331.837 288.923 333.088 289.958C328.036 296.274 323.435 302.937 319.319 309.9C318.622 309.338 317.969 308.723 317.365 308.062C316.768 307.416 316.223 306.724 315.735 305.992C311.465 299.974 311.322 292.494 315.735 288.418C319.112 285.506 324.25 285.248 328.986 287.37Z" fill="black" opacity="0.1"/>
<path d="M295.774 179.649C292.539 179.002 282.415 180.254 279.689 181.163C256.525 188.928 239.573 219.002 244.141 244.948C245.578 253.165 248.839 258.458 255.218 268.927C263.666 282.766 274.278 295.161 286.651 305.64C303.195 302.256 318.66 294.877 331.698 284.145C322.104 279.475 312.881 274.081 304.108 268.008C288.165 256.957 280.155 251.185 278.292 241.557C277.696 238.491 276.609 229.264 286.056 216.893L291.892 213.295L295.774 179.649Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M368.621 301.85C369.168 304.169 370.351 306.289 372.037 307.971C372.788 308.709 376.23 311.854 385.263 311.388C397.647 310.78 406.835 304.154 410.432 301.488C415 298.124 423.088 291.964 427.397 280.693C429.049 276.349 429.967 271.762 430.115 267.118L397.362 272.1L368.621 301.85Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

56
src/illustrations/icons-ladder.svg Normal file
View File

@ -0,0 +1,56 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-ladder-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-ladder-b { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-icons-ladder-a { fill: black; opacity: 0.07; } .tblr-illustrations-icons-ladder-b { fill: #1A2030; } }
</style>
<path d="M154.543 310.368C154.543 355.377 202.195 388.144 223.242 424.552C244.924 462.152 250.234 519.426 287.709 541.222C324.118 562.325 375.968 538.748 420.988 538.748C466.009 538.748 517.859 562.325 554.279 541.222C591.721 519.54 597.053 462.152 618.735 424.552C639.861 388.189 687.445 355.502 687.445 310.368C687.445 265.234 639.713 232.581 618.735 196.172C597.053 158.572 591.755 101.14 554.279 79.503C517.859 58.4111 466.009 81.9764 420.988 81.9764C375.968 81.9764 324.118 58.4111 287.709 79.503C250.109 101.14 244.924 158.572 223.242 196.172C202.15 232.706 154.543 265.382 154.543 310.368Z" fill="#F7F8FC" class="tblr-illustrations-icons-ladder-a"/>
<path d="M600.152 379.033L586.276 490.302L577.312 487.772C572.018 457.826 566.723 427.892 561.428 397.969C558.251 427.219 555.067 456.476 551.875 485.741H542.912C538.374 447.551 533.835 409.372 529.297 371.204C538.474 370.958 547.658 371.192 556.811 371.908L560.43 372.214C573.824 373.476 587.103 375.756 600.152 379.033Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M443.996 509.794C443.996 512.267 494.235 514.332 556.172 514.332C618.109 514.332 668.349 512.267 668.349 509.794C668.349 507.32 618.109 505.369 556.172 505.369C494.235 505.369 443.996 507.434 443.996 509.794Z" fill="#A6A9B3" class="tblr-illustrations-icons-ladder-b"/>
<path d="M553.542 506.356L552.499 500.513C552.499 500.513 552.397 494.726 548.868 493.626C545.339 492.525 535.071 502.226 532.609 508.375L544.874 503.542L546.803 508.149L553.542 506.356Z" fill="#232B41"/>
<path d="M588.09 509.283L587.057 503.383C587.057 503.383 586.966 497.597 583.427 496.496C579.887 495.396 569.641 505.097 567.168 511.246L579.433 506.413L581.373 511.019L588.09 509.283Z" fill="#232B41"/>
<path d="M561.391 397.992C558.214 427.241 555.03 456.499 551.838 485.763H542.875C538.336 447.573 533.798 409.394 529.26 371.227C538.437 370.98 547.621 371.215 556.773 371.931L561.391 397.992Z" fill="black" opacity="0.1"/>
<path d="M109 459.259C109 461.733 194.695 463.798 300.347 463.798C406 463.798 491.695 461.744 491.695 459.259C491.695 456.775 406 454.835 300.347 454.835C194.695 454.835 109 456.888 109 459.259Z" fill="#A6A9B3" class="tblr-illustrations-icons-ladder-b"/>
<path d="M282.217 140.351L276.544 169.419H210.886L216.389 141.451L210.886 141.293C190.04 246.937 169.194 352.578 148.348 458.216L153.85 459.35L159.659 429.647H225.34L219.668 458.25L225.17 459.384L287.709 141.361L282.217 140.351ZM275.466 174.888L263.996 233.024H198.315L209.785 174.888H275.466ZM185.744 296.685L197.214 238.549H262.895L251.425 296.685H185.744ZM250.483 302.358L239.012 360.483H173.331L184.802 302.347L250.483 302.358ZM160.76 424.121L172.231 365.985H237.912L226.441 424.121H160.76Z" fill="#232B41"/>
<path d="M333.445 372.112L324.017 323.711L287.88 140.192L282.207 141.327L287.71 169.135H222.199L216.526 140.226L210.854 141.361L273.392 459.316L279.065 458.182L273.392 429.738H338.903L344.723 459.237L350.396 458.102L333.445 372.112ZM223.3 175.069H288.822L300.168 233.058H234.612L223.3 175.069ZM235.871 238.708H301.393L312.739 296.685H247.183L235.871 238.708ZM248.431 302.505H313.953L319.91 332.674L325.401 360.324H259.777L248.431 302.505ZM272.314 424.121L260.968 366.133H326.479L326.797 367.71L327.432 371.012L337.802 424.121H272.314Z" fill="#A6A9B3"/>
<path d="M484.046 196.547V200.166L483.944 203.649C483.944 204.228 483.944 204.784 483.864 205.34L483.672 208.619L483.411 211.75C480.79 238.81 469.796 249.815 442.724 252.448L439.593 252.709L436.325 252.901L434.635 252.969L431.152 253.06H427.521H423.89L420.407 252.969L418.717 252.901L415.438 252.709L412.318 252.448C385.258 249.815 374.241 238.833 371.62 211.75L371.359 208.619L371.166 205.34L371.098 203.649L370.996 200.166C370.996 199.031 370.996 197.772 370.996 196.547V194.72V192.916L371.098 189.433C371.098 188.854 371.098 188.298 371.166 187.742L371.359 184.463L371.62 181.332C374.241 154.272 385.235 143.267 412.318 140.646L415.438 140.385L418.717 140.192L420.407 140.112L423.89 140.022H427.521H429.348H431.152L434.635 140.112L436.325 140.192L439.593 140.385L442.724 140.646C469.773 143.267 480.79 154.261 483.411 181.332L483.672 184.463L483.864 187.742L483.944 189.433L484.046 192.916V196.547Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M362.647 232.025C348.828 249.611 335.001 267.193 321.167 284.772L313.1 282.673C317.109 269.353 321.118 256.029 325.127 242.702L294.697 246.582C293.941 264.614 293.185 282.635 292.428 300.645C286.982 317.754 281.529 334.86 276.067 351.962L270.281 349.511L271.223 298.092C266.2 270.862 261.17 243.662 256.133 216.493L297.091 213.395L306.168 212.714L362.647 232.025Z" fill="#DADBE0"/>
<path d="M285.872 369.321L267.23 362.979C267.23 362.979 267.571 357.828 271.043 356.727C274.514 355.627 283.773 364.091 285.872 369.321Z" fill="#232B41"/>
<path d="M322.689 308.031L306.918 296.288C306.918 296.288 308.835 291.489 312.466 291.523C316.097 291.557 322.303 302.46 322.677 308.076" fill="#232B41"/>
<path d="M403.992 231.151C401.255 231.147 398.628 230.08 396.663 228.174C394.699 226.269 393.551 223.675 393.463 220.94L393.213 214.019C393.196 213.545 393.273 213.073 393.438 212.629C393.603 212.184 393.855 211.777 394.178 211.43C394.501 211.083 394.889 210.803 395.32 210.605C395.751 210.408 396.217 210.298 396.691 210.281C397.165 210.264 397.637 210.34 398.081 210.505C398.526 210.671 398.933 210.922 399.28 211.245C399.627 211.568 399.908 211.956 400.105 212.388C400.302 212.819 400.412 213.284 400.429 213.758L400.679 220.679C400.714 221.552 401.091 222.376 401.727 222.974C402.364 223.573 403.209 223.897 404.083 223.879L445.654 222.358C446.529 222.329 447.356 221.954 447.956 221.316C448.555 220.679 448.878 219.83 448.853 218.955L448.604 212.022C448.61 211.092 448.975 210.2 449.623 209.533C450.271 208.866 451.151 208.474 452.081 208.441C453.01 208.407 453.917 208.734 454.612 209.352C455.306 209.971 455.735 210.834 455.808 211.761L456.069 218.694C456.119 220.082 455.894 221.466 455.408 222.767C454.921 224.068 454.182 225.26 453.233 226.274C452.284 227.288 451.144 228.105 449.878 228.677C448.613 229.25 447.246 229.566 445.858 229.608L404.298 231.129L403.992 231.151Z" fill="white"/>
<path d="M608.457 299.578C607.127 301.165 605.892 302.828 604.758 304.559C605.58 304.114 606.281 303.475 606.8 302.698C607.401 301.677 607.912 300.645 608.457 299.578Z" fill="black" opacity="0.1"/>
<path d="M442.862 232.649C442.13 231.559 441.546 230.376 441.126 229.132C439.617 224.684 440.661 220.294 444.02 218.342C448.342 215.891 454.764 218.24 458.361 223.675C458.783 224.271 459.162 224.897 459.495 225.547C461.901 230.471 461.061 235.758 457.226 237.959C452.983 240.41 446.55 238.038 442.862 232.649Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M442.863 232.649C442.13 231.559 441.546 230.376 441.127 229.132C441.603 228.894 442.023 228.723 442.477 228.531C448.434 226.193 451.826 227.396 458.622 225.762C458.919 225.709 459.211 225.633 459.496 225.535C461.901 230.471 461.062 235.747 457.227 237.948C452.983 240.41 446.55 238.038 442.863 232.649Z" fill="black" opacity="0.1"/>
<path d="M605.336 297.491C605.052 305.592 604.201 317.981 603.271 330.677C602.499 341.297 601.66 352.132 601.16 360.812C600.831 365.702 600.57 369.888 600.457 373.054C600.355 374.869 600.264 376.685 600.23 378.511H600.071C588.271 376.779 575.969 375.266 563.163 373.973C551.469 372.8 540.15 371.897 529.205 371.261C533.834 349.485 534.464 327.049 531.066 305.047C516.977 307.622 502.507 307.236 488.576 303.912C442.977 292.805 420.909 253.106 416.598 244.914C420.433 241.136 426.389 236.529 434.399 235.304C439.698 234.499 442.341 235.701 447.844 235.304C452.984 234.93 460.245 233.171 468.811 226.693C474.484 244.993 477.979 251.801 480.157 254.047L482.006 255.942C485.546 259.562 488.122 262.239 488.36 262.477C492.898 267.175 501.975 273.744 503.348 274.765C503.348 274.765 524.009 289.696 528.309 286.496C528.309 286.496 528.524 286.338 528.797 286.145C529.624 285.565 530.51 285.075 531.44 284.681C532.019 284.432 532.575 284.091 533.233 283.774C534.787 283.002 536.421 282.321 537.964 281.697C544.222 279.266 550.674 277.368 557.252 276.024C562.18 274.997 567.161 274.24 572.172 273.755H572.614C574.327 273.608 576.165 273.449 577.992 273.369C580.477 273.135 582.974 273.048 585.469 273.108L586.819 273.165H587.126C590.023 273.658 592.831 274.583 595.453 275.911L595.612 275.968C595.847 276.125 596.057 276.316 596.236 276.535C597.076 277.465 598.505 279.36 600.014 281.368C602.408 284.59 604.893 288.085 605.075 288.278C605.483 288.834 605.528 292.272 605.336 297.491Z" fill="#DADBE0"/>
<path d="M600.854 360.778C600.408 364.843 600.177 368.93 600.162 373.02C600.071 375.289 600.162 377.104 600.162 378.489H600.071C588.272 376.756 575.969 375.244 563.163 373.95C551.469 372.778 540.15 371.874 529.205 371.239C554.041 366.7 573.76 348.944 579.331 326.014C585.662 300.021 570.924 279.224 568.643 276.092L572.138 273.744L572.229 273.676C573.976 273.528 575.78 273.392 577.64 273.301C580.229 273.031 582.834 272.948 585.435 273.052L586.751 273.108C589.632 273.618 592.426 274.539 595.045 275.843L595.192 275.956C595.522 276.126 595.851 276.297 596.168 276.489C597.957 277.504 599.631 278.71 601.16 280.086L601.024 280.29L599.946 281.323L599.527 281.72L596.282 284.658L604.7 288.21C606.414 290.479 602.42 335.102 600.854 360.778Z" fill="black" opacity="0.1"/>
<path d="M579.979 276.58C581.114 284.398 572.729 292.056 561.292 293.667C549.856 295.278 539.735 290.263 538.601 282.389C538.55 281.971 538.55 281.548 538.601 281.13C544.85 278.673 551.304 276.774 557.889 275.457C564.715 274.059 571.636 273.171 578.595 272.802C579.318 273.949 579.79 275.237 579.979 276.58Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M568.745 301.337C568.155 300.917 568.212 299.998 568.462 298.217C568.581 297.55 568.638 296.874 568.632 296.197C568.286 294.659 567.692 293.188 566.873 291.84C570.583 293.996 575.383 296.379 578.06 295.97C578.402 295.935 578.731 295.826 579.025 295.649C579.319 295.473 579.571 295.234 579.762 294.949C580.999 292.952 579.331 289.696 577.981 287.415C575.213 282.503 572.308 280.245 569.653 280.506C566.998 280.767 564.559 284.375 563.662 286.542C561.87 284.273 557.899 280.029 553.689 280.755C550.286 281.414 547.642 285.294 545.827 292.419C544.987 295.698 544.136 300.293 546.178 302.199C546.489 302.501 546.868 302.724 547.282 302.851C547.696 302.977 548.135 303.002 548.561 302.925C552.226 302.403 557.842 297.059 561.541 293.122C561.139 294.671 560.314 296.078 559.158 297.184C558.701 297.435 558.315 297.798 558.035 298.238C557.755 298.679 557.591 299.182 557.558 299.703C557.8 302.285 558.95 304.697 560.803 306.511L562.074 304.775C559.657 301.791 559.476 300.565 559.567 300.236C559.587 300.081 559.645 299.934 559.736 299.807C559.827 299.681 559.948 299.578 560.088 299.51C562.278 298.217 563.662 293.837 564.298 291.273C565.298 292.867 566.135 294.559 566.794 296.322C566.794 296.753 566.714 297.184 566.646 297.615C566.374 299.272 565.966 302.074 567.883 303.606C569.018 304.423 570.152 307.951 571.139 312.944L573 312.512C571.786 306.363 570.493 302.721 568.745 301.337ZM569.88 282.979C571.877 282.786 574.078 284.749 576.449 288.732C578.537 292.317 578.185 293.202 578.208 293.27C577.38 294.404 571.4 292.033 565.194 288.13C566.011 286.462 567.599 283.331 569.891 283.025L569.88 282.979ZM547.313 300.055C547.188 300.055 546.337 298.92 547.767 293.247C549.355 287.098 551.477 283.705 554.166 283.195H554.359C557.649 282.684 561.166 286.599 562.607 288.482C556.401 295.448 548.992 301.586 547.313 300.077V300.055Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M647.134 407.556C647.599 408.783 648.25 409.931 649.063 410.96C651.854 414.727 656.064 416.315 659.581 414.659C664.119 412.469 665.742 405.832 663.2 399.784C662.951 399.119 662.635 398.481 662.258 397.878C659.524 393.056 654.668 390.81 650.754 392.693C646.374 394.792 644.684 401.475 647.134 407.556Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M647.133 407.557C647.598 408.783 648.249 409.931 649.062 410.96L650.299 410.177C655.643 406.604 656.505 403.109 661.645 398.423C661.883 398.242 662.076 398.037 662.348 397.845C659.602 393.034 654.769 390.799 650.855 392.671C646.373 394.793 644.683 401.475 647.133 407.557Z" fill="black" opacity="0.1"/>
<path d="M691.883 380.122C688.18 385.931 682.747 390.432 676.35 392.989C675.034 393.515 673.68 393.944 672.3 394.271C668.261 395.246 664.812 395.167 659.683 396.313L658.276 396.631C650.766 398.605 643.756 402.143 637.706 407.012C632.476 395.394 626.588 383.447 619.939 371.273L618.804 369.253C616.955 365.929 615.106 362.65 613.234 359.45C611.101 354.912 609.168 350.336 607.436 345.722C603.885 336.208 601.175 326.402 599.335 316.416C598.234 310.471 597.45 304.472 596.986 298.444C601.328 296.765 605.707 295.116 610.125 293.497C610.896 296.39 611.793 299.238 612.757 302.052C616.263 312.192 621.024 321.854 626.928 330.813C631.692 338.171 637.293 344.952 643.618 351.02C651.025 357.607 659.032 363.487 667.535 368.584C672.362 371.472 677.356 374.075 682.489 376.378C686.165 377.978 689.466 379.249 691.883 380.122Z" fill="#DADBE0"/>
<path d="M691.882 380.122C688.179 385.931 682.746 390.431 676.349 392.988C675.032 393.515 673.679 393.944 672.299 394.271C662.655 373.848 626.609 354.73 607.423 345.722C603.872 336.208 601.162 326.402 599.322 316.415L600.162 311.548L617.816 314.555C620.443 320.187 623.477 325.621 626.893 330.813C631.657 338.171 637.258 344.952 643.582 351.02C650.99 357.607 658.997 363.487 667.499 368.584C672.327 371.472 677.32 374.075 682.453 376.378C686.163 377.978 689.465 379.249 691.882 380.122Z" fill="black" opacity="0.1"/>
<path d="M552.497 260.719C562.459 264.803 574.667 265.155 580.272 263.328C581.223 263.098 582.099 262.625 582.813 261.955C583.642 261.093 584.379 260.151 585.151 259.176C586.217 257.807 587.216 256.385 588.146 254.91C590.618 251.158 592.737 247.185 594.477 243.042C594.59 242.702 595.01 241.68 595.509 240.512C597.529 235.168 599.004 230.857 600.048 227.714C599.662 228.099 597.779 229.79 596.644 229.279C595.509 228.769 595.271 225.66 596.644 221.814L573.476 215.074L561.415 220.747C561.415 220.747 560.746 221.984 559.532 223.902C557.482 227.157 555.207 230.266 552.724 233.205C550.976 235.512 548.814 237.475 546.348 238.991C539.631 242.588 540.584 255.885 552.497 260.719Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M552.781 233.171C560.696 238.853 570.275 241.743 580.011 241.385C582.19 242.38 584.057 243.949 585.412 245.924C587.386 248.896 586.717 250.927 587.965 254.535L588.112 254.842C590.585 251.126 592.712 247.192 594.466 243.087C594.568 242.747 594.999 241.726 595.498 240.557C597.507 235.225 598.993 230.902 600.037 227.759C599.662 228.156 597.768 229.847 596.633 229.336C595.498 228.826 595.26 225.706 596.633 221.871L573.465 215.12L561.393 220.793C561.393 220.793 560.735 222.041 559.521 223.958C557.486 227.179 555.234 230.257 552.781 233.171Z" fill="black" opacity="0.1"/>
<path d="M691.882 345.767C683.157 348.218 655.575 354.764 625.418 342.647C607.684 335.393 592.275 323.422 580.863 308.031C580.25 307.191 579.933 306.692 579.728 306.454C571.423 293.44 571.786 274.595 579.32 262.568C579.615 262.092 579.899 261.649 580.148 261.229C583.37 255.988 584.755 253.287 587.353 248.284C588.453 246.065 589.244 243.706 589.701 241.272C589.803 240.739 589.86 240.137 589.917 239.604C590.11 237.664 587.943 234.623 587.648 231.356C582.429 232.604 563.753 236.132 555.119 225.683C553.133 223.318 551.768 220.494 551.148 217.468C550.864 216.017 551.014 214.513 551.579 213.146C553.962 207.473 563.209 206.951 567.112 206.713C582.066 205.816 593.4 216.05 596.35 218.751C601.581 223.626 605.733 229.543 608.537 236.121C611.341 242.698 612.736 249.791 612.631 256.941C612.37 264.883 609.999 267.957 612.393 272.825C615.797 279.723 624.771 282.004 637.672 284.08C654.377 286.756 671.265 288.133 688.183 288.198C679.402 297.661 678.392 304.162 679.209 308.394C680.026 312.626 682.612 314.702 682.215 319.524C681.648 325.413 677.314 327.024 677.064 331.12C677.015 331.963 677.135 332.808 677.416 333.604C678.517 336.77 682.283 340.82 691.882 345.767Z" fill="#232B41"/>
<path d="M551.203 217.412C551.828 220.436 553.192 223.258 555.174 225.626C563.854 236.121 582.472 232.57 587.703 231.299C589.647 230.321 591.483 229.142 593.183 227.782C585.866 229.613 578.213 229.62 570.893 227.802C563.573 225.984 556.812 222.397 551.203 217.355V217.412Z" fill="black" opacity="0.5"/>
<path d="M691.883 345.767C683.158 348.218 655.577 354.764 625.419 342.647C607.685 335.393 592.276 323.421 580.864 308.031C580.252 307.191 579.934 306.692 579.73 306.454C571.425 293.44 571.788 274.595 579.321 262.568C579.616 262.092 579.9 261.649 580.149 261.229C582.192 288.017 593.662 302.074 598.189 306.976C620.7 331.346 659.888 333.196 677.417 333.627C678.518 336.77 682.285 340.82 691.883 345.767Z" fill="black" opacity="0.5"/>
<path d="M276.883 65.6953C276.622 68.6111 276.225 72.8999 275.828 78.1757C275.828 79.3103 275.76 80.4448 275.749 80.7058C275.532 86.5212 276.089 92.3396 277.405 98.0082C277.746 99.1428 277.972 100.277 278.256 101.208C279.538 105.111 292.427 111.419 304.352 111.861C316.276 112.304 322.153 101.48 317.751 95.8979C316.253 93.6723 315.183 91.1866 314.597 88.5685C313.676 85.0911 312.997 81.5541 312.566 77.9828C312.248 75.8838 312.157 74.579 312.157 74.579L304.125 65.2755L282.023 62.0986C281.796 65.8314 280.457 68.3275 279.118 68.4183C277.78 68.509 277.019 66.3306 276.849 65.752" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M276.883 65.6952C276.622 68.6111 276.225 72.8999 275.828 78.1757C275.828 79.3102 275.76 80.4448 275.749 80.7058C275.532 86.5212 276.089 92.3395 277.405 98.0082C278.892 97.7212 280.319 97.1841 281.626 96.4198C283.074 95.5854 284.303 94.4188 285.211 93.016C286.223 91.5666 286.99 89.9605 287.48 88.2621C287.869 87.1697 288.195 86.056 288.456 84.9264C296.544 88.9662 305.756 90.1652 314.608 88.3302C313.69 84.8516 313.008 81.315 312.566 77.7445C312.248 75.6455 312.157 74.3408 312.157 74.3408L304.125 65.0485L282.023 61.8604C281.785 65.6045 280.446 68.1006 279.107 68.1913C277.768 68.2821 277.076 66.2966 276.906 65.7179" fill="black" opacity="0.1"/>
<path d="M272.79 69.1103C272.053 72.8885 269.727 73.3991 270.192 75.7477C270.759 78.3005 274.617 80.3881 276.466 82.3396C276.872 82.7936 277.251 83.271 277.601 83.7692C277.771 83.9882 277.912 84.2285 278.02 84.4839C279.318 86.589 280.074 88.9822 280.222 91.4503C281.444 90.3292 282.286 88.8532 282.627 87.2296C282.848 84.6134 282.848 81.9832 282.627 79.367C282.661 79.2638 282.661 79.1525 282.627 79.0493L282.718 77.9828C282.748 76.7689 282.915 75.5623 283.217 74.3861L283.274 74.2613L284.125 74.7038C285.679 75.5434 288.527 77.0638 291.987 78.6295C300.417 82.4757 312.41 86.5716 317.606 81.8857C318.421 81.1699 319.125 80.3362 319.694 79.4124C320.374 78.3503 320.725 77.1109 320.703 75.8498C320.465 71.2093 313.896 69.4394 314.168 65.2641C314.373 62.473 317.368 61.9965 317.13 59.455C316.891 56.9136 313.601 54.3381 310.572 53.9977C308.302 53.7935 307.928 54.9961 305.795 54.8146C302.119 54.4742 301.79 50.5713 298.069 50.0153C295.709 49.8948 293.369 50.4879 291.352 51.7172C289.684 52.761 289.287 53.4985 287.483 54.1452C286.1 54.5512 284.655 54.7049 283.217 54.599C280.119 54.3721 279.711 53.385 278.054 53.4644C275.139 53.8275 272.574 56.7888 271.792 59.75C270.929 63.5963 273.607 64.901 272.79 69.1103Z" fill="#232B41"/>
<path d="M281.07 69.8704C281.35 71.4954 282.146 72.9872 283.339 74.125L284.236 74.7604C285.79 75.6 288.649 77.1203 292.098 78.6974C300.54 82.5323 312.521 86.6395 317.729 81.9423C318.546 81.229 319.251 80.3949 319.816 79.4689C316.856 79.8864 313.864 80.0496 310.876 79.9568C300.186 79.4872 289.849 75.9892 281.07 69.8704Z" fill="black" opacity="0.5"/>
<path d="M362.647 232.025C348.828 249.611 335.001 267.193 321.167 284.772L313.1 282.673C317.109 269.353 321.118 256.029 325.127 242.702L294.697 246.582L297.057 213.395L306.134 212.714L362.647 232.025Z" fill="black" opacity="0.1"/>
<path d="M531.066 305.001C516.977 307.577 502.507 307.191 488.576 303.867C442.977 292.759 420.909 253.06 416.598 244.869C417.562 245.822 481.303 308.212 531.066 305.001Z" fill="black" opacity="0.1"/>
<path d="M426.638 417.547V395.609C426.596 394.999 426.324 394.426 425.876 394.008C425.429 393.591 424.839 393.358 424.227 393.358C423.615 393.358 423.025 393.591 422.578 394.008C422.13 394.426 421.858 394.999 421.816 395.609V417.546L414.374 410.089C413.436 409.149 411.913 409.148 410.973 410.086C410.032 411.024 410.031 412.547 410.969 413.488L424.219 426.764L437.483 413.513C438.423 412.574 438.424 411.051 437.485 410.111C436.546 409.171 435.023 409.171 434.083 410.11L426.638 417.547Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M464.362 410.245L464.543 413.649L464.623 418.562L464.532 423.35V424.553L464.214 428.898C462.342 448.277 454.048 456.616 434.658 458.488L429.122 458.851L424.277 458.942L418.286 458.806L413.895 458.499C411.489 458.265 409.253 457.933 407.179 457.492C404.661 459.54 401.15 460.66 396.378 461.12L395.141 461.234L393.848 461.302H386.881L385.577 461.234L384.34 461.12C373.629 460.088 369.273 455.731 368.24 445.02L368.127 443.784L368.059 442.479V435.513L368.127 434.219L368.24 432.982C369.258 422.422 373.508 418.027 383.894 416.917L383.954 413.717V412.515L384.26 408.169C386.144 388.779 394.437 380.451 413.827 378.568L419.364 378.205L421.735 378.148H426.694L430.188 378.262L434.59 378.568C453.969 380.451 462.308 388.734 464.18 408.135L464.362 410.245ZM389.295 416.69H393.848L395.141 416.769L396.378 416.871C407.088 417.904 411.445 422.272 412.489 432.982L412.561 433.856H438.098C438.68 433.842 439.234 433.604 439.646 433.192C440.058 432.78 440.296 432.226 440.31 431.644V427.026C440.309 426.709 440.37 426.395 440.49 426.102C440.61 425.809 440.787 425.542 441.01 425.318C441.234 425.093 441.5 424.915 441.792 424.793C442.085 424.672 442.398 424.609 442.715 424.609C443.345 424.624 443.944 424.886 444.384 425.337C444.823 425.789 445.067 426.396 445.064 427.026V431.644C445.064 433.507 444.324 435.295 443.008 436.614C441.691 437.933 439.905 438.675 438.041 438.678H412.67V442.479L412.591 443.784L412.489 445.02C412.194 448.047 411.634 450.566 410.742 452.646C411.897 452.825 413.11 452.975 414.383 453.099L419.614 453.439L424.277 453.518L430.018 453.394L434.17 453.087C450.974 451.465 457.214 445.225 458.836 428.387L459.143 424.224V423.202L459.211 418.539L459.075 412.776L458.78 408.623C457.157 391.808 450.917 385.58 434.08 383.946L428.849 383.605L425.377 383.526H421.872L418.468 383.628L414.315 383.923C397.512 385.557 391.272 391.786 389.638 408.634L389.343 412.798V413.819L389.295 416.69Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M401.257 442.649C400.878 442.649 400.514 442.8 400.246 443.068C399.978 443.336 399.827 443.7 399.827 444.079V446.813C399.827 447.162 399.689 447.497 399.442 447.744C399.195 447.991 398.86 448.129 398.511 448.129H382.048C381.699 448.129 381.365 447.991 381.118 447.744C380.871 447.497 380.732 447.162 380.732 446.813V444.079C380.732 443.7 380.582 443.336 380.314 443.068C380.045 442.8 379.682 442.649 379.303 442.649C378.923 442.649 378.56 442.8 378.292 443.068C378.024 443.336 377.873 443.7 377.873 444.079V446.813C377.873 447.921 378.313 448.982 379.096 449.765C379.879 450.549 380.941 450.988 382.048 450.988H398.511C399.618 450.988 400.68 450.549 401.463 449.765C402.246 448.982 402.686 447.921 402.686 446.813V444.079C402.688 443.891 402.652 443.704 402.581 443.53C402.509 443.356 402.404 443.198 402.271 443.065C402.138 442.932 401.98 442.826 401.806 442.755C401.632 442.684 401.445 442.648 401.257 442.649Z" fill="white"/>
<path d="M390.251 443.886L398.125 436.012C398.258 435.879 398.363 435.72 398.434 435.546C398.506 435.373 398.542 435.186 398.542 434.998C398.541 434.81 398.503 434.624 398.431 434.45C398.359 434.277 398.253 434.119 398.119 433.987C397.986 433.854 397.828 433.749 397.654 433.678C397.48 433.606 397.294 433.57 397.105 433.57C396.917 433.571 396.731 433.608 396.558 433.681C396.384 433.753 396.227 433.859 396.094 433.992L391.681 438.417V425.404C391.681 425.024 391.53 424.661 391.262 424.393C390.994 424.125 390.63 423.974 390.251 423.974C389.872 423.974 389.508 424.125 389.24 424.393C388.972 424.661 388.821 425.024 388.821 425.404V438.417L384.396 433.992C384.125 433.745 383.768 433.611 383.4 433.62C383.033 433.628 382.683 433.778 382.423 434.038C382.163 434.298 382.013 434.648 382.004 435.016C381.996 435.383 382.129 435.74 382.377 436.012L390.251 443.886Z" fill="white"/>
<path d="M245.47 148.792C243.379 146.676 241.062 144.796 238.56 143.187C236.993 144.988 235.538 146.882 234.203 148.86C237.868 150.717 240.891 153.63 242.883 157.222C245.092 161.272 245.89 165.943 245.152 170.497C247.361 166.632 250.129 163.114 253.366 160.059C251.389 155.884 248.719 152.075 245.47 148.792Z" fill="black" opacity="0.1"/>
<path d="M346.367 138.853C340.755 147.261 333.466 154.419 324.958 159.877C323.962 158.703 323.127 157.402 322.473 156.008C322.19 155.399 321.944 154.774 321.736 154.136C319.632 162.123 318.044 170.237 316.982 178.427C315.923 185.608 315.457 192.864 315.586 200.121C315.707 204.967 316.12 209.802 316.823 214.598L302.89 215.857C292.055 216.799 286.632 217.276 283.239 217.537C276.227 218.07 266.22 218.671 253.592 218.739C256.029 206.398 257.422 193.873 257.756 181.298C258.004 172.386 257.713 163.467 256.883 154.59L256.996 154.964C257.376 156.173 257.435 157.459 257.166 158.697C256.783 160.354 255.851 161.833 254.523 162.895C252.488 157.642 249.399 152.862 245.446 148.849C242.636 146.002 239.42 143.586 235.904 141.678C236.642 140.782 247.67 127.689 257.7 123.854C262.626 122.131 267.679 120.792 272.812 119.849C273.289 119.758 273.777 119.667 274.242 119.599C280.145 118.662 286.095 118.056 292.066 117.784C295.685 117.568 299.52 117.5 299.52 117.5C301.449 117.5 303.412 117.5 305.432 117.5H307.701C307.701 117.5 309.698 117.5 311.207 117.625C315.235 117.991 319.222 118.72 323.12 119.804C328.838 121.562 338.062 127.927 346.367 138.853Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M307.86 118.158C307.723 121.562 298.057 124.728 290.841 124.728C282.672 124.728 275.853 122.458 274.23 119.52C280.026 118.361 285.894 117.603 291.794 117.251C296.071 117.001 300.076 116.978 303.786 117.103L307.723 117.444C307.813 117.671 307.859 117.914 307.86 118.158Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M316.822 214.598L302.946 215.823C292.099 216.765 286.676 217.23 283.283 217.503C276.272 218.036 266.265 218.637 253.637 218.705C256.076 206.345 257.469 193.801 257.801 181.207C258.049 172.299 257.757 163.384 256.927 154.51C256.927 154.51 272.607 208.517 316.822 214.598Z" fill="black" opacity="0.1"/>
<path d="M270.112 232.536C269.668 233.723 269.053 234.84 268.285 235.849C267.257 237.354 265.82 238.535 264.144 239.252L258.857 239.718C252.832 240.205 221.053 212.488 224.593 176.102C225.196 169 227.119 162.074 230.266 155.679C230.753 154.692 231.287 153.671 231.865 152.672C232.637 151.334 233.431 150.063 234.237 148.872C235.574 146.895 237.029 145.001 238.593 143.199C241.098 144.8 243.416 146.676 245.503 148.792C248.749 152.075 251.416 155.884 253.388 160.058C252.64 160.785 251.879 161.556 251.119 162.384C248.824 164.844 246.828 167.567 245.174 170.497C242.987 174.312 241.724 178.586 241.487 182.977C241.425 184.295 241.47 185.615 241.623 186.925C242.644 196.399 248.703 204.466 255.011 211.319L262.079 218.637C268.172 223.277 271.292 229.098 270.112 232.536Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M253.355 160.07C252.606 160.796 251.846 161.568 251.086 162.396C248.057 159.264 240.035 152.446 230.232 155.668C230.72 154.681 231.254 153.66 231.832 152.661C232.604 151.322 233.398 150.052 234.203 148.86C235.541 146.884 236.996 144.99 238.56 143.187C241.065 144.788 243.382 146.665 245.47 148.781C248.718 152.071 251.385 155.888 253.355 160.07Z" fill="black" opacity="0.1"/>
<path d="M440.276 176.862C439.429 176.413 438.438 176.318 437.521 176.599C436.604 176.88 435.836 177.513 435.386 178.359L427.932 192.372L415.939 153.943C415.655 153.028 415.019 152.264 414.171 151.818C413.323 151.373 412.333 151.282 411.418 151.566C410.503 151.851 409.739 152.487 409.293 153.335C408.847 154.183 408.756 155.173 409.041 156.088L420.999 194.368L407.123 186.994C406.705 186.77 406.248 186.631 405.776 186.585C405.304 186.538 404.828 186.585 404.375 186.722C403.921 186.86 403.499 187.085 403.132 187.386C402.766 187.686 402.462 188.056 402.239 188.474C402.015 188.892 401.876 189.35 401.83 189.822C401.783 190.293 401.83 190.77 401.968 191.223C402.105 191.677 402.331 192.099 402.631 192.465C402.932 192.832 403.302 193.135 403.72 193.359L428.544 206.565L441.762 181.695C442.2 180.856 442.29 179.878 442.012 178.973C441.734 178.068 441.11 177.31 440.276 176.862Z" fill="white"/>
<path d="M423.087 172.142C422.287 173.96 421.07 175.565 419.536 176.828C417.594 178.416 415.4 179.67 413.046 180.538C401.905 184.917 384.977 184.52 375.514 183.465C370.564 183.022 365.676 182.049 360.935 180.56C358.615 179.771 356.342 178.85 354.127 177.803C349.977 175.877 346.028 173.543 342.339 170.837C337.151 167.025 332.469 162.568 328.406 157.574C330.732 155.878 332.959 154.052 335.078 152.105C338.363 149.082 341.367 145.767 344.052 142.2C344.971 143.562 345.89 144.821 346.809 146.001C355.443 157.154 363.567 160.75 369.592 161.885C381.028 163.995 403.323 160.751 409.461 159.752L410.176 159.639C412.207 159.221 414.274 159.008 416.348 159.003C417.45 158.957 418.549 159.135 419.581 159.525C420.612 159.915 421.554 160.509 422.35 161.272C424.71 163.927 424.528 168.795 423.087 172.142Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M342.317 170.803C337.13 166.991 332.448 162.534 328.385 157.54C330.71 155.844 332.937 154.018 335.056 152.071C338.342 149.048 341.346 145.733 344.031 142.166C344.95 143.528 345.869 144.787 346.788 145.967C343.656 150.925 338.902 160.773 342.317 170.803Z" fill="black" opacity="0.1"/>
<path d="M307.86 118.158C307.723 121.562 298.057 124.728 290.841 124.728C282.672 124.728 275.853 122.458 274.23 119.52C280.026 118.361 285.894 117.603 291.794 117.251C296.071 117.001 300.076 116.978 303.786 117.103L307.723 117.444C307.813 117.671 307.859 117.914 307.86 118.158Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

83
src/illustrations/icons-production.svg Normal file
View File

@ -0,0 +1,83 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-production-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-production-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-production-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-icons-production-a { fill: black; opacity: 0.07; } .tblr-illustrations-icons-production-b { fill: #1A2030; } .tblr-illustrations-icons-production-c { fill: #454C5E; } }
</style>
<path d="M114.971 300C114.971 347.018 164.625 381.182 186.596 419.082C209.226 458.3 214.719 518.061 253.827 540.801C291.836 562.772 345.885 538.274 392.793 538.274C439.701 538.274 493.859 562.882 531.759 540.801C570.867 518.171 576.36 458.3 598.99 419.082C620.961 381.073 670.615 347.018 670.615 300C670.615 252.982 620.851 218.927 598.99 180.918C576.36 141.7 570.867 81.8289 531.759 59.1989C493.749 37.228 439.701 61.7255 392.793 61.7255C345.885 61.7255 291.727 37.1181 253.827 59.1989C214.609 81.8289 209.226 141.7 186.596 180.918C164.625 218.927 114.971 252.982 114.971 300Z" fill="#F7F8FC" class="tblr-illustrations-icons-production-a"/>
<path d="M232.297 331.308C232.846 332.187 233.506 332.956 234.275 333.615C234.714 333.945 235.153 334.384 235.593 334.714C239.987 337.68 245.37 337.351 247.677 333.945C249.764 330.869 248.556 326.475 245.26 323.509C244.821 323.179 244.491 322.85 244.052 322.52L242.733 321.751C238.669 319.774 234.055 320.323 231.968 323.399C230.1 325.376 230.54 328.562 232.297 331.308Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M232.297 331.309C232.846 332.187 233.506 332.956 234.275 333.615C237.68 329.88 241.305 326.475 245.26 323.399C244.821 323.069 244.491 322.74 244.052 322.41L242.733 321.641C238.669 319.664 234.055 320.213 231.968 323.289C230.1 325.376 230.54 328.562 232.297 331.309Z" fill="black" opacity="0.1"/>
<path d="M216.809 286.708C206.812 269.68 204.944 253.092 196.046 251.884C195.387 251.774 194.728 251.774 194.069 251.884L130.463 251.774C131.781 265.286 133.209 278.798 134.528 292.31L136.175 308.898C137.054 318.675 138.043 328.342 139.032 338.12H188.686C189.565 328.342 190.334 318.675 191.212 308.898C191.762 301.977 192.421 295.057 193.08 288.136C194.069 290.662 194.947 293.189 195.826 295.496C197.474 299.67 199.122 303.735 201.099 308.129C201.758 309.557 202.527 311.205 203.296 312.743C208.13 322.52 213.952 331.858 220.434 340.646C229.332 333.066 238.23 325.486 247.019 317.906C230.87 307.141 221.972 295.496 216.809 286.708Z" fill="#DADBE0"/>
<path d="M64 455.774C64 458.3 214.501 460.278 399.935 460.278C585.37 460.278 735.87 458.19 735.87 455.774C735.87 453.357 585.37 451.38 399.935 451.38C214.501 451.38 64 453.467 64 455.774Z" fill="#A6A9B3" class="tblr-illustrations-icons-production-b"/>
<path d="M280.412 344.93L241.524 380.853C240.205 382.061 241.634 383.709 244.05 383.709H260.419C261.407 383.709 262.286 383.489 263.055 382.83L300.186 346.908C301.504 345.699 299.966 344.052 297.549 344.052H282.939C282.06 344.052 281.181 344.381 280.412 344.93Z" fill="#DADBE0"/>
<path d="M328.75 344.93L289.862 380.853C288.543 382.061 289.971 383.709 292.388 383.709H308.757C309.745 383.709 310.624 383.489 311.393 382.83L348.524 346.908C349.842 345.699 348.304 344.052 345.887 344.052H331.277C330.398 344.052 329.409 344.381 328.75 344.93Z" fill="#A6A9B3"/>
<path d="M242.073 388.762H262.396C263.495 388.762 264.374 389.641 264.374 390.74V393.376C264.374 394.475 263.495 395.354 262.396 395.354H242.073C240.975 395.354 240.096 394.475 240.096 393.376V390.74C240.096 389.641 240.975 388.762 242.073 388.762Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M289.97 388.762H310.293C311.391 388.762 312.27 389.641 312.27 390.74V393.376C312.27 394.475 311.391 395.354 310.293 395.354H289.97C288.871 395.354 287.992 394.475 287.992 393.376V390.74C287.992 389.641 288.871 388.762 289.97 388.762Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M377.854 344.93L338.965 380.853C337.647 382.061 339.075 383.709 341.492 383.709H357.86C358.849 383.709 359.728 383.489 360.497 382.83L397.627 346.908C398.946 345.699 397.408 344.052 394.991 344.052H380.38C379.501 344.052 378.623 344.381 377.854 344.93Z" fill="#DADBE0"/>
<path d="M339.075 388.762H359.398C360.497 388.762 361.376 389.641 361.376 390.74V393.376C361.376 394.475 360.497 395.354 359.398 395.354H339.075C337.977 395.354 337.098 394.475 337.098 393.376V390.74C337.098 389.641 337.977 388.762 339.075 388.762Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M427.068 344.93L388.18 380.853C386.862 382.061 388.29 383.709 390.707 383.709H407.075C408.064 383.709 408.942 383.489 409.711 382.83L446.842 346.908C448.16 345.699 446.623 344.052 444.206 344.052H429.595C428.606 344.052 427.728 344.381 427.068 344.93Z" fill="#A6A9B3"/>
<path d="M388.288 388.762H408.611C409.71 388.762 410.588 389.641 410.588 390.74V393.376C410.588 394.475 409.71 395.354 408.611 395.354H388.288C387.189 395.354 386.311 394.475 386.311 393.376V390.74C386.311 389.641 387.189 388.762 388.288 388.762Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M476.174 344.93L437.285 380.853C435.967 382.061 437.395 383.709 439.812 383.709H456.18C457.169 383.709 458.048 383.489 458.817 382.83L495.948 346.908C497.266 345.699 495.728 344.052 493.311 344.052H478.701C477.822 344.052 476.943 344.381 476.174 344.93Z" fill="#DADBE0"/>
<path d="M437.395 388.762H457.718C458.817 388.762 459.696 389.641 459.696 390.74V393.376C459.696 394.475 458.817 395.354 457.718 395.354H437.395C436.297 395.354 435.418 394.475 435.418 393.376V390.74C435.418 389.641 436.297 388.762 437.395 388.762Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M525.389 344.93L486.5 380.853C485.182 382.061 486.61 383.709 489.027 383.709H505.395C506.384 383.709 507.263 383.489 508.032 382.83L545.163 346.908C546.481 345.699 544.943 344.052 542.526 344.052H527.915C526.927 344.052 526.048 344.381 525.389 344.93Z" fill="#A6A9B3"/>
<path d="M486.608 388.762H506.931C508.03 388.762 508.909 389.641 508.909 390.74V393.376C508.909 394.475 508.03 395.354 506.931 395.354H486.608C485.51 395.354 484.631 394.475 484.631 393.376V390.74C484.631 389.641 485.51 388.762 486.608 388.762Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M527.255 277.919C529.452 281.435 540.987 299.121 561.859 302.527C569.439 303.735 577.129 302.966 584.269 300.22C588.224 298.682 591.959 296.704 595.474 294.288C593.827 290.223 592.069 286.158 590.421 281.984C589.872 282.423 588.993 283.192 587.894 284.071C583.94 286.927 577.019 290.772 569.878 288.355C565.814 287.037 563.067 284.401 557.684 279.128C552.961 274.514 548.676 269.46 544.941 263.968C541.646 257.816 534.615 256.278 529.891 260.452C525.167 264.297 523.959 272.097 527.255 277.919Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M584.162 300.11C588.117 298.572 591.852 296.594 595.367 294.178C593.719 290.113 591.962 286.048 590.314 281.874C589.765 282.313 588.886 283.082 587.787 283.961C588.117 286.598 588.227 290.992 586.908 294.397C586.139 296.375 585.261 298.352 584.162 300.11Z" fill="black" opacity="0.15"/>
<path d="M619.644 231.011C614.81 240.239 606.681 247.27 597.014 250.895L629.531 253.861L619.644 231.011Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M632.717 389.422L634.365 408.207L636.672 435.451H638.869L644.581 407.218L647.108 395.024L632.717 389.422Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M600.857 389.422L602.286 407.108L604.702 435.451H606.899L612.502 408.097L615.139 395.024L600.857 389.422Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M647.107 395.024L632.826 389.422L634.364 408.207C637.88 407.987 641.395 407.657 644.581 407.218L647.107 395.024Z" fill="black" opacity="0.15"/>
<path d="M600.857 389.422L602.286 407.108C605.471 407.548 608.877 407.877 612.502 408.207L615.139 395.134L600.857 389.422Z" fill="black" opacity="0.15"/>
<path d="M623.269 256.278C632.496 257.267 642.823 254.63 647.107 251.664C647.876 251.225 648.425 250.565 648.865 249.906C649.304 249.028 649.744 248.039 650.183 247.05C650.732 245.622 651.281 244.194 651.611 242.766C652.71 239.031 653.588 235.186 654.028 231.231C654.028 230.902 654.138 229.913 654.248 228.814C654.687 223.871 654.907 219.806 655.017 217.06C654.797 217.499 653.588 219.367 652.6 219.147C651.611 218.927 650.512 216.511 650.842 212.885H629.86L621.072 220.465C621.072 220.465 620.852 221.674 620.303 223.541C619.424 226.837 618.325 230.023 617.007 233.099C616.128 235.406 614.81 237.603 613.052 239.47C608.109 244.304 612.173 255.179 623.269 256.278Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M616.896 233.318C624.916 236.175 633.594 236.284 641.614 233.538C643.701 233.868 645.569 234.637 647.216 235.955C649.633 237.932 649.523 239.8 651.391 242.546L651.611 242.766C652.709 239.031 653.588 235.186 654.027 231.231C654.027 230.902 654.137 229.913 654.247 228.814C654.686 223.871 654.906 219.806 655.016 217.06C654.796 217.499 653.588 219.367 652.599 219.147C651.611 218.927 650.512 216.511 650.842 212.885H629.859L621.071 220.465C621.071 220.465 620.851 221.674 620.302 223.541C619.313 227.057 618.215 230.242 616.896 233.318Z" fill="black" opacity="0.1"/>
<path d="M602.178 295.606C600.2 306.481 598.772 314.501 597.783 320.213L597.564 321.202C596.355 327.793 595.147 334.384 594.048 340.866C616.129 341.305 638.21 341.745 660.181 342.184C660.181 340.646 660.181 339.108 660.071 337.57V337.46C660.73 320.653 660.51 303.955 659.302 287.147C659.192 285.939 659.082 284.73 659.082 283.412L662.378 291.102L675.56 283.302C675.121 281.215 673.363 274.953 668.53 270.559C668.53 270.559 664.135 266.714 659.082 266.055C658.643 266.055 658.203 265.945 657.764 265.835H657.434C654.578 265.396 651.832 265.066 649.305 264.846C643.043 264.297 636.782 264.187 630.52 264.517C624.478 264.846 618.546 265.725 612.724 267.153C611.295 267.483 609.648 267.922 608.22 268.362L607.011 268.801L606.572 268.911L605.803 269.241C604.924 269.57 595.586 272.317 593.609 272.866C591.302 273.635 589.215 274.843 587.457 276.491C590.313 284.291 593.169 292.09 595.916 299.78L602.178 295.606Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M650.953 267.922C650.953 274.953 642.494 280.556 632.167 280.556C621.841 280.556 613.492 274.953 613.492 267.922C613.492 267.593 613.492 267.153 613.602 266.824C619.424 265.506 625.466 264.627 631.508 264.297C637.77 263.968 644.032 264.077 650.293 264.627C650.843 265.615 651.062 266.824 650.953 267.922Z" fill="#DADBE0"/>
<path d="M669.189 255.729L657.654 254.96L643.373 253.971C645.79 248.588 647.768 243.095 649.305 237.493C649.525 236.175 649.745 234.856 649.745 233.428C649.745 232.659 649.745 231.78 649.635 231.011C649.635 230.572 649.525 230.023 649.415 229.583C649.086 228.595 648.537 227.606 647.768 226.837C646.889 225.738 646.12 224.53 645.57 223.212C641.616 225.519 626.785 232.989 617.008 226.398C614.811 224.86 612.944 222.882 611.735 220.465H611.845C611.296 219.367 610.966 218.049 611.186 216.73C611.845 211.457 619.425 208.711 622.611 207.612C635.464 203.108 647.987 209.59 649.965 210.578C655.677 213.764 660.511 218.158 664.246 223.541V223.651C665.674 225.738 666.882 227.935 667.871 230.133C667.981 230.462 668.091 230.792 668.31 231.121C668.969 232.879 669.629 234.746 670.068 236.614C670.288 237.603 670.398 238.372 670.507 238.811C671.167 244.524 670.727 250.236 669.189 255.729Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M623.928 455.444C626.345 449.951 636.012 441.163 639.307 442.262C642.603 443.36 642.603 448.633 642.603 448.633L643.482 454.016L637.22 455.444L635.353 451.27L623.928 455.444Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M593.059 455.444C595.475 449.951 605.143 441.163 608.438 442.262C611.734 443.36 611.734 448.633 611.734 448.633L612.613 454.016L606.351 455.444L604.593 451.16L593.059 455.444Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M611.625 220.465C612.833 222.882 614.701 224.86 616.898 226.397C626.675 233.099 641.505 225.519 645.46 223.212C646.888 221.893 648.097 220.465 649.195 218.927C637.77 225.628 623.599 226.178 611.625 220.465Z" fill="black" opacity="0.5"/>
<path d="M590.422 395.024H658.532L659.63 357.124L660.179 342.074L593.937 340.756L591.191 384.698L590.422 395.024Z" fill="#DADBE0"/>
<path d="M590.422 395.024H658.532C658.751 377.228 659.081 359.321 659.301 341.525L626.125 341.305C638.428 365.693 642.053 374.811 641.065 375.58C639.747 376.678 630.409 361.409 625.685 364.045C624.037 365.034 623.818 367.78 623.268 369.648C621.73 375.47 614.81 381.842 591.081 384.588L590.422 395.024Z" fill="black" opacity="0.1"/>
<path d="M606.461 268.801L606.9 268.691C608.768 276.821 619.314 283.082 632.167 283.082C646.228 283.082 657.763 275.502 657.763 266.275V265.835C658.202 265.945 658.642 265.945 659.081 266.055V266.275C659.081 276.491 646.997 284.73 632.167 284.73C618.765 284.73 607.669 278.029 605.582 269.241L606.461 268.801Z" fill="#DADBE0"/>
<path d="M627.442 290.443C627.662 291.541 628.76 292.31 629.859 292.09C630.957 291.871 631.726 290.772 631.507 289.674C631.287 288.685 630.518 287.916 629.419 287.916C628.321 288.026 627.332 289.124 627.442 290.443Z" fill="#DADBE0"/>
<path d="M669.189 255.729L657.654 254.96C656.885 253.202 659.741 250.675 661.609 247.819C664.575 243.535 666.882 236.284 664.135 223.541H664.245C665.673 225.628 666.882 227.826 667.87 230.023C667.98 230.352 668.09 230.682 668.31 231.011C668.969 232.769 669.628 234.637 670.067 236.504C670.287 237.493 670.397 238.262 670.507 238.701C671.166 244.414 670.836 250.236 669.189 255.729Z" fill="black" opacity="0.5"/>
<path d="M593.938 340.756C616.018 341.195 637.989 341.635 660.07 342.074C660.07 340.536 660.07 338.998 659.96 337.46V337.35C624.367 339.108 603.495 326.035 597.453 321.092C596.354 327.683 595.146 334.165 593.938 340.756Z" fill="black" opacity="0.1"/>
<path d="M645.9 362.068C647.767 365.254 651.282 367.121 654.908 367.121C656.995 367.121 658.972 366.352 660.62 364.924C672.265 354.158 679.625 339.548 681.273 323.729C682.811 310.766 680.614 297.583 675.231 285.609C674.901 284.84 674.572 284.291 674.352 283.742L664.026 289.784C664.355 290.333 664.904 291.321 665.564 292.53C668.969 299.231 670.287 306.811 669.408 314.391C668.42 321.641 665.454 326.475 662.268 331.748C658.862 337.241 654.688 342.294 649.745 346.578C644.691 350.972 643.373 357.674 645.9 362.068Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M664.025 290.003C664.355 290.553 664.904 291.541 665.563 292.75C668.42 290.772 672.924 287.586 675.231 285.829C674.901 285.06 674.571 284.511 674.352 283.961L664.025 290.003Z" fill="black" opacity="0.15"/>
<path d="M631.398 264.187C637.66 263.858 643.922 263.968 650.184 264.517C650.623 265.616 650.953 266.714 650.953 267.922C650.953 274.953 642.494 280.556 632.167 280.556C621.841 280.556 613.492 274.953 613.492 267.922C613.492 267.593 613.492 267.153 613.602 266.824C619.534 265.506 625.466 264.627 631.398 264.187Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M441.459 339.438C441.459 355.037 454.092 367.78 469.801 367.78C485.511 367.78 498.144 355.147 498.144 339.438C498.144 323.729 485.511 311.095 469.801 311.095C454.092 311.095 441.459 323.838 441.459 339.438Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M460.465 333.066C459.476 332.077 457.938 332.077 457.059 333.066L452.335 337.79C451.347 338.779 451.347 340.317 452.335 341.195L457.059 345.919C458.048 346.908 459.586 346.908 460.465 345.919C461.453 344.93 461.453 343.392 460.465 342.514L457.498 339.548L460.465 336.582C461.453 335.483 461.453 333.945 460.465 333.066Z" fill="white"/>
<path d="M487.158 337.68L482.434 332.956C481.445 332.078 479.907 332.187 479.029 333.176C478.26 334.055 478.26 335.483 479.029 336.362L481.995 339.328L479.029 342.294C478.04 343.173 477.93 344.711 478.809 345.7C479.688 346.688 481.226 346.798 482.214 345.919C482.324 345.809 482.324 345.809 482.434 345.7L487.158 340.976C488.146 340.207 488.146 338.669 487.158 337.68Z" fill="white"/>
<path d="M473.757 329.331C472.549 328.892 471.121 329.551 470.682 330.759L464.42 348.006C463.98 349.215 464.64 350.643 465.848 351.082C466.068 351.192 466.397 351.192 466.727 351.192C467.715 351.192 468.704 350.533 469.034 349.544L475.295 332.297C475.625 331.089 474.966 329.771 473.757 329.331Z" fill="white"/>
<path d="M538.02 237.493L543.184 238.921C544.282 239.251 544.831 240.349 544.502 241.448L543.074 246.501C542.854 247.38 542.085 247.929 541.206 247.929C541.096 247.929 541.014 247.902 540.932 247.874C540.849 247.847 540.767 247.819 540.657 247.819C539.668 247.49 539.009 246.391 539.339 245.402L540.217 242.107L536.922 241.228C535.933 240.898 535.274 239.8 535.604 238.811C535.933 237.822 537.032 237.163 538.02 237.493Z" fill="#232B41"/>
<path d="M523.3 251.774L526.596 252.653C527.475 252.872 528.024 253.641 527.914 254.52C527.914 255.509 527.035 256.388 525.937 256.388C525.827 256.388 525.745 256.36 525.662 256.333C525.58 256.305 525.497 256.278 525.387 256.278L520.334 254.85C519.345 254.63 518.686 253.532 519.016 252.543L520.444 247.49V247.38C520.774 246.281 521.872 245.732 522.861 246.061C523.959 246.391 524.509 247.49 524.179 248.478L523.3 251.774Z" fill="#232B41"/>
<path d="M530.661 238.482C531.65 238.262 532.638 238.921 532.858 240.019L535.275 254.52C535.495 255.509 534.726 256.498 533.737 256.717H533.407C532.529 256.717 531.65 255.948 531.54 255.07L529.123 240.679C528.903 239.69 529.672 238.701 530.661 238.482Z" fill="#232B41"/>
<path d="M553.071 234.966C546.48 223.212 531.54 219.147 519.895 225.738C508.141 232.33 504.076 247.27 510.667 258.914C517.259 270.669 532.199 274.733 543.843 268.142C549.446 264.956 553.62 259.683 555.268 253.422C557.136 247.16 556.257 240.569 553.071 234.966ZM551.643 252.433C550.215 257.706 546.7 262.1 541.976 264.847C532.089 270.449 519.566 267.044 513.963 257.157C511.217 252.433 510.557 246.83 511.986 241.557C514.952 230.682 526.267 224.2 537.252 227.276C548.238 230.242 554.609 241.557 551.643 252.433Z" fill="#232B41"/>
<path d="M191.1 308.898C190.221 318.675 189.342 328.342 188.573 338.12H138.919C138.369 333.286 137.93 328.452 137.491 323.509C135.843 305.053 134.964 287.257 134.744 270.229C136.941 275.502 144.301 291.541 162.427 301.428C171.106 306.152 180.993 308.788 191.1 308.898Z" fill="black" opacity="0.1"/>
<path d="M149.795 200.472C149.356 203.108 148.916 206.953 148.257 211.897C148.147 212.885 148.037 213.874 148.037 214.204C147.708 219.477 147.928 224.86 148.916 230.133L149.685 233.208C150.674 236.834 162.209 243.205 173.194 244.084C184.18 244.963 189.892 235.296 186.157 229.913C184.949 227.826 184.07 225.409 183.63 222.992C182.971 219.806 182.422 216.511 182.202 213.215C181.982 211.347 181.982 210.139 181.982 210.139L174.952 201.351L154.848 197.506C154.409 200.911 153.091 203.108 151.992 203.108C150.894 203.108 149.905 200.911 149.795 200.472Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M149.795 200.472C149.356 203.108 148.916 206.953 148.257 211.897C148.147 212.885 148.037 213.874 148.037 214.204C147.708 219.477 147.928 224.859 148.916 230.133C151.882 229.803 154.519 228.265 156.276 225.848C157.265 224.53 158.034 223.102 158.474 221.564C158.913 220.575 159.243 219.586 159.462 218.488C166.713 222.553 175.062 224.091 183.301 222.772C182.642 219.586 182.092 216.291 181.873 212.995C181.653 211.128 181.653 209.919 181.653 209.919L174.622 201.131L154.519 197.286C154.079 200.692 152.761 202.889 151.663 202.889C150.564 202.889 149.905 200.911 149.795 200.472Z" fill="black" opacity="0.1"/>
<path d="M146.389 204.317C145.73 208.491 146.608 212.885 148.915 216.401C149.465 217.06 149.904 217.719 150.343 218.378C151.442 220.355 151.991 222.552 151.881 224.859C153.09 223.871 153.859 222.552 154.298 221.124C154.628 218.817 154.848 216.401 154.738 214.094C154.738 213.984 154.738 213.874 154.738 213.764C154.738 213.435 154.738 213.105 154.848 212.775C154.957 211.677 155.287 210.578 155.397 209.59V209.48C159.901 213.544 173.083 223.981 184.289 218.378C186.046 217.499 187.584 216.401 189.122 215.082C189.232 214.973 189.342 214.863 189.452 214.753C189.781 214.423 190.111 214.094 190.44 213.654L190.55 213.544C191.319 212.556 191.978 211.457 192.418 210.359L192.528 209.919C193.297 207.283 192.747 204.536 191.1 202.339C188.793 199.483 186.046 197.066 182.97 195.199C175.061 190.145 162.208 186.74 153.31 193.111C151.003 194.759 149.245 196.956 148.037 199.483C147.268 200.911 146.608 202.559 146.389 204.317Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M155.619 209.37C160.123 213.435 173.305 223.871 184.511 218.268C186.268 217.389 187.806 216.291 189.344 214.973C189.454 214.863 189.564 214.753 189.674 214.643C190.003 214.313 190.333 213.984 190.663 213.545L190.772 213.435C191.541 212.446 192.2 211.347 192.64 210.249C189.894 212.116 186.927 213.435 183.742 214.204C168.142 218.158 154.74 206.953 152.763 205.196L152.543 205.086C153.422 206.624 154.41 208.052 155.619 209.37Z" fill="black" opacity="0.5"/>
<path d="M138.811 338.12L143.095 441.493H151.554L163.088 361.628L171.108 441.493H177.26L188.465 338.12H138.811Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M160.89 455.884L142.105 453.796C142.105 453.796 141.446 448.963 144.412 447.205C147.378 445.447 157.815 451.27 160.89 455.884Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M188.465 455.884L169.68 453.796C169.68 453.796 169.02 448.963 171.987 447.205C174.953 445.447 185.499 451.27 188.465 455.884Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M156.387 250.565C159.792 254.191 164.077 256.607 168.91 257.596L169.459 257.706L176.93 251.884L156.387 250.565Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M171.107 441.493L163.088 361.628L166.603 338.12H188.464L177.259 441.493H171.107Z" fill="black" opacity="0.1"/>
<path d="M167.264 256.168L179.348 247.49L182.094 250.456L173.855 262.759L167.264 256.168Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M166.602 256.058L148.257 244.633L144.082 248.478L156.605 264.737L166.602 256.058Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M167.264 256.168L179.348 247.49L182.094 250.456L173.855 262.759L167.264 256.168Z" fill="black" opacity="0.1"/>
<path d="M251.081 324.498L240.975 332.078L248.555 342.184C249.543 343.502 251.411 343.722 252.839 342.733C254.157 341.745 254.377 339.877 253.388 338.449L249.433 333.176L254.706 329.221C256.135 328.342 256.464 326.475 255.585 325.047C254.706 323.619 252.839 323.289 251.411 324.168C251.191 324.278 251.081 324.388 251.081 324.498Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M279.313 353.17C279.094 351.741 277.666 350.753 276.237 350.972C274.809 351.192 273.821 352.62 274.04 354.048C274.04 354.158 274.04 354.158 274.04 354.268L275.249 359.981L269.646 361.189C268.218 361.518 267.339 362.947 267.669 364.375C267.889 365.583 268.987 366.462 270.195 366.462C270.415 366.462 270.525 366.462 270.745 366.462L281.62 364.155L279.313 353.17Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M160.891 338.779C160.891 351.082 170.887 360.969 183.081 360.969C195.275 360.969 205.272 350.972 205.272 338.779C205.272 326.585 195.275 316.588 183.081 316.588C170.887 316.478 160.891 326.475 160.891 338.779C160.891 338.669 160.891 338.669 160.891 338.779Z" fill="#454C5E"/>
<path d="M165.833 352.73C158.144 343.173 159.572 329.221 169.129 321.422C173.084 318.236 178.027 316.478 183.081 316.478H183.41C183.63 325.267 182.421 347.457 165.833 352.73Z" fill="black" opacity="0.15"/>
<path d="M162.868 316.698C163.857 316.918 164.736 317.247 165.724 317.687C166.274 318.016 166.713 318.236 167.152 318.565C171.437 321.641 172.975 326.914 170.558 330.21C168.361 333.176 163.857 333.615 159.902 331.528C159.463 331.309 158.913 330.979 158.584 330.649L157.375 329.661C154.08 326.475 152.981 321.971 155.178 319.005C156.606 316.808 159.792 316.039 162.868 316.698Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M162.868 316.698C163.857 316.918 164.736 317.247 165.724 317.687C163.417 322.081 161.44 326.805 159.902 331.528C159.463 331.309 158.913 330.979 158.584 330.649L157.375 329.661C154.08 326.475 152.981 321.971 155.178 319.005C156.606 316.808 159.792 316.039 162.868 316.698Z" fill="black" opacity="0.1"/>
<path d="M167.264 313.512C158.915 322.96 150.566 332.407 142.327 341.964C133.209 334.824 125.849 325.816 120.686 315.489C118.599 311.095 116.951 306.481 115.852 301.648C115.413 299.451 114.864 297.034 114.534 294.397C112.666 279.787 113.765 259.683 125.41 253.531C129.035 251.774 133.099 251.225 137.054 251.884C135.187 259.244 134.308 266.824 134.418 274.514C134.527 281.654 134.637 288.136 137.494 294.288C144.305 308.788 162.98 312.743 167.264 313.512Z" fill="#DADBE0"/>
<path d="M362.693 191.464H416.521C430.803 191.464 442.337 202.998 442.337 217.28V271.108C442.337 285.389 430.803 296.924 416.521 296.924H362.693C348.412 296.924 336.877 285.389 336.877 271.108V217.28C336.987 202.998 348.522 191.464 362.693 191.464Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M404.658 262.43L407.514 237.713L399.385 229.583L395.65 225.848L370.932 228.704C368.845 237.493 364.671 255.729 364.011 258.365C363.352 260.892 363.572 263.528 364.671 265.835L381.368 249.137C379.721 245.732 381.259 241.557 384.664 240.019C388.07 238.372 392.244 239.91 393.782 243.315C395.43 246.721 393.892 250.895 390.486 252.433C388.619 253.312 386.422 253.312 384.554 252.433L367.966 268.911C370.163 269.79 372.58 269.9 374.887 269.351C377.633 268.692 395.869 264.407 404.658 262.43Z" fill="white"/>
<path d="M421.684 233.208L413.555 238.042L406.634 231.121L395.648 220.136L399.713 211.238L408.282 219.806L421.684 233.208Z" fill="white"/>
<path d="M323.694 156.86H315.345C314.686 154.443 313.697 152.246 312.379 150.158L318.091 144.446C318.641 143.897 318.641 143.018 318.091 142.469L310.182 134.559C309.633 134.01 308.754 134.01 308.205 134.559L302.272 140.381C300.075 139.173 297.768 138.294 295.461 137.745V129.725C295.461 128.956 294.802 128.297 294.033 128.297H282.938C282.169 128.297 281.51 128.956 281.51 129.725V138.074C279.093 138.734 276.896 139.722 274.809 141.04L269.096 135.328C268.547 134.779 267.668 134.779 267.119 135.328L259.209 143.238C258.66 143.787 258.66 144.666 259.209 145.325L265.142 151.257C263.933 153.454 263.054 155.761 262.505 158.068H254.266C253.497 158.068 252.838 158.727 252.838 159.496V170.591C252.838 171.36 253.497 172.019 254.266 172.019H262.615C263.274 174.436 264.263 176.633 265.581 178.721L259.869 184.433C259.319 184.982 259.319 185.861 259.869 186.52L267.778 194.43C268.327 194.979 269.206 194.979 269.865 194.43L275.797 188.498C277.995 189.706 280.301 190.585 282.608 191.244V199.263C282.608 200.032 283.268 200.691 284.037 200.691H295.132C295.901 200.691 296.56 200.032 296.56 199.263V190.914C298.977 190.255 301.174 189.267 303.261 187.948L308.974 193.661C309.523 194.21 310.402 194.21 311.061 193.661L318.97 185.751C319.52 185.202 319.52 184.323 318.97 183.664L313.038 177.842C314.247 175.645 315.125 173.338 315.675 171.031H323.694C324.463 171.031 325.122 170.372 325.122 169.603V158.507C325.122 157.519 324.463 156.86 323.694 156.86ZM288.98 183.444C278.544 183.444 269.975 174.986 269.975 164.439C269.975 154.003 278.434 145.435 288.98 145.435C299.526 145.435 307.985 153.893 307.985 164.439C307.985 174.876 299.526 183.444 288.98 183.444Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M500.341 168.504H497.924C497.485 166.747 496.826 165.099 495.837 163.671L497.485 162.023C497.815 161.803 497.815 161.254 497.595 161.034C497.595 161.034 497.595 161.034 497.485 160.924L493.42 156.86C493.091 156.53 492.651 156.53 492.322 156.86L490.564 158.617C489.026 157.738 487.378 157.079 485.621 156.64V154.333C485.621 153.894 485.291 153.564 484.852 153.564H479.03C478.59 153.564 478.261 153.894 478.261 154.333V156.86C476.503 157.299 474.855 158.068 473.427 158.947L471.779 157.299C471.45 156.969 471.01 156.969 470.681 157.299L466.616 161.473C466.286 161.693 466.286 162.242 466.506 162.462C466.506 162.462 466.506 162.462 466.616 162.572L468.374 164.33C467.495 165.868 466.836 167.515 466.396 169.273H464.089C463.65 169.273 463.32 169.603 463.32 170.042V175.864C463.32 176.304 463.65 176.633 464.089 176.633H466.506C466.946 178.391 467.605 180.039 468.593 181.467L466.946 183.115C466.616 183.444 466.616 183.884 466.946 184.213L471.01 188.278C471.34 188.608 471.779 188.608 472.109 188.278L473.866 186.52C475.404 187.399 477.052 188.058 478.81 188.498V190.805C478.81 191.244 479.139 191.574 479.579 191.574H485.401C485.84 191.574 486.17 191.244 486.17 190.805V188.388C487.928 187.948 489.576 187.289 491.004 186.301L492.651 187.948C492.981 188.278 493.42 188.278 493.75 187.948L497.815 183.774C498.144 183.554 498.144 183.005 497.924 182.785C497.924 182.785 497.925 182.785 497.815 182.675L496.057 180.918C496.936 179.38 497.595 177.732 498.034 175.974H500.341C500.781 175.974 501.11 175.645 501.11 175.205V169.383C501.22 168.944 500.891 168.614 500.341 168.504ZM482.215 180.588C477.711 180.588 474.086 176.963 474.086 172.459C474.086 167.955 477.711 164.44 482.215 164.44C486.719 164.44 490.345 168.065 490.345 172.459C490.345 176.963 486.719 180.588 482.215 180.588Z" fill="#A6A9B3"/>
<path d="M304.472 256.827H302.714C302.384 255.619 301.835 254.41 301.176 253.312L302.384 252.103C302.604 251.884 302.604 251.554 302.384 251.334L299.418 248.368C299.199 248.149 298.869 248.149 298.649 248.368L297.441 249.577C296.342 248.918 295.134 248.478 293.925 248.149V246.501C293.925 246.171 293.706 245.952 293.376 245.952H289.202C288.872 245.952 288.652 246.171 288.652 246.501V248.258C287.444 248.588 286.236 249.137 285.137 249.796L283.929 248.588C283.709 248.368 283.379 248.368 283.16 248.588L280.194 251.554C279.974 251.774 279.974 252.103 280.194 252.323L281.402 253.531C280.743 254.63 280.304 255.838 279.974 257.047H278.436C278.106 257.047 277.887 257.267 277.887 257.596V261.771C277.887 262.1 278.106 262.32 278.436 262.32H280.194C280.523 263.528 280.963 264.737 281.732 265.835L280.523 267.044C280.304 267.263 280.304 267.593 280.523 267.813L283.489 270.779C283.709 270.998 284.039 270.998 284.258 270.779L285.467 269.57C286.565 270.229 287.774 270.669 288.982 270.998V272.646C288.982 272.976 289.202 273.195 289.531 273.195H293.706C294.035 273.195 294.255 272.976 294.255 272.646V270.889C295.463 270.559 296.672 270.01 297.77 269.351L298.979 270.559C299.199 270.779 299.528 270.779 299.748 270.559L302.714 267.593C302.934 267.373 302.934 267.044 302.714 266.824L301.505 265.615C302.165 264.517 302.604 263.309 302.934 262.1H304.581C304.911 262.1 305.131 261.88 305.131 261.551V257.267C305.131 257.047 304.911 256.717 304.472 256.827ZM291.509 265.506C288.323 265.506 285.686 262.869 285.686 259.683C285.686 256.498 288.323 253.861 291.509 253.861C294.694 253.861 297.331 256.498 297.331 259.683C297.221 262.869 294.694 265.506 291.509 265.506Z" fill="#A6A9B3"/>
<path d="M120.685 315.38C118.598 310.985 116.95 306.372 115.851 301.538C115.412 299.341 114.863 296.924 114.533 294.288C116.84 296.594 118.818 300.659 120.026 305.493C120.905 308.788 121.015 312.084 120.685 315.38Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
<path d="M203.183 312.853C202.414 311.205 201.645 309.667 200.986 308.239C198.899 303.845 197.251 299.78 195.713 295.606C201.645 299.121 204.721 306.042 203.183 312.853Z" fill="#232B41" class="tblr-illustrations-icons-production-c"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

39
src/illustrations/icons-workshop.svg Normal file
View File

@ -0,0 +1,39 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-workshop-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-workshop-b { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-icons-workshop-a { fill: black; opacity: 0.07; } .tblr-illustrations-icons-workshop-b { fill: #1A2030; } }
</style>
<path d="M146.096 308.287C146.096 353.698 194.162 386.744 215.396 423.467C237.278 461.391 242.626 519.155 280.418 541.146C317.153 562.428 369.45 538.659 414.861 538.659C460.272 538.659 512.605 562.428 549.292 541.146C587.096 519.276 592.444 461.391 614.314 423.467C635.595 386.744 683.614 353.77 683.614 308.287C683.614 262.803 635.475 229.83 614.314 193.143C592.444 155.182 587.108 97.2977 549.292 75.3792C512.557 54.0977 460.26 77.8667 414.849 77.8667C369.438 77.8667 317.141 54.1457 280.406 75.3792C242.494 97.2496 237.266 155.134 215.384 193.059C194.162 229.95 146.096 262.84 146.096 308.287Z" fill="#F7F8FC" class="tblr-illustrations-icons-workshop-a"/>
<path d="M182.469 511.717C182.469 514.781 282.207 517.317 405.294 517.317C528.381 517.317 628.12 514.781 628.12 511.717C628.12 508.653 528.381 506.249 405.294 506.249C282.207 506.249 182.469 508.797 182.469 511.717Z" fill="#A6A9B3" class="tblr-illustrations-icons-workshop-b"/>
<path d="M569.227 264.762H447.27V196.423H489.773C490.104 196.423 490.422 196.292 490.657 196.057C490.891 195.823 491.023 195.505 491.023 195.174C491.023 194.842 490.891 194.524 490.657 194.29C490.422 194.056 490.104 193.924 489.773 193.924H447.27V126.835H489.773C490.436 126.835 491.072 126.571 491.54 126.103C492.009 125.634 492.272 124.998 492.272 124.335C492.272 123.672 492.009 123.037 491.54 122.568C491.072 122.099 490.436 121.836 489.773 121.836H447.27V98.5955C447.27 98.264 447.138 97.9462 446.904 97.7118C446.67 97.4774 446.352 97.3457 446.02 97.3457C445.689 97.3457 445.371 97.4774 445.137 97.7118C444.902 97.9462 444.77 98.264 444.77 98.5955V121.836H377.681V98.5955C377.637 97.961 377.354 97.3668 376.889 96.9329C376.424 96.4989 375.812 96.2576 375.176 96.2576C374.54 96.2576 373.928 96.4989 373.462 96.9329C372.997 97.3668 372.714 97.961 372.67 98.5955V121.836H305.581V51.2497C305.581 50.9183 305.45 50.6004 305.215 50.366C304.981 50.1317 304.663 50 304.332 50C304 50 303.682 50.1317 303.448 50.366C303.213 50.6004 303.082 50.9183 303.082 51.2497V121.836H235.993V98.5955C235.993 97.9326 235.729 97.2968 235.261 96.8281C234.792 96.3593 234.156 96.096 233.493 96.096C232.83 96.096 232.194 96.3593 231.726 96.8281C231.257 97.2968 230.994 97.9326 230.994 98.5955V121.836H196.758C196.095 121.836 195.459 122.099 194.991 122.568C194.522 123.037 194.259 123.672 194.259 124.335C194.259 124.998 194.522 125.634 194.991 126.103C195.459 126.571 196.095 126.835 196.758 126.835H230.994V193.924H196.758C196.427 193.924 196.109 194.056 195.874 194.29C195.64 194.524 195.508 194.842 195.508 195.174C195.508 195.505 195.64 195.823 195.874 196.057C196.109 196.292 196.427 196.423 196.758 196.423H230.994V264.762H117.256C116.923 264.762 116.603 264.894 116.368 265.13C116.132 265.365 116 265.685 116 266.018C116 266.351 116.132 266.67 116.368 266.906C116.603 267.141 116.923 267.274 117.256 267.274H230.97V335.613H196.758C196.427 335.613 196.109 335.744 195.874 335.979C195.64 336.213 195.508 336.531 195.508 336.862C195.508 337.194 195.64 337.512 195.874 337.746C196.109 337.98 196.427 338.112 196.758 338.112H230.994V366.82C230.994 367.483 231.257 368.119 231.726 368.587C232.194 369.056 232.83 369.319 233.493 369.319C234.156 369.319 234.792 369.056 235.261 368.587C235.729 368.119 235.993 367.483 235.993 366.82V338.112H303.082V460.033C303.082 460.365 303.213 460.683 303.448 460.917C303.682 461.151 304 461.283 304.332 461.283C304.663 461.283 304.981 461.151 305.215 460.917C305.45 460.683 305.581 460.365 305.581 460.033V338.112H372.67V366.82C372.647 367.164 372.694 367.508 372.809 367.833C372.924 368.158 373.105 368.455 373.34 368.707C373.575 368.959 373.859 369.16 374.175 369.297C374.491 369.434 374.831 369.505 375.176 369.505C375.52 369.505 375.861 369.434 376.177 369.297C376.493 369.16 376.777 368.959 377.012 368.707C377.247 368.455 377.428 368.158 377.543 367.833C377.658 367.508 377.705 367.164 377.681 366.82V338.112H444.77V366.82C444.77 367.151 444.902 367.469 445.137 367.704C445.371 367.938 445.689 368.07 446.02 368.07C446.352 368.07 446.67 367.938 446.904 367.704C447.138 367.469 447.27 367.151 447.27 366.82V338.112H489.773C490.104 338.112 490.422 337.98 490.657 337.746C490.891 337.512 491.023 337.194 491.023 336.862C491.023 336.531 490.891 336.213 490.657 335.979C490.422 335.744 490.104 335.613 489.773 335.613H447.27V267.274H569.227C569.56 267.274 569.88 267.141 570.115 266.906C570.351 266.67 570.483 266.351 570.483 266.018C570.483 265.685 570.351 265.365 570.115 265.13C569.88 264.894 569.56 264.762 569.227 264.762ZM444.77 264.762H377.681V196.423H444.77V264.762ZM372.67 264.762H305.581V196.423H372.67V264.762ZM444.77 126.835V193.924H377.681V126.835H444.77ZM372.67 126.835V193.924H305.581V126.835H372.67ZM235.993 126.835H303.082V193.924H235.993V126.835ZM235.993 196.423H303.082V264.762H235.993V196.423ZM235.993 335.613V267.274H303.082V335.613H235.993ZM305.581 335.613V267.274H372.67V335.613H305.581ZM444.77 335.613H377.681V267.274H444.77V335.613Z" fill="#A6A9B3"/>
<path d="M410.871 177.521C410.554 171.893 408.093 166.601 403.994 162.732C399.895 158.863 394.469 156.711 388.832 156.72H285.969H284.684C279.078 157.06 273.813 159.526 269.963 163.614C266.113 167.703 263.969 173.107 263.967 178.723V281.598V282.883C264.28 288.513 266.74 293.809 270.84 297.681C274.939 301.552 280.367 303.705 286.005 303.696H388.832H390.13C395.74 303.368 401.012 300.908 404.868 296.82C408.724 292.732 410.871 287.325 410.871 281.706V178.723V177.521ZM330.083 200.857L330.143 199.992C330.349 198.202 331.206 196.55 332.551 195.351C333.896 194.152 335.635 193.489 337.437 193.489C339.239 193.489 340.978 194.152 342.323 195.351C343.668 196.55 344.525 198.202 344.731 199.992L344.791 200.857V230.238L344.731 231.103C344.525 232.894 343.668 234.546 342.323 235.745C340.978 236.944 339.239 237.607 337.437 237.607C335.635 237.607 333.896 236.944 332.551 235.745C331.206 234.546 330.349 232.894 330.143 231.103L330.083 230.238V200.857ZM338.374 266.949H337.437H336.584C334.793 266.743 333.141 265.886 331.942 264.541C330.743 263.196 330.08 261.457 330.08 259.655C330.08 257.853 330.743 256.114 331.942 254.769C333.141 253.424 334.793 252.567 336.584 252.361H337.521H338.374C340.164 252.567 341.816 253.424 343.016 254.769C344.215 256.114 344.878 257.853 344.878 259.655C344.878 261.457 344.215 263.196 343.016 264.541C341.816 265.886 340.164 266.743 338.374 266.949Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M338.362 266.865H337.425H336.572C334.782 266.659 333.13 265.802 331.93 264.457C330.731 263.112 330.068 261.373 330.068 259.571C330.068 257.769 330.731 256.03 331.93 254.685C333.13 253.34 334.782 252.483 336.572 252.277H337.509H338.362C340.153 252.483 341.805 253.34 343.004 254.685C344.203 256.03 344.866 257.769 344.866 259.571C344.866 261.373 344.203 263.112 343.004 264.457C341.805 265.802 340.153 266.659 338.362 266.865Z" fill="white"/>
<path d="M344.79 200.797V230.178L344.73 231.043C344.525 232.834 343.667 234.486 342.322 235.685C340.977 236.884 339.238 237.547 337.436 237.547C335.634 237.547 333.895 236.884 332.55 235.685C331.205 234.486 330.348 232.834 330.142 231.043L330.082 230.178V200.797L330.142 199.932C330.348 198.142 331.205 196.49 332.55 195.291C333.895 194.091 335.634 193.429 337.436 193.429C339.238 193.429 340.977 194.091 342.322 195.291C343.667 196.49 344.525 198.142 344.73 199.932L344.79 200.797Z" fill="white"/>
<path d="M410.162 173.231V257.108C401.005 240.801 387.078 212.466 386.297 189.814C385.756 174.457 378.978 164.267 371.732 157.73H394.708C396.742 157.73 398.755 158.131 400.633 158.91C402.511 159.69 404.217 160.833 405.653 162.273C407.088 163.713 408.226 165.422 408.999 167.303C409.773 169.183 410.168 171.198 410.162 173.231Z" fill="black" opacity="0.1"/>
<path d="M591.194 490.808L579.874 491.301C576.67 473.556 572.929 455.131 568.651 436.024C564.373 416.917 559.802 398.72 554.94 381.432C550.085 417.827 545.226 454.221 540.363 490.616L529.885 489.294C526.969 440.33 524.053 391.358 521.137 342.378H588.767C589.576 391.895 590.385 441.371 591.194 490.808Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M554.94 381.468C550.085 417.863 545.226 454.257 540.363 490.652L529.885 489.33C526.969 440.366 524.053 391.394 521.137 342.414H546.083L554.94 381.468Z" fill="black" opacity="0.1"/>
<path d="M516.018 512.222L540.135 508.905C540.135 508.905 540.928 502.56 536.975 500.421C533.021 498.282 519.803 506.43 516.018 512.222Z" fill="#232B41"/>
<path d="M570.945 515.19L595.063 511.885C595.063 511.885 595.856 505.541 591.902 503.39C587.949 501.239 574.731 509.338 570.945 515.19Z" fill="#232B41"/>
<path d="M500.827 227.222L499.265 230.479L488.835 252.265C488.835 252.265 482.766 248.275 474.138 242.495C457.086 231.043 430.001 212.61 420.063 204.258C412.853 198.25 403.48 193.215 400.836 182.748C398.433 173.135 401.677 161.575 405.643 161.118C409.248 160.686 413.766 168.905 417.299 180.069L471.603 210.759L499.241 226.381L500.827 227.222Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M499.265 226.333V230.479L488.835 252.265C488.835 252.265 482.766 248.275 474.138 242.495C470.87 230.995 471.134 217.861 471.639 210.711L499.265 226.333Z" fill="black" opacity="0.1"/>
<path d="M569.372 161.058C569.372 164.567 569.372 169.698 569.167 176.031C569.107 177.425 569.059 178.663 569.047 179.059C568.583 186.008 567.247 192.872 565.07 199.488C564.613 200.785 564.156 202.023 563.628 203.237C561.645 207.671 545.603 213.775 531.351 212.85C517.099 211.925 511.331 198.43 517.183 192.266C519.215 189.763 520.779 186.913 521.798 183.854C523.293 179.832 524.498 175.707 525.403 171.513C525.991 169.109 526.256 167.547 526.256 167.547L536.939 157.369L563.676 156.059C563.58 160.578 564.877 163.63 566.367 163.846C567.858 164.062 569.083 161.587 569.372 161.058Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M569.373 161.058C569.373 164.567 569.373 169.698 569.169 176.031C569.109 177.425 569.061 178.663 569.049 179.059C568.586 186.009 567.25 192.872 565.071 199.488C563.306 199.005 561.65 198.189 560.192 197.084C558.602 195.876 557.267 194.365 556.263 192.638C555.243 190.783 554.517 188.78 554.112 186.702C553.776 185.369 553.523 184.016 553.355 182.652C543.289 186.556 532.206 186.979 521.871 183.854C523.359 179.829 524.564 175.706 525.476 171.513C526.065 169.109 526.329 167.547 526.329 167.547L537 157.369L563.761 156.059C563.665 160.566 564.963 163.63 566.429 163.846C567.895 164.062 569.085 161.587 569.373 161.058Z" fill="black" opacity="0.1"/>
<path d="M510.202 165.432C511.115 167.213 512.219 168.889 513.494 170.431C515.075 172.459 516.941 174.248 519.034 175.743C528.467 182.508 542.587 182.22 554.796 174.769C556.872 173.506 558.841 172.075 560.684 170.491C560.695 170.531 560.695 170.572 560.684 170.612C560.828 172.061 560.864 173.519 560.792 174.974C560.792 175.659 560.792 175.851 560.792 176.295L560.732 176.74C560.732 177.545 559.53 183.109 559.831 186.113C560.067 188.088 560.906 189.943 562.234 191.424C562.68 188.486 563.853 185.706 565.647 183.337C566.354 182.513 567.113 181.735 567.918 181.006C571.69 176.781 573.792 171.325 573.83 165.661C573.817 163.339 573.448 161.033 572.737 158.823C572.34 157.357 570.61 152.106 567.113 149.342C559.903 143.634 543.476 147.624 535.425 150.796C534.007 151.373 531.567 152.418 529.416 151.998C528.987 151.914 528.579 151.747 528.215 151.505C525.932 150.015 525.595 146.314 526.1 143.922C527.061 139.296 531.928 135.691 538.417 134.597C524.165 131.99 511.428 139.56 508.243 150.219C506.873 155.351 507.577 160.815 510.202 165.432Z" fill="#232B41"/>
<path d="M510.201 165.432C511.114 167.213 512.218 168.889 513.494 170.431C515.075 172.459 516.941 174.248 519.033 175.743C528.467 182.508 542.586 182.22 554.795 174.769C557.739 172.618 560.251 170.78 560.683 170.491L564.709 166.55C558.063 170.232 550.803 172.675 543.283 173.76C536.626 174.685 527.397 176.019 518.048 171.2C515.159 169.681 512.514 167.737 510.201 165.432Z" fill="black" opacity="0.5"/>
<path d="M583.082 264.173C582.796 275.857 584.037 287.527 586.771 298.89C591.095 316.706 598.975 333.464 609.939 348.158C584.86 346.596 569.022 346.211 559.024 346.175C556.801 346.175 547.801 346.175 534.643 346.067L517.411 345.875C517.411 345.022 517.519 344.144 517.555 343.207C517.798 338.094 517.778 332.972 517.495 327.862C516.846 316.278 514.959 308.936 513.613 301.269C511.572 289.464 510.73 277.482 511.102 265.507C503.892 264.762 496.722 264.033 489.592 263.32C487.668 258.937 486.121 254.399 484.966 249.753C482.057 238.017 481.647 225.8 483.764 213.896C489.473 217.607 495.647 220.548 502.125 222.644C507.229 224.521 512.601 225.567 518.035 225.744C519.165 225.744 520.343 225.696 521.568 225.6L522.313 225.528C523.987 225.349 525.649 225.068 527.288 224.687C530.923 224.226 534.584 224.005 538.248 224.026C545.134 223.17 552.077 222.861 559.012 223.1C559.998 223.1 560.959 223.172 561.908 223.233C570.006 223.576 578.039 224.826 585.858 226.958C597.984 230.801 609.163 237.16 618.663 245.62C613.166 249.18 608.372 253.722 604.52 259.018C601.253 263.53 598.704 268.52 596.961 273.811L583.082 264.173Z" fill="#DADBE0"/>
<path d="M609.939 348.158C584.86 346.596 569.022 346.211 559.024 346.175C556.801 346.175 547.8 346.175 534.642 346.067L517.41 345.875C517.41 345.022 517.518 344.144 517.554 343.207C566.522 320.075 583.105 264.173 583.105 264.173C582.812 275.856 584.044 287.526 586.77 298.89C591.094 316.706 598.975 333.464 609.939 348.158Z" fill="black" opacity="0.1"/>
<path d="M638.659 384.977L627.147 367.865C626.694 367.198 625.995 366.737 625.203 366.581C624.411 366.426 623.59 366.59 622.918 367.036L619.733 369.175L612.451 374.066C611.785 374.524 611.326 375.226 611.173 376.019C611.02 376.813 611.185 377.635 611.634 378.308L623.158 395.396C618.904 396.029 614.559 395.383 610.673 393.541C606.787 391.699 603.537 388.743 601.334 385.05C599.132 381.356 598.077 377.091 598.305 372.797C598.532 368.503 600.03 364.373 602.609 360.932L600.206 357.327L597.803 353.722L586.663 337.151L585.69 335.721L557.811 294.395C553.65 295.483 549.259 295.311 545.195 293.899C541.132 292.488 537.579 289.902 534.988 286.469C532.397 283.035 530.884 278.91 530.64 274.615C530.397 270.321 531.435 266.051 533.622 262.347L545.134 279.471C545.355 279.803 545.64 280.089 545.972 280.311C546.305 280.532 546.678 280.686 547.07 280.763C547.462 280.84 547.865 280.839 548.257 280.76C548.649 280.68 549.021 280.524 549.351 280.3L559.794 273.282C560.464 272.83 560.927 272.131 561.083 271.338C561.238 270.546 561.073 269.723 560.623 269.052L549.123 251.94C553.377 251.315 557.721 251.966 561.604 253.812C565.488 255.658 568.736 258.615 570.937 262.309C573.137 266.003 574.192 270.267 573.967 274.561C573.742 278.855 572.247 282.985 569.672 286.428L597.574 327.814L601.528 333.738L609.423 345.49L614.434 352.941C618.594 351.859 622.982 352.036 627.042 353.449C631.102 354.862 634.651 357.448 637.241 360.879C639.831 364.31 641.345 368.433 641.591 372.724C641.837 377.016 640.804 381.284 638.623 384.989L638.659 384.977Z" fill="#A6A9B3"/>
<path d="M638.66 384.977L627.147 367.865C626.694 367.198 625.995 366.737 625.203 366.581C624.411 366.426 623.59 366.59 622.918 367.036L619.733 369.175C613.725 363.936 606.935 359.249 600.158 357.279L597.755 353.674L586.615 337.103C591.688 336.495 596.686 335.368 601.528 333.738L609.423 345.49L614.434 352.941C618.594 351.859 622.982 352.036 627.042 353.449C631.102 354.862 634.651 357.448 637.241 360.879C639.831 364.31 641.345 368.433 641.591 372.724C641.837 377.016 640.804 381.284 638.623 384.989L638.66 384.977Z" fill="black" opacity="0.1"/>
<path d="M642.386 289.048C643.587 319.955 601.697 339.35 586.7 339.061C584.405 339.061 579.346 338.905 576.318 335.288C575.163 333.91 574.405 332.243 574.128 330.466C573.851 328.689 574.063 326.871 574.744 325.206C576.847 320.844 582.843 320.099 587.001 319.078C601.721 315.473 617.367 302.254 617.751 291.235C617.992 284.53 612.512 278.654 607.285 274.592C604.57 272.498 601.688 270.629 598.669 269.004C602.166 261.303 607.363 254.496 613.87 249.092C616.024 250.072 618.1 251.213 620.083 252.505C624.502 255.344 628.437 258.874 631.739 262.96C634.142 265.916 641.893 276.238 642.386 289.048Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M620.107 252.505C615.3 258.201 609.52 266.445 607.309 274.592C604.594 272.498 601.713 270.629 598.693 269.004C602.191 261.303 607.388 254.496 613.894 249.092C616.048 250.072 618.125 251.213 620.107 252.505Z" fill="black" opacity="0.1"/>
<path d="M559.002 223.1C557.741 227.126 549.629 230.238 539.776 230.238C532.061 230.238 525.356 228.316 522.279 225.528C527.915 224.675 534.068 223.966 540.653 223.533C547.238 223.1 553.342 222.992 559.002 223.1Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M401.282 430.785C390.807 430.775 380.743 434.855 373.232 442.157C365.722 449.458 361.359 459.404 361.074 469.875V471.005V472.302C361.329 480.198 363.903 487.843 368.476 494.285C373.049 500.727 379.417 505.679 386.786 508.525C394.156 511.37 402.2 511.982 409.915 510.285C417.63 508.588 424.674 504.656 430.169 498.981C435.664 493.305 439.366 486.137 440.813 478.371C442.259 470.605 441.387 462.585 438.305 455.312C435.223 448.038 430.067 441.833 423.481 437.472C416.895 433.11 409.17 430.784 401.27 430.785H401.282ZM401.787 491.084H401.282H400.813C399.831 490.976 398.923 490.51 398.263 489.773C397.603 489.037 397.238 488.083 397.238 487.095C397.238 486.106 397.603 485.153 398.263 484.416C398.923 483.68 399.831 483.213 400.813 483.105H401.33H401.787C402.769 483.213 403.678 483.68 404.337 484.416C404.997 485.153 405.362 486.106 405.362 487.095C405.362 488.083 404.997 489.037 404.337 489.773C403.678 490.51 402.769 490.976 401.787 491.084ZM401.787 474.994C400.727 475.119 399.661 474.819 398.823 474.159C397.985 473.499 397.443 472.533 397.317 471.473V471.005V454.914V454.446C397.425 453.46 397.893 452.549 398.631 451.887C399.37 451.225 400.327 450.859 401.318 450.859C402.31 450.859 403.266 451.225 404.005 451.887C404.743 452.549 405.211 453.46 405.32 454.446V454.914V471.005V471.473C405.31 471.62 405.282 471.766 405.236 471.906C405.045 472.717 404.607 473.45 403.983 474.003C403.359 474.556 402.579 474.902 401.751 474.994H401.787Z" fill="#232B41"/>
<path d="M439.122 484.668C435.949 493.47 429.806 500.891 421.751 505.652C413.696 510.414 404.233 512.217 394.991 510.753C385.749 509.288 377.307 504.648 371.119 497.629C364.93 490.611 361.382 481.655 361.086 472.302V471.005V469.875C361.326 461.411 364.229 453.237 369.384 446.519C374.538 439.8 381.68 434.879 389.794 432.455C387.716 438.093 387.313 444.212 388.635 450.073C389.957 455.935 392.947 461.289 397.244 465.489C399.651 467.91 402.315 470.061 405.187 471.906C412.866 476.941 423.813 481.423 439.122 484.668Z" fill="black" opacity="0.3"/>
<path d="M401.785 491.084H401.28H400.811C399.829 490.976 398.921 490.51 398.261 489.773C397.601 489.037 397.236 488.083 397.236 487.095C397.236 486.106 397.601 485.153 398.261 484.416C398.921 483.68 399.829 483.213 400.811 483.105H401.328H401.785C402.767 483.213 403.675 483.68 404.335 484.416C404.995 485.153 405.36 486.106 405.36 487.095C405.36 488.083 404.995 489.037 404.335 489.773C403.675 490.51 402.767 490.976 401.785 491.084Z" fill="white"/>
<path d="M405.308 454.914V471.005V471.473C405.2 472.459 404.731 473.37 403.993 474.032C403.255 474.694 402.298 475.06 401.306 475.06C400.315 475.06 399.358 474.694 398.62 474.032C397.881 473.37 397.413 472.459 397.305 471.473V471.005V454.914V454.446C397.413 453.46 397.881 452.549 398.62 451.887C399.358 451.225 400.315 450.859 401.306 450.859C402.298 450.859 403.255 451.225 403.993 451.887C404.731 452.549 405.2 453.46 405.308 454.446V454.914Z" fill="white"/>
<path d="M367.983 432.455L357 414.971L342.579 392.031L341.846 390.913L341.041 389.856C339.247 387.644 337.022 385.819 334.502 384.491C331.983 383.163 329.22 382.36 326.381 382.129H325.528L324.759 382.033H323.99L272.462 383.499L271.068 383.619C267.645 384.037 264.369 385.259 261.509 387.187C258.65 389.115 256.288 391.693 254.617 394.711L230.332 441.696C228.828 444.889 228.15 448.408 228.36 451.931C228.57 455.454 229.661 458.868 231.533 461.86L245.521 484.115L249.51 490.472L256.949 502.296L257.706 503.414C259.793 506.301 262.577 508.613 265.797 510.136C269.018 511.659 272.571 512.344 276.127 512.126L328.063 512.294L329.493 512.162C332.898 511.799 336.167 510.628 339.029 508.747C341.89 506.866 344.261 504.329 345.944 501.347L368.68 453.749L369.281 452.547C370.762 449.357 371.419 445.846 371.192 442.336C370.966 438.825 369.862 435.428 367.983 432.455ZM282.821 420.162C284.178 419.307 285.802 418.979 287.386 419.24C288.969 419.501 290.401 420.334 291.412 421.58L291.857 422.205L305.808 444.412L306.181 445.097C306.878 446.548 307.017 448.206 306.569 449.753C306.121 451.3 305.119 452.628 303.754 453.483C302.389 454.338 300.757 454.66 299.17 454.388C297.583 454.115 296.151 453.267 295.15 452.006L294.717 451.381L280.766 429.186L280.393 428.514C279.7 427.067 279.565 425.415 280.013 423.874C280.46 422.334 281.46 421.012 282.821 420.162ZM318.39 475.174L317.705 475.655L317.02 476.016C315.571 476.701 313.921 476.831 312.382 476.381C310.844 475.931 309.524 474.932 308.672 473.574C307.821 472.216 307.497 470.593 307.762 469.012C308.027 467.431 308.862 466.002 310.11 464.996L310.783 464.528L311.456 464.143C312.786 463.516 314.288 463.353 315.721 463.68C317.154 464.006 318.437 464.804 319.363 465.946C319.571 466.202 319.755 466.475 319.916 466.763C320.709 468.116 320.991 469.708 320.711 471.251C320.431 472.794 319.608 474.186 318.39 475.174Z" fill="#DADBE0"/>
<path d="M304.379 453.004C303.708 453.544 302.936 453.948 302.109 454.19C301.282 454.433 300.415 454.51 299.558 454.417C298.701 454.325 297.871 454.064 297.114 453.65C296.358 453.237 295.691 452.678 295.15 452.006L294.718 451.381L280.766 429.187L280.394 428.514C279.719 427.065 279.595 425.42 280.047 423.887C280.498 422.354 281.494 421.039 282.846 420.188C284.199 419.337 285.815 419.009 287.393 419.265C288.97 419.521 290.4 420.344 291.413 421.58L291.858 422.205L305.809 444.412L306.182 445.097C306.811 446.426 306.975 447.928 306.648 449.362C306.321 450.796 305.522 452.078 304.379 453.004Z" fill="white"/>
<path d="M369.305 452.475L368.705 453.677L345.969 501.275C344.286 504.257 341.915 506.794 339.054 508.675C336.192 510.556 332.923 511.727 329.518 512.09L328.088 512.222L276.152 512.054C272.596 512.272 269.043 511.587 265.822 510.064C262.602 508.541 259.818 506.228 257.731 503.341L256.973 502.224L249.535 490.399C270.512 490.637 291.141 485.032 309.114 474.213C312.868 471.953 316.479 469.465 319.929 466.763C336.938 453.352 349.797 435.394 357.012 414.971L367.996 432.455C369.864 435.419 370.963 438.802 371.192 442.299C371.421 445.795 370.772 449.293 369.305 452.475Z" fill="black" opacity="0.1"/>
<path d="M318.392 475.174L317.707 475.655L317.022 476.016C315.573 476.701 313.923 476.831 312.384 476.381C310.846 475.931 309.526 474.932 308.674 473.574C307.823 472.216 307.499 470.593 307.764 469.012C308.029 467.431 308.865 466.002 310.113 464.996L310.785 464.528L311.458 464.143C312.909 463.456 314.562 463.325 316.103 463.775C317.644 464.224 318.966 465.223 319.821 466.582C320.675 467.941 321.001 469.566 320.738 471.149C320.475 472.733 319.64 474.165 318.392 475.174Z" fill="white"/>
<path d="M559.002 223.1C557.741 227.126 549.629 230.238 539.776 230.238C532.061 230.238 525.356 228.316 522.279 225.528C527.915 224.675 534.068 223.966 540.653 223.533C547.238 223.1 553.342 222.992 559.002 223.1Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

42
src/illustrations/icons.svg Normal file
View File

@ -0,0 +1,42 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-b { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-icons-c { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-icons-a { fill: black; opacity: 0.07; } .tblr-illustrations-icons-b { fill: #454C5E; } .tblr-illustrations-icons-c { fill: #1A2030; } }
</style>
<path d="M128 305.291C128 351.259 176.624 384.75 198.161 421.895C220.303 460.284 225.723 518.776 263.994 541.036C301.174 562.585 354.127 538.51 400.107 538.51C446.087 538.51 499.028 562.585 536.208 541.036C574.479 518.894 579.899 460.284 602.041 421.895C623.578 384.715 672.202 351.425 672.202 305.291C672.202 259.157 623.459 225.832 602.041 188.675C579.899 150.286 574.479 91.6994 536.208 69.5338C499.028 47.9967 446.075 72.0599 400.107 72.0599C354.139 72.0599 301.174 47.9967 263.994 69.5338C225.605 91.6994 220.351 150.286 198.161 188.675C176.624 225.974 128 259.311 128 305.291Z" fill="#F7F8FC" class="tblr-illustrations-icons-a"/>
<path d="M309.878 138.664L259.783 120.435C258.372 119.922 256.873 119.691 255.373 119.757C253.873 119.823 252.401 120.184 251.04 120.819C249.68 121.455 248.458 122.353 247.445 123.461C246.432 124.569 245.647 125.866 245.136 127.278L226.896 177.373C226.382 178.784 226.151 180.281 226.216 181.781C226.281 183.28 226.641 184.752 227.275 186.113C227.91 187.473 228.806 188.695 229.913 189.708C231.02 190.722 232.316 191.508 233.727 192.02L283.81 210.296C286.658 211.331 289.801 211.193 292.547 209.912C295.294 208.631 297.419 206.312 298.457 203.464L316.697 153.369C317.219 151.956 317.456 150.454 317.396 148.949C317.335 147.444 316.978 145.966 316.344 144.599C315.71 143.232 314.813 142.005 313.703 140.986C312.593 139.967 311.293 139.178 309.878 138.664ZM289.823 171.42C289.586 172.403 288.972 173.252 288.113 173.785C287.253 174.318 286.219 174.491 285.233 174.266L284.806 174.136L264.811 166.854L270.029 178.049C270.424 178.888 270.498 179.841 270.238 180.73C269.978 181.619 269.402 182.382 268.618 182.876L268.191 183.113C267.351 183.5 266.399 183.567 265.513 183.303C264.627 183.039 263.868 182.461 263.376 181.678L263.139 181.263L254.031 161.742C253.953 161.569 253.886 161.39 253.829 161.209L253.722 160.722L253.663 160.248V159.821L253.722 159.382V159.157L253.829 158.825L253.936 158.564L254.149 158.137L254.41 157.781L254.707 157.437L255.027 157.153L255.383 156.904L255.798 156.678L275.319 147.57C276.199 147.144 277.209 147.072 278.141 147.371C279.072 147.669 279.853 148.315 280.321 149.173C280.79 150.032 280.909 151.038 280.656 151.983C280.402 152.927 279.795 153.738 278.96 154.247L278.533 154.472L267.337 159.691L287.333 166.972C288.223 167.277 288.969 167.899 289.428 168.72C289.888 169.54 290.028 170.502 289.823 171.42Z" fill="#232B41" class="tblr-illustrations-icons-b"/>
<path d="M555.111 152.077C554.482 151.899 553.925 151.721 553.273 151.531L551.529 150.974L550.675 150.701L549.051 150.12L547.509 149.539C534.191 144.261 530.229 137.086 532.839 123.009L533.159 121.396L533.538 119.712L533.752 118.846L534.214 117.067L534.463 116.154L534.724 115.217C534.902 114.6 535.092 114.031 535.27 113.391L535.827 111.636L536.112 110.793L536.681 109.169L537.274 107.627C542.54 94.3086 549.715 90.3475 563.792 92.9566L565.417 93.2768L567.101 93.6563L567.967 93.8698L569.746 94.3323L571.584 94.8423L573.41 95.3878L575.166 95.9452L576.008 96.2299L577.632 96.7991L579.186 97.3803C592.492 102.658 596.465 109.833 593.844 123.91L593.524 125.523L593.145 127.207C593.074 127.492 593.014 127.788 592.931 128.085L592.481 129.852L591.959 131.702L591.413 133.528L590.868 135.284L590.583 136.126L590.002 137.75L589.421 139.304C584.143 152.61 576.968 156.583 562.891 153.962L561.278 153.642L559.594 153.263L558.728 153.049L556.949 152.587L556.036 152.338L555.111 152.077ZM566.852 135.96C567.212 136.634 567.819 137.144 568.545 137.384C569.272 137.623 570.063 137.574 570.754 137.246C571.445 136.918 571.983 136.337 572.257 135.622C572.531 134.908 572.519 134.116 572.224 133.41L572.058 133.078L567.397 124.622L575.842 119.949C576.478 119.599 576.964 119.028 577.208 118.344C577.453 117.661 577.439 116.911 577.17 116.237L577.004 115.905C576.653 115.269 576.083 114.783 575.399 114.538C574.716 114.294 573.966 114.307 573.292 114.577L572.96 114.743L561.906 120.85C561.272 121.203 560.788 121.773 560.543 122.456C560.299 123.139 560.311 123.888 560.578 124.562L560.732 124.906L566.852 135.96ZM555.407 132.663C555.768 133.337 556.374 133.847 557.101 134.087C557.827 134.326 558.618 134.277 559.309 133.949C560 133.621 560.539 133.04 560.812 132.325C561.086 131.611 561.075 130.819 560.78 130.113L560.614 129.781L555.977 121.349L564.397 116.605C565.028 116.253 565.51 115.683 565.752 115.002C565.994 114.322 565.981 113.576 565.713 112.904L565.559 112.561C565.207 111.926 564.636 111.442 563.953 111.198C563.27 110.953 562.522 110.965 561.847 111.232L561.515 111.398L550.45 117.506C549.818 117.86 549.336 118.432 549.094 119.115C548.852 119.797 548.866 120.545 549.134 121.218L549.288 121.562L555.407 132.663Z" fill="#A6A9B3"/>
<path d="M304.446 212.668C303.985 211.246 303.257 209.925 302.299 208.778C299.263 204.318 294.519 202.397 290.44 204.212C285.257 206.584 283.063 213.984 285.696 221.1C285.949 221.865 286.3 222.594 286.739 223.27C289.681 228.844 295.136 231.643 299.654 229.556C304.707 227.207 306.924 219.617 304.446 212.668Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M304.448 212.667C303.987 211.246 303.259 209.925 302.301 208.777C300.392 210.402 298.921 211.731 297.878 212.62C294.96 215.122 293.833 216.047 292.137 217.708C290.774 219.036 289.766 220.175 289.066 220.934L287.5 222.546L286.646 223.104C289.588 228.666 295.031 231.477 299.538 229.389C304.709 227.207 306.926 219.617 304.448 212.667Z" fill="black" opacity="0.1"/>
<path d="M539.836 158.647C539.764 157.154 539.978 155.66 540.464 154.247C541.721 149.005 545.481 145.518 549.881 145.791C555.562 146.123 560.246 152.302 560.341 159.88C560.372 160.676 560.304 161.473 560.139 162.252C559.368 168.49 555.265 173.044 550.296 172.701C544.757 172.345 540.002 166.024 539.836 158.647Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M539.836 158.647C539.764 157.154 539.978 155.661 540.464 154.247C542.836 155.089 544.674 155.813 545.967 156.263C549.584 157.58 550.972 158.03 553.142 158.979C554.886 159.75 556.249 160.438 557.163 160.912L559.191 161.873L560.187 162.086C559.416 168.324 555.324 172.879 550.367 172.535C544.757 172.345 540.002 166.024 539.836 158.647Z" fill="black" opacity="0.1"/>
<path d="M534.263 158.019C526.829 169.038 517.986 179.037 507.958 187.762C501.635 193.571 494.635 198.596 487.109 202.729C478.644 207.256 469.556 210.505 460.14 212.371L387.678 216.226C382.638 215.289 374.301 214.423 366.331 217.411C364.144 218.209 362.07 219.289 360.164 220.625C358.48 221.811 355.42 224.183 349.004 235.165C337.144 255.22 335.081 267.696 330.598 267.791C326.957 267.862 321.525 257.651 314.208 209.952L276.969 232.295C280.742 253.003 289.479 272.487 302.431 289.079L304.032 291.095C312.429 301.65 319.711 310.071 329.946 310.533C332.258 310.635 334.566 310.23 336.706 309.347C349.751 304.129 360.425 282.924 371.265 261.909L372.273 259.904C374.099 272.784 375.878 285.664 377.609 298.543C379.626 312.371 381.476 326.223 383.48 339.886C383.48 339.886 383.48 339.957 383.48 339.992L454.448 336.221C455.136 322.203 455.634 308.197 456.345 294.357C456.713 286.387 457.104 278.583 457.46 270.637L458.445 249.124C480.1 248.851 508.255 235.984 525.44 224.871C543.295 213.588 558.097 198.082 568.537 179.722C571.4 174.504 573.861 169.076 575.902 163.486C561.787 165.806 547.301 163.904 534.263 158.019Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M225.842 521.527C225.842 524.611 303.012 527.196 398.162 527.196C493.312 527.196 570.494 524.611 570.494 521.527C570.494 518.444 493.312 515.989 398.162 515.989C303.012 515.989 225.842 518.563 225.842 521.527Z" fill="#A6A9B3" class="tblr-illustrations-icons-c"/>
<path d="M429.957 520.116L456.926 519.642C456.926 519.642 458.539 512.787 454.649 510.024C450.759 507.26 434.997 514.068 429.957 520.116Z" fill="#232B41" class="tblr-illustrations-icons-b"/>
<path d="M368.264 519.831L395.221 519.049C395.221 519.049 396.762 512.17 392.849 509.454C388.935 506.738 373.233 513.724 368.264 519.831Z" fill="#232B41" class="tblr-illustrations-icons-b"/>
<path d="M454.482 336.233L453.901 496.515L442.753 497.346C433.993 457.276 425.236 417.198 416.484 377.113L392.504 498.816L381.83 500.204C382.368 446.78 382.909 393.345 383.455 339.897L405.988 338.711L454.482 336.233Z" fill="#DADBE0"/>
<path d="M416.484 377.113L392.504 498.816L381.83 500.204C382.368 446.78 382.909 393.345 383.455 339.898L405.988 338.712L416.484 377.113Z" fill="black" opacity="0.1"/>
<path d="M384.997 51.4361L383.811 51.1278L382.625 50.8668L382.044 50.7483L380.917 50.5348L379.838 50.3569C370.469 48.9219 365.796 51.7089 362.606 60.6392L362.25 61.671L361.906 62.762L361.728 63.3313L361.396 64.5173L361.242 65.1221L361.076 65.7507C360.981 66.1658 360.874 66.569 360.779 66.9366L360.518 68.1226L360.4 68.7037L360.186 69.8304L359.997 70.9096C358.573 80.2787 361.36 84.9514 370.291 88.1416L371.322 88.4974L372.414 88.8413L372.983 89.0192L374.169 89.3513L375.355 89.6715L376.541 89.968L377.727 90.2289L378.308 90.3475L379.494 90.561L380.573 90.7507C389.942 92.1739 394.615 89.3869 397.805 80.4566L398.161 79.4248L398.505 78.3337C398.56 78.1598 398.619 77.97 398.683 77.7645L399.015 76.5785L399.323 75.3925L399.631 74.2066L399.892 73.0206L400.011 72.4395L400.224 71.2535L400.402 70.1743C401.802 60.8645 399.015 56.1207 390.084 52.9541L389.053 52.5984L387.961 52.2544L387.392 52.0765L386.206 51.7563L385.601 51.5903L384.997 51.4361ZM386.384 64.5766C386.815 64.3071 387.334 64.2149 387.831 64.3193C388.329 64.4236 388.767 64.7164 389.054 65.1363C389.34 65.5562 389.453 66.0707 389.369 66.5721C389.285 67.0735 389.01 67.5228 388.602 67.8261L388.4 67.9566L382.826 71.2417L386.1 76.7327C386.346 77.1441 386.434 77.6315 386.347 78.1032C386.259 78.5749 386.003 78.9985 385.625 79.2943L385.424 79.4367C385.009 79.6828 384.519 79.7692 384.045 79.6797C383.571 79.5901 383.146 79.3308 382.85 78.9504L382.72 78.7488L378.474 71.5382C378.228 71.1253 378.142 70.6371 378.232 70.1653C378.322 69.6935 378.58 69.2707 378.96 68.9765L379.162 68.8342L386.384 64.5766ZM378.735 62.6434C379.166 62.374 379.684 62.2818 380.182 62.3861C380.68 62.4905 381.118 62.7832 381.404 63.2032C381.691 63.6231 381.804 64.1376 381.72 64.639C381.635 65.1403 381.36 65.5897 380.952 65.893L380.751 66.0234L375.26 69.3086L378.533 74.7995C378.78 75.211 378.868 75.6984 378.78 76.1701C378.693 76.6418 378.436 77.0653 378.059 77.3612L377.857 77.5035C377.443 77.7522 376.952 77.8401 376.478 77.7505C376.003 77.6608 375.578 77.3999 375.284 77.0173L375.153 76.8157L370.86 69.6288C370.615 69.2159 370.529 68.7277 370.618 68.2559C370.708 67.7841 370.967 67.3613 371.346 67.0671L371.548 66.9248L378.735 62.6434Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M232.79 347.618L230.418 348.65L228.2 349.682L227.132 350.192L225.069 351.235L223.124 352.267C206.426 361.506 202.393 371.658 208.24 389.826L208.952 391.914L209.734 394.084C209.865 394.44 210.007 394.819 210.161 395.187L211.063 397.464L211.549 398.65L212.059 399.836C212.403 400.631 212.747 401.401 213.091 402.208L214.122 404.426L214.644 405.493L215.676 407.557L216.72 409.502C225.947 426.2 236.098 430.232 254.267 424.385L256.355 423.674L258.525 422.891C258.881 422.761 259.26 422.618 259.628 422.464L261.905 421.563L264.277 420.567L266.649 419.535L268.866 418.503L269.934 417.981L271.997 416.949L273.942 415.906C290.641 406.679 294.673 396.527 288.826 378.358L288.126 376.271L287.332 374.101C287.201 373.745 287.059 373.365 286.905 372.998L286.004 370.721L285.007 368.349L283.976 365.977L282.944 363.759L282.434 362.68L281.39 360.628L280.358 358.683C271.12 341.985 260.968 337.953 242.799 343.799L240.712 344.499L238.541 345.294L237.438 345.721L235.161 346.622L233.975 347.108L232.79 347.618ZM251.065 366.937C251.449 366.015 252.167 365.271 253.075 364.854C253.983 364.437 255.014 364.378 255.964 364.687C256.914 364.997 257.713 365.653 258.2 366.525C258.688 367.397 258.829 368.421 258.596 369.392L258.442 369.867L253.698 381.821L265.664 386.565C266.561 386.921 267.297 387.593 267.733 388.453C268.17 389.313 268.278 390.304 268.036 391.238L267.882 391.712C267.523 392.61 266.85 393.346 265.988 393.782C265.125 394.219 264.133 394.326 263.198 394.084L262.723 393.93L247.068 387.727C246.173 387.367 245.438 386.693 245.002 385.831C244.566 384.969 244.457 383.978 244.697 383.043L244.851 382.568L251.065 366.937ZM236.49 373.235C236.874 372.313 237.591 371.569 238.499 371.152C239.407 370.735 240.439 370.675 241.389 370.985C242.339 371.294 243.137 371.951 243.625 372.823C244.113 373.695 244.254 374.718 244.021 375.69L243.866 376.164L239.123 388.131L251.089 392.874C251.986 393.231 252.721 393.902 253.158 394.762C253.595 395.623 253.702 396.613 253.461 397.547L253.307 398.021C252.948 398.919 252.274 399.655 251.412 400.092C250.55 400.528 249.558 400.636 248.622 400.393L248.148 400.239L232.493 394.037C231.595 393.678 230.859 393.004 230.423 392.142C229.986 391.28 229.879 390.288 230.121 389.352L230.275 388.878L236.49 373.235Z" fill="#A6A9B3"/>
<path d="M593.75 281.987C597.127 282.859 600.022 285.033 601.8 288.033C603.578 291.034 604.095 294.617 603.238 297.997L588.164 357.616C587.295 360.992 585.123 363.886 582.125 365.665C579.126 367.443 575.545 367.96 572.166 367.103L512.547 352.03C509.16 351.174 506.251 349.007 504.461 346.007C502.671 343.007 502.145 339.419 503 336.031L518.062 276.413C518.921 273.025 521.089 270.116 524.091 268.326C527.093 266.536 530.683 266.011 534.072 266.866L593.75 281.987ZM561.255 297.76C560.959 297.264 560.569 296.832 560.106 296.487C559.643 296.142 559.117 295.892 558.557 295.751C557.998 295.61 557.416 295.581 556.845 295.665C556.274 295.75 555.725 295.946 555.23 296.242L533.883 308.968L533.42 309.276L533.052 309.596L532.732 309.964L532.424 310.379L532.175 310.83L531.961 311.351L531.867 311.66L531.795 312.051V312.3V312.834V313.32L531.902 313.854L532.092 314.411C532.175 314.611 532.27 314.805 532.376 314.992L545.114 336.34L545.422 336.79C546.08 337.635 547.025 338.21 548.078 338.407C549.131 338.603 550.219 338.408 551.138 337.858L551.589 337.549C552.43 336.888 553.001 335.943 553.198 334.892C553.394 333.84 553.202 332.753 552.656 331.833L545.303 319.594L569.082 325.607L569.592 325.702C570.709 325.861 571.844 325.585 572.763 324.93C573.681 324.275 574.312 323.291 574.524 322.183C574.736 321.075 574.513 319.928 573.902 318.98C573.29 318.031 572.337 317.355 571.24 317.091L547.497 311.102L559.725 303.809L560.187 303.488C561.035 302.83 561.612 301.883 561.809 300.827C562.006 299.771 561.808 298.68 561.255 297.76Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M373.766 156.999C375.141 160.556 377.324 165.846 379.945 172.143C380.597 173.59 381.13 174.741 381.308 175.191C384.583 182.038 388.677 188.461 393.5 194.321C394.556 195.507 395.421 196.515 396.477 197.653C399.252 200.405 410.495 200.915 421.868 198.389C425.811 197.545 429.641 196.24 433.277 194.499C444.722 189.245 447.141 177.694 443.287 171.313C442.39 169.757 441.036 168.515 439.409 167.755C436.35 166.019 433.603 163.782 431.285 161.138C428.072 157.699 425.178 153.976 422.639 150.013C421.758 148.828 420.946 147.592 420.208 146.313L405.217 140.205L377.442 149.693C379.328 154.247 379.209 157.995 377.857 158.777C376.505 159.56 374.276 157.485 373.766 156.999Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M373.766 156.999C375.141 160.556 377.324 165.846 379.945 172.143C380.597 173.59 381.13 174.74 381.308 175.191C384.583 182.038 388.677 188.461 393.5 194.321C395.087 193.105 396.448 191.62 397.52 189.933C398.644 188.043 399.416 185.966 399.797 183.801C400.106 181.484 400.07 179.134 399.691 176.828C399.513 175.369 399.145 173.815 398.849 172.416C410.7 172.366 422.189 168.326 431.463 160.948C428.25 157.509 425.356 153.786 422.817 149.823C421.932 148.649 421.12 147.421 420.386 146.147L405.383 140.063L377.608 149.551C379.506 154.105 379.363 157.852 378.011 158.623C376.659 159.394 374.311 157.544 373.801 157.07" fill="black" opacity="0.1"/>
<path d="M372.354 164.174C374.454 169.917 378.649 174.653 384.095 177.433C385.281 177.871 386.254 178.381 387.25 178.868C389.954 180.567 392.195 182.91 393.773 185.687C394.577 183.731 394.723 181.566 394.188 179.52C393.31 176.46 390.001 171.218 389.752 170.471L389.598 170.02C389.44 169.57 389.238 169.137 388.993 168.728C388.333 167.279 387.817 165.77 387.451 164.221V164.043C396.002 165.988 419.638 169.487 429.565 154.733C431.086 152.406 432.317 149.901 433.229 147.274C433.36 147.043 433.444 146.789 433.479 146.527C433.705 145.876 433.867 145.204 433.965 144.522L434.06 144.321C434.441 142.535 434.497 140.695 434.226 138.889V138.237C434.118 137.446 433.857 136.684 433.455 135.995C432.113 133.233 429.824 131.044 427.003 129.828C421.749 127.243 415.286 126.946 411.716 126.816C398.232 126.069 380.015 131.109 373.433 145.317C371.879 148.982 371.169 152.95 371.358 156.927C371.42 159.409 371.819 161.871 372.544 164.245" fill="#232B41" class="tblr-illustrations-icons-b"/>
<path d="M387.405 164.043C395.956 165.988 419.592 169.487 429.518 154.733C431.04 152.406 432.271 149.901 433.183 147.274C433.313 147.043 433.398 146.789 433.432 146.526C433.658 145.876 433.821 145.204 433.918 144.522C433.909 144.505 433.903 144.485 433.902 144.465C433.901 144.445 433.905 144.425 433.913 144.407C433.921 144.388 433.933 144.372 433.949 144.359C433.964 144.346 433.982 144.337 434.001 144.332C434.382 142.547 434.439 140.707 434.167 138.901C432.006 143.049 429.204 146.831 425.866 150.108C409.369 166.107 384.725 161.612 380.799 160.948H380.443C382.649 162.039 385.021 163.082 387.381 164.091" fill="black" opacity="0.5"/>
<path d="M422.936 212.442C419.191 216.762 414.191 219.806 408.633 221.147L407.851 221.337L393.619 215.751L422.936 212.442Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M422.936 212.442C419.191 216.762 414.191 219.806 408.633 221.147L407.851 221.337L393.619 215.751L422.936 212.442Z" fill="black" opacity="0.1"/>
<path d="M407.839 221.337L389.931 209.916L386.184 214.245L398.838 231.192L407.839 221.337Z" fill="#DADBE0"/>
<path d="M408.633 221.313L434.048 203.429L440.215 208.671L423.694 232.734L408.633 221.313Z" fill="#DADBE0"/>
<path d="M407.839 221.337L389.931 209.916L386.184 214.245L398.838 231.192L407.839 221.337Z" fill="black" opacity="0.11"/>
<path d="M418.322 236.15C414.942 259.193 411.562 282.236 408.336 305.291C405.691 282.402 402.892 259.525 400.105 236.802C402.833 231.56 405.419 226.508 408.229 221.278L409.024 221.396C411.929 226.401 415.037 231.275 418.322 236.15Z" fill="#DADBE0"/>
<path d="M408.004 221.349L408.182 305.35C405.525 282.449 402.738 259.572 399.939 236.849C402.667 231.643 405.253 226.401 408.004 221.349Z" fill="black" opacity="0.11"/>
<path d="M458.48 249.124L457.543 270.637C457.187 278.595 456.796 286.399 456.428 294.356C455.752 308.197 455.242 322.203 454.53 336.221L383.562 339.992C383.562 339.992 383.562 339.933 383.562 339.885C444.343 317.483 458.242 250.215 458.48 249.124Z" fill="black" opacity="0.1"/>
<path d="M575.842 119.949L567.398 124.622L572.071 133.078L572.225 133.41C572.52 134.116 572.532 134.908 572.258 135.622C571.984 136.337 571.446 136.918 570.754 137.246C570.063 137.574 569.273 137.623 568.546 137.384C567.82 137.144 567.213 136.634 566.853 135.96L560.721 124.906L560.555 124.562C560.288 123.888 560.276 123.139 560.52 122.456C560.765 121.773 561.249 121.203 561.883 120.85L572.937 114.743L573.281 114.577C573.953 114.308 574.701 114.295 575.382 114.539C576.064 114.784 576.633 115.27 576.981 115.905L577.147 116.237C577.418 116.909 577.435 117.656 577.195 118.339C576.955 119.023 576.474 119.595 575.842 119.949Z" fill="white"/>
<path d="M564.399 116.605L555.978 121.348L560.639 129.793L560.805 130.125C561.1 130.83 561.112 131.623 560.838 132.337C560.564 133.051 560.026 133.633 559.335 133.961C558.643 134.289 557.853 134.338 557.126 134.099C556.4 133.859 555.793 133.349 555.433 132.674L549.313 121.621L549.159 121.277C548.89 120.605 548.877 119.857 549.122 119.175C549.366 118.494 549.852 117.925 550.487 117.577L561.54 111.458L561.872 111.292C562.547 111.025 563.296 111.012 563.979 111.257C564.662 111.501 565.232 111.986 565.584 112.62L565.751 112.964C566.001 113.632 566.002 114.368 565.754 115.036C565.505 115.705 565.024 116.262 564.399 116.605Z" fill="white"/>
<path d="M289.823 171.42C289.586 172.403 288.972 173.252 288.113 173.785C287.254 174.318 286.219 174.491 285.234 174.266L284.807 174.136L264.811 166.854L270.03 178.049C270.427 178.887 270.502 179.841 270.242 180.731C269.982 181.621 269.404 182.384 268.618 182.876L268.203 183.113C267.362 183.5 266.408 183.568 265.52 183.304C264.632 183.04 263.87 182.462 263.376 181.678L263.139 181.263L254.043 161.742C253.957 161.571 253.885 161.392 253.829 161.209L253.723 160.722V160.248V159.821L253.782 159.382V159.157L253.889 158.825L253.995 158.564L254.221 158.137L254.47 157.781L254.778 157.437L255.087 157.153L255.442 156.904L255.857 156.678L275.378 147.57C276.258 147.144 277.269 147.072 278.2 147.371C279.132 147.669 279.913 148.315 280.381 149.173C280.849 150.032 280.969 151.038 280.715 151.983C280.462 152.927 279.854 153.738 279.019 154.247L278.604 154.472L267.397 159.691L287.392 166.972C288.271 167.288 289.004 167.915 289.452 168.735C289.9 169.554 290.032 170.509 289.823 171.42Z" fill="white"/>
<path d="M388.58 67.826L388.366 67.9565L382.828 71.2416L386.101 76.7326C386.348 77.144 386.436 77.6314 386.348 78.1031C386.261 78.5748 386.004 78.9984 385.627 79.2942L385.425 79.4366C385.014 79.6832 384.526 79.771 384.055 79.6837C383.583 79.5963 383.159 79.3398 382.864 78.9622L382.721 78.7487L378.475 71.538C378.23 71.1252 378.144 70.637 378.234 70.1652C378.323 69.6934 378.582 69.2706 378.962 68.9764L379.163 68.8341L386.386 64.5765C386.816 64.3411 387.319 64.2739 387.796 64.388C388.273 64.502 388.691 64.7892 388.969 65.1938C389.247 65.5984 389.364 66.0916 389.299 66.5779C389.233 67.0642 388.99 67.509 388.615 67.826H388.58Z" fill="white"/>
<path d="M380.928 65.8929L380.714 66.0233L375.223 69.3085L378.496 74.7995C378.743 75.2109 378.831 75.6983 378.743 76.17C378.656 76.6417 378.4 77.0653 378.022 77.3611L377.82 77.5034C377.409 77.7501 376.921 77.8379 376.45 77.7506C375.978 77.6632 375.555 77.4067 375.259 77.0291L375.116 76.8156L370.823 69.6287C370.578 69.2158 370.492 68.7276 370.581 68.2558C370.671 67.784 370.93 67.3612 371.309 67.067L371.511 66.9247L378.698 62.6434C379.128 62.408 379.631 62.3408 380.108 62.4549C380.586 62.5689 381.003 62.8561 381.281 63.2607C381.559 63.6653 381.676 64.1585 381.611 64.6448C381.546 65.1311 381.302 65.5759 380.928 65.8929Z" fill="white"/>
<path d="M253.474 397.547L253.32 398.021C252.964 398.918 252.292 399.654 251.432 400.091C250.572 400.527 249.581 400.635 248.647 400.393L248.173 400.239L232.506 394.037C231.609 393.678 230.873 393.004 230.436 392.142C230 391.28 229.892 390.288 230.135 389.352L230.289 388.878L236.491 373.223C236.875 372.301 237.593 371.557 238.501 371.14C239.409 370.723 240.44 370.663 241.39 370.973C242.34 371.283 243.139 371.939 243.626 372.811C244.114 373.683 244.255 374.706 244.022 375.678L243.868 376.152L239.124 388.119L251.09 392.863C251.992 393.217 252.732 393.889 253.171 394.752C253.611 395.616 253.718 396.61 253.474 397.547Z" fill="white"/>
<path d="M268.05 391.25L267.896 391.724C267.54 392.621 266.868 393.356 266.008 393.793C265.148 394.23 264.157 394.337 263.223 394.096L262.749 393.942L247.082 387.739C246.186 387.378 245.452 386.704 245.016 385.843C244.579 384.981 244.471 383.99 244.71 383.055L244.865 382.58L251.067 366.926C251.451 366.003 252.169 365.259 253.077 364.842C253.985 364.425 255.016 364.366 255.966 364.675C256.916 364.985 257.715 365.641 258.202 366.513C258.69 367.385 258.831 368.409 258.598 369.38L258.444 369.855L253.7 381.821L265.666 386.565C266.568 386.919 267.308 387.592 267.747 388.455C268.186 389.318 268.294 390.312 268.05 391.25Z" fill="white"/>
<path d="M574.561 321.906C574.411 323.062 573.808 324.11 572.885 324.822C571.963 325.533 570.795 325.849 569.64 325.701L569.142 325.607L545.304 319.594L552.597 331.821C553.148 332.74 553.343 333.828 553.147 334.881C552.95 335.934 552.375 336.879 551.53 337.537L551.079 337.846C550.16 338.394 549.072 338.587 548.02 338.391C546.967 338.195 546.023 337.621 545.363 336.778L545.055 336.328L532.329 314.98C532.214 314.795 532.115 314.601 532.033 314.399L531.855 313.842L531.736 313.308V312.822V312.288V312.039L531.819 311.648L531.902 311.339L532.116 310.818L532.365 310.367L532.673 309.952L532.993 309.584L533.373 309.264L533.824 308.956L555.171 296.23C556.129 295.654 557.271 295.466 558.363 295.704C559.456 295.941 560.416 296.587 561.049 297.508C561.682 298.43 561.939 299.558 561.768 300.663C561.596 301.768 561.01 302.766 560.128 303.453L559.678 303.773L547.51 311.102L571.229 317.115C572.276 317.364 573.196 317.99 573.81 318.874C574.425 319.758 574.693 320.838 574.561 321.906Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

37
src/illustrations/loading.svg Normal file
View File

@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-loading-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-loading-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-loading-c { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-loading-d { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-loading-e { fill: #DADCE0; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-loading-a { fill: black; opacity: 0.07; } .tblr-illustrations-loading-b { fill: #1A2030; } .tblr-illustrations-loading-c { fill: #454C5E; } .tblr-illustrations-loading-d { fill: #232B41; } .tblr-illustrations-loading-e { fill: #DADCE0; } }
</style>
<path d="M689.59 299.89C689.59 346.92 639.816 381.122 617.83 419.005C595.194 458.174 589.742 518.056 550.561 540.853C512.515 562.839 458.423 538.283 411.543 538.283C364.663 538.283 310.409 562.839 272.588 540.853C233.42 518.218 227.955 458.336 205.32 419.005C183.333 380.96 133.559 346.92 133.559 299.89C133.559 252.861 183.271 218.659 205.207 180.838C227.842 141.67 233.308 81.7876 272.476 59.1526C310.522 37.1539 364.451 61.723 411.493 61.723C458.535 61.723 512.628 37.1539 550.511 59.1526C589.692 81.7876 595.145 141.67 617.78 180.838C639.766 218.883 689.541 252.911 689.541 299.953" fill="#F7F8FC" class="tblr-illustrations-loading-a"/>
<path d="M110 511.742C110 515.286 238.361 518.181 396.707 518.181C555.053 518.181 683.401 515.236 683.401 511.742C683.401 508.248 555.053 505.353 396.707 505.353C238.361 505.353 110 508.298 110 511.742Z" fill="#A6A9B3" class="tblr-illustrations-loading-b"/>
<path d="M445.371 323.337H168.572C165.195 323.333 161.957 321.992 159.567 319.607C157.177 317.221 155.829 313.986 155.819 310.609V280.749C155.819 277.366 157.163 274.121 159.554 271.728C161.945 269.334 165.189 267.988 168.572 267.984H445.371C448.756 267.988 452.001 269.334 454.394 271.727C456.787 274.12 458.133 277.365 458.136 280.749V310.609C458.123 313.987 456.773 317.222 454.381 319.608C451.988 321.993 448.749 323.333 445.371 323.337ZM168.572 273.812C166.735 273.818 164.975 274.552 163.678 275.852C162.38 277.152 161.65 278.913 161.647 280.749V310.609C161.65 312.445 162.381 314.204 163.679 315.502C164.977 316.8 166.736 317.531 168.572 317.534H445.371C447.202 317.521 448.953 316.787 450.245 315.49C451.537 314.194 452.265 312.44 452.271 310.609V280.749C452.268 278.91 451.536 277.148 450.236 275.847C448.935 274.547 447.173 273.815 445.334 273.812H168.572Z" fill="#232B41" class="tblr-illustrations-loading-c"/>
<path d="M359.934 281.785H175.872C172.853 281.785 170.406 284.232 170.406 287.25V303.709C170.406 306.727 172.853 309.174 175.872 309.174H359.934C362.953 309.174 365.4 306.727 365.4 303.709V287.25C365.4 284.232 362.953 281.785 359.934 281.785Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M597.278 304.37L521.624 323.561C521.624 323.561 514.973 301.65 509.845 282.134C502.733 255.057 503.194 250.253 496.581 227.231C493.237 215.552 490.055 206.131 487.934 200.067L581.519 178.617C582.816 188.774 584.064 198.931 585.262 209.088C586.443 218.538 587.637 228.038 588.843 237.588L591.875 261.77C593.797 275.97 595.519 290.083 597.278 304.37Z" fill="#DADBE0"/>
<path d="M557.647 124.475C557.011 128.331 555.887 133.946 554.44 141.008C554.116 142.456 553.791 143.903 553.641 144.39C551.685 151.926 548.828 159.199 545.131 166.052C544.32 167.299 543.522 168.622 542.723 169.907C539.666 174.399 520.724 177.931 505.152 174.087C489.579 170.244 486.048 154.123 493.76 148.557C496.478 146.192 498.759 143.366 500.498 140.21C502.956 136.096 505.104 131.804 506.924 127.37C508.047 124.799 508.683 123.19 508.683 123.19L522.496 114.206L552.194 118.223C551.233 123.215 552.032 126.883 553.641 127.37C555.251 127.856 557.385 125.124 557.647 124.475Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M557.648 124.475C557.012 128.331 555.889 133.946 554.441 141.008C554.117 142.456 553.792 143.903 553.643 144.39C551.687 151.926 548.829 159.199 545.133 166.052C543.202 165.145 541.479 163.851 540.071 162.249C538.663 160.648 537.599 158.773 536.947 156.743C536.18 154.524 535.801 152.19 535.824 149.843C535.662 148.296 535.662 146.736 535.824 145.188C523.926 147.423 511.623 145.668 500.823 140.197C503.282 136.083 505.43 131.791 507.249 127.357C508.372 124.787 509.009 123.177 509.009 123.177L522.809 114.193L552.52 118.211C551.546 123.202 552.357 126.871 553.955 127.357C555.552 127.844 557.324 125.111 557.698 124.463" fill="black" opacity="0.1"/>
<path d="M560.543 131.375C559.588 137.544 556.312 143.115 551.384 146.948C550.385 147.593 549.423 148.293 548.502 149.044C546.115 151.287 544.344 154.105 543.361 157.23C542.205 155.361 541.648 153.184 541.763 150.991C542.347 147.606 543.181 144.269 544.259 141.008C544.28 140.841 544.336 140.679 544.421 140.534C544.583 140.065 544.691 139.58 544.746 139.087C545.07 137.477 545.232 135.88 545.382 134.432V134.27C537.197 137.801 514.249 146.149 501.235 133.309C499.255 131.282 497.533 129.019 496.106 126.571C495.936 126.392 495.824 126.166 495.782 125.922C495.447 125.312 495.18 124.668 494.983 124.001L494.821 123.838C494.216 122.128 493.838 120.345 493.698 118.535V117.899C493.786 115.955 494.324 114.059 495.27 112.359C496.217 110.659 497.545 109.202 499.151 108.104C503.968 104.572 510.381 102.801 513.763 102.002C527.089 98.6329 546.518 99.9182 555.826 112.758C558.19 116.078 559.679 119.941 560.156 123.988C560.749 126.401 560.859 128.907 560.48 131.363" fill="#232B41" class="tblr-illustrations-loading-c"/>
<path d="M545.445 134.27C537.259 137.801 514.312 146.149 501.297 133.309C499.318 131.282 497.595 129.019 496.169 126.571C495.999 126.392 495.886 126.166 495.845 125.922C495.51 125.312 495.242 124.668 495.046 124.001L494.884 123.839C494.278 122.128 493.901 120.345 493.761 118.535C496.672 122.31 500.199 125.566 504.192 128.168C523.933 140.859 547.703 131.537 551.384 129.94L551.709 129.778C549.764 131.454 547.676 132.957 545.47 134.27" fill="black" opacity="0.5"/>
<path d="M615.983 406.515C607.149 434.915 598.331 463.34 589.53 491.789L584.938 490.442L577.252 488.171V488.046C578.35 474.32 579.548 460.436 580.845 446.394C582.085 433.135 583.391 420.012 584.763 407.026C582.407 399.103 579.535 391.341 576.166 383.792C572.523 375.623 568.298 367.725 563.526 360.159C561.221 403.774 558.909 447.389 556.588 491.003C554.791 491.29 552.944 491.552 551.073 491.802C548.852 492.101 546.668 492.363 544.534 492.6L521.662 323.524C537.168 318.948 553.369 314.602 570.264 310.484C579.414 308.28 588.436 306.229 597.329 304.333C603.534 338.389 609.753 372.45 615.983 406.515Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M602.556 515.448L575.604 509.409C575.604 509.409 575.416 502.284 580.008 500.212C584.6 498.141 598.825 508.248 602.556 515.448Z" fill="#232B41" class="tblr-illustrations-loading-c"/>
<path d="M530.883 515.448L557.835 509.409C557.835 509.409 558.022 502.284 553.431 500.212C548.839 498.141 534.452 508.273 530.883 515.448Z" fill="#232B41" class="tblr-illustrations-loading-c"/>
<path d="M544.009 185.23C540.396 191.413 534.962 196.328 528.449 199.305L527.701 199.642L515.223 193.765L544.009 185.23Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M530.333 196.735L510.306 188.287L507.349 193.403L523.083 208.265L530.333 196.735Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M531.232 196.373L553.68 174.137L560.868 178.267L548.29 205.494L531.232 196.373Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M530.333 196.735L510.306 188.287L507.349 193.403L523.083 208.265L530.333 196.735Z" fill="black" opacity="0.1"/>
<path d="M407.161 135.305C414.147 103.318 393.879 71.7236 361.892 64.7376C329.905 57.7516 298.311 78.019 291.325 110.006C284.339 141.993 304.606 173.587 336.594 180.573C368.581 187.559 400.175 167.292 407.161 135.305Z" fill="white" class="tblr-illustrations-loading-d"/>
<path d="M349.34 185.23C344.602 185.213 339.88 184.66 335.265 183.583C319.777 180.005 306.244 170.638 297.441 157.402C288.638 144.165 285.232 128.063 287.921 112.395C290.61 96.7282 299.192 82.6834 311.905 73.1405C324.618 63.5975 340.5 59.2796 356.295 61.072C372.09 62.8643 386.601 70.6311 396.853 82.78C407.105 94.9289 412.321 110.539 411.432 126.411C410.542 142.282 403.615 157.212 392.07 168.14C380.525 179.067 365.237 185.164 349.34 185.18V185.23ZM349.216 66.6145C338.67 66.6121 328.338 69.5862 319.407 75.1945C310.477 80.8029 303.31 88.818 298.732 98.318C294.154 107.818 292.35 118.417 293.527 128.897C294.705 139.377 298.816 149.311 305.389 157.558C311.961 165.805 320.728 172.03 330.68 175.516C340.633 179.003 351.367 179.61 361.65 177.267C371.932 174.924 381.344 169.727 388.804 162.273C396.264 154.819 401.468 145.411 403.819 135.131C405.686 126.926 405.682 118.406 403.809 110.203C401.935 101.999 398.238 94.3226 392.994 87.7419C387.75 81.1613 381.092 75.8453 373.513 72.188C365.935 68.5306 357.63 66.6257 349.216 66.6145Z" fill="#232B41" class="tblr-illustrations-loading-e"/>
<path d="M329.549 132.523C328.68 132.509 327.844 132.188 327.188 131.616C326.533 131.044 326.102 130.259 325.97 129.4C325.839 128.54 326.016 127.662 326.47 126.92C326.924 126.179 327.626 125.622 328.451 125.349L346.07 119.846L354.331 80.4652C354.585 79.5686 355.17 78.802 355.968 78.3201C356.766 77.8381 357.716 77.6766 358.628 77.8682C359.541 78.0598 360.346 78.5902 360.882 79.3524C361.419 80.1146 361.646 81.0518 361.518 81.975L352.447 125.548L330.747 132.436C330.356 132.532 329.951 132.561 329.549 132.523Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M400.413 276.756C399.289 277.393 398.09 277.888 396.844 278.229C396.121 278.413 395.388 278.55 394.648 278.641C387.922 279.489 381.845 275.92 381.209 270.667C380.585 265.95 384.565 261.546 390.23 260.073C390.923 259.884 391.627 259.742 392.339 259.649C393.035 259.566 393.735 259.532 394.436 259.549C400.313 259.549 405.242 262.906 405.865 267.622C406.19 271.191 403.981 274.66 400.413 276.756Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M400.413 276.756C399.289 277.393 398.09 277.888 396.844 278.229C395.069 272.029 392.859 265.962 390.23 260.073C390.923 259.884 391.627 259.742 392.339 259.649C393.035 259.566 393.735 259.532 394.436 259.549C400.313 259.549 405.241 262.906 405.865 267.622C406.19 271.191 403.981 274.66 400.413 276.756Z" fill="black" opacity="0.1"/>
<path d="M508.71 221.292C505.54 225.721 502.109 230.301 498.403 234.93C494.547 239.747 490.367 244.65 485.862 249.567L482.344 253.31C474.156 261.929 465.46 270.05 456.302 277.63C446.544 285.696 436.288 293.139 425.594 299.916L408.599 279.751L387.798 255.045C434.753 249.442 451.71 237.139 458.261 226.545C461.006 222.128 470.34 204.421 487.984 199.967C488.595 199.817 489.107 199.692 489.431 199.63L508.71 221.292Z" fill="#DADBE0"/>
<path d="M482.318 253.36C474.131 261.979 465.435 270.1 456.277 277.68C456.067 277.515 455.885 277.317 455.74 277.093C453.419 273.587 459.034 265.751 468.305 259.624C472.53 256.654 477.288 254.527 482.318 253.36Z" fill="#232B41" class="tblr-illustrations-loading-c"/>
<path d="M498.439 234.943C494.584 239.759 490.403 244.663 485.899 249.579L482.38 253.323C474.193 261.942 465.497 270.063 456.338 277.642C446.58 285.708 436.324 293.152 425.63 299.928L408.598 279.751C408.598 279.751 452.458 270.305 498.439 234.943Z" fill="black" opacity="0.1"/>
<path d="M597.278 304.37L526.527 320.466C526.532 320.421 526.532 320.375 526.527 320.329C530.121 317.759 583.103 278.778 585.099 212.819C585.099 211.446 585.224 210.174 585.336 209.075C586.467 218.534 587.636 228.038 588.842 237.588L591.875 261.77C593.796 275.97 595.518 290.07 597.278 304.37Z" fill="black" opacity="0.1"/>
<path d="M600.759 263.193C599.471 263.38 598.213 263.732 597.015 264.241C596.332 264.544 595.67 264.89 595.031 265.277C589.229 268.783 586.671 275.346 589.416 279.863C591.849 283.956 597.714 284.954 603.067 282.596C604.376 282.049 605.596 281.308 606.686 280.4C611.302 276.769 613.099 271.079 610.666 266.974C608.757 263.991 604.876 262.644 600.759 263.193Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M600.759 263.193C599.471 263.38 598.213 263.732 597.016 264.241C599.46 270.21 601.482 276.344 603.067 282.596C604.376 282.049 605.596 281.308 606.686 280.4C611.303 276.769 613.1 271.079 610.667 266.974C608.757 263.991 604.877 262.644 600.759 263.193Z" fill="black" opacity="0.1"/>
<path d="M658.021 252.911C656.396 255.705 654.547 258.363 652.493 260.859C649.997 263.991 646.504 268.146 641.45 273.587C637.045 278.328 631.006 284.555 623.444 291.58C617.531 286.03 612.131 279.958 607.31 273.437C606.973 272.988 606.636 272.514 606.299 272.052C603.278 267.855 600.5 263.489 597.977 258.975C600.918 256.858 603.75 254.592 606.462 252.187C615.134 244.488 625.254 235.516 624.467 228.753C623.544 220.767 607.248 213.954 585.049 212.781L578.299 185.23L581.531 178.517C595.631 179.64 637.395 184.656 658.457 214.142L658.695 214.478C663.86 221.815 664.934 226.732 665.245 229.764C666.081 237.862 662.338 245.374 658.021 252.911Z" fill="#DADBE0"/>
<path d="M607.311 273.437C609.045 273.025 629.983 267.984 652.493 260.859C649.998 263.991 646.504 268.146 641.45 273.587C637.046 278.328 631.006 284.555 623.445 291.58C617.532 286.03 612.132 279.958 607.311 273.437Z" fill="black" opacity="0.1"/>
<path d="M658.021 252.911C654.552 251.076 652.318 242.654 652.917 232.721C653.416 224.399 655.762 217.373 658.67 214.479C663.836 221.816 664.909 226.732 665.221 229.764C666.019 237.363 663.424 245.249 658.021 252.911Z" fill="#232B41" class="tblr-illustrations-loading-c"/>
<path d="M615.983 406.515C607.149 434.915 598.331 463.34 589.53 491.79L584.938 490.442C582.317 489.668 579.759 488.857 577.251 488.046C578.349 474.32 579.547 460.437 580.845 446.395C582.084 433.135 583.39 420.012 584.763 407.027C582.407 399.103 579.535 391.341 576.166 383.793C572.522 375.623 568.298 367.725 563.525 360.159C564.137 352.323 564.985 344.1 566.146 335.515C567.331 326.781 568.729 318.37 570.264 310.484L597.291 304.37C603.522 338.402 609.752 372.45 615.983 406.515Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

36
src/illustrations/map-destination.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

25
src/illustrations/message.svg Normal file
View File

@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-message-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-message-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-message-c { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-message-d { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-message-e { fill: #DADCE0; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-message-a { fill: black; opacity: 0.07; } .tblr-illustrations-message-b { fill: #1A2030; } .tblr-illustrations-message-c { fill: #454C5E; } .tblr-illustrations-message-d { fill: #232B41; } .tblr-illustrations-message-e { fill: #DADCE0; } }
</style>
<path d="M97.2017 291.657C97.2017 337.104 145.322 370.156 166.466 406.854C188.339 444.767 193.685 502.609 231.477 524.482C268.175 545.747 320.427 521.93 365.874 521.93C411.321 521.93 463.573 545.626 500.271 524.482C538.184 502.609 543.409 444.646 565.282 406.854C586.547 370.156 634.546 337.104 634.546 291.657C634.546 246.21 586.425 213.158 565.282 176.46C543.409 138.547 538.062 80.7051 500.271 58.8322C463.573 37.5669 411.321 61.384 365.874 61.384C320.427 61.384 268.175 37.5669 231.477 58.8322C193.564 80.7051 188.339 138.668 166.466 176.46C145.201 213.158 97.2017 246.21 97.2017 291.657Z" fill="#F7F8FC" class="tblr-illustrations-message-a"/>
<path d="M323.222 550C465.834 550 581.443 545.92 581.443 540.886C581.443 535.853 465.834 531.772 323.222 531.772C180.61 531.772 65 535.853 65 540.886C65 545.92 180.61 550 323.222 550Z" fill="#A6A9B3" class="tblr-illustrations-message-b"/>
<path d="M324.436 449.628C324.436 449.628 351.777 385.711 362.471 381.822C373.164 377.933 454.702 526.669 454.702 526.669H437.203L366.724 468.098L319.211 508.563L296.245 465.182L324.436 449.628Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M324.436 449.628C324.436 449.628 351.777 385.711 362.471 381.822C373.164 377.933 454.702 526.669 454.702 526.669H437.203L366.724 468.098L319.211 508.563L296.245 465.182L324.436 449.628Z" fill="black" opacity="0.22"/>
<path d="M543.409 495.439L535.753 537.484C535.753 537.484 524.695 538.213 521.293 531.408C517.89 524.603 532.715 501.637 543.409 495.439Z" fill="#232B41" class="tblr-illustrations-message-c"/>
<path d="M131.347 307.697C133.291 311.829 136.208 317.783 140.096 324.952C140.947 326.532 141.676 327.869 141.919 328.355C146.415 336.132 151.762 343.301 158.081 349.742C159.296 350.957 160.633 352.172 161.848 353.266C166.708 357.397 188.703 355.331 204.743 346.218C220.783 337.104 219.811 318.147 209.604 314.259C205.837 312.558 202.434 310.127 199.518 307.089C195.508 303.322 191.741 299.191 188.338 294.816C186.272 292.386 185.179 290.685 185.179 290.685L166.951 284.852L135.114 298.462C137.788 303.687 137.909 307.94 136.451 309.034C134.993 310.127 132.076 308.183 131.347 307.697Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M131.347 307.697C133.291 311.829 136.208 317.783 140.096 324.952C140.947 326.532 141.676 327.869 141.919 328.355C146.415 336.132 151.762 343.301 158.081 349.742C159.903 348.162 161.362 346.339 162.455 344.273C163.67 341.965 164.278 339.413 164.521 336.861C164.643 334.188 164.4 331.393 163.67 328.719C163.306 327.018 162.82 325.317 162.212 323.616C176.187 322.522 189.31 316.689 199.518 307.211C195.508 303.444 191.741 299.313 188.338 294.938C186.272 292.508 185.179 290.806 185.179 290.806L166.951 284.974L135.114 298.583C137.788 303.809 137.909 308.062 136.451 309.155C134.993 310.249 132.076 308.183 131.347 307.697Z" fill="black" opacity="0.1"/>
<path d="M315.323 464.453C321.52 469.556 328.204 474.174 335.13 478.305C356.395 490.579 375.473 494.467 387.746 496.897C433.801 505.768 475.967 512.816 513.273 518.527V533.96C513.273 533.96 314.837 538.334 291.506 535.175C268.175 532.016 248.854 500.907 248.854 500.907L315.323 464.453Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M202.677 279.262C202.677 281.814 202.313 284.487 201.705 286.918C200.976 290.199 199.883 293.237 198.303 296.153C191.133 309.398 174.607 316.932 156.258 315.231C153.099 314.988 150.061 314.38 147.023 313.53H146.902V313.773C147.509 315.596 148.36 317.297 149.21 318.877C149.696 319.606 149.696 319.849 150.061 320.335L150.426 320.821C150.912 321.671 155.408 327.504 156.744 331.15C157.595 333.58 157.716 336.253 156.987 338.684C154.8 335.524 151.884 332.972 148.481 331.271C147.145 330.664 145.929 330.178 144.471 329.813C137.666 327.018 132.198 321.914 128.917 315.353C127.58 312.679 126.73 309.763 126.365 306.846C126.122 304.902 125.029 297.854 127.58 292.629C132.684 281.936 154.071 277.318 165.25 276.346C167.195 276.224 170.597 276.103 172.906 274.28L173.027 274.159C173.392 273.794 173.757 273.429 174.121 272.943C175.944 269.906 174.243 265.409 172.298 262.979C168.531 258.118 160.876 256.66 152.734 259.091C167.802 248.033 186.88 249.612 196.602 260.184C200.855 265.652 203.163 272.457 202.677 279.262Z" fill="#232B41" class="tblr-illustrations-message-c"/>
<path d="M207.659 366.997C193.928 373.316 181.29 375.017 179.468 370.886C179.103 370.035 179.103 369.063 179.468 368.212C180.804 368.334 182.263 368.334 183.599 368.334C192.956 367.848 209.118 355.21 221.269 345.853C225.401 345.61 228.196 346.339 229.046 348.04C230.869 352.294 221.391 360.8 207.659 366.997Z" fill="#E1E1E1"/>
<path d="M349.712 84.958H714.625C722.159 84.958 728.234 91.0338 728.234 98.5678V281.814C728.234 289.348 722.159 295.424 714.625 295.424H349.712C342.178 295.424 336.102 289.348 336.102 281.814V98.5678C336.102 91.0338 342.178 84.958 349.712 84.958Z" fill="white" class="tblr-illustrations-message-d"/>
<path d="M714.625 302.836H349.712C338.168 302.836 328.689 293.48 328.689 281.814V98.5677C328.689 87.0237 338.046 77.5454 349.712 77.5454H714.625C726.169 77.5454 735.647 86.9022 735.647 98.5677V281.814C735.525 293.358 726.169 302.836 714.625 302.836ZM349.712 92.3704C346.309 92.3704 343.514 95.1652 343.514 98.5677V281.814C343.514 285.216 346.309 288.011 349.712 288.011H714.625C718.027 288.011 720.822 285.216 720.822 281.814V98.5677C720.822 95.1652 718.027 92.3704 714.625 92.3704H349.712Z" fill="#727583"/>
<path d="M383.493 126.152H571.843C573.179 126.152 574.152 127.246 574.152 128.461V133.808C574.152 135.144 573.058 136.116 571.843 136.116H383.493C382.156 136.116 381.184 135.023 381.184 133.808V128.461C381.184 127.124 382.156 126.152 383.493 126.152Z" fill="#232B41" class="tblr-illustrations-message-e"/>
<path d="M382.764 158.475H518.497C519.348 158.475 520.077 159.204 520.077 160.055V166.981C520.077 167.832 519.348 168.561 518.497 168.561H382.764C381.913 168.561 381.184 167.832 381.184 166.981V160.055C381.184 159.204 381.792 158.475 382.764 158.475Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M390.177 381.822C389.205 377.69 341.692 363.959 322.128 358.612C320.67 358.126 319.09 357.64 317.51 357.275C280.812 348.162 262.463 343.666 242.778 349.984C218.353 357.883 204.5 376.597 178.982 372.586C174.729 371.979 170.597 370.764 166.709 369.063C162.456 369.67 158.567 371.493 155.408 374.288C152.613 376.597 150.547 385.346 149.089 397.74C148.238 404.788 147.631 412.93 147.023 421.679C144.836 459.106 145.2 508.198 145.565 529.099C143.864 528.978 142.041 528.978 140.097 528.978C126.608 528.978 115.672 532.137 115.672 536.026C115.672 539.914 126.608 543.074 140.097 543.074C153.585 543.074 164.521 539.914 164.521 536.147C164.521 535.661 164.4 535.297 164.157 534.932C167.073 510.993 169.99 487.055 172.784 463.116C175.093 444.402 177.281 425.689 179.589 406.976L179.711 407.097L230.748 467.612L289.804 442.458L252.256 376.475C260.762 375.26 269.268 375.017 277.774 375.867C284.944 376.597 293.814 378.176 314.472 385.953C316.052 386.561 317.632 387.047 319.333 387.411C330.391 391.057 347.282 396.404 361.377 400.171C359.433 402.601 357.61 405.153 355.666 407.826C352.507 412.201 349.59 416.454 346.795 420.707C346.066 422.044 341.206 430.671 344.73 438.084C349.104 447.319 363.565 448.656 372.557 444.889C382.521 440.635 385.681 429.942 389.569 416.089C392.364 406.611 398.075 387.168 390.177 381.822Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M361.499 399.563L365.995 393.973L307.424 382.794L361.499 399.563ZM285.551 349.863L286.523 376.718L290.412 377.569V350.714L285.551 349.863ZM179.832 406.489L180.44 398.591L149.21 397.619C148.36 404.667 147.752 412.808 147.145 421.558C153.099 422.53 161.24 424.231 165.493 428.484C169.26 432.251 171.691 448.777 172.906 462.508V462.63L179.832 406.489Z" fill="black" opacity="0.21"/>
<path d="M339.626 444.767C335.008 447.076 331.12 450.357 327.96 454.489C323.343 460.443 322.614 465.79 321.398 469.557C317.145 482.559 303.293 488.149 283.485 499.814C272.914 505.89 261.369 510.264 249.461 512.695C222.727 486.083 200.368 455.461 182.992 421.922L136.086 414.024L140.339 398.105C140.339 398.105 146.78 372.587 154.557 365.782C161.605 359.706 167.924 367.24 179.589 368.212C180.926 368.334 182.384 368.334 183.721 368.334C193.077 367.848 209.239 355.21 221.391 345.853C228.803 340.02 232.692 337.347 235.487 336.01C244.965 331.393 260.276 328.962 285.308 339.413C285.794 354.359 286.402 369.306 286.888 384.252L262.585 375.746C276.194 396.282 293.328 414.145 313.257 428.606C321.641 434.681 330.512 440.15 339.626 444.767Z" fill="#DADBE0"/>
<path d="M207.659 366.997C193.928 373.316 181.29 375.017 179.468 370.886C179.103 370.035 179.103 369.063 179.468 368.212C180.804 368.334 182.263 368.334 183.599 368.334C192.956 367.848 209.118 355.21 221.269 345.853C225.401 345.61 228.196 346.339 229.046 348.04C230.869 352.294 221.391 360.8 207.659 366.997Z" fill="black" opacity="0.21"/>
<path d="M202.677 279.262C202.677 281.814 202.313 284.488 201.705 286.918C200.976 290.199 199.883 293.237 198.303 296.153C191.133 309.398 174.607 316.932 156.258 315.231C151.641 314.381 147.631 313.651 147.023 313.53H146.902L139.975 311.221C149.818 311.707 159.539 310.371 168.896 307.454C177.159 304.781 188.582 301.135 196.845 290.199C199.396 287.039 201.341 283.272 202.677 279.262Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

60
src/illustrations/mobile-computer.svg Normal file
View File

@ -0,0 +1,60 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-mobile-computer-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-mobile-computer-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-mobile-computer-c { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-mobile-computer-d { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-mobile-computer-a { fill: black; opacity: 0.07; } .tblr-illustrations-mobile-computer-b { fill: #1A2030; } .tblr-illustrations-mobile-computer-c { fill: #232B41; } .tblr-illustrations-mobile-computer-d { fill: #454C5E; } }
</style>
<path d="M144.448 316.376C144.448 360.253 190.912 392.192 211.443 427.687C232.625 464.301 237.723 520.251 274.338 541.433C309.817 561.964 360.351 538.997 404.288 538.997C448.225 538.997 498.759 562.04 534.193 541.433C570.807 520.251 575.906 464.271 597.088 427.687C617.619 392.192 664.098 360.313 664.098 316.376C664.098 272.439 617.619 240.545 597.088 205.066C575.906 168.452 570.807 112.486 534.193 91.3045C498.713 70.7733 448.195 93.7404 404.243 93.7404C360.29 93.7404 309.817 70.7733 274.338 91.3045C237.723 112.486 232.625 168.467 211.443 205.066C190.912 240.545 144.448 272.424 144.448 316.376Z" fill="#F7F8FC" class="tblr-illustrations-mobile-computer-a"/>
<path d="M612.308 539.421C661.274 539.421 700.969 537.416 700.969 534.942C700.969 532.469 661.274 530.464 612.308 530.464C563.342 530.464 523.647 532.469 523.647 534.942C523.647 537.416 563.342 539.421 612.308 539.421Z" fill="#A6A9B3" class="tblr-illustrations-mobile-computer-b"/>
<path d="M605.893 442.771C605.893 448.278 487.275 452.727 340.954 452.727C194.633 452.727 76 448.278 76 442.771C76 437.264 194.618 432.831 340.954 432.831C487.29 432.831 605.893 437.279 605.893 442.771Z" fill="#A6A9B3" class="tblr-illustrations-mobile-computer-b"/>
<path d="M129.953 413.117L395.845 413.117C404.368 413.117 411.278 406.207 411.278 397.684V245.644C411.278 237.121 404.368 230.212 395.845 230.212L129.953 230.212C121.43 230.212 114.521 237.121 114.521 245.644V397.684C114.521 406.207 121.43 413.117 129.953 413.117Z" fill="white" class="tblr-illustrations-mobile-computer-c"/>
<path d="M407.631 305.634H414.894V343.973H407.631V305.634Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M395.83 226.565H129.938C124.887 226.577 120.046 228.59 116.476 232.163C112.906 235.736 110.897 240.578 110.889 245.629V397.684C110.885 400.19 111.375 402.671 112.33 404.988C113.285 407.304 114.687 409.409 116.456 411.184C118.225 412.958 120.326 414.367 122.639 415.329C124.952 416.292 127.432 416.789 129.938 416.793H227.056V423.269C226.043 430.319 221.292 432.347 217.978 432.816H180.925C180.586 432.816 180.251 432.883 179.937 433.013C179.624 433.143 179.34 433.334 179.101 433.574C178.862 433.815 178.673 434.1 178.545 434.414C178.416 434.728 178.351 435.064 178.353 435.403V439.155C178.353 439.837 178.624 440.491 179.107 440.974C179.589 441.456 180.243 441.727 180.925 441.727H344.842C345.526 441.727 346.182 441.457 346.666 440.975C347.151 440.493 347.425 439.839 347.429 439.155V435.403C347.429 434.717 347.157 434.059 346.672 433.573C346.186 433.088 345.528 432.816 344.842 432.816H307.729C304.43 432.301 299.649 430.304 298.651 423.223V416.793H395.83C400.882 416.789 405.726 414.781 409.3 411.21C412.874 407.639 414.885 402.797 414.893 397.745V369.028H407.631V397.684C407.627 400.813 406.382 403.812 404.17 406.024C401.958 408.237 398.958 409.481 395.83 409.485H129.938C126.809 409.481 123.81 408.237 121.597 406.024C119.385 403.812 118.14 400.813 118.136 397.684V245.629C118.14 242.5 119.385 239.501 121.597 237.289C123.81 235.076 126.809 233.832 129.938 233.828H395.83C398.958 233.832 401.958 235.076 404.17 237.289C406.382 239.501 407.627 242.5 407.631 245.629V267.825H414.893V245.629C414.885 240.576 412.874 235.731 409.301 232.158C405.728 228.585 400.883 226.573 395.83 226.565Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M211.17 269.065H140.211C139.158 269.065 138.305 269.919 138.305 270.972V275.495C138.305 276.548 139.158 277.402 140.211 277.402H211.17C212.223 277.402 213.076 276.548 213.076 275.495V270.972C213.076 269.919 212.223 269.065 211.17 269.065Z" fill="#DADBE0"/>
<path d="M266.545 314.591H142.496C140.189 314.591 138.32 316.461 138.32 318.767V376.714C138.32 379.02 140.189 380.89 142.496 380.89H266.545C268.852 380.89 270.721 379.02 270.721 376.714V318.767C270.721 316.461 268.852 314.591 266.545 314.591Z" fill="#DADBE0"/>
<path d="M197.977 292.653H140.105C139.111 292.653 138.305 293.459 138.305 294.453V297.54C138.305 298.534 139.111 299.34 140.105 299.34H197.977C198.971 299.34 199.777 298.534 199.777 297.54V294.453C199.777 293.459 198.971 292.653 197.977 292.653Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M454.964 440.365L556.652 440.312C562.534 440.309 567.301 435.537 567.298 429.655L567.199 240.713C567.196 234.83 562.424 230.064 556.542 230.067L454.854 230.12C448.971 230.123 444.205 234.895 444.208 240.777L444.307 429.719C444.31 435.602 449.081 440.368 454.964 440.365Z" fill="white" class="tblr-illustrations-mobile-computer-c"/>
<path d="M446.682 305.634H441.765L441.795 343.973H446.697L446.682 305.634Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M573.439 258.278C573.439 257.893 573.363 257.512 573.216 257.157C573.068 256.801 572.851 256.479 572.579 256.207C572.306 255.936 571.982 255.721 571.626 255.575C571.27 255.43 570.889 255.356 570.504 255.358H570.096C569.944 255.349 569.793 255.349 569.642 255.358V240.697C569.63 237.223 568.243 233.895 565.785 231.44C563.328 228.985 559.998 227.602 556.524 227.594H454.836C451.361 227.602 448.031 228.987 445.575 231.446C443.119 233.905 441.738 237.237 441.734 240.712V267.719H446.636V240.818C446.636 239.741 446.848 238.675 447.26 237.68C447.672 236.685 448.276 235.781 449.038 235.019C449.799 234.258 450.703 233.654 451.698 233.242C452.693 232.829 453.759 232.617 454.836 232.617H473.945C472.888 233.829 472.302 235.382 472.296 236.99V237.928C472.296 239.714 473.006 241.426 474.268 242.689C475.531 243.951 477.243 244.661 479.029 244.661H531.166C532.05 244.661 532.925 244.486 533.741 244.148C534.557 243.809 535.298 243.313 535.922 242.688C536.546 242.062 537.04 241.32 537.377 240.503C537.714 239.687 537.886 238.811 537.884 237.928V236.975C537.876 235.371 537.29 233.825 536.235 232.617H556.524C558.699 232.617 560.785 233.481 562.323 235.019C563.861 236.557 564.724 238.643 564.724 240.818L564.83 429.744C564.832 430.82 564.622 431.887 564.212 432.881C563.801 433.876 563.199 434.78 562.438 435.542C561.678 436.304 560.775 436.908 559.781 437.32C558.787 437.732 557.721 437.945 556.645 437.945H454.957C453.882 437.945 452.818 437.733 451.825 437.322C450.832 436.91 449.93 436.307 449.17 435.547C448.409 434.787 447.807 433.885 447.395 432.892C446.984 431.899 446.772 430.834 446.772 429.759V369.028H441.87V429.759C441.874 433.233 443.256 436.564 445.712 439.02C448.168 441.476 451.499 442.858 454.973 442.862H556.66C560.137 442.858 563.469 441.474 565.926 439.015C568.383 436.555 569.763 433.221 569.763 429.744L569.687 283.832H570.504C570.888 283.834 571.269 283.76 571.624 283.614C571.979 283.468 572.302 283.253 572.573 282.981C572.845 282.71 573.06 282.387 573.206 282.032C573.352 281.677 573.426 281.296 573.424 280.912L573.439 258.278Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M507.11 427.717C515.174 427.717 521.71 421.18 521.71 413.117C521.71 405.053 515.174 398.516 507.11 398.516C499.047 398.516 492.51 405.053 492.51 413.117C492.51 421.18 499.047 427.717 507.11 427.717Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M527.929 277.311H308.939C306.617 277.311 304.733 279.194 304.733 281.517V289.839C304.733 292.161 306.617 294.045 308.939 294.045H527.929C530.252 294.045 532.135 292.161 532.135 289.839V281.517C532.135 279.194 530.252 277.311 527.929 277.311Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M449.889 353.399H321.391C320.813 353.399 320.259 353.629 319.851 354.037C319.442 354.446 319.212 355 319.212 355.578V357.091C319.21 357.377 319.265 357.662 319.374 357.927C319.483 358.192 319.643 358.433 319.846 358.636C320.049 358.839 320.29 358.999 320.555 359.108C320.82 359.216 321.104 359.271 321.391 359.269H449.889C450.468 359.269 451.024 359.04 451.435 358.632C451.846 358.224 452.079 357.67 452.083 357.091V355.578C452.079 354.999 451.846 354.444 451.435 354.036C451.024 353.628 450.468 353.399 449.889 353.399Z" fill="#A7AAB3"/>
<path d="M545.056 318.071H469.149C467.536 318.071 466.229 319.378 466.229 320.991V326.695C466.229 328.308 467.536 329.615 469.149 329.615H545.056C546.668 329.615 547.976 328.308 547.976 326.695V320.991C547.976 319.378 546.668 318.071 545.056 318.071Z" fill="#DADBE0"/>
<path d="M279.663 250.365L234.274 241.362C235.282 241.6 236.219 242.074 237.008 242.744C237.797 243.415 238.416 244.264 238.813 245.221C239.116 246.09 239.227 247.015 239.138 247.932C239.049 248.849 238.763 249.736 238.298 250.531C236.973 249.289 235.579 248.122 234.122 247.036C230.405 244.26 226.335 241.991 222.019 240.288C214.029 237.139 205.679 234.994 197.16 233.903H242.807L279.663 250.365Z" fill="black" opacity="0.1"/>
<path d="M285.2 243.284L222.23 209.302L176.523 198.923L218.19 180.767L181.879 176.228L142.632 189.512C142.738 201.268 145.174 218.38 158.004 226.596C167.233 232.496 181.652 231.725 194.936 231.135C196.252 231.135 201.759 230.832 209.37 230.741H218.856L279.633 250.41C280.389 249.669 281.146 248.897 281.993 247.868C283.179 246.426 284.252 244.893 285.2 243.284Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M246.997 251.772L236.573 254.692C234.162 247.066 231.746 239.431 229.326 231.785L222.517 210.089L219.764 201.359L199.232 204.975L176.538 198.923L218.205 180.767L240.325 183.536L243.593 216.822C244.188 222.975 244.788 229.127 245.394 235.28L246.997 251.772Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M246.997 251.772L236.573 254.692C234.162 247.066 231.746 239.431 229.326 231.785L222.517 210.089L219.764 201.359L199.232 204.975L176.538 198.923L218.205 180.767L240.325 183.536L243.593 216.822C244.188 222.975 244.788 229.127 245.394 235.28L246.997 251.772Z" fill="black" opacity="0.21"/>
<path d="M301.541 241.287L294.264 260.653C294.264 260.653 288.529 260.184 287.349 256.659C286.169 253.133 295.55 243.435 301.541 241.287ZM259.359 262.469L237.814 267.008C237.814 267.008 235.197 262.257 237.814 259.443C240.432 256.628 254.291 258.868 259.359 262.469Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M193.453 110.656H193.362C192.953 110.503 192.534 110.381 192.106 110.292C192.574 110.326 193.031 110.45 193.453 110.656Z" fill="#DDDDDD"/>
<path d="M169.019 204.627L161.197 199.332C160.831 199.081 160.547 198.728 160.381 198.317C160.215 197.906 160.174 197.455 160.262 197.021C160.351 196.586 160.566 196.188 160.88 195.875C161.195 195.562 161.594 195.349 162.029 195.262L226.739 182.81C227.041 182.756 227.35 182.763 227.649 182.831C227.948 182.899 228.23 183.025 228.479 183.203L235.923 188.574C236.281 188.83 236.555 189.185 236.713 189.595C236.87 190.005 236.904 190.453 236.808 190.882C236.713 191.311 236.494 191.703 236.178 192.008C235.861 192.313 235.462 192.519 235.03 192.599L170.698 204.975C170.114 205.085 169.511 204.96 169.019 204.627Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M222.109 167.968L200.458 173.687L197.432 165.789L189.595 144.91L192.364 119.885L193.589 108.719C193.589 108.719 194.83 113.137 196.615 119.143C197.735 122.971 199.067 127.465 200.398 131.868C202.092 137.375 203.802 142.746 205.164 146.513C209.325 157.952 222.109 167.968 222.109 167.968ZM146.475 63.5412C145.87 65.962 144.962 69.5932 144.16 73.9354C143.979 74.9189 143.812 75.7661 143.767 76.0536C142.966 80.92 142.834 85.8728 143.373 90.775C143.495 91.7433 143.646 92.6813 143.843 93.5891C144.569 96.9933 155.553 103.635 166.325 105.209C177.098 106.782 183.619 98.2945 180.275 93.105C179.177 91.0823 178.474 88.8694 178.202 86.584C177.745 83.5797 177.518 80.545 177.522 77.5061V74.6314L171.228 65.9469L151.559 60.9691C150.878 64.101 149.38 66.0225 148.276 65.9469C147.171 65.8712 146.596 63.9497 146.475 63.5412Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M146.475 63.5412C145.87 65.962 144.962 69.5931 144.16 73.9354C143.979 74.9188 143.812 75.7661 143.767 76.0536C142.966 80.9199 142.834 85.8728 143.373 90.7749C144.757 90.7254 146.12 90.4282 147.398 89.8974C148.765 89.3097 150.007 88.4677 151.059 87.4161C152.114 86.3015 152.983 85.0243 153.632 83.6337C154.102 82.7635 154.517 81.8639 154.872 80.9405C158.336 83.0723 162.115 84.6449 166.068 85.6005C170.029 86.5437 174.11 86.8804 178.172 86.5991C177.715 83.5948 177.487 80.5601 177.491 77.5212V74.6465L171.197 65.962L151.528 60.9843C150.848 64.1161 149.35 66.0376 148.245 65.962C147.141 65.8863 146.596 63.9497 146.475 63.5412Z" fill="black" opacity="0.1"/>
<path d="M189.974 75.6149C188.99 76.7373 187.889 77.7517 186.69 78.6408C185.148 79.7849 183.458 80.7162 181.667 81.4096C173.527 84.6625 163.042 82.3023 155.145 75.3576C153.817 74.1729 152.587 72.8826 151.468 71.4995C151.116 72.4839 150.848 73.4962 150.666 74.5255C150.666 74.9945 150.545 75.1307 150.5 75.4333C150.454 75.7359 150.5 75.7208 150.5 75.751C150.408 77.9829 150.109 80.2014 149.607 82.3779C149.082 83.7525 148.12 84.9166 146.869 85.6913C147 83.6013 146.577 81.5136 145.643 79.6394C145.252 78.9578 144.812 78.3055 144.327 77.6876C142.798 75.2814 141.986 72.4895 141.986 69.6386C141.986 66.7877 142.798 63.9957 144.327 61.5895C145.682 59.1953 147.671 57.2216 150.076 55.8855C156.385 53.026 167.99 58.2912 173.482 61.7105C174.726 62.6618 176.207 63.2532 177.764 63.4202C178.084 63.4251 178.403 63.3686 178.702 63.2538C180.653 62.5729 181.501 60.0614 181.516 58.3214C181.516 54.9777 178.49 51.7399 173.86 50C184.92 50.3631 193.181 57.5649 193.816 65.4022C193.907 67.2766 193.612 69.1496 192.951 70.906C192.29 72.6623 191.277 74.2648 189.974 75.6149Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M189.973 75.6149C188.989 76.7373 187.889 77.7517 186.69 78.6408C185.147 79.7849 183.458 80.7162 181.667 81.4096C173.527 84.6625 163.042 82.3023 155.144 75.3577L151.468 71.4995L149.123 68.1407C153.543 71.7254 158.556 74.5107 163.935 76.3714C168.746 78.0356 175.403 80.3505 183.195 78.4441C185.577 77.8278 187.86 76.8751 189.973 75.6149Z" fill="black" opacity="0.5"/>
<path d="M196.797 161.416C197.242 162.832 197.477 164.305 197.493 165.789L189.656 144.91L192.425 119.885L196.616 119.143C197.735 122.971 199.067 127.465 200.398 131.868C197.871 136.309 196.251 141.208 195.633 146.281C195.015 151.353 195.411 156.498 196.797 161.416Z" fill="black" opacity="0.1"/>
<path d="M202.97 124.636L191.244 134.667C189.489 146.513 187.205 159.994 185.51 169.632L185.374 170.434C184.103 177.696 183.226 182.538 183.226 182.538L137.639 196.154C138.044 193.223 138.201 190.262 138.108 187.303C138.064 185.065 137.842 182.834 137.443 180.631C136.919 178.181 136.227 175.769 135.37 173.414C134.115 167.545 133.236 161.602 132.737 155.622C132.495 153.428 132.238 151.355 131.981 149.433C128.955 126.602 125.838 121.761 130.362 117.222C131.875 115.709 136.989 114.665 147.171 112.683C157.473 110.642 167.893 109.252 178.369 108.522C182.463 108.073 186.583 107.902 190.7 108.008C191.214 108.008 191.668 108.008 192.046 108.144C192.473 108.233 192.893 108.354 193.302 108.507H193.393C194.83 109.037 196.737 110.262 199.188 114.68C200.936 117.792 202.211 121.148 202.97 124.636Z" fill="#DDDDDD"/>
<path d="M192.106 110.262C191.728 110.262 191.274 110.156 190.76 110.126C191.213 110.104 191.667 110.15 192.106 110.262Z" fill="#DDDDDD"/>
<path d="M144.236 124.62C145.688 129.616 147.719 134.424 150.288 138.948C152.377 142.638 154.808 146.123 157.55 149.358C165.143 158.21 174.71 165.155 185.48 169.632L185.343 170.434C184.073 177.696 183.195 182.538 183.195 182.538L137.609 196.154C138.014 193.223 138.171 190.262 138.078 187.303C138.034 185.065 137.811 182.834 137.412 180.631C136.889 178.181 136.196 175.769 135.339 173.414C134.084 167.545 133.205 161.602 132.707 155.622C132.465 153.428 132.207 151.355 131.95 149.433C132.071 148.98 132.207 148.541 132.359 148.072C133.004 145.893 133.781 143.629 134.689 141.278C137.024 135.274 139.97 129.525 143.479 124.121L144.236 124.62Z" fill="black" opacity="0.1"/>
<path d="M128.939 118.523C128.939 118.523 121.571 141.505 124.779 163.141C127.986 184.777 182.832 198.757 182.832 198.757L187.704 189.376C187.704 189.376 144.462 168.633 145.189 154.941C145.464 147.227 146.95 139.604 149.591 132.352L128.939 118.523Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M131.572 116.435C130.974 116.74 130.402 117.094 129.863 117.494C125.142 121.02 125.324 126.814 123.054 139.72C122.706 141.672 122.343 143.457 122.01 145.061L148.578 152.823L151.513 129.326C144.856 125.039 138.209 120.742 131.572 116.435Z" fill="#DDDDDD"/>
<path d="M238.132 191.994L172.846 204.551C172.475 204.626 172.092 204.617 171.726 204.524C171.359 204.431 171.018 204.257 170.727 204.014C170.437 203.772 170.204 203.467 170.047 203.123C169.89 202.778 169.813 202.403 169.82 202.025L170.577 166.757C170.587 166.179 170.795 165.621 171.167 165.178C171.539 164.734 172.051 164.432 172.619 164.321L237.905 151.763C238.277 151.688 238.661 151.698 239.029 151.792C239.397 151.886 239.739 152.061 240.03 152.305C240.321 152.55 240.553 152.856 240.709 153.202C240.865 153.549 240.94 153.926 240.931 154.305L240.174 189.573C240.163 190.15 239.955 190.705 239.583 191.146C239.211 191.587 238.698 191.886 238.132 191.994Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M544.087 406.202C546.515 407.549 549.132 408.523 551.849 409.092C551.849 409.092 551.849 409.016 551.667 408.941C554.581 410.701 557.146 412.984 559.232 415.674C562.455 419.919 564.402 424.993 564.846 430.304V406.202H544.087ZM644.232 379.937C643.261 381.245 642.367 382.609 641.554 384.022C642.172 383.645 642.69 383.127 643.067 382.509C643.521 381.662 643.869 380.829 644.232 379.937Z" fill="black" opacity="0.1"/>
<path d="M686.414 462.879C686.07 463.544 685.637 464.16 685.128 464.709C683.055 466.964 679.742 468.341 677.079 467.281C673.07 465.663 672.903 459.444 672.858 457.78C672.858 457.037 672.899 456.295 672.979 455.556C673.297 452.061 675.248 446.039 678.441 445.419C681.966 444.723 686.475 451.683 687.125 457.644C687.413 459.421 687.165 461.243 686.414 462.879Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M686.414 462.879C686.069 463.544 685.637 464.16 685.128 464.709C681.028 462.561 678.788 458.779 673.569 455.858L672.979 455.556C673.296 452.061 675.248 446.039 678.44 445.419C681.966 444.723 686.474 451.683 687.125 457.644C687.412 459.421 687.165 461.243 686.414 462.879Z" fill="black" opacity="0.1"/>
<path d="M534.858 360.056C533.93 359.601 532.942 359.28 531.923 359.103C528.292 358.422 525.009 359.708 523.859 362.568C522.437 366.214 525.009 370.95 529.623 373.159C530.113 373.403 530.619 373.615 531.136 373.794C535.252 375.11 539.291 373.87 540.547 370.647C542.045 367.046 539.473 362.326 534.858 360.056Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M534.858 360.056C533.93 359.601 532.942 359.28 531.923 359.103C531.802 359.496 531.711 359.844 531.62 360.223C530.44 365.14 531.787 367.636 531.302 373.098C531.281 373.337 531.246 373.574 531.197 373.809C535.312 375.125 539.352 373.885 540.607 370.662C542.045 367.046 539.473 362.326 534.858 360.056Z" fill="black" opacity="0.1"/>
<path d="M703.223 466.041C698.982 465.583 694.871 464.303 691.119 462.274C685.884 459.52 683.766 456.66 678.607 454.875C675.537 453.862 672.302 453.441 669.075 453.634C672.875 442.376 675.248 430.685 676.141 418.836V417.898C676.24 415.376 676.209 412.851 676.05 410.333C675.959 408.986 675.823 407.67 675.626 406.369V406.111C675.071 402.501 673.866 399.02 672.071 395.838C670.64 393.297 668.891 390.948 666.866 388.848C666.231 388.198 665.595 387.562 664.945 386.987C662.35 384.653 659.497 382.622 656.442 380.935C655.322 380.3 654.323 379.801 653.537 379.422L651.736 378.651C651.736 380.406 651.736 382.161 651.842 383.916V384.188C652.145 405.537 652.599 413.903 652.841 429.729V434.752C642.9 434.435 632.96 434.071 623.005 433.723L594.954 432.695C596.028 426.643 597.133 420.455 598.207 414.342C599.992 404.387 601.747 394.416 603.517 384.491C590.869 395.082 572.274 410.469 550.23 411.301C544.071 411.49 537.926 410.599 532.074 408.668L532.528 404.129L537.491 355.638C537.491 355.638 546.856 371.525 558.415 377.773C571.835 385.126 588.085 379.286 593.214 375.564C596.278 373.23 599.616 371.279 603.154 369.754C603.472 369.603 604.44 369.164 605.802 368.665C606.256 368.529 606.74 368.347 607.315 368.166C608.601 367.742 609.948 367.379 611.249 367.061C616.386 365.862 621.613 365.093 626.878 364.762C632.359 364.451 637.855 364.537 643.324 365.019C645.518 365.185 647.863 365.503 650.178 365.836C650.274 365.843 650.37 365.843 650.465 365.836C653.785 366.349 657.04 367.211 660.179 368.408C664.373 369.995 668.352 372.099 672.025 374.672C674.125 376.181 676.121 377.829 678.002 379.604C679.046 380.587 680.211 381.722 681.421 383.023C685.947 387.79 689.856 393.107 693.056 398.849C693.404 399.454 693.737 400.075 694.07 400.71L694.493 401.557C695.898 404.358 697.141 407.238 698.215 410.181C698.624 411.271 698.987 412.36 699.35 413.434C699.91 415.159 700.424 416.899 700.863 418.624C701.181 419.804 701.483 420.984 701.74 422.179C702.3 424.6 702.754 426.976 703.117 429.321C704.953 441.489 704.989 453.862 703.223 466.041Z" fill="#DADBE0"/>
<path d="M676.217 417.898C676.316 415.376 676.285 412.851 676.126 410.333C676.035 408.986 675.899 407.67 675.702 406.369V406.111C675.147 402.501 673.942 399.02 672.147 395.838C670.716 393.297 668.967 390.948 666.942 388.848C666.307 388.198 665.671 387.562 665.021 386.987C662.426 384.653 659.573 382.622 656.518 380.935C655.398 380.3 654.4 379.801 653.613 379.422L651.812 378.651C651.812 380.406 651.812 382.161 651.918 383.916V384.188C650.889 383.613 649.936 383.175 649.18 382.811C647.033 379.857 644.687 377.051 642.159 374.414C639.981 372.14 637.678 369.988 635.26 367.969C635.409 368.008 635.561 368.033 635.714 368.045C641.161 368.897 646.506 370.312 651.661 372.266C658.52 374.867 665.03 378.307 671.042 382.509C674.478 384.986 677.748 387.685 680.831 390.588C682.556 392.207 684.447 394.083 686.429 396.201C690.019 400.054 693.364 404.126 696.445 408.396C698.017 411.231 699.363 414.185 700.47 417.232C700.47 417.232 700.621 417.822 700.833 418.594C701.226 420.107 701.514 421.332 701.711 422.149C693.094 422.218 684.509 421.093 676.202 418.805L676.217 417.898Z" fill="black" opacity="0.1"/>
<path d="M644.943 367.848C644.943 374.082 637.59 379.105 628.512 379.105C619.434 379.105 612.096 374.082 612.096 367.848C612.094 367.507 612.13 367.167 612.202 366.834C617.34 365.62 622.575 364.856 627.846 364.55C633.332 364.224 638.834 364.31 644.307 364.807C644.736 365.763 644.953 366.8 644.943 367.848Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M595.075 432.68C599.654 460.357 604.234 487.999 608.813 515.606C610.659 516.287 612.505 516.953 614.366 517.603C614.941 514.577 615.485 511.551 616.06 508.45C619.278 490.899 622.511 473.349 625.759 455.798L631.705 498.736L634.156 516.454L641.191 518.148L643.536 501.626L652.947 434.798L595.075 432.68Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M603.624 384.521C590.975 395.112 572.381 410.484 550.352 411.346C544.193 411.514 538.051 410.618 532.196 408.699L532.65 404.16C539.004 406.308 546.07 408.093 550.548 401.83C556.328 393.705 558.991 393.917 566.692 394.961C574.393 396.005 576.239 390.013 578.796 386.745C581.353 383.477 592.609 383.719 595.59 383.81C598.57 383.901 603.624 384.521 603.624 384.521ZM652.947 434.798L623.928 433.754L595.06 432.725C596.135 426.673 597.239 420.485 598.313 414.357C598.238 414.887 616.469 431.802 652.887 429.759V431.817C652.932 432.816 652.947 433.814 652.947 434.798Z" fill="black" opacity="0.1"/>
<path d="M634.156 516.454L622.778 433.678L652.947 434.798L641.191 518.148L634.156 516.454Z" fill="black" opacity="0.1"/>
<path d="M643.309 533.641L642.553 528.83C642.553 528.83 642.553 524.124 639.693 523.186C636.834 522.248 628.376 529.995 626.288 534.942L636.319 531.175L637.832 534.942L643.309 533.641ZM616.287 533.641L615.531 528.83C615.531 528.83 615.531 524.124 612.671 523.186C609.812 522.248 601.354 529.995 599.266 534.942L609.297 531.175L610.81 534.942L616.287 533.641Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M624.563 355.199C632.355 357.62 641.69 357.06 645.836 355.305C646.537 355.053 647.166 354.633 647.666 354.08C648.226 353.369 648.74 352.567 649.255 351.81C649.966 350.721 650.632 349.556 651.237 348.391C652.857 345.356 654.199 342.181 655.246 338.905C655.322 338.647 655.564 337.83 655.852 336.907C657.032 332.732 657.879 329.343 658.439 326.967C658.182 327.285 656.926 328.707 656.003 328.374C655.08 328.041 654.687 325.727 655.519 322.731L637.484 319.19L628.678 324.214C628.678 324.214 628.24 325.212 627.453 326.71C626.145 329.333 624.653 331.861 622.99 334.275C621.818 336.145 620.31 337.782 618.541 339.101C613.609 342.309 615.228 352.325 624.563 355.199Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M622.99 334.32C629.367 338.097 636.818 339.646 644.172 338.723C645.886 339.314 647.408 340.36 648.574 341.749C650.269 343.867 649.906 345.456 651.086 348.104L651.192 348.361C652.811 345.326 654.153 342.151 655.201 338.874C655.277 338.617 655.519 337.8 655.806 336.877C656.987 332.701 657.834 329.312 658.394 326.937C658.136 327.255 656.881 328.677 655.958 328.344C655.035 328.011 654.641 325.696 655.474 322.701L637.439 319.16L628.633 324.183C628.633 324.183 628.194 325.182 627.408 326.68C626.117 329.328 624.641 331.881 622.99 334.32Z" fill="black" opacity="0.1"/>
<path d="M724.995 409.349C720.182 411.283 715.16 412.654 710.032 413.434C701.86 414.702 693.52 414.368 685.476 412.451C685.476 412.451 662.025 408.88 648.302 392.283C646.711 390.427 645.336 388.397 644.202 386.231C639.572 377.365 637.666 363.158 643.642 354.625C646.133 351.065 648.314 347.299 650.163 343.368C650.927 341.634 651.388 339.781 651.525 337.891V336.605C651.525 335.092 649.679 332.974 649.286 330.553C645.473 331.824 631.508 335.803 624.2 328.435C622.535 326.774 621.308 324.726 620.63 322.474C620.321 321.391 620.321 320.243 620.63 319.16C622.067 314.727 629.042 313.668 631.962 313.229C643.264 311.535 652.538 318.54 654.959 320.386C656.003 321.157 672.056 333.685 669.862 348.285C668.697 356.077 662.933 358.392 663.946 361.826C665.127 365.73 674.295 369.043 712.226 365.094C710.289 375.685 712.226 382.252 714.495 386.473C716.25 389.68 718.671 392.298 720.941 397.064C721.425 398.032 721.894 399.076 722.333 400.211C723.525 403.16 724.417 406.221 724.995 409.349Z" fill="#232B41" class="tblr-illustrations-mobile-computer-d"/>
<path d="M724.995 409.349C720.112 411.069 715.111 412.434 710.032 413.434C701.86 414.702 693.52 414.368 685.476 412.451C685.476 412.451 662.025 408.88 648.302 392.283C646.711 390.427 645.335 388.397 644.202 386.231C639.572 377.365 637.666 363.158 643.642 354.625C646.132 351.065 648.314 347.299 650.163 343.368C647.559 356.126 649.912 369.397 656.744 380.481C664.716 391.777 676.563 399.747 690.03 402.874C696.121 404.428 702.501 404.464 708.61 402.98C713.095 401.79 717.305 399.734 721.001 396.928C721.485 397.896 721.954 398.94 722.393 400.075C723.574 403.07 724.446 406.177 724.995 409.349ZM620.69 322.413C621.364 324.667 622.591 326.717 624.261 328.374C631.568 335.742 645.533 331.763 649.346 330.492C650.751 329.626 652.06 328.611 653.249 327.466C647.822 329.341 642.018 329.857 636.345 328.971C630.672 328.085 625.302 325.823 620.705 322.383L620.69 322.413Z" fill="black" opacity="0.5"/>
<path d="M644.943 367.848C644.943 374.082 637.59 379.105 628.512 379.105C619.434 379.105 612.096 374.082 612.096 367.848C612.094 367.507 612.13 367.167 612.202 366.834C617.34 365.62 622.575 364.856 627.846 364.55C633.332 364.224 638.834 364.31 644.307 364.807C644.736 365.763 644.953 366.8 644.943 367.848Z" fill="black" opacity="0.1"/>
<path d="M636.954 378.121C635.29 374.036 633.369 371.918 631.235 371.827C628.784 371.721 626.833 374.293 625.879 375.867C624.745 373.9 622.127 370.178 618.768 370.269C616.045 370.39 613.564 373.144 611.4 378.439C610.386 380.905 609.221 384.385 610.598 386.095C610.815 386.339 611.084 386.532 611.385 386.657C611.686 386.783 612.012 386.839 612.338 386.821C615.243 386.821 620.191 383.326 623.564 380.648C623.085 381.838 622.27 382.863 621.219 383.598C620.839 383.747 620.502 383.988 620.238 384.3C619.974 384.612 619.791 384.984 619.706 385.384C619.283 387.169 620.433 389.378 621.461 391.088L622.626 389.847C621.113 387.26 621.113 386.276 621.113 385.989C621.156 385.874 621.224 385.77 621.313 385.686C621.403 385.602 621.51 385.54 621.628 385.505C623.459 384.794 625.032 381.51 625.834 379.559C626.43 380.912 626.891 382.321 627.211 383.765C627.146 384.103 627.06 384.436 626.954 384.763C626.575 386.034 625.94 388.152 627.271 389.559C628.013 390.361 628.588 393.206 628.784 397.2L630.297 397.064C630.055 392.253 629.359 389.211 628.224 387.986C627.831 387.577 627.952 386.881 628.376 385.489C628.545 384.999 628.662 384.492 628.724 383.976C628.626 382.742 628.33 381.531 627.846 380.391C630.494 382.464 633.974 384.839 636.107 384.839C636.389 384.865 636.674 384.824 636.937 384.719C637.2 384.614 637.434 384.447 637.62 384.234C638.664 382.796 637.741 380.058 636.954 378.121ZM611.612 384.627C611.612 384.536 610.976 383.659 612.716 379.392C614.592 374.762 616.65 372.357 618.768 372.266H618.92C621.567 372.266 623.837 375.7 624.76 377.304C619.192 381.994 612.732 386.004 611.612 384.627ZM636.501 382.736C635.805 383.583 631.356 381.011 626.938 377.304C627.68 376.064 629.253 373.809 631.084 373.809H631.19C632.703 373.885 634.216 375.655 635.638 379.074C636.864 382.085 636.501 382.736 636.501 382.736Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M179.7 109.657C179.972 111.548 172.801 113.999 163.678 115.134C154.554 116.269 146.944 115.618 146.672 113.712C146.667 113.515 146.711 113.32 146.798 113.144C146.884 112.968 147.013 112.815 147.171 112.698C157.959 110.883 169.488 109.324 178.369 108.537C179.171 108.795 179.64 109.173 179.7 109.657Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M179.7 109.657C179.972 111.548 172.801 113.999 163.678 115.134C154.554 116.269 146.944 115.618 146.672 113.712C146.667 113.515 146.711 113.32 146.798 113.144C146.884 112.968 147.013 112.815 147.171 112.698C157.959 110.883 169.488 109.324 178.369 108.537C179.171 108.795 179.64 109.173 179.7 109.657Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

38
src/illustrations/music.svg Normal file
View File

@ -0,0 +1,38 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-music-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-music-b { fill: #1A2030; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-music-a { fill: black; opacity: 0.07; } .tblr-illustrations-music-b { fill: #1A2030; } }
</style>
<path d="M168 292.447C168 331.569 209.483 360.124 227.807 391.826C246.694 424.54 251.303 474.342 283.904 493.341C315.607 511.665 360.687 491.205 399.809 491.205C438.931 491.205 484.123 511.665 515.713 493.341C548.315 474.454 552.924 424.54 571.811 391.826C590.135 360.124 631.618 331.794 631.618 292.447C631.618 253.1 590.135 224.771 571.811 193.068C552.924 160.354 548.315 110.44 515.713 91.5536C484.011 73.2292 438.931 93.802 399.809 93.802C360.687 93.802 315.494 73.3417 283.904 91.666C251.19 110.552 246.694 160.467 227.807 193.181C209.37 224.995 168 253.325 168 292.447Z" fill="#F7F8FC" class="tblr-illustrations-music-a"/>
<path d="M447.25 450.284C439.718 475.578 432.299 500.76 424.767 526.055L414.199 525.155L416.672 446.349L397.111 395.311C397.111 396.323 395.762 424.99 395.65 426.001C395.65 426.788 394.413 452.195 394.413 452.982C386.994 465.348 379.574 477.827 372.267 490.305C365.297 501.997 358.439 513.801 351.581 525.38L341.576 524.031C348.096 500.198 354.617 476.365 361.137 452.532C357.54 422.854 354.055 393.175 350.457 363.496L399.247 362.372L427.802 361.698C434.322 391.264 440.73 420.718 447.25 450.284Z" fill="#DADBE0"/>
<path d="M447.25 450.284C439.718 475.578 432.299 500.76 424.767 526.055L414.199 525.155L416.672 446.349L397.111 395.311L399.36 362.372L427.914 361.698C434.322 391.264 440.73 420.718 447.25 450.284Z" fill="black" opacity="0.1"/>
<path d="M268.729 544.941C268.729 547.639 324.489 550 393.289 550C462.09 550 517.85 547.752 517.85 544.941C517.85 542.131 462.09 540.107 393.289 540.107C324.489 540.107 268.729 542.355 268.729 544.941Z" fill="#A6A9B3" class="tblr-illustrations-music-b"/>
<path d="M533.702 277.27C518.525 285.927 501.662 286.826 487.61 285.365C483.001 284.803 478.392 284.016 473.782 283.004C471.309 282.442 468.836 281.767 466.475 281.093C464.114 280.418 461.529 279.519 459.168 278.619C460.629 273.336 462.091 268.052 463.552 262.881C463.777 262.094 464.002 261.419 464.114 260.632L466.588 251.639C468.836 252.651 470.972 253.55 472.996 254.337L474.457 254.899C478.279 256.36 481.764 257.597 484.912 258.496C502.787 263.668 512.342 261.307 517.738 257.485C521.786 254.674 531.454 245.568 538.649 232.303C541.909 226.232 543.82 220.948 548.991 219.824C554.162 218.7 561.694 222.297 564.617 227.244C571.925 239.273 554.724 265.354 533.702 277.27Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M487.722 285.365C483.113 284.803 478.504 284.016 473.894 283.004C471.421 282.442 468.948 281.767 466.587 281.093C465.463 275.022 463.889 266.253 463.552 262.881C463.439 262.431 463.439 262.094 463.439 261.644C463.552 261.307 463.777 260.857 464.114 260.632C466.924 258.272 469.847 256.136 472.995 254.337L474.457 254.899C478.279 256.36 481.764 257.597 484.912 258.496C483.9 265.804 483.113 277.608 487.722 285.365Z" fill="black" opacity="0.1"/>
<path d="M373.504 166.088C373.841 169.91 374.291 175.418 375.19 182.164C375.415 183.625 375.527 184.974 375.64 185.424C376.764 192.843 378.9 200.151 381.935 207.008C382.497 208.357 383.172 209.706 383.847 210.943C386.432 215.552 404.307 220.611 419.596 218.25C434.885 215.889 439.831 200.825 432.861 194.642C430.388 192.169 428.477 189.246 427.128 186.098C425.104 181.939 423.418 177.554 421.957 173.17C421.057 170.697 420.608 169.011 420.608 169.011L408.129 159.005L379.125 160.129C379.687 164.963 378.563 168.448 376.989 168.786C375.415 169.123 373.729 166.65 373.504 166.088Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M373.504 166.088C373.841 169.91 374.291 175.418 375.19 182.164C375.415 183.625 375.527 184.974 375.64 185.424C376.764 192.843 378.9 200.151 381.935 207.008C383.734 206.334 385.533 205.322 386.994 203.973C388.568 202.512 389.917 200.713 390.816 198.802C391.716 196.666 392.39 194.417 392.615 192.169C392.84 190.708 392.952 189.246 393.065 187.785C404.307 191.045 416.336 190.483 427.128 186.098C425.104 181.939 423.418 177.554 422.069 173.17C421.17 170.697 420.72 169.011 420.72 169.011L408.241 159.005L379.237 160.129C379.799 164.963 378.675 168.448 377.101 168.786C375.527 169.123 373.729 166.65 373.504 166.088Z" fill="black" opacity="0.1"/>
<path d="M437.696 165.076C436.909 167.099 435.898 169.011 434.661 170.809C433.2 173.17 431.288 175.306 429.152 177.105C419.597 185.311 404.42 186.323 390.48 179.466C388.119 178.341 385.871 176.992 383.735 175.419H383.623V175.531C383.623 177.105 383.735 178.679 383.96 180.253C384.072 180.927 384.072 181.152 384.185 181.714L384.297 182.164C384.41 183.063 386.208 188.909 386.208 192.169C386.096 194.305 385.421 196.441 384.072 198.127C383.285 194.98 381.711 192.169 379.575 189.696C378.789 188.909 377.889 188.122 376.877 187.447C372.381 183.288 369.57 177.555 369.008 171.484C368.783 169.011 369.008 166.425 369.57 164.064C369.795 162.49 371.256 156.644 374.741 153.272C381.936 146.414 400.036 149.112 409.029 151.81C410.603 152.26 413.301 153.159 415.55 152.485C415.999 152.373 416.337 152.148 416.786 151.81C419.147 150.012 419.147 145.965 418.36 143.491C416.899 138.545 411.278 135.172 404.195 134.61C419.259 130.451 433.762 137.308 438.258 148.55C440.282 153.834 440.057 159.905 437.696 165.076Z" fill="#232B41"/>
<path d="M437.696 165.076C436.909 167.099 435.897 169.011 434.66 170.809C433.199 173.17 431.288 175.306 429.152 177.105C419.596 185.311 404.42 186.323 390.48 179.466C387.107 177.442 384.184 175.643 383.734 175.419H383.622L378.9 171.596C386.432 174.856 394.527 176.768 402.733 177.217C410.041 177.554 420.046 178.117 429.714 172.046C432.749 170.135 435.447 167.774 437.696 165.076Z" fill="black" opacity="0.5"/>
<path d="M362.15 547.864L336.855 540.557C336.855 540.557 336.968 533.699 341.577 532.013C346.186 530.327 359.002 541.007 362.15 547.864Z" fill="#232B41"/>
<path d="M437.357 547.19L411.163 544.042C411.163 544.042 410.151 537.184 414.423 534.823C418.695 532.463 433.197 540.894 437.357 547.19Z" fill="#232B41"/>
<path d="M571.473 83.0098C570.574 81.2111 569 79.8621 566.976 79.1875L530.103 67.1587C526.056 65.8096 521.784 68.058 520.435 72.1051L505.82 117.073C503.235 114.824 500.087 113.138 496.827 112.126C488.283 109.316 480.189 110.89 478.727 115.611C477.266 120.333 482.887 126.404 491.318 129.102C499.75 131.8 507.956 130.338 509.418 125.617L509.98 125.842L526.73 74.2411C526.843 74.0163 526.955 73.7914 527.18 73.7914C527.405 73.679 527.63 73.679 527.854 73.7914L564.728 85.8203C565.178 85.9327 565.403 86.3824 565.29 86.8321C565.29 86.8321 565.29 86.8321 565.29 86.9445L550.676 131.912C548.09 129.664 544.942 127.978 541.682 126.966C533.138 124.155 525.044 125.729 523.47 130.451C521.896 135.172 527.63 141.243 536.061 143.941C544.493 146.639 552.699 145.178 554.273 140.456L554.835 140.681L571.586 89.0805C572.485 87.0569 572.373 84.9209 571.473 83.0098Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M287.392 314.032C286.267 310.659 280.422 309.76 274.351 311.783C271.99 312.57 269.854 313.807 268.056 315.493L256.814 283.791C255.802 280.98 252.767 279.406 249.956 280.418L223.987 289.637C221.177 290.648 219.603 293.684 220.615 296.494L233.43 332.918L233.88 332.806C235.004 336.178 240.85 337.078 246.808 334.942C252.766 332.806 256.701 328.421 255.577 325.049C254.453 321.676 248.719 320.777 242.649 322.913C240.288 323.7 238.152 324.936 236.353 326.623L225.111 294.92C224.999 294.583 225.111 294.246 225.449 294.133L251.53 284.915C251.867 284.803 252.204 284.915 252.317 285.252L265.133 321.676L265.582 321.564C266.707 324.936 272.552 325.836 278.511 323.7C284.469 321.564 288.628 317.292 287.392 314.032Z" fill="#A6A9B3"/>
<path d="M332.886 97.4955L324.263 61.0879C323.364 57.3781 325.725 53.5558 329.435 52.6564L340.339 50.0708C341.801 49.7335 343.262 50.6329 343.6 52.0944C343.937 53.5558 343.038 54.9048 341.576 55.3545L330.784 57.8277C329.997 58.0526 329.435 58.9519 329.66 59.7389L339.777 102.571C339.927 103.221 339.833 103.872 339.552 104.423C338.991 108.577 333.558 112.875 326.247 114.599C317.847 116.579 310.148 114.413 309.051 109.76C307.954 105.107 313.874 99.7291 322.273 97.7485C326.155 96.8333 329.886 96.8035 332.886 97.4955Z" fill="#232B41"/>
<path d="M393.854 141.22C394.23 141.171 395.186 141.349 396.853 143.094C398.469 144.785 400.363 147.554 402.523 151.54L406.091 149.607C403.866 145.5 401.77 142.366 399.788 140.291C397.887 138.301 395.643 136.824 393.194 137.216L393.175 137.219L393.156 137.222C391.209 137.572 389.81 139.022 388.809 140.754C387.792 142.512 386.982 144.894 386.322 147.791C385 153.605 384.18 161.995 383.842 172.882L387.898 173.008C388.234 162.199 389.045 154.119 390.28 148.691C390.899 145.967 391.599 144.035 392.322 142.786C393.041 141.542 393.6 141.274 393.854 141.22Z" fill="#A6A9B3"/>
<path d="M399.81 186.098C399.81 193.631 395.201 199.926 389.018 201.612C385.083 202.624 380.924 201.725 377.776 199.252C373.841 195.991 371.593 191.27 371.705 186.211C371.593 180.702 374.178 175.643 378.675 172.496C380.811 171.034 383.172 170.36 385.758 170.36C393.515 170.247 399.81 177.33 399.81 186.098Z" fill="#DADBE0"/>
<path d="M385.756 195.991C390.537 195.991 394.412 191.562 394.412 186.098C394.412 180.635 390.537 176.205 385.756 176.205C380.975 176.205 377.1 180.635 377.1 186.098C377.1 191.562 380.975 195.991 385.756 195.991Z" fill="#A6A9B3"/>
<path d="M384.296 189.808C383.734 191.607 382.835 193.406 381.823 194.979C380.699 196.666 379.35 198.127 377.776 199.251C373.841 195.991 371.593 191.27 371.705 186.211C371.593 180.702 374.178 175.643 378.675 172.496C380.362 173.732 381.823 175.194 382.835 176.992C385.083 180.815 385.645 185.536 384.296 189.808Z" fill="black" opacity="0.1"/>
<path d="M379.349 192.731C374.628 199.139 366.421 196.778 351.807 200.488C338.316 203.973 321.453 212.067 321.903 219.037C322.128 222.859 327.299 225.782 333.033 229.155L333.257 229.267C334.944 230.279 347.872 238.036 349.671 241.071L349.783 241.184L349.896 241.409C350.008 241.521 350.008 241.746 350.008 241.858C350.12 242.196 350.12 242.42 350.12 242.758C350.12 242.87 350.12 243.095 350.12 243.207C350.008 244.219 349.671 246.58 349.109 250.964C348.884 252.875 348.771 254.787 348.884 256.698C348.884 257.035 348.884 257.485 348.884 257.822C348.996 259.058 349.109 260.07 349.221 261.082C349.333 261.532 349.333 262.094 349.446 262.431L349.558 262.993C350.12 266.478 350.345 267.377 350.233 267.827C350.233 267.827 350.233 267.827 350.233 267.94L350.12 268.052C349.109 269.401 336.518 265.466 324.489 257.147C321.004 254.787 317.631 252.313 314.483 249.615C305.715 242.196 295.709 230.954 296.946 218.138C297.171 215.552 298.07 211.505 301.78 205.659C320.554 176.655 372.042 165.301 380.811 177.892C383.509 182.051 382.272 188.796 379.349 192.731Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M350.12 268.052C350.12 268.165 350.008 268.277 350.008 268.277C348.996 269.626 336.405 265.691 324.376 257.372C320.891 255.011 317.519 252.538 314.371 249.84C319.992 247.367 327.299 242.87 331.346 234.551C332.133 232.865 332.808 231.066 333.258 229.267C334.944 230.279 347.872 238.036 349.671 241.071L349.783 241.184L349.896 241.409C350.008 241.521 350.008 241.746 350.008 241.858C350.12 242.196 350.12 242.42 350.12 242.758C350.12 242.87 350.12 243.095 350.12 243.207C350.008 244.219 349.671 246.58 349.109 250.964C348.884 252.875 348.771 254.787 348.884 256.698C348.884 257.035 348.884 257.485 348.884 257.822C348.996 259.059 349.109 260.07 349.221 261.082C349.334 261.532 349.334 262.094 349.446 262.431L349.558 262.993C349.896 266.029 350.458 267.265 350.12 268.052Z" fill="black" opacity="0.1"/>
<path d="M477.941 253.213C477.941 263.668 474.794 273.898 469.173 282.667C467.037 286.039 464.563 289.075 461.753 291.885L448.263 283.678C443.991 294.583 440.618 305.825 438.145 317.179C435.784 327.072 434.323 337.19 433.76 347.42C433.423 354.278 433.423 361.135 433.873 367.881L414.312 367.993C409.253 367.993 396.999 368.105 386.544 368.105C375.977 368.105 361.025 368.105 342.363 367.881C346.298 351.242 349.109 334.492 351.02 317.517C352.594 303.577 353.268 290.424 353.493 278.282C352.144 277.495 350.795 276.708 349.446 276.146C346.411 274.797 343.15 273.898 339.89 273.561C336.518 259.059 336.967 243.994 341.352 229.829C351.245 231.516 361.25 232.752 371.368 233.427C373.729 233.427 378.45 233.314 379.687 233.202C380.586 233.09 381.485 232.977 382.385 232.977H382.722C390.929 231.965 397.337 229.942 410.152 229.38C415.998 229.043 421.956 229.043 427.915 229.492L429.039 229.605C432.187 229.829 435.447 230.392 438.594 230.954C442.642 231.965 446.464 233.652 449.949 236.013C457.031 240.172 466.587 246.018 477.941 253.213Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M533.251 209.931L537.747 208.357C539.771 207.683 541.907 208.695 542.581 210.718L547.078 223.421L535.387 227.581L530.89 214.878C530.215 212.854 531.227 210.606 533.251 209.931Z" fill="#232B41"/>
<path d="M545.281 209.482L548.541 208.357C550.115 207.795 551.801 208.582 552.363 210.156L555.96 220.274L547.079 223.422L543.482 213.304C542.92 211.73 543.707 210.044 545.281 209.482Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M574.847 255.124L555.061 262.094C551.464 263.33 547.417 261.419 546.18 257.822L534.601 225.108C533.364 221.51 535.275 217.463 538.873 216.227L558.659 209.257C562.256 208.02 566.303 209.931 567.54 213.529L571.137 223.759L579.007 246.243C580.356 249.84 578.444 253.887 574.847 255.124Z" fill="#A6A9B3"/>
<path d="M550.227 238.149C555.939 238.149 560.57 233.518 560.57 227.806C560.57 222.094 555.939 217.463 550.227 217.463C544.515 217.463 539.885 222.094 539.885 227.806C539.885 233.518 544.515 238.149 550.227 238.149Z" fill="#DADBE0"/>
<path d="M550.227 232.865C553.021 232.865 555.286 230.6 555.286 227.806C555.286 225.012 553.021 222.747 550.227 222.747C547.433 222.747 545.168 225.012 545.168 227.806C545.168 230.6 547.433 232.865 550.227 232.865Z" fill="#A6A9B3"/>
<path d="M574.845 255.124L555.06 262.094C552.249 263.106 549.101 262.206 547.303 259.845C564.39 250.177 569.899 235.563 571.248 223.646L579.117 246.13C580.354 249.84 578.555 253.887 574.845 255.124Z" fill="black" opacity="0.1"/>
<path d="M484.573 320.664H482.1C450.397 320.102 411.725 308.523 396.886 283.903C394.525 280.081 392.839 275.809 392.052 271.312C383.845 273.561 373.053 273.785 366.42 267.827C358.101 260.407 359.9 246.917 361.024 238.036C363.722 217.576 375.189 202.511 384.407 193.406L385.981 194.979C377.1 203.861 365.858 218.587 363.272 238.373C362.148 246.805 360.462 259.621 367.882 266.253C373.952 271.649 383.958 271.312 391.714 269.176C391.265 266.253 391.377 263.218 391.827 260.295C392.277 258.047 393.288 253.437 397.223 251.526C399.809 250.29 402.844 250.515 405.205 252.088C407.566 254 408.69 257.035 408.24 260.07C407.341 264.792 400.708 268.614 394.75 270.75L394.188 270.975C394.975 275.247 396.436 279.294 398.684 283.116C411.163 303.801 444.664 318.191 481.987 318.753C515.488 319.315 542.469 308.748 554.273 290.536C559.669 282.217 562.142 271.874 561.693 259.733L563.941 259.621C564.391 272.212 561.805 283.116 556.184 291.773C544.268 309.872 517.624 320.664 484.573 320.664ZM400.82 252.875C399.921 252.875 399.022 253.1 398.122 253.437C395.199 254.899 394.3 258.834 393.963 260.632C393.513 263.218 393.513 265.804 393.85 268.389H394.075C400.708 266.141 405.542 262.543 406.104 259.508C406.441 257.372 405.542 255.236 403.968 253.775C402.956 253.1 401.832 252.763 400.82 252.875Z" fill="#A6A9B3"/>
<path d="M427.916 229.38C424.881 232.752 416.674 235.9 406.781 237.024C394.977 238.373 384.859 236.575 382.836 232.865C397.563 229.155 412.74 227.918 427.916 229.38Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M433.873 367.768L414.312 367.881C409.253 367.881 396.999 367.993 386.544 367.993C375.977 367.993 361.025 367.993 342.363 367.768C346.298 351.13 349.108 334.38 351.02 317.404C352.593 303.464 353.268 290.311 353.493 278.17C355.404 288.063 359.001 300.429 366.309 313.245C386.881 349.444 421.619 363.496 433.873 367.768Z" fill="black" opacity="0.1"/>
<path d="M427.916 229.38C424.881 232.752 416.674 235.9 406.781 237.024C394.977 238.373 384.859 236.575 382.836 232.865C397.563 229.155 412.74 227.918 427.916 229.38Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

35
src/illustrations/neutral-info.svg Normal file
View File

@ -0,0 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-neutral-info-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-neutral-info-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-neutral-info-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-neutral-info-a { fill: black; opacity: 0.07; } .tblr-illustrations-neutral-info-b { fill: #1A2030; } .tblr-illustrations-neutral-info-c { fill: #454C5E; } }
</style>
<path d="M118 309.709C118 354.919 165.799 387.706 186.915 424.209C208.719 461.85 213.948 519.393 251.614 541.223C288.129 562.339 340.094 538.721 385.303 538.721C430.512 538.721 482.477 562.339 518.98 541.223C556.646 519.393 561.875 461.85 583.679 424.209C604.795 387.706 652.594 354.919 652.594 309.709C652.594 264.5 604.795 231.675 583.679 195.21C561.875 157.556 556.646 99.975 518.98 78.1959C482.477 57.0799 430.5 80.6978 385.303 80.6978C340.106 80.6978 288.129 57.0799 251.614 78.1959C213.948 99.975 208.719 157.556 186.915 195.21C165.786 231.675 118 264.5 118 309.709Z" fill="#F7F8FC" class="tblr-illustrations-neutral-info-a"/>
<path d="M407.207 444.537C558.579 444.537 681.29 441.064 681.29 436.781C681.29 432.497 558.579 429.025 407.207 429.025C255.835 429.025 133.124 432.497 133.124 436.781C133.124 441.064 255.835 444.537 407.207 444.537Z" fill="#A6A9B3" class="tblr-illustrations-neutral-info-b"/>
<path d="M238.341 123.681V429.25C238.266 431.016 237.511 432.684 236.235 433.907C234.959 435.13 233.26 435.813 231.493 435.813C229.725 435.813 228.026 435.13 226.75 433.907C225.474 432.684 224.719 431.016 224.644 429.25V123.681C224.647 121.867 225.369 120.128 226.651 118.846C227.934 117.563 229.672 116.841 231.486 116.838C233.3 116.844 235.038 117.567 236.322 118.849C237.606 120.13 238.332 121.867 238.341 123.681Z" fill="#232B41" class="tblr-illustrations-neutral-info-c"/>
<path d="M238.341 212.385V429.25C238.266 431.016 237.511 432.684 236.235 433.907C234.959 435.13 233.26 435.812 231.493 435.812C229.725 435.812 228.026 435.13 226.75 433.907C225.474 432.684 224.719 431.016 224.644 429.25V220.154C228.959 215.125 233.563 212.385 238.341 212.385Z" fill="black" opacity="0.3"/>
<path d="M374.833 227.922C374.758 228.773 374.695 229.511 374.645 230.149C374.3 233.817 373.753 237.462 373.006 241.07C370.98 251.94 368.002 267.14 358.758 283.602C353.294 293.22 346.525 302.036 338.643 309.797L323.819 267.077C325.207 263.749 344.81 216.376 334.127 209.533C331.037 207.557 324.257 208.282 317.864 208.945C313.2 209.463 308.594 210.409 304.104 211.772L278.96 219.278L275.857 220.254C275.522 217.952 275.003 215.681 274.306 213.461C273.752 211.685 273.084 209.947 272.305 208.257C270.021 203.258 266.797 198.743 262.81 194.96C264.636 193.859 267.201 192.458 270.316 190.832C270.316 190.832 273.406 189.268 278.097 187.304C280.911 186.128 284.351 184.802 287.942 183.551C290.243 182.788 292.658 182.062 295.085 181.449C303.841 179.235 338.68 172.843 358.883 183.476C363.276 185.656 366.998 188.985 369.654 193.108C370.219 194.023 370.729 194.972 371.18 195.948C371.342 196.286 371.48 196.623 371.618 196.961C371.755 197.299 371.855 197.524 371.955 197.799C372.927 200.337 373.647 202.964 374.107 205.643C375.275 213.01 375.518 220.494 374.833 227.922Z" fill="#DADBE0"/>
<path d="M419.079 357.27L419.004 357.445L385.303 435.917C372.581 431.939 359.909 427.836 347.299 423.846L337.166 420.656C314.186 413.488 311.81 412.75 309.871 412.049C305.446 410.438 301.317 408.11 297.649 405.157C285.527 395.599 272.442 376.51 260.696 339.156C257.919 330.312 255.217 320.455 252.615 309.459L332.225 260.509C337.375 289.043 352.412 314.851 374.695 333.402C387.724 344.276 402.823 352.395 419.079 357.27Z" fill="#DADBE0"/>
<path d="M385.303 435.917L614.151 433.753L614.227 421.519L458.258 389.982L481.301 370.843C494.411 398.597 507.525 426.356 520.643 454.119L532.89 452.868C528.578 407.984 524.258 363.133 519.93 318.315L419.003 357.445L385.303 435.917Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M641.31 401.241L637.019 437.519C637.019 437.519 627.574 438.77 624.384 433.153C621.195 427.536 632.478 407.246 641.31 401.279" fill="#232B41" class="tblr-illustrations-neutral-info-c"/>
<path d="M551.967 485.267L517.266 474.009C517.266 474.009 517.904 464.501 524.021 462.462C530.138 460.423 547.789 475.46 551.967 485.28" fill="#232B41" class="tblr-illustrations-neutral-info-c"/>
<path d="M419.003 357.446L385.303 435.918C372.58 431.94 359.908 427.837 347.299 423.846C324.632 416.265 309.045 410.786 297.649 405.157C292.785 402.826 288.174 400 283.888 396.726C274.331 389.22 255.316 370.656 248.511 327.736C252.366 331.767 256.442 335.579 260.721 339.157C270.258 347.14 280.822 353.809 292.132 358.984C349.588 385.192 406.168 362.875 419.003 357.446Z" fill="black" opacity="0.1"/>
<path d="M357.057 430.576C355.373 431.25 353.598 431.672 351.79 431.827C342.833 432.377 334.79 427.536 333.827 420.843C333.026 414.951 337.93 409.51 345.31 407.871L348.238 407.333C356.519 406.77 363.712 410.798 365.751 416.603C365.851 417.141 366.101 417.779 366.201 418.317C367.077 423.833 363.136 428.549 357.057 430.576Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M357.057 430.576C355.373 431.251 353.598 431.672 351.79 431.827C342.833 432.377 334.79 427.536 333.827 420.843C333.026 414.951 337.93 409.51 345.31 407.871C345.31 408.146 345.573 408.509 345.673 409.047C347.562 413.363 351.928 419.417 357.057 420.13C360.597 420.718 363.499 418.529 365.638 416.765C365.738 417.303 365.989 417.941 366.089 418.467C367.077 423.833 363.136 428.549 357.057 430.576Z" fill="black" opacity="0.1"/>
<path d="M347.436 398.302C346.936 412.979 346.431 427.653 345.923 442.322C328.176 442.393 310.45 441.079 292.907 438.394C286.403 437.406 281.186 436.606 276.933 435.818C270.541 434.642 266.3 433.478 263.035 431.714C252.214 425.86 245.071 415.852 240.38 404.456C239.767 402.955 239.192 401.441 238.654 399.903C229.634 373.921 231.924 342.897 232.399 336.967C234.701 305.844 245.672 292.208 250.313 291.433C253.466 290.961 256.678 291.033 259.807 291.646C260.803 291.875 261.785 292.163 262.747 292.509C263.448 292.759 263.848 292.947 263.848 292.947L270.766 298.313C274.093 300.965 277.346 309.171 276.82 333.828C274.519 338.681 266.888 356.245 274.068 373.132C283.375 395.049 314.361 408.134 347.436 398.302Z" fill="#DADBE0"/>
<path d="M282.913 290.27C289.615 291.872 296.65 291.347 303.041 288.768L303.942 288.418C305.818 283.765 307.69 279.107 309.558 274.445L282.913 290.27Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M282.913 290.27C289.615 291.872 296.65 291.347 303.041 288.768L303.942 288.418C305.818 283.765 307.69 279.107 309.558 274.445L282.913 290.27Z" fill="black" opacity="0.1"/>
<path d="M303.941 288.418L313.499 264.662L320.191 266.276L319.666 291.758L303.941 288.418Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M303.941 288.418L313.499 264.662L320.191 266.276L319.666 291.758L303.941 288.418Z" fill="black" opacity="0.11"/>
<path d="M303.14 288.931L265.712 289.219L263.348 298.663L296.385 310.685L303.14 288.931Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M345.923 442.322C328.176 442.392 310.451 441.079 292.908 438.394C276.646 435.892 268.477 434.641 263.035 431.714C250.801 425.084 243.258 413.15 238.654 399.903C252.953 417.654 282.413 439.057 345.923 442.322Z" fill="black" opacity="0.1"/>
<path d="M458.258 389.982L408.471 381.976L419.016 357.445L519.943 318.315C524.271 363.166 528.591 408.013 532.903 452.855L520.656 454.106C507.538 426.343 494.423 398.585 481.314 370.83L458.258 389.982Z" fill="black" opacity="0.1"/>
<path d="M304.079 211.723L278.935 219.228L274.281 213.411L270.903 209.196C268.243 205.86 265.583 202.524 262.922 199.188C261.096 196.924 259.282 194.647 257.468 192.383C258.657 191.632 259.97 190.807 261.534 189.956C265.724 187.615 270.101 185.623 274.619 184.001C275.56 184.491 276.407 185.143 277.121 185.928C277.505 186.351 277.844 186.812 278.134 187.304C280.949 186.128 284.389 184.802 287.979 183.551C292.775 186.55 296.757 190.685 299.574 195.59C302.391 200.495 303.955 206.019 304.129 211.672L304.079 211.723Z" fill="black" opacity="0.1"/>
<path d="M221.116 223.294C223.155 227.409 226.295 233.539 230.161 240.807C231.111 242.471 231.912 243.784 232.137 244.31C236.812 252.176 242.433 259.439 248.875 265.939C250.263 267.19 251.377 268.365 252.803 269.692C256.443 272.669 269.978 272.093 283.338 267.815C287.981 266.381 292.437 264.399 296.611 261.911C309.784 254.405 311.447 240.257 306.131 233.001C304.885 231.255 303.141 229.925 301.127 229.186C297.264 227.449 293.726 225.062 290.669 222.13C286.434 218.351 282.552 214.193 279.073 209.708C277.891 208.383 276.784 206.992 275.758 205.543L257.106 199.776L224.781 214.162C227.534 219.416 227.846 223.882 226.258 225.008C224.669 226.133 221.779 223.844 221.116 223.294Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M221.116 223.294C223.155 227.409 226.295 233.539 230.161 240.807C231.111 242.471 231.912 243.784 232.137 244.309C236.812 252.175 242.433 259.439 248.875 265.938C250.653 264.31 252.127 262.379 253.228 260.234C254.368 257.844 255.068 255.267 255.292 252.628C255.378 249.813 255.04 247 254.291 244.284C253.892 242.529 253.4 240.796 252.815 239.093C267.035 237.758 280.389 231.667 290.719 221.805C286.491 218.027 282.614 213.873 279.135 209.395C277.953 208.07 276.847 206.679 275.82 205.23L257.169 199.513L224.869 213.874C227.634 219.128 227.946 223.594 226.358 224.72C224.769 225.845 221.779 223.831 221.116 223.281" fill="black" opacity="0.1"/>
<path d="M220.202 232.063C223.339 238.722 228.881 243.947 235.714 246.686C237.14 247.087 238.404 247.574 239.667 248.062C243.096 249.818 246.036 252.397 248.224 255.568C249.001 253.116 248.939 250.475 248.048 248.062C246.672 244.485 242.144 238.555 241.794 237.679L241.568 237.154C241.322 236.632 241.029 236.134 240.693 235.665C239.743 234.001 238.963 232.245 238.366 230.424L238.278 230.249C248.736 231.662 277.496 233.301 287.754 214.524C289.324 211.572 290.526 208.438 291.331 205.192C291.463 204.901 291.535 204.586 291.544 204.266C291.75 203.447 291.876 202.609 291.919 201.765L292.019 201.502C292.277 199.323 292.141 197.115 291.619 194.984L291.494 194.209C291.274 193.27 290.874 192.382 290.318 191.594C288.405 188.423 285.418 186.044 281.899 184.889C275.344 182.387 267.551 182.7 263.26 182.925C246.998 183.476 225.656 191.494 219.302 209.195C217.83 213.758 217.402 218.593 218.051 223.343C218.377 226.311 219.109 229.219 220.227 231.988" fill="#232B41" class="tblr-illustrations-neutral-info-c"/>
<path d="M238.241 230.312C248.699 231.725 277.459 233.364 287.716 214.587C289.287 211.635 290.489 208.501 291.294 205.255C291.426 204.964 291.498 204.649 291.507 204.329C291.713 203.51 291.839 202.672 291.882 201.828C291.861 201.779 291.86 201.725 291.878 201.676C291.897 201.626 291.934 201.587 291.982 201.565C292.24 199.386 292.104 197.178 291.582 195.047C289.461 200.249 286.531 205.083 282.9 209.371C264.849 230.374 234.776 227.647 229.998 227.259H229.572C232.349 228.323 235.302 229.311 238.241 230.299" fill="black" opacity="0.5"/>
<path d="M374.832 227.922C374.757 228.773 374.695 229.511 374.645 230.149C374.3 233.817 373.753 237.463 373.006 241.07C370.979 251.941 368.002 267.14 358.758 283.602C355.334 289.634 351.391 295.356 346.974 300.703C346.972 300.665 346.972 300.627 346.974 300.59C360.402 270.41 369.531 238.496 374.094 205.781C375.255 213.102 375.502 220.54 374.832 227.922Z" fill="black" opacity="0.1"/>
<path d="M276.933 435.818C270.541 434.642 266.3 433.478 263.035 431.714C252.214 425.86 245.071 415.852 240.38 404.456C246.498 404.519 255.242 408.609 263.235 415.715C270.716 422.307 275.67 429.901 276.933 435.818Z" fill="#232B41" class="tblr-illustrations-neutral-info-c"/>
<path d="M374.833 227.922C370.412 222.664 366.825 216.757 364.2 210.409C359.997 200.526 358.245 190.807 358.921 183.564C363.314 185.744 367.036 189.072 369.691 193.196C370.257 194.111 370.766 195.059 371.218 196.036C371.38 196.373 371.518 196.711 371.655 197.049C371.793 197.387 371.893 197.612 371.993 197.887C375.946 207.907 375.358 221.017 374.833 227.922Z" fill="#232B41" class="tblr-illustrations-neutral-info-c"/>
<path d="M456.494 133.325C457.138 129.593 458.543 126.033 460.622 122.867C462.539 120.027 464.842 117.467 467.465 115.262C469.996 113.116 472.694 111.175 475.533 109.457C478.336 107.756 480.963 106.117 483.44 104.553C485.77 103.085 487.912 101.337 489.819 99.3495C491.62 97.4147 492.82 94.9982 493.272 92.3942C493.688 90.3877 493.601 88.3094 493.018 86.3448C492.435 84.3802 491.375 82.5906 489.932 81.1356C486.905 77.8415 482.522 75.6481 476.784 74.5556C471.491 73.4135 465.995 73.6113 460.797 75.1311C455.998 76.6168 451.635 79.2537 448.088 82.8119L428.811 65.9491C435.25 59.3942 443.3 54.6485 452.153 52.1887C461.394 49.4866 472.052 49.2865 484.128 51.5882C492.296 52.9823 500.145 55.843 507.295 60.0321C513.115 63.4131 517.879 68.3465 521.056 74.2804C523.98 80.1667 524.801 86.877 523.382 93.2949C522.659 97.628 521.109 101.781 518.816 105.529C516.843 108.639 514.37 111.403 511.498 113.71C508.748 115.888 505.856 117.882 502.842 119.677C499.839 121.454 496.987 123.205 494.31 124.919C491.777 126.52 489.471 128.456 487.455 130.673C485.506 132.893 484.208 135.607 483.702 138.517L456.494 133.325ZM461.498 181.112C459.232 180.746 457.065 179.922 455.129 178.69C453.193 177.457 451.529 175.842 450.239 173.944C448.973 172.169 448.083 170.153 447.624 168.021C447.166 165.889 447.149 163.685 447.575 161.547C447.934 159.403 448.745 157.361 449.955 155.555C451.165 153.75 452.746 152.223 454.593 151.076C458.586 148.784 463.269 147.998 467.792 148.861C472.315 149.724 476.379 152.179 479.249 155.78C480.513 157.533 481.396 159.533 481.84 161.649C482.284 163.765 482.279 165.95 481.826 168.064C481.443 170.204 480.631 172.244 479.438 174.061C478.244 175.878 476.695 177.434 474.883 178.635C472.947 179.946 470.761 180.843 468.462 181.269C466.163 181.695 463.8 181.642 461.523 181.112H461.498Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

60
src/illustrations/not-found.svg Normal file
View File

@ -0,0 +1,60 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-not-found-a { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-not-found-b { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-not-found-c { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-not-found-d { fill: #232B41; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-not-found-a { fill: #1A2030; } .tblr-illustrations-not-found-b { fill: black; opacity: 0.07; } .tblr-illustrations-not-found-c { fill: #454C5E; } .tblr-illustrations-not-found-d { fill: #232B41; } }
</style>
<path d="M649.951 544.225C649.951 547.416 541.744 550 408.158 550C274.571 550 166.365 547.416 166.365 544.225C166.365 541.034 274.571 538.45 408.158 538.45C541.744 538.45 649.951 541.034 649.951 544.225Z" fill="#A6A9B3" class="tblr-illustrations-not-found-a"/>
<path d="M146 285.714C146 327.964 190.681 358.511 210.286 392.553C230.65 427.66 235.514 481.459 270.62 501.672C304.663 521.429 353.143 499.392 395.392 499.392C437.641 499.392 486.122 521.429 520.164 501.672C555.271 481.307 560.134 427.66 580.499 392.553C600.255 358.511 644.784 327.812 644.784 285.714C644.784 243.617 600.103 212.918 580.499 178.875C560.286 143.769 555.271 89.9697 520.164 69.7569C486.122 50.0001 437.641 72.0366 395.392 72.0366C353.143 72.0366 304.663 50.0001 270.62 69.7569C235.514 90.1217 230.65 143.769 210.286 178.875C190.529 212.918 146 243.617 146 285.714Z" fill="#F7F8FC" class="tblr-illustrations-not-found-b"/>
<path d="M528.979 234.499L523.508 262.614H459.982L465.301 235.562L459.982 234.499L399.496 541.945L404.815 543.009L410.438 514.286H473.964L468.493 541.945L473.812 543.009L534.298 235.41L528.979 234.499ZM522.444 267.933L511.35 324.164H447.824L458.918 267.933H522.444ZM435.666 385.714L446.76 329.483H510.286L499.192 385.714H435.666ZM498.28 391.185L487.186 447.416H423.66L434.754 391.185H498.28ZM411.502 508.967L422.596 452.736H486.122L475.027 508.967H411.502Z" fill="#232B41" class="tblr-illustrations-not-found-c"/>
<path d="M578.523 458.663L569.404 411.854L534.45 234.346L528.979 235.41L534.298 262.31H470.924L465.453 234.346L459.982 235.41L520.468 543.009L525.939 541.945L520.468 514.438H583.842L589.465 543.009L594.936 541.945L578.523 458.663ZM471.988 268.085H535.362L546.304 324.164H482.93L471.988 268.085ZM484.146 329.635H547.52L558.462 385.714H495.088L484.146 329.635ZM496.304 391.337H559.678L565.453 420.517L570.772 447.264H507.246L496.304 391.337ZM519.404 508.966L508.462 452.887H571.836L572.14 454.407L572.748 457.599L582.778 508.966H519.404Z" fill="#A7AAB3"/>
<path d="M578.523 458.663L572.596 457.599L571.988 454.407L571.684 452.888H546.608C547.976 450.456 550.103 448.48 552.687 447.264H570.468L565.149 420.517L569.1 412.006L578.523 458.663Z" fill="black" opacity="0.22"/>
<path d="M266.669 53.7994H550.103C559.222 53.7994 566.517 61.0943 566.517 70.2128V232.371C566.517 241.489 559.222 248.784 550.103 248.784H266.669C257.55 248.784 250.255 241.489 250.255 232.371V70.3648C250.255 61.2462 257.55 53.7994 266.669 53.7994Z" fill="white" class="tblr-illustrations-not-found-d"/>
<path d="M550.103 50H266.668C255.422 50 246.304 59.1185 246.304 70.3647V232.523C246.304 243.769 255.422 252.888 266.668 252.888H550.103C561.349 252.888 570.468 243.769 570.468 232.523V70.3647C570.468 59.1185 561.349 50 550.103 50ZM562.717 232.371C562.717 237.234 559.83 241.793 555.422 243.769C553.751 244.529 551.927 244.985 550.103 244.985H266.668C259.678 244.985 254.054 239.362 254.054 232.371V70.3647C254.054 63.3739 259.678 57.7508 266.668 57.7508H550.103C557.094 57.7508 562.717 63.3739 562.717 70.3647V232.371Z" fill="#232B41" class="tblr-illustrations-not-found-c"/>
<path d="M525.939 252.888H474.268C471.228 250.608 468.493 248.024 465.909 245.137C465.605 244.833 465.301 244.377 464.997 244.073C459.678 238.146 456.182 230.851 454.815 223.1C454.663 222.492 454.663 221.733 454.511 221.277C455.423 217.781 458.614 215.198 462.11 215.046C464.389 215.198 466.517 216.261 467.885 218.085C470.164 222.644 473.052 226.748 476.547 230.243C481.41 235.106 486.426 237.994 493.265 241.034C503.751 245.897 514.693 249.848 525.939 252.888Z" fill="black" opacity="0.19"/>
<path d="M313.021 117.477L292.504 92.7052H281.714V139.21H294.632V114.438L315.149 139.21H325.939V92.7052H313.021V117.477ZM377.155 98.6322C374.723 96.5046 371.988 94.6809 368.948 93.617C362.261 91.1854 355.118 91.1854 348.431 93.617C342.352 95.7447 337.337 100.456 334.754 106.383C333.386 109.423 332.778 112.614 332.778 115.957C332.778 119.301 333.386 122.492 334.754 125.532C335.969 128.419 337.793 131.003 340.225 133.283C342.656 135.562 345.392 137.234 348.431 138.298C355.118 140.73 362.261 140.73 368.948 138.298C371.988 137.234 374.723 135.41 377.155 133.283C379.434 131.155 381.258 128.571 382.626 125.684C383.994 122.644 384.602 119.301 384.602 115.957C384.602 112.614 383.994 109.423 382.626 106.383C381.258 103.343 379.434 100.76 377.155 98.6322ZM370.316 121.429C369.708 122.948 368.796 124.468 367.58 125.684C366.517 126.9 365.149 127.812 363.629 128.419C360.437 129.635 356.942 129.635 353.751 128.419C352.231 127.812 350.863 126.9 349.799 125.684C348.583 124.468 347.672 123.1 347.064 121.429C345.848 117.933 345.848 113.982 347.064 110.486C347.672 108.967 348.583 107.447 349.799 106.231C350.863 105.015 352.383 104.103 353.751 103.495C356.942 102.28 360.437 102.28 363.629 103.495C365.149 104.103 366.517 105.015 367.58 106.231C368.796 107.447 369.556 108.815 370.316 110.486C371.532 113.982 371.532 117.933 370.316 121.429ZM386.425 92.7052V103.192H400.711V139.21H413.781V103.192H428.067V92.7052H386.425Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M281.714 201.976H294.936V186.018H315.301V175.836H294.936V165.806H318.188V155.471H281.714V201.976ZM365.909 161.398C363.477 159.119 360.741 157.447 357.702 156.383C351.015 153.951 343.72 153.951 337.033 156.383C330.954 158.663 326.091 163.222 323.507 169.149C322.14 172.188 321.532 175.38 321.532 178.723C321.532 182.067 322.14 185.41 323.507 188.45C326.091 194.377 331.106 199.088 337.185 201.216C343.872 203.647 351.167 203.647 357.702 201.216C360.741 200.152 363.477 198.328 365.909 196.201C368.188 194.073 370.012 191.489 371.38 188.45C372.748 185.41 373.355 182.067 373.355 178.723C373.355 172.188 370.62 165.957 365.909 161.398ZM358.918 184.195C358.31 185.714 357.398 187.234 356.182 188.45C355.118 189.666 353.751 190.578 352.231 191.185C349.039 192.401 345.544 192.401 342.352 191.185C340.833 190.578 339.465 189.666 338.401 188.45C337.185 187.234 336.273 185.866 335.817 184.195C334.602 180.699 334.602 176.748 335.817 173.252C336.425 171.733 337.337 170.213 338.401 168.997C339.617 167.781 340.985 166.869 342.352 166.261C345.544 165.046 349.039 165.046 352.231 166.261C353.751 166.869 355.118 167.781 356.182 168.997C357.398 170.213 358.31 171.581 358.918 173.252C360.286 176.748 360.286 180.699 358.918 184.195ZM410.437 181.003C410.437 184.954 409.678 187.842 408.158 189.514C406.486 191.337 404.206 192.249 401.775 192.097C399.343 192.249 397.064 191.337 395.392 189.514C393.872 187.842 393.112 184.954 393.112 181.003V155.623H380.042V181.459C380.042 188.298 382.018 193.617 385.817 197.416C389.617 201.216 394.936 203.04 401.927 203.04C408.766 203.04 414.085 201.216 417.884 197.416C421.684 193.617 423.659 188.298 423.659 181.459V155.623H410.589L410.437 181.003ZM463.629 180.243L443.264 155.471H432.322V201.976H445.24V177.204L456.334 190.578L465.757 201.976H476.547V155.471H463.629V180.243ZM530.498 166.413C528.219 162.918 525.179 160.182 521.38 158.359C517.124 156.383 512.565 155.471 507.854 155.471H485.817V201.976H507.854C512.565 202.128 517.124 201.064 521.38 199.088C525.179 197.264 528.219 194.529 530.498 191.033C532.778 187.386 533.994 182.979 533.842 178.723C533.994 174.316 532.778 170.061 530.498 166.413ZM518.796 185.562C517.732 187.386 516.213 189.058 514.237 189.97C512.109 191.033 509.678 191.489 507.246 191.489H499.039V165.957H507.246C509.678 165.957 512.109 166.413 514.237 167.477C516.213 168.389 517.732 169.909 518.796 171.885C521.076 176.14 521.076 181.307 518.796 185.562Z" fill="#A7AAB3"/>
<path d="M476.547 190.577V202.127H465.757L456.334 190.729C458.766 188.298 461.958 186.93 465.301 186.626H467.733C471.076 186.778 474.116 188.146 476.547 190.577Z" fill="black" opacity="0.1"/>
<path d="M177.307 319.757C174.116 322.645 166.669 320.365 165.909 317.021C165.757 316.413 165.605 315.198 167.277 313.07C166.365 313.222 161.198 314.286 157.702 311.398C157.398 311.246 157.246 310.942 157.094 310.79C156.486 310.182 155.727 309.423 155.879 308.663C156.486 305.471 170.468 301.672 176.243 308.207C176.851 308.967 177.307 309.727 177.763 310.638C179.283 313.526 179.587 317.629 177.307 319.757Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M177.307 319.757C174.116 322.644 166.669 320.365 165.909 317.021C165.757 316.413 165.605 315.197 167.277 313.07C166.365 313.222 161.198 314.286 157.702 311.398C161.502 310.182 165.453 309.726 169.556 309.726C172.292 309.726 175.027 310.03 177.763 310.486C179.283 313.526 179.587 317.629 177.307 319.757Z" fill="black" opacity="0.1"/>
<path d="M292.353 319.757C295.544 322.645 302.991 320.365 303.751 317.021C303.903 316.413 304.055 315.198 302.383 313.07C303.295 313.222 308.462 314.286 311.957 311.398C312.261 311.246 312.413 310.942 312.565 310.79C313.173 310.182 313.933 309.423 313.781 308.663C313.173 305.471 299.191 301.672 293.416 308.207C292.808 308.967 292.353 309.727 291.897 310.638C290.377 313.526 290.073 317.629 292.353 319.757Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M292.353 319.757C295.544 322.644 302.991 320.365 303.751 317.021C303.903 316.413 304.055 315.197 302.383 313.07C303.295 313.222 308.462 314.286 311.957 311.398C308.158 310.182 304.207 309.726 300.103 309.726C297.368 309.726 294.632 310.03 291.897 310.486C290.377 313.526 290.073 317.629 292.353 319.757Z" fill="black" opacity="0.1"/>
<path d="M270.772 329.027L268.948 349.544C268.036 359.271 267.277 368.997 266.365 378.724L265.453 389.21L264.845 396.961L262.869 420.061H210.438L208.158 396.809C207.854 394.377 207.702 391.793 207.398 389.21C207.094 385.258 206.638 381.459 206.182 377.508L205.574 371.733C204.207 357.447 202.687 343.161 201.319 328.875L270.772 329.027Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M210.286 420.061L214.845 529.331H223.659L235.97 444.985L244.48 529.331H251.015L262.869 420.061H210.286Z" fill="#DADBE0"/>
<path d="M244.48 529.331L235.969 444.985L239.769 420.061H262.869L251.015 529.331H244.48Z" fill="black" opacity="0.15"/>
<path d="M217.58 328.268C217.58 328.268 224.723 328.571 227.611 324.316L245.392 323.1C245.392 323.1 250.711 332.067 255.878 332.371C261.045 332.675 241.593 335.106 241.593 335.106L217.428 332.371L217.58 328.268Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M209.83 289.666C211.046 292.097 212.869 295.745 215.149 300L216.365 302.128C219.1 306.839 222.444 311.094 226.243 315.046C227.003 315.805 227.763 316.565 228.523 317.173C231.41 319.605 244.784 318.237 254.511 312.766C264.237 307.295 263.477 295.745 257.246 293.465C254.967 292.401 252.991 291.033 251.167 289.21C248.736 286.93 246.456 284.498 244.328 281.763C243.113 280.243 242.353 279.331 242.353 279.331L231.41 275.988L212.261 284.346C213.933 287.538 213.933 290.122 213.021 290.729C212.109 291.337 210.134 289.818 209.83 289.666Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M209.83 289.666C211.046 292.097 212.869 295.745 215.149 300L216.365 302.128C219.1 306.839 222.444 311.094 226.243 315.046C227.307 314.134 228.219 312.918 228.827 311.702C229.587 310.334 229.891 308.815 230.043 307.295C230.043 305.623 229.891 303.951 229.435 302.432C229.131 301.368 228.979 300.456 228.523 299.392C236.882 298.632 244.784 295.137 251.015 289.362C248.584 287.082 246.304 284.65 244.176 282.067C242.961 280.547 242.201 279.635 242.201 279.635L231.258 276.292L212.109 284.65C213.781 287.842 213.781 290.425 212.869 291.033C211.957 291.641 210.134 289.818 209.83 289.666Z" fill="black" opacity="0.1"/>
<path d="M251.319 273.252C252.991 271.58 254.055 269.301 254.055 266.565C254.055 261.398 249.951 257.295 244.784 257.295C240.681 257.295 237.185 260.03 235.97 263.678C234.754 259.878 231.258 257.295 227.155 257.295C222.444 257.295 218.492 260.942 218.036 265.501C216.669 264.59 214.997 264.134 213.173 264.134C208.006 264.134 203.903 268.237 203.903 273.404C203.903 275.38 204.511 277.203 205.574 278.723C202.839 279.787 200.711 282.371 200.711 285.562C200.711 289.666 204.055 292.857 208.006 292.857H208.158C208.31 293.465 208.462 293.921 208.766 294.529C210.59 298.48 213.781 301.52 217.884 303.191C218.644 303.343 219.404 303.647 220.164 303.951C222.14 305.015 223.963 306.535 225.179 308.51C225.635 306.991 225.635 305.471 225.179 304.103C224.115 301.976 222.9 299.848 221.532 297.872L221.38 297.568C221.228 297.264 221.076 297.112 220.924 296.656C220.468 295.745 220.012 294.681 219.556 293.617V293.465C225.635 294.225 242.656 295.441 248.887 284.346C249.799 282.675 250.559 280.699 251.015 278.875C251.015 278.723 251.167 278.571 251.167 278.419C251.319 277.963 251.319 277.355 251.319 276.9V276.748C251.775 275.836 251.775 274.468 251.319 273.252Z" fill="#232B41" class="tblr-illustrations-not-found-c"/>
<path d="M218.645 383.739C217.885 389.818 213.781 394.833 208.006 396.809C207.702 394.377 207.55 391.793 207.246 389.21C206.942 385.258 206.486 381.459 206.031 377.508L218.493 340.426C218.644 340.578 220.772 368.845 218.645 383.739ZM266.365 378.723L265.453 389.21L264.845 396.961C258.766 395.137 254.359 389.97 253.599 383.587C251.471 368.693 253.599 340.426 253.599 340.426L266.365 378.723Z" fill="black" opacity="0.1"/>
<path d="M223.204 328.875C217.733 352.735 211.198 381.307 211.198 381.307C210.742 382.371 210.134 383.587 209.374 384.498C208.006 386.17 206.486 387.69 204.815 389.058C203.599 390.273 202.079 391.033 200.407 391.641C196 392.705 190.073 386.626 184.754 378.571C182.018 374.316 179.587 369.909 177.611 365.349C173.508 356.079 173.964 352.887 167.733 333.283C165.301 325.684 163.173 319.605 161.654 315.349L189.313 314.286C189.617 316.413 190.073 319.301 190.529 322.644C192.201 334.802 193.416 346.201 194.024 353.495V348.936C194.176 345.593 194.48 342.401 195.088 339.21C196.152 333.891 199.04 319.757 206.79 318.085C212.413 317.173 218.796 321.884 223.204 328.875ZM311.046 315.501C309.526 319.605 307.398 325.836 304.967 333.435C298.736 353.039 299.192 356.231 295.088 365.501C292.809 370.669 290.073 375.532 287.033 380.091C282.018 387.538 276.395 392.857 272.292 391.793C270.468 391.185 268.796 390.122 267.277 388.754C265.909 387.538 264.541 386.17 263.325 384.65C262.717 383.587 262.109 382.523 261.654 381.459L249.647 329.027C250.711 326.748 254.815 318.389 260.894 317.933C268.948 317.477 275.635 331.003 277.459 339.362C278.067 342.553 278.371 345.897 278.523 349.088V353.647C279.131 346.353 280.347 334.954 282.018 322.796C282.474 319.301 282.93 316.413 283.234 314.438L311.046 315.501Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M570.468 175.836V242.249C569.404 243.161 568.036 243.921 566.669 244.377L566.365 244.529C562.717 245.745 558.918 245.897 555.271 244.681L555.422 243.769C559.83 241.641 562.717 237.234 562.717 232.371V171.428C563.021 171.428 563.325 171.58 563.629 171.58C566.365 172.34 568.644 173.86 570.468 175.836Z" fill="black" opacity="0.15"/>
<path d="M627.915 358.207L627.003 353.191L624.115 338.298L620.468 339.058L604.055 342.249L601.015 342.857L603.903 357.751L604.815 362.766L605.118 364.742L628.219 360.182L627.915 358.207ZM619.556 342.249L621.684 341.793L623.963 353.799L624.723 357.751L607.398 361.094L606.638 357.143L604.359 345.137H604.511L619.556 342.249Z" fill="#DADBE0"/>
<path d="M627.915 358.207L627.003 353.191L624.115 338.298L620.468 339.058L604.055 342.249L601.015 342.857L603.903 357.751L604.815 362.766L605.118 364.742L628.219 360.182L627.915 358.207ZM619.556 342.249L621.684 341.793L623.963 353.799L624.723 357.751L607.398 361.094L606.638 357.143L604.359 345.137H604.511L619.556 342.249Z" fill="black" opacity="0.35"/>
<path d="M654.207 385.258L648.128 354.255L647.216 349.24L637.337 351.064L638.249 355.927L640.985 369.909C641.289 371.277 640.377 372.493 639.161 372.796L635.21 373.556C633.842 373.86 632.626 372.948 632.322 371.733L629.587 357.751L628.675 352.888L625.027 353.496L604.815 357.447L601.471 358.055L602.383 362.918L605.118 376.9C605.422 378.268 604.511 379.483 603.295 379.787L599.343 380.547C597.976 380.851 596.76 379.939 596.456 378.724L593.72 364.742L592.808 359.879L580.954 362.158L587.945 398.176L593.568 397.113L654.207 385.258Z" fill="#DADBE0"/>
<path d="M654.207 385.258L648.128 354.255L647.216 349.24L637.337 351.064L638.249 355.927L640.985 369.909C641.289 371.277 640.377 372.493 639.161 372.796L635.21 373.556C633.842 373.86 632.626 372.948 632.322 371.733L629.587 357.751L628.675 352.888L625.027 353.496L604.815 357.447L601.471 358.055L602.383 362.918L605.118 376.9C605.422 378.268 604.511 379.483 603.295 379.787L599.343 380.547C597.976 380.851 596.76 379.939 596.456 378.724L593.72 364.742L592.808 359.879L580.954 362.158L587.945 398.176L593.568 397.113L654.207 385.258Z" fill="black" opacity="0.1"/>
<path d="M654.207 385.258L593.568 397.113L587.489 366.109L593.72 364.894L596.456 378.875C596.76 380.243 597.976 381.003 599.343 380.851L603.295 380.091C604.663 379.787 605.422 378.571 605.118 377.204L602.383 363.374L606.03 362.614L626.243 358.663L629.739 358.055L632.474 372.037C632.778 373.404 633.994 374.164 635.362 373.86L639.313 373.1C640.681 372.796 641.441 371.581 641.289 370.365L638.553 356.383L648.28 354.559L652.231 374.468L654.207 385.258Z" fill="#DADBE0"/>
<path d="M605.118 377.051L602.383 363.222L601.471 358.358C601.167 357.143 599.951 356.231 598.735 356.535L594.784 357.295C593.568 357.599 592.656 358.814 592.96 360.03L593.872 364.893L596.608 378.875C596.912 380.243 598.127 381.003 599.495 380.851L603.447 380.091C604.51 379.635 605.27 378.419 605.118 377.051ZM640.985 370.061L638.249 356.079L637.337 351.216C637.033 350 635.817 349.088 634.602 349.392L630.65 350.152C629.434 350.456 628.523 351.672 628.827 353.039L629.738 357.903L632.474 371.884C632.778 373.252 633.994 374.012 635.361 373.708L639.313 372.948C640.529 372.644 641.289 371.428 640.985 370.061Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M574.267 186.778C574.875 189.514 575.635 193.465 576.395 198.48C576.547 199.544 576.699 200.608 576.699 200.912C577.459 206.383 577.459 212.006 576.699 217.477C576.547 218.541 576.395 219.605 576.091 220.669C575.483 223.556 568.796 228.115 560.893 231.003C558.158 231.915 555.27 232.675 552.383 233.131C543.416 234.346 537.337 228.267 537.185 222.948C537.185 221.58 537.489 220.365 538.249 219.301C539.465 217.021 540.225 214.59 540.529 212.006C541.137 208.663 541.441 205.167 541.441 201.824C541.593 199.848 541.441 198.632 541.441 198.632L548.28 189.058L568.948 184.042C569.556 187.538 571.076 189.818 572.14 189.666C573.204 189.514 574.115 187.234 574.267 186.778Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M574.267 186.778C574.875 189.513 575.635 193.465 576.395 198.48C576.547 199.544 576.699 200.608 576.699 200.912C577.459 206.383 577.459 212.006 576.699 217.477C575.331 217.325 573.811 217.021 572.596 216.413C571.228 215.653 569.86 214.741 568.796 213.526C567.732 212.31 566.821 210.79 566.213 209.27C565.757 208.358 565.301 207.295 564.997 206.231C561.349 208.51 557.398 210.182 553.143 211.094C549.039 212.006 544.784 212.31 540.529 211.854C541.137 208.51 541.441 205.015 541.441 201.672C541.593 199.696 541.441 198.48 541.441 198.48L548.28 188.906L568.948 183.89C569.556 187.386 571.076 189.665 572.14 189.513C573.204 189.362 574.115 187.234 574.267 186.778Z" fill="black" opacity="0.1"/>
<path d="M577.915 190.577C578.827 194.833 578.219 199.392 575.939 203.191C575.483 203.799 575.027 204.559 574.571 205.319C573.66 207.447 573.204 209.726 573.204 212.006C571.988 211.094 571.076 209.878 570.468 208.359C570.012 205.927 569.708 203.495 569.708 201.064V200.76C569.708 200.608 569.708 200.304 569.556 199.848C569.404 198.784 569.1 197.568 568.796 196.504V196.353C564.389 200.76 551.319 212.158 539.465 206.991C537.641 206.231 535.818 205.167 534.298 203.799C534.146 203.647 533.994 203.647 533.842 203.495C533.538 203.191 533.082 202.887 532.778 202.432L532.626 202.28C531.714 201.368 531.106 200.152 530.498 199.088L530.346 198.632C529.435 196.049 529.891 193.009 531.562 190.729C533.69 187.69 536.425 184.954 539.769 182.979C547.672 177.356 560.894 173.252 570.316 179.331C572.748 181.003 574.723 183.131 576.091 185.562C577.003 187.234 577.611 188.906 577.915 190.577Z" fill="#232B41" class="tblr-illustrations-not-found-c"/>
<path d="M603.903 337.386C603.599 338.45 603.447 339.514 603.599 340.577C603.599 344.529 605.726 347.568 608.918 348.176C613.021 348.936 617.276 345.289 618.644 339.969C618.796 339.362 618.948 338.754 618.948 338.298C619.404 333.738 617.277 329.939 613.781 329.331C609.526 328.571 605.27 332.219 603.903 337.386Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M603.903 337.386C603.599 338.45 603.447 339.514 603.599 340.577L604.815 340.729C610.134 340.881 612.413 339.058 618.188 338.298H618.948C619.404 333.738 617.277 329.939 613.781 329.331C609.526 328.571 605.27 332.219 603.903 337.386Z" fill="black" opacity="0.1"/>
<path d="M466.973 191.641C466.517 190.577 465.909 189.666 465.301 188.906C462.869 185.866 459.374 184.65 456.486 186.17C452.839 188.146 451.775 193.617 453.903 198.632C454.207 199.088 454.511 199.696 454.815 200.152C457.246 203.951 461.349 205.775 464.541 203.951C468.036 202.128 469.1 196.504 466.973 191.641Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M466.973 191.641C466.517 190.577 465.909 189.666 465.301 188.906C464.997 189.21 464.693 189.362 464.389 189.666C460.134 192.857 459.526 195.745 455.422 199.848C455.27 200 455.118 200.152 454.814 200.304C457.246 204.103 461.349 205.927 464.541 204.103C468.036 202.128 469.1 196.505 466.973 191.641Z" fill="black" opacity="0.1"/>
<path d="M584.45 326.292L582.93 335.107L565.605 433.587C563.629 434.347 561.806 435.107 559.83 435.866C557.55 426.748 555.575 417.325 553.751 407.143C550.255 386.778 548.128 366.262 547.52 345.745C542.809 344.529 537.945 343.313 533.082 342.097L519.86 338.906C519.708 344.377 519.556 350.304 519.86 356.535C520.012 362.31 520.468 367.781 521.076 372.948L513.021 373.86C506.334 353.04 499.496 332.219 492.809 311.246L509.678 312.614C516.821 313.222 523.812 313.83 530.803 314.59L584.45 326.292Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M629.587 320.516C629.283 327.507 628.067 333.586 626.851 338.754L618.948 336.93L605.423 333.738L604.359 333.434L603.143 333.13L601.015 332.675L598.584 332.067C597.216 331.763 595.696 331.307 594.024 331.003C598.484 323.628 601.332 315.393 602.383 306.839C602.383 306.839 604.207 292.401 599.647 280.091L599.344 279.179C597.672 275.228 595.24 271.428 592.353 268.237L591.593 267.477C591.289 272.796 590.833 277.507 590.529 281.763C589.617 292.097 588.249 300.912 587.489 306.687C585.97 317.933 584.298 327.659 582.93 334.954L530.65 314.437C530.499 312.918 529.283 299.696 529.283 298.176C529.131 295.592 528.523 288.602 527.763 281.155C527.003 273.708 526.395 265.805 526.091 261.094C524.571 260.942 523.204 260.942 521.532 260.638C516.061 260.03 510.742 259.118 505.423 257.903L501.775 256.991C497.672 255.775 493.568 254.255 489.617 252.431C483.842 249.848 478.371 246.504 473.508 242.705C470.012 239.969 466.821 236.93 463.933 233.586C460.731 230.078 457.688 226.427 454.815 222.644C452.231 219.149 449.951 215.653 447.824 212.006C451.927 208.51 455.271 205.623 457.398 203.799C462.109 199.544 464.237 197.568 468.188 195.289C470.316 194.073 472.444 193.009 474.723 192.249C475.939 196.96 477.611 201.672 479.739 206.079C484.298 215.653 492.505 227.659 506.79 234.346C508.006 234.954 509.222 235.41 510.438 235.866C513.021 236.778 515.605 237.538 518.34 238.146C520.924 238.602 523.508 239.058 526.091 239.21C533.69 239.665 540.529 239.817 546.456 239.817C567.885 239.817 578.979 237.538 578.979 237.538C578.979 237.538 588.097 235.562 592.657 239.21L593.112 239.513C597.672 243.161 601.927 247.112 606.03 251.368C607.094 252.583 608.158 253.799 609.222 255.167C612.869 259.726 616.061 264.589 618.796 269.757C621.38 274.772 623.508 279.939 625.179 285.106C625.483 286.018 625.787 286.93 626.091 287.994C627.915 294.225 628.675 299.088 628.827 300.456C629.131 302.583 629.435 305.319 629.587 308.662C629.739 312.158 629.739 316.261 629.587 320.516Z" fill="#DADBE0"/>
<path d="M565.149 237.842C562.261 240.882 558.614 242.857 554.511 243.617C554.359 243.617 554.055 243.617 553.903 243.769L543.872 239.21L565.149 237.842Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M591.593 267.629C591.289 272.948 590.833 277.66 590.529 281.915C589.617 292.249 588.249 301.064 587.489 306.839C585.97 318.237 584.298 327.812 582.93 335.258L530.65 314.742C580.498 312.918 591.593 267.629 591.593 267.629ZM629.587 320.517C629.283 327.508 628.067 333.587 626.851 338.754L618.948 336.93L605.422 333.739L604.359 333.435L603.143 333.131L601.015 332.675L598.584 332.067C602.231 328.267 606.03 324.012 609.678 318.845C617.732 307.751 622.748 296.96 626.091 287.842C627.915 294.073 628.675 298.936 628.827 300.304C629.131 302.432 629.435 305.167 629.587 308.511C629.739 312.158 629.739 316.261 629.587 320.517Z" fill="black" opacity="0.1"/>
<path d="M628.827 300.608C624.875 297.568 621.684 293.617 619.708 288.906C615.909 280.699 615.605 272.492 618.796 269.757C620.924 273.708 623.356 278.571 625.331 284.65C627.307 290.729 628.371 296.201 628.827 300.608Z" fill="#232B41" class="tblr-illustrations-not-found-c"/>
<path d="M582.93 335.258L565.605 433.739C563.629 434.498 561.805 435.258 559.83 436.018C557.55 426.9 555.574 417.477 553.751 407.295C550.255 386.93 548.128 366.413 547.672 345.745L548.432 321.581L582.93 335.258Z" fill="black" opacity="0.1"/>
<path d="M204.967 389.21C203.751 390.425 202.231 391.185 200.559 391.793C196.152 392.857 190.225 386.778 184.906 378.723C192.201 375.532 200.711 378.723 204.055 386.018C204.359 387.082 204.815 388.146 204.967 389.21ZM286.881 380.091C281.866 387.538 276.243 392.857 272.14 391.793C270.316 391.185 268.644 390.122 267.125 388.754C269.556 381.155 277.763 377.052 285.362 379.483C285.818 379.787 286.426 379.939 286.881 380.091Z" fill="#232B41" class="tblr-illustrations-not-found-c"/>
<path d="M591.441 166.261C588.401 165.045 585.058 166.565 583.994 169.605C582.778 172.644 584.298 175.988 587.337 177.052C590.377 178.267 593.72 176.748 594.784 173.708C596 170.669 594.48 167.325 591.441 166.261ZM602.231 120.213L590.985 157.903L597.824 160.486L612.565 125.684L602.231 120.213Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M654.207 385.258L593.568 397.113C594.936 396.657 634.602 384.195 652.079 374.164L654.207 385.258ZM565.149 237.842C562.261 240.882 558.614 242.857 554.511 243.617C554.359 243.617 554.055 243.617 553.903 243.769L543.872 239.21L565.149 237.842Z" fill="black" opacity="0.1"/>
<path d="M554.511 243.617L573.508 231.763L577.915 235.714L564.997 252.584L554.511 243.617ZM553.903 243.769L541.441 234.65L538.553 237.69L547.064 250.456L553.903 243.769Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M553.903 243.769L541.441 234.65L538.553 237.69L547.064 250.456L553.903 243.769Z" fill="black" opacity="0.1"/>
<path d="M536.73 390.426V391.186H511.35V390.426C511.35 388.754 511.957 386.93 513.021 385.562H535.058C536.274 387.082 536.73 388.754 536.73 390.426Z" fill="black" opacity="0.22"/>
<path d="M571.988 454.407L571.684 452.887C571.836 453.343 571.836 453.799 571.988 454.407ZM548.887 450.76L568.34 448.632C568.34 448.632 569.1 443.617 566.061 441.793C563.021 439.969 551.927 446.048 548.887 450.76ZM506.334 394.529L524.115 386.474C524.115 386.474 523.204 381.459 519.708 380.699C516.213 379.939 507.854 389.058 506.334 394.529ZM233.69 544.377L213.933 542.097C213.933 542.097 213.173 536.93 216.365 535.106C219.556 533.283 230.498 539.665 233.69 544.377ZM262.869 544.377L243.112 542.097C243.112 542.097 242.353 536.93 245.544 535.106C248.736 533.283 259.678 539.665 262.869 544.377Z" fill="#232B41" class="tblr-illustrations-not-found-c"/>
<path d="M568.644 196.353C564.237 200.76 551.167 212.158 539.313 206.991C537.489 206.231 535.666 205.167 534.146 203.799C533.994 203.647 533.842 203.647 533.69 203.495C533.234 203.192 532.93 202.888 532.626 202.432L532.474 202.28C531.562 201.368 530.954 200.152 530.346 199.088C533.234 200.76 536.425 201.976 539.769 202.736C556.03 206.079 569.404 193.769 571.532 191.793L571.684 191.641C570.772 193.313 569.86 194.833 568.644 196.353Z" fill="black" opacity="0.5"/>
<path d="M219.86 293.769C225.939 294.681 242.961 295.745 249.192 284.65C250.103 282.979 250.863 281.003 251.319 279.179C251.319 279.027 251.471 278.875 251.471 278.723C251.623 278.267 251.623 277.66 251.623 277.204V277.052C251.775 275.836 251.623 274.468 251.319 273.252C250.103 276.292 248.28 279.179 246.152 281.611C235.362 293.921 217.733 292.097 214.845 291.945H214.693C216.213 292.553 218.037 293.313 219.86 293.769Z" fill="black" opacity="0.5"/>
<path d="M501.775 256.991C497.672 256.079 492.049 254.407 486.122 251.368C480.802 248.632 476.851 245.593 473.812 243.009C476.243 242.705 483.234 242.249 490.529 246.049C497.216 249.544 500.559 254.711 501.775 256.991Z" fill="#232B41" class="tblr-illustrations-not-found-c"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

113
src/illustrations/project.svg Normal file
View File

@ -0,0 +1,113 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-project-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-project-b { fill: #454C5E; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-project-c { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-project-d { fill: #232B41; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-project-e { fill: #DADCE0; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-project-a { fill: black; opacity: 0.07; } .tblr-illustrations-project-b { fill: #454C5E; } .tblr-illustrations-project-c { fill: #1A2030; } .tblr-illustrations-project-d { fill: #232B41; } .tblr-illustrations-project-e { fill: #DADCE0; } }
</style>
<path d="M135.842 305.899C135.842 351.818 184.36 385.134 205.746 422.223C227.98 460.538 233.221 518.954 271.482 541.082C308.531 562.538 361.265 538.536 407.146 538.536C453.027 538.536 505.761 562.538 542.786 541.082C581.001 518.954 586.288 460.479 608.44 422.223C629.873 385.134 678.344 351.818 678.344 305.899C678.344 259.98 629.849 226.664 608.44 189.61C586.335 151.354 581.001 92.88 542.786 70.7399C505.714 49.2953 452.968 73.3571 407.099 73.3571C361.23 73.3571 308.484 49.2953 271.482 70.7399C233.268 92.88 227.98 151.354 205.829 189.61C184.408 226.711 135.924 260.016 135.924 305.946" fill="#F7F8FC" class="tblr-illustrations-project-a"/>
<path d="M304.963 438.537V439.55C305.008 440.935 304.501 442.281 303.554 443.293C302.607 444.305 301.297 444.899 299.912 444.946H197.612C196.597 444.927 195.612 444.602 194.784 444.015C193.956 443.427 193.325 442.604 192.972 441.652C192.712 441 192.582 440.303 192.588 439.601V438.588C192.543 437.206 193.048 435.861 193.992 434.85C194.936 433.838 196.242 433.242 197.625 433.192H299.964C301.329 433.255 302.616 433.85 303.55 434.848C304.484 435.847 304.991 437.17 304.963 438.537Z" fill="#A7AAB3"/>
<path d="M192.383 432.897C192.383 428.655 183.41 424.925 169.708 422.643C169.454 422.598 169.224 422.466 169.058 422.269C168.892 422.072 168.8 421.824 168.798 421.566V419.644C168.798 419.355 168.683 419.078 168.479 418.873C168.274 418.669 167.997 418.554 167.708 418.554H165.273C164.984 418.554 164.707 418.669 164.502 418.873C164.298 419.078 164.183 419.355 164.183 419.644V420.579C164.185 420.733 164.153 420.886 164.09 421.027C164.027 421.167 163.935 421.293 163.82 421.395C163.704 421.497 163.568 421.573 163.421 421.618C163.274 421.663 163.118 421.676 162.965 421.656C154.048 420.552 145.071 420.005 136.086 420.015C117.205 420.015 100.529 422.117 90.3391 425.373C90.1756 425.426 90.002 425.439 89.8325 425.412C89.6629 425.384 89.5023 425.317 89.3636 425.216C89.2248 425.115 89.112 424.982 89.0343 424.829C88.9566 424.676 88.9161 424.507 88.9163 424.335V396.443C88.9163 396.154 89.0311 395.877 89.2354 395.673C89.4397 395.468 89.7168 395.354 90.0058 395.354H159.812C159.955 395.354 160.097 395.325 160.229 395.271C160.361 395.216 160.482 395.136 160.583 395.034C160.684 394.933 160.764 394.813 160.819 394.681C160.874 394.549 160.902 394.407 160.902 394.264V391.829C160.902 391.54 160.787 391.263 160.583 391.058C160.378 390.854 160.101 390.739 159.812 390.739H89.9417C89.6528 390.739 89.3756 390.624 89.1713 390.42C88.967 390.216 88.8522 389.939 88.8522 389.65V361.604C88.8522 361.317 88.7392 361.042 88.5376 360.838C88.3361 360.634 88.0622 360.518 87.7755 360.514H85.3401C85.0511 360.514 84.774 360.629 84.5697 360.834C84.3653 361.038 84.2505 361.315 84.2505 361.604V427.104C84.2511 427.293 84.2017 427.48 84.1071 427.644C84.0126 427.808 83.8764 427.945 83.7122 428.039C81.1486 429.462 79.7771 431.116 79.7771 432.769C79.7771 434.423 81.1999 436.063 83.7122 437.486C83.8764 437.581 84.0126 437.717 84.1071 437.882C84.2017 438.046 84.2511 438.232 84.2505 438.422V535.236C84.2505 535.525 84.3653 535.802 84.5697 536.006C84.774 536.21 85.0511 536.325 85.3401 536.325H87.7755C88.0622 536.322 88.3361 536.206 88.5376 536.002C88.7392 535.798 88.8522 535.522 88.8522 535.236V441.293C88.854 441.122 88.896 440.955 88.9745 440.803C89.0531 440.652 89.1662 440.521 89.3046 440.421C89.443 440.321 89.603 440.255 89.7715 440.229C89.9401 440.202 90.1125 440.215 90.275 440.268C96.2109 442.11 102.31 443.376 108.489 444.049C108.756 444.077 109.002 444.203 109.182 444.401C109.362 444.6 109.462 444.858 109.463 445.126V538.081C109.463 538.224 109.492 538.366 109.546 538.498C109.601 538.63 109.681 538.751 109.783 538.852C109.884 538.953 110.004 539.033 110.136 539.088C110.268 539.143 110.41 539.171 110.553 539.171H113.014C113.301 539.167 113.575 539.051 113.776 538.847C113.978 538.643 114.091 538.368 114.091 538.081V445.895C114.09 445.743 114.121 445.592 114.182 445.453C114.243 445.313 114.333 445.188 114.445 445.086C114.557 444.983 114.69 444.905 114.834 444.857C114.979 444.808 115.131 444.791 115.283 444.805C121.692 445.42 128.78 445.779 136.061 445.779C145.028 445.797 153.988 445.258 162.889 444.164C163.046 444.136 163.207 444.143 163.362 444.184C163.516 444.225 163.659 444.3 163.782 444.402C163.904 444.505 164.002 444.634 164.069 444.778C164.136 444.923 164.171 445.081 164.17 445.241V538.081C164.17 538.37 164.285 538.647 164.489 538.852C164.694 539.056 164.971 539.171 165.26 539.171H167.695C167.982 539.167 168.256 539.051 168.457 538.847C168.659 538.643 168.772 538.368 168.772 538.081V444.254C168.778 443.997 168.873 443.75 169.041 443.555C169.21 443.361 169.441 443.232 169.695 443.19C183.423 440.87 192.383 437.102 192.383 432.897Z" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M209.059 433.141C209.926 437.339 211.56 441.341 213.878 444.946H197.612C196.597 444.927 195.612 444.602 194.784 444.015C193.956 443.427 193.325 442.604 192.972 441.652C192.844 440.678 192.716 439.704 192.588 438.755V438.588C192.543 437.206 193.048 435.861 193.992 434.85C194.936 433.838 196.242 433.242 197.625 433.192L209.059 433.141Z" fill="black" opacity="0.1"/>
<path d="M304.963 438.537V439.55C305.008 440.935 304.501 442.281 303.554 443.293C302.607 444.305 301.297 444.899 299.912 444.946H282.39C285.104 441.264 287.424 437.307 289.312 433.141H299.912C301.296 433.191 302.604 433.787 303.55 434.798C304.497 435.809 305.004 437.153 304.963 438.537Z" fill="black" opacity="0.1"/>
<path d="M56 538.363C56 541.017 188.268 543.157 351.441 543.157C514.613 543.157 646.855 541.017 646.855 538.363C646.855 535.71 514.587 533.646 351.428 533.646C188.268 533.646 56 535.8 56 538.363Z" fill="#A6A9B3" class="tblr-illustrations-project-c"/>
<path d="M534.263 479.696C534.263 481.567 581.24 483.079 639.203 483.079C697.166 483.079 744.131 481.567 744.131 479.696C744.131 477.824 697.153 476.35 639.203 476.35C581.253 476.35 534.263 477.863 534.263 479.696Z" fill="#A7AAB3"/>
<path d="M391.33 346.094C389.298 349.053 386.865 351.714 384.1 354.003C380.249 357.268 375.928 359.934 371.283 361.912C356.888 368.256 337.956 369.923 319.729 365.936C310.781 364.019 302.194 360.696 294.285 356.092C290.705 353.997 287.301 351.613 284.108 348.965C271.687 338.647 262.727 324.368 265.445 321.086C267.214 318.92 273.7 321.022 295.567 329.046L314.473 335.994C319.344 337.771 324.711 339.728 330.573 341.864C339.545 345.12 353.735 350.042 366.553 343.787C367.527 343.313 368.473 342.782 369.385 342.198C371.184 341.049 372.86 339.717 374.384 338.224C382.896 336.724 389.625 337.211 391.907 339.788C392.14 340.047 392.33 340.341 392.471 340.659C393.176 342.249 392.535 344.133 391.33 346.094Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M388.497 272.865C386.652 285.063 380.361 296.148 370.834 303.987L408.48 294.694L388.472 272.904" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M450.729 459.315L453.459 481.516L457.445 513.766L460.073 513.663L465.597 479.824L467.943 465.327L450.729 459.315Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M412.839 460.815L415.428 481.682L419.555 515.253L422.183 515.15L427.528 482.464L430.079 466.814L412.839 460.815Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M467.943 465.301L450.754 459.289L453.485 481.477C457.702 481.041 461.752 480.465 465.623 479.785L467.943 465.301Z" fill="black" opacity="0.15"/>
<path d="M412.839 460.802L415.402 481.682C419.248 482.08 423.247 482.349 427.502 482.516L430.066 466.865L412.839 460.802Z" fill="black" opacity="0.15"/>
<path d="M402.315 299.809C413.082 297.335 423.631 290.285 427.271 285.389C427.902 284.608 428.341 283.691 428.553 282.71C428.707 281.492 428.797 280.261 428.835 278.98C428.925 277.211 428.912 275.391 428.835 273.609C428.654 268.95 428.054 264.317 427.04 259.765C426.912 259.407 426.682 258.291 426.374 257.022C424.9 251.318 423.567 246.768 422.631 243.615C422.529 244.153 421.965 246.704 420.721 246.922C419.478 247.14 417.376 244.704 416.299 240.641L392.765 248.819L385.856 260.74C385.856 260.74 386.036 262.201 386.138 264.495C386.414 268.473 386.414 272.464 386.138 276.442C386.034 279.434 385.387 282.383 384.229 285.145C380.601 292.208 389.356 302.834 402.251 299.809" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M386.228 276.493C396.29 276.566 406.089 273.277 414.069 267.149C416.493 266.66 419.005 266.855 421.324 267.713C424.746 268.994 425.4 271.122 428.617 273.455L428.912 273.686C428.732 269.027 428.132 264.393 427.118 259.842C426.989 259.483 426.759 258.368 426.451 257.099C424.977 251.395 423.644 246.845 422.708 243.679C422.606 244.23 422.042 246.781 420.798 246.999C419.555 247.217 417.453 244.781 416.376 240.718L392.842 248.896L385.934 260.817C385.934 260.817 386.113 262.278 386.216 264.572C386.491 268.55 386.491 272.541 386.216 276.518" fill="black" opacity="0.1"/>
<path d="M453.317 278.326C449.645 281.559 445.461 284.158 440.935 286.017C440.371 286.26 439.82 286.465 439.269 286.67C434.358 288.441 429.172 289.331 423.951 289.298C424.539 282.387 424.62 275.443 424.195 268.52C423.981 266.915 423.625 265.332 423.131 263.79C422.818 262.889 422.449 262.007 422.029 261.15C421.798 260.676 421.503 260.137 421.221 259.637C420.221 257.92 416.568 256.612 414.428 253.997C401.917 264.97 389.753 270.058 383.665 268.661C380.532 268.013 377.666 266.441 375.436 264.149C374.413 263.019 373.656 261.674 373.218 260.214C371.718 253.882 380.768 246.807 382.421 245.525C394.598 236.052 409.813 237.565 413.736 238.103C413.908 238.12 414.08 238.15 414.248 238.193C421.865 239.536 429.074 242.605 435.321 247.165C437.732 248.93 439.957 250.936 441.961 253.151C442.243 253.446 442.525 253.767 442.781 254.074C444.269 255.8 445.628 257.633 446.844 259.56C447.434 260.547 447.87 261.342 448.126 261.855C450.505 266.127 452.135 270.774 452.946 275.596C453.048 276.262 453.151 276.877 453.202 277.339C453.202 277.467 453.202 277.621 453.266 277.762C453.33 277.903 453.292 278.159 453.317 278.326Z" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M443.32 538.004C445.883 531.378 456.984 520.495 460.868 521.649C464.751 522.802 465.072 529.019 465.072 529.019L466.354 535.428L459.047 537.44L456.753 532.518L443.32 538.004Z" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M406.711 539.44C409.275 532.813 420.375 521.943 424.259 523.084C428.143 524.225 428.463 530.455 428.463 530.455L429.745 536.799L422.439 538.812L420.145 533.89L406.711 539.44Z" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M416.928 247.806C416.293 249.958 415.433 252.038 414.364 254.01C401.854 264.982 389.689 270.071 383.601 268.674C380.527 267.873 377.7 266.323 375.372 264.162C383.108 265.038 390.94 264.006 398.185 261.155C405.429 258.303 411.864 253.72 416.928 247.806Z" fill="black" opacity="0.5"/>
<path d="M400.84 467.954L481.452 464.801L481.106 419.81L480.94 401.904L402.455 403.455L401.148 455.688L400.84 467.954Z" fill="#DADBE0"/>
<path d="M400.84 467.954L481.452 464.801C480.94 443.652 480.418 422.506 479.889 401.365L440.486 402.647C456.265 431 460.995 441.613 459.841 442.626C458.265 443.998 446.549 426.373 441.063 429.693C439.089 430.911 439.012 434.243 438.499 436.499C436.974 443.459 429.014 451.342 401.084 455.662L400.84 467.954Z" fill="black" opacity="0.1"/>
<path d="M453.331 278.313C449.659 281.553 445.469 284.153 440.936 286.004C440.372 286.234 439.82 286.452 439.269 286.645C440.688 282.995 441.607 279.171 442 275.275C442.846 265.432 440.519 255.577 435.36 247.153C437.771 248.912 439.996 250.914 442 253.126C442.282 253.421 442.551 253.728 442.82 254.036L446.883 259.535C447.473 260.535 447.909 261.316 448.165 261.829C450.748 266.663 452.445 271.92 453.177 277.352C453.177 277.493 453.177 277.634 453.177 277.775C453.177 277.916 453.305 278.159 453.331 278.313Z" fill="black" opacity="0.5"/>
<path d="M391.945 339.749L391.33 346.069C389.291 349.021 386.858 351.682 384.1 353.977C380.246 357.238 375.926 359.904 371.282 361.886C374.243 354.644 371.282 346.235 369.385 342.172C371.184 341.023 372.859 339.692 374.384 338.198C382.921 336.686 389.663 337.186 391.945 339.749Z" fill="black" opacity="0.15"/>
<path d="M394.534 351.644C395.047 357.207 395.714 362.988 396.585 368.974C397.188 373.191 397.867 377.28 398.585 381.228L398.764 382.343C399.277 386.189 399.879 390.034 400.597 394.072C401.187 397.302 401.806 400.43 402.456 403.455C415.128 403.19 427.805 402.929 440.487 402.673L480.94 401.904C480.404 394.03 478.791 386.267 476.146 378.831C475.838 377.96 475.518 377.101 475.185 376.268V376.178C469.394 357.136 462.569 338.424 454.74 320.125C454.163 318.779 453.586 317.433 452.997 316.088C455.227 318.549 457.457 320.997 459.688 323.432L471.48 309.499C470.122 307.359 465.815 300.95 458.662 297.963C458.662 297.963 452.253 295.399 446.357 296.515C445.826 296.644 445.286 296.734 444.742 296.784L444.473 296.886C441.14 297.54 437.949 298.168 434.975 298.976C427.749 300.802 420.664 303.145 413.774 305.987C407.178 308.741 400.82 312.033 394.765 315.831C393.24 316.805 391.663 317.844 390.215 318.959L388.933 319.907L388.484 320.266L387.689 320.907C381.157 325.299 375.418 330.769 370.719 337.083L379.294 347.607C380.358 348.889 385.216 354.9 386.292 356.208L394.534 351.644Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M437.936 302.026C440.653 309.845 433.424 319.459 421.798 323.496C410.172 327.534 398.585 324.47 395.868 316.651C395.732 316.234 395.633 315.805 395.573 315.37C401.621 311.552 407.985 308.259 414.595 305.526C421.49 302.689 428.579 300.351 435.808 298.527C436.77 299.542 437.5 300.753 437.949 302.077" fill="#DADBE0"/>
<path d="M388.395 320.369L388.856 320.023C394.047 328.418 408.391 331.277 422.772 326.278C438.577 320.792 448.485 307.846 444.87 297.45L444.691 296.925C445.204 296.822 445.742 296.72 446.306 296.655L446.396 296.912C450.357 308.307 439.987 322.279 423.4 328.059C408.429 333.264 393.355 330.033 387.638 320.997L388.433 320.343" fill="#DADBE0"/>
<path d="M420.337 336.327C420.565 336.742 420.907 337.083 421.323 337.31C421.738 337.537 422.21 337.641 422.683 337.609C423.155 337.578 423.609 337.412 423.99 337.131C424.372 336.85 424.665 336.466 424.835 336.024C425.006 335.583 425.047 335.101 424.953 334.637C424.86 334.173 424.636 333.745 424.307 333.404C423.979 333.063 423.56 332.822 423.099 332.711C422.639 332.6 422.157 332.623 421.709 332.776C421.058 333.068 420.549 333.605 420.293 334.27C420.036 334.934 420.052 335.674 420.337 336.327Z" fill="#DADBE0"/>
<path d="M468.93 409.466C470.588 410.846 472.574 411.774 474.696 412.16C476.819 412.546 479.005 412.378 481.042 411.671C483.388 410.852 485.344 409.189 486.529 407.005C495.412 390.436 497.963 371.2 493.707 352.888C490.307 337.726 482.814 323.788 472.044 312.588C471.378 311.896 470.762 311.306 470.339 310.883L461.136 321.65C461.79 322.189 462.764 323.009 463.931 324.086C470.393 330.275 474.834 338.273 476.672 347.03C478.428 355.567 476.979 362.181 475.39 369.218C473.738 376.734 470.964 383.959 467.161 390.649C463.2 397.545 464.302 405.505 468.93 409.466Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M461.11 321.663C461.764 322.202 462.738 323.022 463.879 324.086C466.314 320.728 470.083 315.472 472.031 312.55C471.365 311.87 470.749 311.268 470.314 310.845L461.11 321.612" fill="black" opacity="0.15"/>
<path d="M414.582 305.474C421.475 302.637 428.565 300.302 435.795 298.488C436.755 299.502 437.482 300.714 437.923 302.039C440.641 309.858 433.424 319.459 421.798 323.496C410.172 327.534 398.598 324.458 395.88 316.639C395.738 316.222 395.635 315.793 395.573 315.357C401.621 311.539 407.985 308.246 414.595 305.513" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M195.254 437.807C192.904 449.65 190.657 461.763 188.512 474.145C185.692 490.467 183.201 506.412 181.039 521.982L176.591 521.213L166.786 449.432L144.687 430.693L157.787 461.456C153.344 483.579 148.892 505.699 144.431 527.814L137.33 527.506L127.447 460.174C124.743 453.232 120.521 446.983 115.091 441.883C108.554 435.845 103.978 435.025 100.107 429.526C97.3636 425.617 94.7744 418.862 97.1329 406.646H155.698L195.254 437.807Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M195.254 437.807C192.904 449.65 190.657 461.763 188.512 474.145C185.692 490.467 183.201 506.412 181.039 521.982L176.591 521.213L166.785 449.432L144.687 430.693L135.715 406.685H155.698L195.254 437.807Z" fill="black" opacity="0.1"/>
<path d="M167.887 435.82C168.973 435.224 169.963 434.468 170.823 433.577C174.989 429.078 175.95 422.745 172.771 419.349C170.002 416.375 165.016 416.618 160.966 419.823L159.415 421.105C155.569 425.245 154.57 430.782 156.762 434.359C156.992 434.641 157.223 435.051 157.466 435.333C159.979 438.178 164.17 438.127 167.887 435.82Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M167.888 435.82C168.973 435.224 169.963 434.468 170.823 433.577C174.989 429.078 175.95 422.745 172.771 419.349C170.003 416.375 165.016 416.618 160.966 419.823C161.108 420.062 161.262 420.293 161.427 420.515C162.889 423.386 164.183 428.321 162.376 431.321C161.158 433.436 158.748 434.025 156.89 434.397C157.133 434.679 157.351 435.089 157.595 435.371C159.979 438.178 164.17 438.127 167.888 435.82Z" fill="black" opacity="0.1"/>
<path d="M165.644 288.414C165.029 291.503 164.26 296.104 163.324 301.808C163.158 303 162.978 304.18 162.965 304.59C162.278 310.835 162.346 317.14 163.171 323.368L163.888 326.97C164.901 331.238 178.18 339.326 191.024 340.89C203.867 342.454 211.148 331.341 206.944 324.893C205.568 322.331 204.657 319.545 204.252 316.664C203.568 312.855 203.178 308.998 203.086 305.128C202.97 302.872 202.945 301.475 202.945 301.475L195.113 290.734L171.553 285.248C170.861 289.272 169.195 291.836 167.849 291.733C166.503 291.631 165.709 288.978 165.644 288.401" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M165.644 288.414C165.029 291.503 164.26 296.104 163.324 301.808C163.158 303 162.978 304.18 162.965 304.59C162.278 310.835 162.346 317.14 163.171 323.368C164.793 323.266 166.377 322.83 167.823 322.086C169.456 321.286 170.889 320.13 172.015 318.702C173.228 317.241 174.186 315.586 174.848 313.806C175.391 312.681 175.821 311.504 176.13 310.294C184.473 315.424 194.281 317.646 204.021 316.613C203.344 312.802 202.954 308.946 202.855 305.077C202.74 302.808 202.727 301.424 202.727 301.424L194.882 290.682L171.323 285.196C170.631 289.221 168.964 291.785 167.618 291.682C166.273 291.58 165.721 289.016 165.657 288.439" fill="black" opacity="0.1"/>
<path d="M161.492 292.81C160.441 297.735 161.312 302.875 163.927 307.179C164.499 307.951 165.026 308.755 165.504 309.589C166.672 311.976 167.202 314.626 167.042 317.28C168.454 316.202 169.501 314.716 170.041 313.024C170.554 310.3 170.859 307.54 170.951 304.769C170.981 304.639 170.981 304.503 170.951 304.372C170.966 303.97 171.022 303.57 171.118 303.18C171.336 301.898 171.682 300.616 171.977 299.488V299.373C177.104 304.372 192.062 317.254 205.56 311.294C207.639 310.337 209.59 309.122 211.366 307.679C211.543 307.597 211.69 307.462 211.789 307.294C212.22 306.907 212.61 306.478 212.956 306.013L213.122 305.936C214.064 304.821 214.857 303.589 215.481 302.27L215.673 301.783C216.172 300.29 216.316 298.702 216.094 297.145C215.871 295.587 215.288 294.103 214.391 292.81C211.885 289.32 208.74 286.337 205.124 284.017C196.036 277.608 181.013 273.058 170.31 280.069C167.573 281.898 165.342 284.389 163.825 287.311C162.687 288.963 161.885 290.823 161.466 292.784" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M172.041 299.322C177.168 304.321 192.127 317.203 205.624 311.242C207.703 310.285 209.654 309.071 211.43 307.628C211.607 307.545 211.755 307.411 211.853 307.243C212.284 306.856 212.675 306.426 213.02 305.961L213.186 305.884C214.128 304.77 214.921 303.538 215.545 302.218C212.266 304.224 208.674 305.667 204.919 306.487C186.384 310.396 171.131 296.566 168.798 294.297L168.606 294.079C169.602 295.904 170.751 297.64 172.041 299.27" fill="black" opacity="0.5"/>
<path d="M195.934 537.402L173.771 534.941C173.771 534.941 173.002 529.237 176.502 527.173C180.001 525.11 192.306 531.967 195.934 537.428" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M157.544 544.952L135.394 542.491C135.394 542.491 134.612 536.787 138.112 534.71C141.611 532.634 154.044 539.504 157.544 544.964" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M177.616 350.978C187.612 379.241 189.652 409.707 183.513 439.05L156.172 422.566C160.707 412.906 163.077 402.371 163.114 391.699C163.152 381.027 160.857 370.476 156.39 360.784L177.616 350.978Z" fill="#DADBE0"/>
<path d="M160.863 378.319C157.048 387.27 155.296 396.964 155.736 406.685H97.1327C96.479 393.175 95.8509 354.388 114.975 333.725C118.898 329.495 129.383 318.164 137.83 320.804C140.04 321.649 141.937 323.152 143.264 325.111C145.561 327.971 148.137 330.595 150.955 332.943C162.632 342.723 173.733 344.069 175.117 352.644C176.373 360.54 167.58 363.001 160.863 378.319Z" fill="#DADBE0"/>
<path d="M186.602 394.802C185.628 379.853 182.609 365.107 177.63 350.978L175.284 353.157C175.315 353.826 175.276 354.496 175.168 355.157C175.294 354.307 175.294 353.443 175.168 352.593C173.784 344.018 162.684 342.672 151.007 332.892C148.189 330.544 145.613 327.92 143.316 325.06C141.989 323.101 140.092 321.598 137.881 320.753C129.434 318.113 118.949 329.444 115.027 333.674C95.9152 354.336 96.5304 393.123 97.1842 406.633H155.736C155.303 396.914 157.055 387.22 160.864 378.267C162.619 374.259 164.844 370.472 167.491 366.988C166.414 375.563 164.927 384.715 163.004 394.341C160.953 404.442 158.608 413.85 156.121 422.54L183.513 439.05C186.544 424.509 187.583 409.623 186.602 394.802Z" fill="black" opacity="0.1"/>
<path d="M157.454 335.225C158.994 340.796 162.223 345.753 166.695 349.414L167.208 349.837L178.193 347.837L157.454 335.225Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M165.747 347.03L183.116 344.556L184.372 349.158L169.042 357.515L165.747 347.03Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M165.747 347.03L183.116 344.556L184.372 349.158L169.042 357.515L165.747 347.03Z" fill="black" opacity="0.1"/>
<path d="M165.119 346.556L152.198 324.586L145.738 326.316L149.93 350.158L165.119 346.556Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M225.658 538.632C224.919 538.867 224.141 538.954 223.369 538.888C222.596 538.822 221.844 538.604 221.156 538.246C220.468 537.889 219.857 537.4 219.358 536.806C218.86 536.213 218.483 535.526 218.25 534.787L180.449 416.26L178.027 408.671C177.792 407.933 177.705 407.156 177.77 406.384C177.836 405.613 178.053 404.861 178.409 404.173C178.765 403.485 179.253 402.874 179.845 402.375C180.437 401.875 181.121 401.497 181.859 401.263C182.598 401.028 183.375 400.941 184.146 401.006C184.918 401.072 185.67 401.289 186.358 401.645C187.046 402 187.657 402.488 188.156 403.08C188.655 403.672 189.033 404.357 189.268 405.095L192.485 415.311L229.452 531.224C229.929 532.709 229.797 534.323 229.086 535.712C228.375 537.101 227.142 538.151 225.658 538.632Z" fill="#DADBE0"/>
<path d="M317.422 408.697L310.731 429.654L277.186 534.761C276.95 535.5 276.572 536.184 276.072 536.776C275.571 537.368 274.96 537.855 274.271 538.21C273.582 538.566 272.831 538.782 272.058 538.846C271.286 538.911 270.509 538.823 269.771 538.588C269.033 538.352 268.348 537.973 267.757 537.473C267.165 536.973 266.677 536.361 266.322 535.672C265.967 534.984 265.751 534.232 265.686 533.46C265.621 532.688 265.709 531.911 265.945 531.172L299.861 424.886L306.18 405.07C306.558 403.877 307.306 402.835 308.315 402.095C309.325 401.356 310.543 400.956 311.795 400.955C312.404 400.955 313.009 401.05 313.589 401.237C314.333 401.471 315.023 401.851 315.62 402.354C316.216 402.857 316.707 403.473 317.063 404.167C317.42 404.861 317.635 405.618 317.696 406.396C317.758 407.174 317.665 407.956 317.422 408.697Z" fill="#DADBE0"/>
<path d="M303.437 491.796C304.146 491.794 304.849 491.932 305.504 492.203C306.16 492.474 306.755 492.871 307.257 493.373C307.758 493.874 308.156 494.469 308.426 495.125C308.697 495.78 308.835 496.483 308.834 497.192V498.205C308.834 498.913 308.694 499.614 308.423 500.268C308.151 500.922 307.753 501.516 307.252 502.016C306.751 502.516 306.156 502.912 305.501 503.182C304.847 503.452 304.145 503.59 303.437 503.588H194.049C193.341 503.59 192.639 503.452 191.985 503.182C191.33 502.912 190.735 502.516 190.234 502.016C189.733 501.516 189.335 500.922 189.064 500.268C188.792 499.614 188.653 498.913 188.653 498.205V497.192C188.651 496.483 188.789 495.78 189.06 495.125C189.331 494.469 189.728 493.874 190.229 493.373C190.731 492.871 191.326 492.474 191.982 492.203C192.637 491.932 193.34 491.794 194.049 491.796" fill="#A7AAB3"/>
<path d="M566.243 53.1019H322.433C313.358 53.1019 306.001 60.459 306.001 69.5345V160.567C306.001 169.643 313.358 177 322.433 177H566.243C575.319 177 582.676 169.643 582.676 160.567V69.5345C582.676 60.459 575.319 53.1019 566.243 53.1019Z" fill="white" class="tblr-illustrations-project-d"/>
<path d="M566.243 180.14H322.433C317.247 180.13 312.275 178.064 308.609 174.396C304.943 170.727 302.88 165.754 302.873 160.567V69.5602C302.88 64.3746 304.943 59.4033 308.61 55.7365C312.277 52.0698 317.248 50.0068 322.433 50H566.243C571.429 50.0068 576.4 52.0698 580.067 55.7365C583.734 59.4033 585.797 64.3746 585.804 69.5602V160.567C585.8 165.755 583.739 170.73 580.072 174.399C576.404 178.069 571.431 180.134 566.243 180.14ZM322.433 56.2295C318.907 56.2363 315.527 57.6402 313.033 60.1339C310.539 62.6277 309.135 66.0079 309.128 69.5345V160.542C309.132 164.07 310.535 167.452 313.029 169.946C315.524 172.441 318.906 173.843 322.433 173.847H566.243C569.773 173.854 573.161 172.459 575.663 169.969C578.166 167.479 579.577 164.097 579.587 160.567V69.5602C579.58 66.0335 578.176 62.6533 575.682 60.1596C573.189 57.6659 569.808 56.2619 566.282 56.2551L322.433 56.2295Z" fill="#232B41" class="tblr-illustrations-project-e"/>
<path d="M356.273 112.564H346.749C344.307 112.564 342.327 114.544 342.327 116.986V150.223C342.327 152.666 344.307 154.646 346.749 154.646H356.273C358.715 154.646 360.695 152.666 360.695 150.223V116.986C360.695 114.544 358.715 112.564 356.273 112.564Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M397.393 87.3258H390.202C387.116 87.3258 384.614 89.8279 384.614 92.9144V149.044C384.614 152.131 387.116 154.633 390.202 154.633H397.393C400.479 154.633 402.982 152.131 402.982 149.044V92.9144C402.982 89.8279 400.479 87.3258 397.393 87.3258Z" fill="#DADBE0"/>
<path d="M443.653 78.4942H437.179C433.895 78.4942 431.232 81.157 431.232 84.4418V148.685C431.232 151.97 433.895 154.633 437.179 154.633H443.653C446.937 154.633 449.6 151.97 449.6 148.685V84.4418C449.6 81.157 446.937 78.4942 443.653 78.4942Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M495.066 112.564H485.542C483.1 112.564 481.12 114.544 481.12 116.986V150.223C481.12 152.666 483.1 154.646 485.542 154.646H495.066C497.508 154.646 499.488 152.666 499.488 150.223V116.986C499.488 114.544 497.508 112.564 495.066 112.564Z" fill="#DADBE0"/>
<path d="M534.071 75.4692H527.828C524.48 75.4692 521.766 78.1836 521.766 81.5321V148.57C521.766 151.918 524.48 154.633 527.828 154.633H534.071C537.419 154.633 540.134 151.918 540.134 148.57V81.5321C540.134 78.1836 537.419 75.4692 534.071 75.4692Z" fill="#A7AAB3"/>
<path d="M358.106 279.172L332.073 272.763C330.332 272.33 328.546 272.111 326.753 272.109H232.939C231.121 272.099 229.38 271.372 228.096 270.085C226.812 268.798 226.088 267.057 226.081 265.239V212.16C226.088 210.342 226.812 208.6 228.096 207.313C229.38 206.027 231.121 205.299 232.939 205.289H338.392C340.21 205.299 341.95 206.027 343.234 207.313C344.518 208.6 345.243 210.342 345.249 212.16V249.819C345.242 253.458 346.159 257.04 347.916 260.227L358.106 279.172Z" fill="#A7AAB3"/>
<path d="M348.698 271.75L333.188 267.982C331.095 267.441 328.94 267.178 326.779 267.2H232.939C232.381 267.2 231.847 266.978 231.452 266.584C231.058 266.19 230.837 265.655 230.837 265.098V212.16C230.837 211.601 231.058 211.065 231.452 210.669C231.845 210.272 232.38 210.048 232.939 210.045L338.392 209.942C338.949 209.942 339.484 210.164 339.878 210.558C340.273 210.952 340.494 211.487 340.494 212.044V249.703C340.49 254.152 341.596 258.531 343.711 262.444L348.698 271.75Z" fill="white" class="tblr-illustrations-project-d"/>
<path d="M151.878 264.239C155.029 264.239 157.582 261.685 157.582 258.535C157.582 255.385 155.029 252.831 151.878 252.831C148.728 252.831 146.174 255.385 146.174 258.535C146.174 261.685 148.728 264.239 151.878 264.239Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M123.358 264.239C126.509 264.239 129.062 261.685 129.062 258.535C129.062 255.385 126.509 252.831 123.358 252.831C120.208 252.831 117.654 255.385 117.654 258.535C117.654 261.685 120.208 264.239 123.358 264.239Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M94.8509 264.239C98.0012 264.239 100.555 261.685 100.555 258.535C100.555 255.385 98.0012 252.831 94.8509 252.831C91.7007 252.831 89.147 255.385 89.147 258.535C89.147 261.685 91.7007 264.239 94.8509 264.239Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M535.453 266.23L535.647 265.123V265.175C535.693 264.898 535.681 264.615 535.614 264.342C535.547 264.07 535.425 263.814 535.256 263.59C535.087 263.366 534.875 263.178 534.631 263.039C534.388 262.899 534.119 262.81 533.84 262.778L518.894 260.073C518.627 260.023 518.353 260.028 518.087 260.086C517.822 260.144 517.571 260.254 517.349 260.411C517.127 260.567 516.938 260.766 516.794 260.997C516.65 261.227 516.554 261.484 516.51 261.752L512.793 283.043C512.743 283.31 512.748 283.584 512.806 283.85C512.864 284.115 512.974 284.366 513.131 284.588C513.287 284.811 513.486 284.999 513.717 285.143C513.947 285.287 514.204 285.384 514.472 285.427L529.418 288.067C529.692 288.131 529.976 288.137 530.253 288.087C530.53 288.036 530.793 287.93 531.027 287.774C531.261 287.618 531.461 287.416 531.614 287.179C531.767 286.943 531.87 286.679 531.917 286.401L532.269 284.398L537.891 285.363C538.276 285.431 538.67 285.422 539.052 285.337C539.433 285.252 539.794 285.092 540.113 284.867C540.432 284.642 540.704 284.356 540.912 284.025C541.12 283.694 541.261 283.326 541.326 282.94L543.454 270.507C543.489 270.221 543.48 269.931 543.428 269.648C543.312 269.047 543.021 268.493 542.593 268.056C542.164 267.618 541.617 267.316 541.018 267.187L535.453 266.23ZM532.542 282.837L535.11 268.191L540.685 269.148C540.974 269.207 541.23 269.37 541.405 269.607C541.58 269.844 541.662 270.137 541.634 270.43L539.506 282.863C539.447 283.152 539.284 283.408 539.047 283.584C538.81 283.759 538.517 283.84 538.224 283.812L532.542 282.837Z" fill="#DADBE0"/>
<path d="M534.724 270.379L531.956 286.401C531.909 286.679 531.805 286.943 531.652 287.179C531.499 287.416 531.3 287.618 531.065 287.774C530.831 287.93 530.568 288.036 530.291 288.087C530.014 288.137 529.73 288.131 529.456 288.067L514.51 285.427C514.242 285.384 513.985 285.287 513.755 285.143C513.524 284.999 513.325 284.811 513.169 284.589C513.012 284.366 512.902 284.115 512.844 283.85C512.786 283.584 512.782 283.31 512.831 283.043L513.216 280.646C520.77 278.097 527.991 274.649 534.724 270.379Z" fill="black" opacity="0.1"/>
<path d="M524.354 253.728C522.867 251.857 521.201 249.242 521.79 246.499C522.162 244.345 523.713 243.538 524.815 241.372C525.751 239.526 526.584 236.45 525.289 231.669C528.161 234.309 528.648 236.437 528.738 237.911C528.827 241.449 525.597 243.038 524.559 247.922C524.136 249.828 524.067 251.796 524.354 253.728Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M534.006 233.963C534.876 233.414 535.616 232.682 536.176 231.819C536.736 230.956 537.102 229.982 537.249 228.964C537.326 227.272 536.313 226.4 535.8 224.542C535.352 223.029 535.39 220.594 537.082 217.12C536.208 217.493 535.428 218.056 534.799 218.768C534.169 219.479 533.706 220.322 533.442 221.235C532.788 223.798 534.903 225.657 534.839 229.438C534.929 230.992 534.643 232.543 534.006 233.963Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M549.503 273.429C548.814 272.474 547.942 271.664 546.94 271.045C543.569 268.482 539.531 268.161 536.967 270.52C533.66 273.532 533.827 279.646 537.544 284.337C537.905 284.856 538.336 285.322 538.826 285.722C542.389 289.17 547.158 289.926 550.042 287.26C553.272 284.261 553.067 278.031 549.503 273.429Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M549.503 273.429C548.814 272.474 547.942 271.664 546.94 271.045C545.953 272.724 545.132 274.083 544.568 275.006C543.004 277.57 542.376 278.557 541.505 280.223C540.813 281.505 540.313 282.671 539.992 283.402L539.223 285.004L538.71 285.619C542.274 289.08 547.055 289.836 549.926 287.157C553.272 284.261 553.067 278.031 549.503 273.429Z" fill="black" opacity="0.1"/>
<path d="M593.392 259.496C594.405 266.828 595.417 274.045 596.43 281.377C598.43 295.476 600.429 309.473 602.3 323.535C603.89 334.468 605.351 345.415 606.928 356.22L662.904 353.247C663.442 342.198 663.865 331.149 664.403 320.228C664.698 313.947 665.006 307.794 665.288 301.513L667.364 255.561L593.392 259.496Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M657.315 211.634C656.277 214.454 654.649 218.658 652.636 223.657C652.136 224.811 651.713 225.721 651.598 226.08C649.096 231.522 645.941 236.64 642.202 241.32C641.382 242.243 640.716 243.077 639.895 243.987C637.742 246.191 628.885 246.742 619.886 244.897C616.765 244.283 613.728 243.302 610.837 241.974C601.749 237.975 599.685 228.9 602.646 223.811C603.338 222.582 604.389 221.594 605.659 220.978C608.05 219.575 610.187 217.776 611.978 215.659C614.469 212.907 616.704 209.934 618.656 206.776C619.336 205.83 619.961 204.846 620.527 203.828L632.269 198.816L654.29 205.917C652.867 209.532 653.008 212.467 654.085 213.083C655.161 213.698 656.917 212.031 657.315 211.634Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M657.315 211.634C656.277 214.454 654.649 218.658 652.637 223.657C652.137 224.811 651.714 225.721 651.599 226.08C649.097 231.522 645.942 236.64 642.203 241.32C640.934 240.383 639.841 239.229 638.973 237.911C638.066 236.434 637.432 234.806 637.102 233.104C636.826 231.282 636.826 229.428 637.102 227.605C637.217 226.452 637.486 225.221 637.704 224.119C628.357 224.232 619.245 221.193 611.837 215.492C614.33 212.742 616.566 209.768 618.516 206.609C619.197 205.669 619.822 204.689 620.387 203.674L632.141 198.688L654.162 205.802C652.727 209.417 652.88 212.339 653.957 212.967C655.034 213.595 656.867 212.07 657.264 211.685" fill="black" opacity="0.1"/>
<path d="M658.52 217.274C656.938 221.831 653.691 225.622 649.432 227.887C648.535 228.246 647.74 228.656 646.958 229.054C644.851 230.43 643.116 232.306 641.908 234.514C641.248 232.982 641.104 231.277 641.498 229.656C642.151 227.234 644.689 223.068 644.882 222.465L644.997 222.106C645.116 221.75 645.271 221.406 645.458 221.081C645.958 219.929 646.344 218.731 646.612 217.505V217.389C639.895 219.03 621.297 222.094 613.285 210.583C612.056 208.768 611.053 206.809 610.299 204.751C610.193 204.569 610.124 204.369 610.094 204.161C609.908 203.65 609.771 203.122 609.684 202.585L609.607 202.431C609.284 201.027 609.214 199.578 609.402 198.15V197.637C609.477 197.011 609.672 196.406 609.978 195.855C611.003 193.659 612.781 191.904 614.99 190.908C619.092 188.805 624.193 188.485 627.001 188.344C637.627 187.575 652.06 191.318 657.43 202.444C658.703 205.313 659.312 208.433 659.212 211.57C659.209 213.525 658.938 215.47 658.405 217.351" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M646.651 217.389C639.934 219.03 621.335 222.094 613.324 210.583C612.095 208.768 611.092 206.809 610.337 204.751C610.232 204.569 610.162 204.369 610.132 204.161C609.947 203.65 609.809 203.122 609.722 202.585C609.728 202.57 609.731 202.553 609.73 202.537C609.729 202.521 609.725 202.505 609.718 202.491C609.711 202.476 609.701 202.463 609.688 202.453C609.676 202.443 609.661 202.435 609.645 202.431C609.322 201.027 609.253 199.578 609.44 198.15C611.187 201.39 613.431 204.336 616.093 206.879C629.308 219.286 648.689 215.428 651.765 214.851H652.047C650.317 215.736 648.458 216.595 646.612 217.415" fill="black" opacity="0.5"/>
<path d="M663.007 353.247L669.313 415.08L692.539 455.803L688.694 458.738L686.733 460.251L645.395 422.745L628.975 382.151L614.196 410.774C610.385 428.966 606.586 447.159 602.801 465.352L595.225 464.532C591.807 445.587 588.363 426.642 584.894 407.697L607.082 356.22L663.007 353.247Z" fill="#DADBE0"/>
<path d="M683.989 478.388L702.28 467.531C702.28 467.531 700.704 462.199 696.961 461.827C693.218 461.456 685.079 472.274 683.989 478.388Z" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M581.126 482.964L602.109 479.465C602.109 479.465 602.57 473.928 599.225 472.223C595.879 470.518 584.356 477.658 581.126 482.964Z" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M638.024 255.612C635.072 259.022 631.128 261.423 626.744 262.483L626.129 262.637L614.862 258.227L638.024 255.612Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M638.024 255.612C635.072 259.022 631.128 261.423 626.744 262.483L626.129 262.637L614.862 258.227L638.024 255.612Z" fill="black" opacity="0.1"/>
<path d="M626.116 262.637L611.991 253.626L609.042 257.035L619.015 270.404L626.116 262.637Z" fill="#DADBE0"/>
<path d="M626.744 262.611L646.791 248.511L651.649 252.639L638.626 271.622L626.744 262.611Z" fill="#DADBE0"/>
<path d="M626.116 262.637L611.991 253.626L609.042 257.035L619.015 270.404L626.116 262.637Z" fill="black" opacity="0.11"/>
<path d="M634.384 274.314C631.717 292.49 629.051 310.666 626.513 328.841C624.424 310.794 622.219 292.746 620.015 274.827C622.168 270.699 624.206 266.713 626.424 262.585L627.052 262.675C629.346 266.623 631.794 270.468 634.384 274.314Z" fill="#DADBE0"/>
<path d="M626.244 262.637L626.385 328.893C624.296 310.832 622.091 292.784 619.887 274.865C622.04 270.75 624.078 266.623 626.244 262.637Z" fill="black" opacity="0.11"/>
<path d="M607.043 356.22L663.006 353.247C663.544 342.198 663.967 331.149 664.506 320.215C646.086 348.261 607.043 356.22 607.043 356.22Z" fill="black" opacity="0.1"/>
<path d="M659.468 357.31C663.557 363.616 667.787 370.025 671.876 376.319C675.877 371.717 679.319 366.657 682.13 361.245C685.771 353.997 688.361 346.267 689.821 338.288C690.16 336.663 690.408 335.019 690.565 333.366C685.873 345.018 676.926 355.887 659.468 357.31Z" fill="black" opacity="0.1"/>
<path d="M611.631 288.708C611.067 307.32 610.734 326.034 603.248 334.186C602.032 335.551 600.531 336.631 598.852 337.352C591.417 340.518 583.368 337.019 573.793 332.379L571.96 331.495C557.085 324.123 544.22 313.255 534.467 299.821L553.31 271.225C574.805 302.629 582.15 308.038 584.714 306.743C586.213 305.974 586.239 303.09 586.662 277.262C586.816 267.648 586.957 262.79 589.828 259.958C595.25 254.574 606.03 257.394 610.247 258.676C611.476 268.637 611.939 278.677 611.631 288.708Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M724.429 305L717.495 352.144C717.308 353.415 716.873 354.636 716.214 355.738C715.555 356.84 714.685 357.802 713.654 358.567C712.623 359.333 711.451 359.887 710.205 360.2C708.96 360.512 707.665 360.575 706.395 360.386L675.901 355.9L636.806 350.145L615.708 347.043C614.438 346.856 613.218 346.421 612.117 345.763C611.016 345.105 610.055 344.236 609.29 343.206C608.524 342.177 607.969 341.006 607.656 339.762C607.343 338.518 607.279 337.224 607.466 335.955L614.4 288.811C614.78 286.246 616.163 283.936 618.244 282.388C620.325 280.841 622.934 280.182 625.501 280.556L664.3 286.273L675.003 287.85L716.175 293.912C717.445 294.098 718.667 294.531 719.769 295.189C720.872 295.847 721.834 296.715 722.601 297.745C723.367 298.775 723.923 299.945 724.237 301.19C724.551 302.435 724.616 303.73 724.429 305Z" fill="#A7AAB3"/>
<path d="M710.591 308.9L627.768 296.714C626.914 296.588 626.119 297.179 625.994 298.034L625.383 302.18C625.258 303.035 625.848 303.829 626.703 303.955L709.525 316.141C710.38 316.267 711.174 315.676 711.3 314.822L711.91 310.675C712.036 309.82 711.445 309.026 710.591 308.9Z" fill="#DADBE0"/>
<path d="M681.048 326.493L626.607 318.483C625.914 318.381 625.269 318.86 625.167 319.554L624.471 324.284C624.369 324.977 624.848 325.622 625.542 325.724L679.983 333.734C680.676 333.836 681.321 333.357 681.423 332.663L682.119 327.933C682.221 327.24 681.742 326.595 681.048 326.493Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M628.974 382.151L619.72 355.541L607.056 356.22L584.868 407.697C588.286 426.642 591.73 445.587 595.199 464.532L602.774 465.352L614.195 410.774L628.974 382.151Z" fill="black" opacity="0.1"/>
<path d="M675.888 355.9L636.793 350.145C657.609 331.789 664.287 286.273 664.287 286.273L674.99 287.85L675.888 355.9Z" fill="black" opacity="0.1"/>
<path d="M665.672 379.126C665.102 379.189 664.528 379.219 663.955 379.216C657.764 379.216 652.765 375.627 652.765 371.217C652.765 366.808 657.764 363.232 663.955 363.232H664.044C664.134 364.206 664.237 365.167 664.339 366.142C664.775 370.448 665.224 374.794 665.672 379.126Z" fill="black" opacity="0.1"/>
<path d="M657.213 359.822C656.16 360.355 655.22 361.087 654.444 361.976C651.342 364.885 650.432 368.82 652.342 371.73C654.79 375.486 660.853 376.281 666.082 373.371C666.649 373.083 667.175 372.721 667.646 372.294C671.62 369.32 673.132 364.732 670.953 361.463C668.505 357.836 662.327 357.041 657.213 359.822Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M657.212 359.822C656.16 360.355 655.22 361.087 654.444 361.976C655.944 363.257 657.161 364.244 657.982 364.949C660.289 366.911 661.148 367.68 662.647 368.795C663.852 369.692 664.865 370.359 665.544 370.794L666.993 371.807L667.531 372.409C671.504 369.436 673.017 364.847 670.838 361.591C668.505 357.835 662.327 357.041 657.212 359.822Z" fill="black" opacity="0.1"/>
<path d="M654.598 356.246C663.731 362.882 670.701 372.068 674.632 382.651C677.661 379.068 680.412 375.258 682.861 371.256C691.347 356.921 696.167 340.715 696.897 324.073C698.179 301.411 693.218 262.265 673.825 256.305C671.711 255.671 669.502 255.419 667.3 255.561C665.924 264.44 664.557 273.323 663.198 282.21C665.502 290.09 666.697 298.252 666.749 306.461C666.743 313.227 666.043 319.975 664.66 326.598C662.613 336.877 659.23 346.844 654.598 356.246Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M603.595 332.648L603.236 334.186C602.02 335.551 600.519 336.631 598.839 337.352C591.405 340.518 583.355 337.019 573.78 332.379C599.775 319.638 597.25 288.208 596.853 284.235L603.595 332.648Z" fill="black" opacity="0.1"/>
<path d="M326.83 222.465H276.174C275.034 222.465 274.11 223.389 274.11 224.529V227.182C274.11 228.322 275.034 229.246 276.174 229.246H326.83C327.97 229.246 328.894 228.322 328.894 227.182V224.529C328.894 223.389 327.97 222.465 326.83 222.465Z" fill="#232B41" class="tblr-illustrations-project-b"/>
<path d="M326.83 240.846H243.36C242.22 240.846 241.296 241.77 241.296 242.91V249.511C241.296 250.651 242.22 251.575 243.36 251.575H326.83C327.97 251.575 328.894 250.651 328.894 249.511V242.91C328.894 241.77 327.97 240.846 326.83 240.846Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M189.268 405.121C191.575 412.376 193.887 419.639 196.202 426.911C192.557 421.441 186.893 417.638 180.449 416.337L178.027 408.748C177.79 408.009 177.702 407.231 177.767 406.458C177.833 405.685 178.05 404.932 178.408 404.244C178.765 403.555 179.255 402.944 179.85 402.446C180.444 401.947 181.132 401.571 181.872 401.34C182.451 401.151 183.057 401.056 183.666 401.058C186.922 401.07 189.088 404.8 189.268 405.121Z" fill="black" opacity="0.1"/>
<path d="M317.422 408.697L310.731 429.654C307.209 427.858 303.579 426.282 299.861 424.937L306.181 405.121C306.559 403.928 307.306 402.886 308.316 402.147C309.325 401.407 310.544 401.008 311.795 401.006C312.404 401.006 313.01 401.101 313.589 401.288C314.328 401.523 315.012 401.901 315.605 402.4C316.197 402.899 316.685 403.511 317.041 404.199C317.397 404.887 317.614 405.638 317.679 406.41C317.744 407.182 317.657 407.959 317.422 408.697Z" fill="black" opacity="0.1"/>
<path d="M356.67 395.302V404.775C356.67 408.236 354.389 411.03 351.543 411.03H139.509C136.702 411.03 134.382 408.236 134.382 404.775V395.302C134.382 391.829 136.663 389.034 139.509 389.034H351.581C354.389 389.034 356.67 391.829 356.67 395.302Z" fill="#A7AAB3"/>
<path d="M198.549 389.034C197.972 391.174 197.008 393.19 195.703 394.982C182.18 413.286 136.305 397.815 134.42 397.161V394.123C134.42 392.763 134.961 391.459 135.922 390.498C136.884 389.536 138.188 388.996 139.548 388.996L198.549 389.034Z" fill="black" opacity="0.1"/>
<path d="M186.641 331.559C186.349 332.762 186.241 334.002 186.32 335.237C186.82 341.339 190.883 346.287 195.498 346.274C199.561 346.274 202.74 342.428 203.124 337.301L203.201 335.263C202.766 329.623 199.356 325.163 195.216 324.368C194.844 324.368 194.383 324.24 194.011 324.227C190.242 324.124 187.448 327.252 186.641 331.559Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M186.641 331.559C186.349 332.762 186.241 334.002 186.32 335.237C186.82 341.339 190.883 346.287 195.498 346.274C199.561 346.274 202.74 342.428 203.124 337.301C202.932 337.301 202.663 337.186 202.291 337.173C199.189 336.314 194.665 333.93 193.691 330.572C192.947 328.239 194.126 326.073 195.113 324.445C194.742 324.445 194.293 324.329 193.921 324.317C190.242 324.124 187.448 327.252 186.641 331.559Z" fill="black" opacity="0.1"/>
<path d="M183.256 333.725L212.994 337.852C211.904 346.889 207.867 374.332 192.985 390.534C189.691 394.123 184.154 399.263 176.091 400.288C169.374 401.134 164.093 398.622 155.582 394.418C147.206 390.64 139.469 385.581 132.651 379.421C121.858 369.487 105.733 354.657 109.579 339.442C112.142 329.277 123.473 319.805 134.394 320.292C137.551 320.259 140.642 321.194 143.252 322.971C151.493 328.982 146.341 340.352 152.57 352.657C157.531 362.45 168.734 370.935 175.642 368.769C182.308 366.603 184.859 351.978 183.256 333.725Z" fill="#DADBE0"/>
<path d="M323.562 389.047C324.69 389.791 325.292 390.572 325.292 391.38C325.292 396.251 303.155 400.199 275.853 400.199C248.551 400.199 226.402 396.251 226.402 391.38C226.402 390.572 227.004 389.791 228.132 389.047H323.562Z" fill="black" opacity="0.1"/>
<path d="M322.728 366.218L317.204 317.626C317.103 316.754 316.686 315.95 316.031 315.367C315.377 314.783 314.53 314.46 313.653 314.46H229.978C229.474 314.458 228.976 314.563 228.516 314.768C228.056 314.973 227.645 315.273 227.31 315.649C226.974 316.024 226.722 316.466 226.57 316.946C226.418 317.426 226.369 317.933 226.427 318.433L231.965 367.026C232.062 367.9 232.478 368.707 233.133 369.293C233.788 369.879 234.636 370.204 235.515 370.205H265.317V387.932H256.575C255.854 387.932 255.163 388.218 254.654 388.728C254.144 389.238 253.858 389.929 253.858 390.649V392.944C253.856 393.302 253.925 393.656 254.061 393.988C254.197 394.319 254.396 394.62 254.649 394.874C254.901 395.127 255.202 395.329 255.532 395.466C255.863 395.603 256.217 395.674 256.575 395.674H288.966C289.69 395.674 290.384 395.386 290.896 394.874C291.408 394.362 291.696 393.668 291.696 392.944V390.649C291.696 390.291 291.625 389.937 291.488 389.607C291.351 389.276 291.149 388.976 290.896 388.723C290.642 388.471 290.341 388.271 290.01 388.135C289.679 387.999 289.324 387.93 288.966 387.932H280.224V370.205H319.191C319.694 370.203 320.19 370.095 320.649 369.887C321.107 369.68 321.517 369.379 321.851 369.002C322.184 368.626 322.435 368.184 322.586 367.704C322.738 367.224 322.786 366.718 322.728 366.218Z" fill="#232B41" class="tblr-illustrations-project-b"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

54
src/illustrations/search.svg Normal file
View File

@ -0,0 +1,54 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-search-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-search-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-search-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-search-a { fill: black; opacity: 0.07; } .tblr-illustrations-search-b { fill: #1A2030; } .tblr-illustrations-search-c { fill: #454C5E; } }
</style>
<path d="M113.685 299.973C113.685 347.004 163.376 381.099 185.38 419.062C208.11 458.356 213.55 518.082 252.723 540.811C290.686 562.816 344.73 538.152 391.761 538.152C438.792 538.152 492.836 562.695 530.799 540.811C569.972 518.082 575.412 458.235 598.142 419.062C620.146 381.099 669.838 347.004 669.838 299.973C669.838 252.942 620.146 218.847 598.142 180.884C575.533 141.711 569.972 81.8645 530.799 59.1347C492.715 37.1304 438.671 61.7946 391.64 61.7946C344.609 61.7946 290.565 37.1304 252.602 59.1347C213.429 81.8645 207.989 141.711 185.259 180.884C163.376 218.847 113.685 252.942 113.685 299.973Z" fill="#F7F8FC" class="tblr-illustrations-search-a"/>
<path d="M119.125 508.047C119.125 510.828 206.538 513.004 314.383 513.004C422.229 513.004 509.641 510.828 509.641 508.047C509.641 505.266 422.229 503.09 314.383 503.09C206.538 503.09 119.125 505.266 119.125 508.047Z" fill="#A6A9B3" class="tblr-illustrations-search-b"/>
<path d="M422.954 138.81H643.481C650.614 138.81 656.538 144.613 656.538 151.867V165.892C656.538 173.025 650.735 178.949 643.481 178.949H422.954C415.821 178.949 409.896 173.146 409.896 165.892V151.746C409.896 144.613 415.7 138.81 422.954 138.81Z" fill="#A7AAB3"/>
<path d="M559.212 198.898H694.26C698.612 198.898 702.239 202.525 702.239 206.878V215.462C702.239 219.814 698.612 223.442 694.26 223.442H559.212C554.859 223.442 551.232 219.814 551.232 215.462V206.878C551.232 202.405 554.859 198.898 559.212 198.898Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M491.627 245.083H580.128C583.271 245.083 585.81 247.622 585.81 250.766V258.262C585.81 261.405 583.271 263.944 580.128 263.944H491.627C488.483 263.944 485.944 261.405 485.944 258.262V250.766C485.944 247.622 488.483 245.083 491.627 245.083Z" fill="#DADBE0"/>
<path d="M529.832 332.012L532.008 344.223C532.613 347.488 530.437 350.631 527.172 351.236C527.172 351.236 527.172 351.236 527.051 351.236L447.135 365.502C443.87 366.107 440.727 363.931 440.122 360.545L437.946 348.334C437.341 345.07 439.518 341.926 442.782 341.322C442.782 341.322 442.782 341.322 442.903 341.322L522.82 327.055C526.084 326.451 529.227 328.627 529.832 332.012C529.832 331.891 529.832 331.891 529.832 332.012Z" fill="#A7AAB3"/>
<path d="M686.159 533.074C686.159 537.184 673.706 540.932 652.911 543.955H652.669C645.536 544.922 637.315 545.889 628.368 546.615L619.905 547.34L616.398 547.582L609.507 548.066C602.495 548.549 595.24 548.912 587.624 549.154C577.226 549.516 566.345 549.758 554.98 549.879H554.859H552.078H544.219C540.471 549.879 536.723 549.879 533.096 549.879H527.535H527.414L521.127 549.758C509.883 549.516 499.244 549.154 489.088 548.67C479.778 548.187 471.073 547.582 462.852 546.977L457.048 546.494C423.8 543.35 402.4 538.635 402.4 533.195C402.4 528.117 421.624 523.401 451.85 520.379L457.532 519.774C465.391 519.049 473.854 518.444 482.801 517.961C492.11 517.356 501.903 516.994 512.18 516.752C514.961 516.631 517.863 516.631 520.764 516.51L524.27 516.389H526.568C532.371 516.268 538.295 516.268 544.34 516.268H546.154H553.045H558.728C569.73 516.389 580.248 516.752 590.404 517.115C597.9 517.477 605.154 517.84 612.167 518.324L613.376 518.444L614.464 518.565L620.993 519.049L622.202 519.17L627.884 519.653L630.544 519.895C636.589 520.5 642.272 521.104 647.47 521.709C671.409 524.49 686.159 528.6 686.159 533.074Z" fill="#232B41" class="tblr-illustrations-search-c"/>
<path d="M378.583 242.665C379.913 241.94 381.242 241.335 382.693 240.973C387.892 239.643 392.849 241.093 394.784 245.083C397.202 250.282 394.058 257.415 387.529 261.163C386.804 261.526 386.079 261.889 385.353 262.251C379.55 264.67 373.505 263.219 371.328 258.745C368.91 253.546 372.175 246.413 378.583 242.665Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M378.583 242.665C379.913 241.94 381.243 241.335 382.693 240.973C382.935 241.577 383.056 242.061 383.298 242.544C385.595 249.557 383.902 253.305 385.232 261.163C385.232 261.526 385.353 261.889 385.474 262.131C379.671 264.549 373.626 263.098 371.449 258.624C368.91 253.546 372.175 246.413 378.583 242.665Z" fill="black" opacity="0.1"/>
<path d="M402.763 281.596C366.855 285.948 330.705 288.366 294.555 288.729C287.543 288.85 280.772 288.85 273.881 288.729C276.42 303.237 278.959 317.746 281.619 332.254C283.19 341.201 284.762 350.148 286.334 358.974H286.213L245.469 360.424H244.139C230.114 360.908 216.089 361.392 201.944 361.875V354.621C202.306 331.529 202.911 319.317 203.394 288.245V287.883C203.515 285.344 203.515 282.805 203.515 280.145L200.855 281.233C199.767 281.838 198.317 282.563 196.624 283.409C196.019 283.772 195.415 284.135 194.931 284.497V263.944C197.954 262.977 200.976 262.251 204.12 261.647L205.329 261.405H205.813C209.198 260.921 212.583 260.438 215.727 260.196C223.706 259.471 231.686 259.35 239.665 259.833C247.282 260.317 254.899 261.405 262.395 263.219C264.329 263.702 266.264 264.186 268.077 264.79C269.407 265.274 269.528 265.274 270.254 265.516C272.309 266.12 274.485 266.483 276.541 266.604C283.916 266.846 291.291 265.878 298.303 263.702C333.244 251.975 375.318 236.378 375.318 236.378C374.714 245.567 377.132 251.128 379.308 254.514C382.451 259.35 386.079 260.921 391.036 265.758C391.761 266.483 392.486 267.208 393.212 268.055C397.202 272.045 400.345 276.639 402.763 281.596Z" fill="#DADBE0"/>
<path d="M402.763 281.596C366.855 285.948 330.705 288.366 294.555 288.729C318.736 283.772 366.13 272.165 391.277 265.879C392.003 266.604 392.728 267.329 393.454 268.176C397.202 272.165 400.345 276.639 402.763 281.596Z" fill="black" opacity="0.1"/>
<path d="M213.55 264.549C213.55 273.616 224.311 280.991 237.489 280.991C250.667 280.991 261.428 273.737 261.428 264.549C261.428 264.065 261.428 263.581 261.307 263.098C253.811 261.284 246.194 260.196 238.456 259.713C230.477 259.229 222.376 259.35 214.397 260.075C213.792 261.526 213.55 262.977 213.55 264.549Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M286.213 358.974C279.563 399.234 272.914 439.616 266.143 479.876C263.483 480.844 260.702 481.811 258.043 482.778C257.196 478.426 256.35 473.952 255.625 469.479C250.909 443.847 246.194 418.216 241.479 392.585L232.774 455.091L229.147 480.965L218.87 483.383L215.485 459.323L201.823 362.117L286.213 358.974Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M286.213 359.095L245.469 360.545H244.139C230.114 361.029 216.089 361.513 201.944 361.996V354.742C202.306 331.65 202.911 319.438 203.394 288.366V288.004C203.515 285.465 203.515 282.926 203.515 280.266L200.855 281.354C199.646 281.959 198.317 282.563 196.624 283.53C196.019 283.893 195.415 284.256 194.931 284.497V263.944C197.954 262.977 200.976 262.251 204.12 261.647C216.089 267.45 229.026 273.133 242.93 278.331C253.569 282.321 263.846 285.707 273.76 288.608C277.991 312.184 282.102 335.518 286.213 359.095Z" fill="black" opacity="0.1"/>
<path d="M229.268 481.085L245.831 360.424L201.823 362.117L218.991 483.503L229.268 481.085Z" fill="black" opacity="0.1"/>
<path d="M215.968 506.112L217.056 499.1C217.056 499.1 217.056 492.209 221.288 490.879C225.52 489.549 237.731 500.793 240.874 508.047L226.245 502.606L224.069 508.047L215.968 506.112Z" fill="#232B41" class="tblr-illustrations-search-c"/>
<path d="M255.262 506.112L256.35 499.1C256.35 499.1 256.35 492.209 260.581 490.879C264.813 489.549 277.024 500.793 280.168 508.047L265.659 502.606L263.483 508.047L255.262 506.112Z" fill="#232B41" class="tblr-illustrations-search-c"/>
<path d="M491.264 138.447C479.899 107.012 445.321 90.8111 413.886 102.055C382.451 113.42 366.25 147.998 377.494 179.433C382.21 192.611 391.519 203.855 403.609 210.989C403.489 211.23 403.368 211.351 403.247 211.593L356.941 310.129L343.158 339.508L340.982 344.223C339.894 346.641 340.861 349.422 343.279 350.631L345.092 351.478C347.511 352.566 350.291 351.598 351.5 349.18L355.732 340.113L368.306 313.393L413.765 216.671C413.886 216.429 413.886 216.187 414.007 215.946C445.442 227.19 480.02 210.868 491.264 179.433C495.979 166.254 495.979 151.746 491.264 138.447ZM481.592 181.126C469.381 207.241 438.309 218.364 412.194 206.152C386.079 193.941 374.955 162.869 387.167 136.754C399.378 110.639 430.45 99.5161 456.565 111.727C469.139 117.652 478.811 128.17 483.405 141.228C488.241 154.285 487.637 168.673 481.592 181.126Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M213.55 264.549C213.55 273.616 224.311 280.991 237.489 280.991C250.667 280.991 261.428 273.737 261.428 264.549C261.428 264.065 261.428 263.581 261.307 263.098C253.811 261.284 246.194 260.196 238.456 259.713C230.477 259.229 222.376 259.35 214.397 260.075C213.792 261.526 213.55 262.977 213.55 264.549Z" fill="black" opacity="0.1"/>
<path d="M271.221 268.78C267.231 263.702 263.725 261.526 260.702 262.251C257.196 263.098 255.504 267.45 254.899 270.11C252.481 267.813 247.282 263.702 242.688 265.153C238.94 266.483 236.522 271.319 235.675 279.54C235.313 283.409 235.071 288.729 237.731 290.543C238.577 291.026 239.544 291.147 240.512 290.784C244.622 289.575 250.063 282.684 253.69 277.606C253.448 279.42 252.844 281.233 251.635 282.684C250.667 283.409 250.184 284.618 250.305 285.827C250.426 288.487 252.965 291.147 255.141 293.082L257.317 291.993C255.141 290.664 253.448 288.608 252.602 286.19V286.069C252.602 285.707 252.844 285.344 253.086 285.223C255.383 283.53 256.229 278.211 256.592 275.188C257.922 276.881 259.252 278.573 260.219 280.508C260.219 280.991 260.219 281.475 260.219 281.959C260.219 283.893 260.219 287.157 262.637 288.608C263.967 289.455 266.022 293.202 267.836 298.643L269.891 297.797C267.594 291.147 265.418 287.157 263.241 285.948C262.516 285.586 262.395 284.498 262.395 282.442C262.395 281.717 262.395 280.991 262.274 280.145C261.67 278.452 260.702 276.881 259.614 275.43C264.209 277.243 270.012 279.178 273.034 278.331C273.881 278.211 274.606 277.606 274.848 276.881C275.573 274.583 273.155 271.077 271.221 268.78ZM238.456 288.245C238.456 288.125 237.126 287.157 237.852 280.508C238.577 273.254 240.512 269.022 243.413 268.055H243.655C247.403 266.967 251.997 270.835 253.932 272.77C248.008 281.354 240.633 289.696 238.456 288.245ZM272.551 275.309C271.946 276.76 264.692 274.946 256.954 271.682C257.438 269.626 258.768 265.878 261.307 265.032H261.428C263.604 264.549 266.385 266.362 269.77 270.594C272.793 274.342 272.551 275.43 272.551 275.309Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M368.306 313.393L355.732 340.113C354.281 340.234 352.83 340.355 351.259 340.355C348.478 340.355 345.818 340.113 343.037 339.629L356.82 310.25C360.931 310.612 364.679 311.701 368.306 313.393Z" fill="black" opacity="0.1"/>
<path d="M363.47 309.041C364.558 309.283 365.525 309.766 366.492 310.371C370.361 312.668 373.263 317.02 372.537 321.131C371.328 327.297 362.502 329.352 360.205 329.957C359.117 330.199 358.029 330.32 357.062 330.441C351.984 331.045 342.795 329.957 340.982 325.604C338.926 320.768 347.631 312.305 355.974 309.645C358.271 308.557 360.931 308.436 363.47 309.041Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M363.47 309.041C364.558 309.283 365.525 309.766 366.492 310.371C364.679 316.899 359.843 321.131 357.183 329.473L356.941 330.441C351.863 331.045 342.674 329.957 340.861 325.604C338.806 320.768 347.511 312.305 355.853 309.645C358.271 308.557 360.931 308.436 363.47 309.041Z" fill="black" opacity="0.1"/>
<path d="M363.953 302.996C358.755 311.217 352.589 318.955 345.576 325.846C341.224 330.078 337.959 332.738 333.607 338.057C329.254 343.498 325.748 349.422 323.088 355.709C259.372 346.4 211.737 325.363 195.778 300.094C194.206 297.555 192.876 295.016 191.909 292.235C190.941 289.575 190.337 286.916 190.216 284.135C189.732 278.573 190.821 271.924 195.052 264.065C199.646 266.483 204.603 268.901 209.802 271.319C242.204 286.311 276.782 296.225 312.207 300.699C329.375 302.754 346.664 303.6 363.953 302.996Z" fill="#DADBE0"/>
<path d="M249.458 248.952C237.731 247.259 225.761 240.731 221.288 235.895C220.563 235.169 219.958 234.202 219.595 233.114C219.354 231.784 219.112 230.454 218.87 229.124C218.628 227.19 218.386 225.255 218.386 223.321C218.145 218.364 218.266 213.286 218.991 208.329C218.991 207.966 219.233 206.757 219.475 205.306C220.563 199.019 221.53 194.062 222.255 190.556C222.376 191.161 223.223 193.82 224.552 193.941C225.882 194.062 227.938 191.282 228.663 186.808L254.657 193.337L263.12 205.427C263.12 205.427 263.12 206.999 263.241 209.538C263.362 213.769 263.725 218.122 264.45 222.233C264.813 225.376 265.78 228.52 267.352 231.421C271.946 238.796 263.604 251.007 249.458 248.952Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M264.45 222.474C253.69 223.562 242.93 221.024 233.741 215.22C231.081 214.857 228.421 215.341 226.003 216.429C222.497 218.122 221.893 220.54 218.749 223.2L218.507 223.442C218.266 218.485 218.507 213.407 219.112 208.45C219.112 208.087 219.354 206.878 219.596 205.427C220.684 199.14 221.651 194.183 222.376 190.677C222.497 191.281 223.344 193.941 224.673 194.062C226.003 194.183 228.059 191.402 228.784 186.929L254.778 193.458L263.241 205.548C263.241 205.548 263.241 207.12 263.241 209.659C263.362 213.89 263.725 218.243 264.45 222.474Z" fill="black" opacity="0.1"/>
<path d="M277.024 203.855C276.782 205.427 276.057 206.999 274.969 208.208C272.672 210.747 269.77 212.681 266.506 213.89C252.239 219.089 236.401 205.185 232.048 201.075C229.993 203.976 226.245 205.669 225.399 207.724L224.552 209.417C223.585 211.956 222.981 214.737 222.981 217.517C222.981 220.056 223.102 222.595 223.223 225.134C223.464 228.882 223.948 232.751 224.552 236.499C227.091 251.491 215.847 269.022 204.241 277.848C201.339 280.024 198.317 281.838 195.052 283.288C176.433 291.873 157.693 286.795 150.802 284.86C142.822 282.563 127.83 278.09 113.443 265.878C107.156 260.438 101.594 254.151 97 247.259C99.539 239.643 102.924 232.388 107.156 225.618C109.211 222.353 111.387 219.21 113.805 216.308C125.049 202.525 139.8 192.128 156.484 186.083C155.154 190.072 151.89 201.8 157.33 213.528C165.189 230.454 187.193 238.796 193.239 233.597C197.349 230.091 190.579 223.079 193.843 212.077C200.009 191.402 228.905 184.874 230.839 184.511C235.192 183.544 251.756 180.037 265.659 189.347C269.286 191.523 277.871 197.206 277.024 203.855Z" fill="#232B41" class="tblr-illustrations-search-c"/>
<path d="M274.848 208.208C272.551 210.747 269.649 212.681 266.385 213.89C252.118 219.089 236.159 205.185 231.928 201.075C230.598 199.019 229.509 196.964 228.663 194.667C240.874 206.515 258.163 211.593 274.848 208.208Z" fill="black" opacity="0.5"/>
<path d="M439.88 450.376L438.429 442.517H436.374C429.966 464.159 423.558 485.801 417.151 507.442H423.075L439.88 450.376Z" fill="#232B41" class="tblr-illustrations-search-c"/>
<path d="M509.52 450.376L507.586 442.517H506.014L498.881 466.335H504.805L509.52 450.376Z" fill="#232B41" class="tblr-illustrations-search-c"/>
<path d="M503.113 472.018H497.188C493.561 483.866 489.934 495.594 486.307 507.321H491.99C495.738 495.594 499.365 483.745 503.113 472.018Z" fill="#232B41" class="tblr-illustrations-search-c"/>
<path d="M533.096 550H527.535H527.414L524.27 534.162L523.182 528.479L520.764 516.389V516.268L512.059 472.018L511.092 467.061L510.971 466.456L508.553 454.003L507.828 450.497L505.289 444.935L504.201 442.638H511.938L517.379 470.204L526.447 516.268V516.389L533.096 550Z" fill="#A7AAB3"/>
<path d="M462.852 546.977L457.049 546.494L451.971 520.258L451.85 519.412L439.034 453.882L438.309 450.376C437.825 447.716 437.221 445.056 436.737 442.517H442.54L447.256 466.335L448.344 472.018L457.532 519.049L457.653 519.774L459.346 528.479L460.434 534.162L462.852 546.977Z" fill="#A7AAB3"/>
<path d="M524.996 528.479H455.356V534.162H524.996V528.479Z" fill="#A7AAB3"/>
<path d="M512.301 466.335H442.661V472.018H512.301V466.335Z" fill="#A7AAB3"/>
<path d="M208.231 281.838C206.901 284.498 204.966 286.795 202.548 288.487C199.526 290.664 195.778 291.994 192.03 292.235C191.062 289.575 190.458 286.916 190.337 284.135C193.239 281.233 196.019 275.672 195.173 264.065C199.767 266.483 204.724 268.901 209.923 271.319C210.407 274.946 209.802 278.573 208.231 281.838Z" fill="black" opacity="0.1"/>
<path d="M204.362 277.727C201.46 279.903 198.437 281.717 195.173 283.168C176.554 291.752 157.814 286.674 150.923 284.739C142.943 282.442 127.951 277.969 113.564 265.758C107.277 260.317 101.715 254.03 97.1209 247.139C99.6598 239.522 103.045 232.267 107.277 225.497C116.828 247.985 135.689 264.186 157.451 267.692C173.531 270.231 195.536 266.725 208.11 252.942C215.122 245.325 220.2 233.356 223.222 225.255C223.464 229.003 223.948 232.872 224.552 236.62C227.212 251.37 215.968 268.901 204.362 277.727Z" fill="black" opacity="0.5"/>
<path d="M495.375 356.918L476.272 360.304C476.635 354.017 479.537 349.06 483.889 348.213C488.242 347.367 492.957 351.115 495.375 356.918Z" fill="black" opacity="0.1"/>
<path d="M484.131 349.18C478.327 346.883 471.92 353.17 469.743 363.084C469.26 365.502 469.018 367.92 469.139 370.338C469.381 377.472 472.161 383.396 476.514 385.089C482.317 387.386 488.725 381.099 490.901 371.185C491.627 368.041 491.748 364.898 491.385 361.754C490.66 355.588 488 350.631 484.131 349.18Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M491.264 361.633C486.186 362.601 481.35 364.172 476.635 366.349C473.975 367.558 471.436 368.888 469.018 370.338C469.26 377.472 472.041 383.396 476.393 385.089C482.196 387.386 488.604 381.099 490.78 371.185C491.506 368.041 491.627 364.898 491.264 361.633Z" fill="black" opacity="0.1"/>
<path d="M647.35 521.467C646.261 516.994 644.931 512.037 643.722 507.08C638.282 485.801 632.116 462.708 630.302 459.081C626.917 452.311 618.333 448.2 618.333 448.2H601.648H598.988C597.779 447.958 596.57 447.474 595.603 446.87C593.669 445.54 592.218 443.485 591.734 441.188L566.345 440.583C565.257 441.429 564.168 442.155 562.959 442.88C558.244 445.661 553.045 447.354 547.726 448.079H540.834C537.449 446.628 534.305 444.935 531.283 443.001C517.016 433.45 510.971 419.788 506.619 409.39C500.574 394.882 497.672 379.164 498.155 363.447L455.356 389.199C456.323 396.937 458.258 404.433 461.038 411.687C472.887 442.397 500.694 466.094 531.404 475.403C535.031 476.491 538.658 477.337 542.285 478.063H542.406C542.648 479.997 542.769 482.053 543.01 483.987C543.494 488.219 543.857 492.45 544.219 496.682L546.154 516.147V516.268V516.51C546.637 521.588 547.121 526.666 547.605 531.744C547.605 532.227 547.726 532.711 547.726 533.315L547.847 534.524C548.33 539.361 548.814 544.197 549.297 548.912C549.297 549.275 549.297 549.637 549.418 549.879H552.199H555.101H555.222C566.466 549.758 577.468 549.516 587.865 549.154C595.482 548.912 602.736 548.549 609.749 548.066C610.111 543.35 610.595 538.756 610.958 534.162C611.441 528.963 611.683 525.215 611.925 522.676C612.046 521.709 612.046 520.983 612.167 520.258L620.146 547.34L628.61 546.615L652.911 543.955H653.153C652.911 543.955 650.614 534.283 647.35 521.467Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M611.683 522.676C611.441 525.215 611.2 528.842 610.716 534.162C610.353 538.756 609.87 543.471 609.507 548.066C602.495 548.549 595.24 548.912 587.624 549.154C577.226 549.516 566.345 549.758 554.98 549.879H554.859H552.078H549.297C549.297 549.516 549.297 549.275 549.176 548.912C548.935 546.373 548.572 542.988 548.33 540.811C548.209 539.119 547.967 536.701 547.726 534.525C547.726 534.162 547.605 533.799 547.605 533.315C547.605 532.711 547.484 532.227 547.484 531.744C570.334 534.887 592.46 530.051 611.683 522.676Z" fill="black" opacity="0.1"/>
<path d="M652.911 543.955H652.669L628.368 546.615L619.905 547.34C617.487 538.998 615.068 530.777 612.53 522.434C615.431 521.467 618.212 520.258 620.872 518.807C629.577 513.608 636.589 505.991 640.821 496.803C642.997 505.024 645.052 513.246 647.108 521.467C649.163 528.963 651.098 536.459 652.911 543.955Z" fill="black" opacity="0.1"/>
<path d="M531.404 475.403C500.694 466.094 473.008 442.276 461.038 411.687C458.258 404.433 456.323 396.937 455.356 389.199C455.356 389.199 489.571 459.928 531.404 475.403Z" fill="black" opacity="0.1"/>
<path d="M615.431 395.97C613.981 399.113 611.683 403.708 608.903 409.148L607.452 411.808C604.066 417.853 599.956 423.294 595.241 428.372C594.273 429.339 593.306 430.306 592.46 431.153C588.833 434.296 571.906 432.845 559.453 426.195C547 419.546 547.726 404.917 555.585 401.894C558.486 400.443 560.904 398.751 563.201 396.332C565.378 394.277 567.312 392.101 569.247 389.804C570.093 388.837 570.818 387.869 571.665 386.781C573.115 384.847 574.083 383.638 574.083 383.638L587.865 379.164L612.288 389.32C612.288 389.441 612.167 389.441 612.167 389.562C611.079 391.859 610.595 393.914 610.595 395.365C610.595 396.453 610.958 397.179 611.321 397.542C612.288 398.146 614.222 396.937 614.948 396.332C615.069 396.332 615.069 396.212 615.19 396.212C615.31 395.97 615.431 395.97 615.431 395.97Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M615.431 395.97C613.98 399.113 611.683 403.708 608.902 409.148L607.452 411.808C604.066 417.853 599.956 423.294 595.24 428.372C593.91 427.284 592.701 425.712 591.855 424.261C590.888 422.568 590.404 420.634 590.162 418.7C590.162 416.644 590.283 414.468 590.767 412.534C591.13 411.204 591.251 409.995 591.855 408.665C588.228 408.423 582.666 407.577 576.5 404.917C570.334 402.257 565.982 398.751 563.201 396.212C565.377 394.156 567.312 391.98 569.246 389.683C570.334 388.474 571.06 387.628 571.664 386.902C571.785 386.66 574.082 383.759 574.082 383.759L587.865 379.285L612.167 389.441H612.288C611.2 391.738 610.716 393.673 610.716 395.124C610.716 396.333 610.958 397.179 611.441 397.542C612.409 398.146 614.343 396.695 615.068 396.091C615.189 396.091 615.189 395.97 615.31 395.97H615.431Z" fill="black" opacity="0.1"/>
<path d="M558.97 367.8C559.09 371.306 560.42 374.087 562.597 376.142C562.234 382.671 564.168 387.023 565.498 389.32C571.543 399.718 586.656 404.675 603.22 401.048V401.29V401.411C602.736 402.74 602.132 404.07 601.648 405.159C601.406 405.763 601.286 405.884 601.044 406.368L600.802 406.73C599.109 409.269 597.658 411.929 596.329 414.71C595.724 416.402 595.845 418.337 596.449 420.271C597.9 417.732 600.197 415.798 602.736 414.347C603.704 413.984 604.671 413.501 605.638 413.38C610.837 411.204 614.706 407.214 617.003 402.257C617.366 401.531 617.487 400.927 617.728 400.081H617.97C622.927 399.96 627.159 395.849 627.038 390.65C626.917 386.66 624.257 383.396 620.751 382.066C622.081 380.132 622.806 377.834 622.806 375.296C622.685 368.767 617.366 363.689 610.837 363.81C608.54 363.81 606.484 364.414 604.671 365.623C603.945 359.82 598.867 355.347 592.943 355.467C587.744 355.588 583.392 358.853 581.941 363.689C580.369 359.095 575.896 355.709 570.697 355.83C563.927 355.951 558.849 361.271 558.97 367.8Z" fill="#232B41" class="tblr-illustrations-search-c"/>
<path d="M562.597 376.142C562.234 382.671 564.168 387.023 565.498 389.32C571.543 399.718 586.656 404.675 603.22 401.048V401.29V401.411C605.396 400.806 607.572 399.839 609.386 399.113H609.144C605.517 399.355 583.271 402.015 569.367 386.781C566.586 383.638 564.168 380.011 562.597 376.142Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

34
src/illustrations/shield.svg Normal file
View File

@ -0,0 +1,34 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-shield-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-shield-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-shield-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-shield-a { fill: black; opacity: 0.07; } .tblr-illustrations-shield-b { fill: #1A2030; } .tblr-illustrations-shield-c { fill: #454C5E; } }
</style>
<path d="M133 309.708C133 354.916 180.8 387.712 201.918 424.213C223.703 461.866 228.94 519.433 266.593 541.205C303.107 562.31 355.071 538.744 400.343 538.744C445.616 538.744 497.514 562.31 534.002 541.245C571.669 519.472 576.905 461.906 598.691 424.252C619.809 387.751 667.608 354.955 667.608 309.748C667.608 264.54 619.809 231.77 598.691 195.269C576.905 157.616 571.669 100.049 534.002 78.2769C497.514 57.1592 445.538 80.7776 400.343 80.7776C355.149 80.7776 303.173 57.2115 266.659 78.2769C229.005 100.049 223.768 157.616 201.983 195.269C180.865 231.77 133.065 264.553 133.065 309.748" fill="#F7F8FC" class="tblr-illustrations-shield-a"/>
<path d="M560.54 136.603L468.659 120.303C467.072 120.023 465.445 120.058 463.872 120.407C462.298 120.756 460.809 121.412 459.49 122.338C458.17 123.263 457.046 124.44 456.182 125.8C455.318 127.161 454.731 128.678 454.454 130.266L437.133 227.816C436.785 229.777 436.918 231.794 437.523 233.691C438.127 235.589 439.184 237.311 440.602 238.709L480.966 278.353C482.724 280.094 484.968 281.263 487.403 281.705C489.838 282.146 492.35 281.84 494.608 280.827L546.139 257.484C547.952 256.663 549.537 255.412 550.757 253.84C551.978 252.268 552.797 250.423 553.143 248.463L570.464 150.873C570.753 149.284 570.725 147.654 570.382 146.076C570.039 144.498 569.388 143.003 568.466 141.677C567.544 140.351 566.369 139.221 565.009 138.35C563.649 137.479 562.13 136.885 560.54 136.603ZM537.812 244.169L495.053 263.545C493.621 264.18 492.032 264.372 490.49 264.097C488.948 263.821 487.523 263.091 486.399 262L452.909 229.1C452.016 228.21 451.35 227.119 450.967 225.918C450.584 224.717 450.496 223.442 450.71 222.2L465.111 141.224C465.282 140.216 465.653 139.252 466.201 138.389C466.75 137.525 467.465 136.78 468.305 136.197C469.807 135.177 471.618 134.713 473.425 134.888L474.118 134.979L550.368 148.517C551.374 148.694 552.336 149.068 553.198 149.617C554.06 150.167 554.805 150.881 555.39 151.719C555.975 152.557 556.389 153.503 556.607 154.501C556.826 155.5 556.846 156.531 556.665 157.537L542.264 238.513C542.034 239.745 541.509 240.904 540.734 241.889C539.959 242.874 538.956 243.656 537.812 244.169Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M559.309 148.883C558.37 147.529 557.171 146.374 555.782 145.486C554.393 144.599 552.842 143.995 551.218 143.712L474.969 130.188C473.345 129.899 471.68 129.934 470.07 130.289C468.459 130.644 466.934 131.313 465.582 132.258C464.23 133.202 463.078 134.404 462.19 135.795C461.303 137.185 460.698 138.736 460.41 140.36L446.009 221.336C445.655 223.344 445.794 225.409 446.414 227.352C447.035 229.295 448.118 231.058 449.57 232.49L483.06 265.391C484.876 267.155 487.178 268.334 489.67 268.778C492.162 269.221 494.73 268.908 497.043 267.879L539.802 248.502C541.659 247.66 543.284 246.378 544.536 244.768C545.788 243.158 546.63 241.267 546.989 239.259L561.391 158.271C561.684 156.646 561.65 154.979 561.293 153.368C560.935 151.756 560.261 150.232 559.309 148.883ZM556.691 157.446L542.289 238.421C542.071 239.673 541.549 240.852 540.768 241.854C539.987 242.856 538.972 243.651 537.812 244.169L495.053 263.545C493.62 264.18 492.031 264.372 490.489 264.097C488.947 263.821 487.523 263.091 486.399 262L452.909 229.1C452.015 228.21 451.349 227.119 450.966 225.918C450.584 224.717 450.495 223.442 450.709 222.2L465.111 141.224C465.282 140.216 465.652 139.252 466.201 138.389C466.75 137.525 467.465 136.78 468.305 136.197C469.806 135.177 471.617 134.713 473.424 134.888L474.118 134.979L550.367 148.517C551.374 148.694 552.336 149.068 553.198 149.617C554.059 150.167 554.804 150.881 555.389 151.719C555.974 152.557 556.388 153.503 556.607 154.501C556.826 155.5 556.846 156.531 556.665 157.537L556.691 157.446Z" fill="white"/>
<path d="M556.678 157.446L542.276 238.421C542.059 239.672 541.539 240.849 540.761 241.852C539.982 242.854 538.969 243.649 537.812 244.169L495.052 263.545C493.62 264.18 492.031 264.372 490.489 264.097C488.947 263.821 487.523 263.091 486.399 262L452.909 229.1C452.015 228.21 451.349 227.119 450.966 225.918C450.583 224.717 450.495 223.442 450.709 222.2L465.111 141.224C465.282 140.216 465.652 139.252 466.201 138.389C466.749 137.525 467.465 136.78 468.305 136.197C469.806 135.177 471.617 134.713 473.424 134.888L474.118 134.979L550.367 148.517C551.374 148.694 552.336 149.068 553.198 149.617C554.059 150.167 554.804 150.881 555.389 151.719C555.974 152.557 556.388 153.503 556.607 154.501C556.826 155.5 556.845 156.531 556.665 157.537L556.678 157.446Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M498.875 167.553C502.436 172.122 526.801 221.611 526.801 221.611L505.081 223.836C505.081 223.836 477.116 168.181 477.168 168.849C477.221 169.517 498.875 167.553 498.875 167.553Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M556.678 157.446L542.276 238.421C542.059 239.672 541.539 240.849 540.761 241.852C539.982 242.854 538.969 243.649 537.812 244.169L495.052 263.545C493.62 264.18 492.031 264.372 490.489 264.097C488.947 263.821 487.523 263.091 486.399 262L452.909 229.1C452.015 228.21 451.349 227.119 450.966 225.918C450.583 224.717 450.495 223.442 450.709 222.2L465.111 141.224C465.282 140.216 465.652 139.252 466.201 138.389C466.749 137.525 467.465 136.78 468.305 136.197C469.806 135.177 471.617 134.713 473.424 134.888L474.118 134.979L550.367 148.517C551.374 148.694 552.336 149.068 553.198 149.617C554.059 150.167 554.804 150.881 555.389 151.719C555.974 152.557 556.388 153.503 556.607 154.501C556.826 155.5 556.845 156.531 556.665 157.537L556.678 157.446Z" fill="black" opacity="0.1"/>
<path d="M532.575 192.35C527.06 196.356 521.301 200.016 515.332 203.308C481.162 223.129 412.048 258.4 400.33 264.357L398.628 265.221L403.459 237.112C416.787 228.157 427.222 221.598 431.228 218.691C457.753 199.472 487.027 184.324 514.18 165.995C517.309 163.887 524.811 158.781 532.248 161.007C534.366 161.669 536.305 162.803 537.92 164.325C539.535 165.847 540.783 167.717 541.569 169.792C544.986 179.362 535.534 189.888 532.575 192.35Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M515.267 203.308C481.096 223.129 411.982 258.4 400.265 264.357C400.671 260.822 402.019 249.091 403.446 237.086C404.258 236.536 415.583 228.916 431.215 218.665C443.325 220.93 473.752 224.164 502.332 207.17C508.014 203.792 512.217 202.706 515.267 203.308Z" fill="black" opacity="0.1"/>
<path d="M278.376 287.02C275.666 287.779 273.139 288.578 270.756 289.376C247.19 297.376 239.819 307.064 237.725 314.762C236.416 319.58 234.543 333.091 236.952 348.409C238.039 355.335 239.728 360.886 236.52 365.076C233.313 369.265 225.863 371.098 220.94 369.003C208.647 363.766 206.251 331.743 214.695 308.779C223.022 286.234 241.652 273.116 255.072 266.203C259.347 263.992 263.764 262.067 268.295 260.442C271.664 269.336 275.024 278.195 278.376 287.02Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M278.376 287.02C275.666 287.779 273.139 288.578 270.756 289.376C268.819 278.169 261.592 270.772 255.046 266.268C259.321 264.057 263.738 262.133 268.269 260.508C271.655 269.358 275.025 278.195 278.376 287.02Z" fill="black" opacity="0.1"/>
<path d="M332.172 342.596C328.153 344.285 268.099 357.102 267.51 356.5C264.018 382.091 260.527 407.682 257.036 433.273L225.313 494.492L236.835 495.959L292.058 439.06C296.588 423.646 301.126 408.241 305.674 392.844L356.039 426.884L365.204 488.417L373.544 489.268L388.246 414.564L332.172 342.596Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M173.848 513.031C173.848 515.414 252.912 517.338 350.449 517.338C447.986 517.338 527.024 515.414 527.024 513.031C527.024 510.648 447.96 508.789 350.449 508.789C252.938 508.789 173.848 510.7 173.848 513.031Z" fill="#A6A9B3" class="tblr-illustrations-shield-b"/>
<path d="M324.408 185.568C325.325 189.09 326.726 194.248 328.637 200.545C329.082 201.933 329.462 203.164 329.58 203.557C331.914 210.389 335.094 216.903 339.046 222.946C339.857 224.138 340.656 225.25 341.507 226.324C344.688 230.252 362.454 232.058 376.516 227.358C390.577 222.658 392.75 207.524 385.209 202.876C382.5 200.919 380.166 198.488 378.322 195.701C375.733 192.065 373.406 188.25 371.357 184.285C370.127 182.046 369.433 180.527 369.433 180.527L355.974 173.183L328.768 179.061C330.077 183.565 329.554 186.995 328.166 187.597C326.778 188.199 324.788 186.026 324.408 185.568Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M324.408 185.568C325.325 189.09 326.726 194.248 328.637 200.545C329.082 201.933 329.462 203.164 329.58 203.557C331.909 210.391 335.089 216.906 339.046 222.946C340.687 222.005 342.135 220.761 343.314 219.28C344.583 217.637 345.518 215.759 346.063 213.755C346.594 211.617 346.784 209.407 346.626 207.209C346.605 205.781 346.496 204.356 346.299 202.941C357.458 204.168 368.707 201.629 378.257 195.727C375.676 192.089 373.353 188.274 371.305 184.311C370.074 182.072 369.38 180.553 369.38 180.553L355.921 173.209L328.703 179.087C330.012 183.591 329.501 187.021 328.114 187.623C326.726 188.226 324.788 186.026 324.408 185.568Z" fill="black" opacity="0.1"/>
<path d="M385.065 174.021C384.628 176.059 383.97 178.043 383.101 179.938C382.058 182.4 380.665 184.697 378.964 186.759C371.318 196.081 357.06 199.59 342.79 195.4C340.369 194.687 338.009 193.781 335.733 192.69H335.668C335.657 192.71 335.652 192.733 335.652 192.756C335.652 192.778 335.657 192.801 335.668 192.821C335.91 194.316 336.264 195.791 336.728 197.233C336.964 197.901 337.003 198.097 337.147 198.542L337.33 198.974C337.592 199.76 340.211 205.049 340.747 208.139C341.044 210.188 340.696 212.279 339.752 214.122C338.515 211.292 336.588 208.816 334.149 206.921C333.219 206.282 332.248 205.705 331.242 205.193C326.317 201.962 322.738 197.047 321.174 191.368C320.564 189.032 320.316 186.617 320.441 184.206C320.441 182.635 320.769 176.888 323.531 173.183C329.239 165.511 346.809 165.092 355.751 166.113C357.322 166.309 360.058 166.702 362.075 165.655C362.464 165.458 362.811 165.187 363.096 164.856C364.981 162.748 364.326 158.938 363.174 156.673C360.962 152.287 355.11 149.97 348.302 150.625C361.904 144.17 376.738 148.347 382.8 158.166C385.614 162.946 386.428 168.644 385.065 174.021Z" fill="#232B41" class="tblr-illustrations-shield-c"/>
<path d="M385.065 174.02C384.628 176.059 383.97 178.043 383.101 179.938C382.058 182.4 380.665 184.697 378.964 186.759C371.318 196.081 357.06 199.59 342.79 195.4C339.255 194.025 336.244 192.86 335.733 192.69H335.668L330.562 189.81C338.227 191.702 346.172 192.185 354.01 191.237C360.936 190.386 370.572 189.234 378.689 181.876C381.196 179.592 383.346 176.944 385.065 174.02Z" fill="black" opacity="0.5"/>
<path d="M240.815 518.307L216.096 511.08C216.096 511.08 216.254 504.311 220.731 502.688C225.209 501.065 237.751 511.604 240.815 518.307Z" fill="#232B41" class="tblr-illustrations-shield-c"/>
<path d="M391.1 513.057L360.491 508.854C360.491 508.854 359.482 500.803 364.497 498.08C369.511 495.356 386.295 505.634 391.1 513.057Z" fill="#232B41" class="tblr-illustrations-shield-c"/>
<path d="M419.982 219.817L419.654 262.118L389.542 273.652C383.73 291.031 376.089 307.743 366.749 323.508C362.572 330.564 361.905 330.46 360.399 333.693C356.196 342.662 356.367 351.865 357.597 359.119C357.807 360.362 358.042 361.541 358.304 362.667C342.105 362.815 325.831 362.915 309.483 362.968C292.9 363.02 276.377 363.02 259.916 362.968C267.813 348.158 274.872 332.916 281.06 317.315C285.773 305.532 289.701 294.089 293 283.275L275.116 298.475C276.503 283.094 272.322 267.725 263.333 255.166C278.01 245.543 287.986 243.383 294.584 243.383C299.907 243.439 305.228 243.167 310.518 242.571C315.898 241.956 319.577 241.027 321.567 240.804C342.973 238.474 357.741 242.951 381.111 237.243C381.792 237.06 382.499 236.903 383.206 236.706C396.333 233.202 408.769 227.491 419.982 219.817Z" fill="#DDDDDD"/>
<path d="M381.137 237.282C374.211 242.048 359.038 250.518 339.923 249.419C328.061 248.725 323.322 244.967 321.594 240.843C343 238.5 357.768 242.99 381.137 237.282Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M570.739 50.1286C570.508 50.0383 570.261 49.9947 570.013 50.0005C569.765 50.0063 569.521 50.0614 569.294 50.1625C569.068 50.2636 568.863 50.4088 568.693 50.5895C568.523 50.7702 568.391 50.9829 568.304 51.2153L549.019 101.62C548.93 101.852 548.888 102.098 548.895 102.346C548.902 102.593 548.957 102.837 549.058 103.063C549.159 103.289 549.303 103.493 549.483 103.664C549.663 103.834 549.874 103.967 550.106 104.056C550.319 104.137 550.545 104.181 550.773 104.186C551.156 104.184 551.529 104.066 551.844 103.849C552.159 103.632 552.402 103.325 552.541 102.969L571.852 52.5507C571.94 52.3187 571.98 52.0717 571.972 51.8238C571.963 51.576 571.905 51.3323 571.802 51.107C571.698 50.8817 571.551 50.6791 571.369 50.5112C571.186 50.3432 570.972 50.2132 570.739 50.1286Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M613.367 122.712C613.181 122.249 612.819 121.879 612.36 121.682C611.901 121.486 611.383 121.48 610.919 121.665L594.698 128.211C594.296 128.377 593.965 128.678 593.759 129.061C593.554 129.444 593.487 129.886 593.57 130.313C593.653 130.74 593.881 131.124 594.216 131.402C594.55 131.68 594.97 131.834 595.405 131.837C595.647 131.834 595.887 131.785 596.112 131.693L612.333 125.147C612.791 124.958 613.156 124.597 613.349 124.141C613.543 123.686 613.549 123.172 613.367 122.712Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M500.905 59.686C500.81 59.2053 500.531 58.7805 500.129 58.5014C499.726 58.2224 499.231 58.1111 498.747 58.191C498.264 58.271 497.831 58.5361 497.539 58.93C497.248 59.3239 497.121 59.8157 497.186 60.3013L502.947 94.4982C503.024 94.9364 503.252 95.3338 503.592 95.6209C503.931 95.9081 504.361 96.0668 504.806 96.0693H505.12C505.364 96.0282 505.597 95.9392 505.806 95.8074C506.016 95.6757 506.197 95.5039 506.339 95.3018C506.481 95.0997 506.582 94.8715 506.636 94.6302C506.69 94.3889 506.695 94.1394 506.652 93.896L500.905 59.686Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M657.579 199.524L601.021 176.613C600.792 176.52 600.546 176.473 600.298 176.475C600.051 176.477 599.806 176.528 599.578 176.625C599.35 176.721 599.143 176.862 598.97 177.039C598.796 177.215 598.659 177.424 598.566 177.654C598.473 177.883 598.427 178.129 598.429 178.376C598.431 178.624 598.482 178.869 598.578 179.097C598.675 179.324 598.816 179.531 598.992 179.705C599.169 179.878 599.378 180.016 599.607 180.108L656.166 203.02C656.391 203.107 656.631 203.152 656.873 203.151C657.246 203.152 657.611 203.042 657.921 202.834C658.232 202.627 658.473 202.331 658.614 201.985C658.8 201.522 658.796 201.003 658.602 200.542C658.409 200.081 658.041 199.716 657.579 199.524Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M358.278 362.667C342.079 362.815 325.805 362.915 309.457 362.968C292.874 363.02 276.351 363.02 259.89 362.968C267.787 348.158 274.846 332.916 281.034 317.315C285.747 305.532 289.675 294.089 292.974 283.275C292.974 283.275 297.661 336.456 357.571 359.027C357.781 360.362 358.016 361.541 358.278 362.667Z" fill="black" opacity="0.1"/>
<path d="M500.001 169.281C504.715 177.136 518.933 205.717 524.51 216.976C524.767 217.496 524.894 218.069 524.88 218.649C524.867 219.228 524.713 219.795 524.433 220.302C524.152 220.809 523.753 221.241 523.27 221.56C522.786 221.879 522.232 222.076 521.656 222.134L507.582 223.575C506.86 223.653 506.131 223.508 505.495 223.159C504.858 222.81 504.343 222.274 504.021 221.624L479.355 172.698C479.074 172.148 478.94 171.535 478.964 170.919C478.989 170.302 479.172 169.701 479.495 169.176C479.818 168.65 480.272 168.216 480.811 167.916C481.351 167.615 481.958 167.459 482.576 167.461H496.977C497.596 167.476 498.2 167.651 498.73 167.97C499.261 168.289 499.699 168.741 500.001 169.281Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M381.137 237.282C374.211 242.048 359.038 250.518 339.923 249.419C328.061 248.725 323.322 244.967 321.594 240.843C343 238.5 357.768 242.99 381.137 237.282Z" fill="black" opacity="0.1"/>
<path d="M305.673 392.844L313.07 363.02L347.896 362.745L388.272 414.486L373.57 489.19L365.23 488.339L356.039 426.832L305.673 392.844Z" fill="black" opacity="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

71
src/illustrations/snowman.svg Normal file
View File

@ -0,0 +1,71 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-snowman-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-snowman-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-snowman-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-snowman-a { fill: black; opacity: 0.07; } .tblr-illustrations-snowman-b { fill: #1A2030; } .tblr-illustrations-snowman-c { fill: #454C5E; } }
</style>
<path d="M145.153 310.87C145.153 355.859 192.755 388.578 213.772 424.818C235.471 462.309 240.697 519.567 278.187 541.266C314.542 562.283 366.233 538.766 411.221 538.766C456.21 538.766 507.901 562.283 544.255 541.266C581.745 519.567 586.971 462.309 608.67 424.818C629.688 388.464 677.289 355.859 677.289 310.87C677.289 265.882 629.688 233.163 608.67 196.923C586.971 159.432 581.745 102.061 544.255 80.4753C507.901 59.458 456.21 82.9747 411.221 82.9747C366.233 82.9747 314.542 59.458 278.187 80.4753C240.697 102.174 235.471 159.432 213.772 196.923C192.641 233.163 145.153 265.882 145.153 310.87Z" fill="#F7F8FC" class="tblr-illustrations-snowman-a"/>
<path d="M123 509.456C123 513.205 237.97 516.159 379.752 516.159C521.534 516.159 636.39 513.091 636.39 509.456C636.39 505.82 521.42 502.753 379.752 502.753C238.084 502.753 123 505.934 123 509.456Z" fill="#A6A9B3" class="tblr-illustrations-snowman-b"/>
<path d="M504.72 247.023C504.266 268.04 486.884 284.627 465.98 284.173C444.963 283.718 428.376 266.336 428.83 245.433C429.285 224.529 446.667 207.829 467.57 208.283C487.906 208.737 504.379 225.097 504.72 245.433C504.72 246.001 504.72 246.569 504.72 247.023Z" fill="#DADBE0"/>
<path d="M504.72 247.023C504.72 268.154 487.679 285.195 466.548 285.195C457.005 285.195 447.802 281.56 440.759 275.198C463.594 269.063 485.293 258.952 504.72 245.433C504.72 246.001 504.72 246.569 504.72 247.023Z" fill="black" opacity="0.1"/>
<path d="M428.603 315.528C428.262 315.528 427.921 315.415 427.694 315.301C427.126 315.074 426.672 314.619 426.331 314.165C423.15 310.53 392.022 280.537 371.345 260.77C370.323 259.747 370.323 258.157 371.232 257.134C372.254 256.112 373.844 256.112 374.867 257.021C374.981 257.134 389.068 270.54 402.814 283.832C410.88 291.671 417.356 297.919 421.9 302.35C424.513 304.849 426.672 307.008 428.149 308.598C430.875 311.438 431.898 312.461 430.762 314.279C430.421 315.074 429.512 315.528 428.603 315.528Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M526.76 325.639C526.76 358.926 499.722 385.965 466.435 385.965C433.148 385.965 406.109 358.926 406.109 325.639C406.109 292.352 433.148 265.314 466.435 265.314C494.609 265.314 519.148 284.854 525.283 312.461C526.306 316.778 526.76 321.209 526.76 325.639Z" fill="#DADBE0"/>
<path d="M526.76 325.639C526.76 358.926 499.835 385.965 466.435 385.965C447.349 385.965 429.286 376.876 417.925 361.539C442.237 327.116 483.249 308.371 525.17 312.461C526.306 316.778 526.76 321.209 526.76 325.639Z" fill="black" opacity="0.1"/>
<path d="M282.505 336.318C282.505 336.318 290.457 370.628 296.024 367.674C301.591 364.72 309.203 352.11 309.203 352.11L305.34 304.736L282.505 336.318Z" fill="#DADBE0"/>
<path d="M309.203 352.109C309.203 352.109 307.272 355.29 304.659 358.926C302.614 361.766 300.342 364.379 297.615 366.651C297.047 367.106 296.592 367.446 295.911 367.787C293.98 368.81 291.707 365.288 289.662 360.289C289.549 359.948 289.435 359.607 289.208 359.267C286.481 351.769 284.209 344.157 282.392 336.432L305.34 304.849L309.203 352.109Z" fill="black" opacity="0.2"/>
<path d="M297.728 366.652C297.16 367.106 296.706 367.447 296.024 367.788C294.093 368.81 291.821 365.288 289.776 360.29C289.662 359.949 289.549 359.608 289.321 359.267C289.889 359.267 290.571 359.381 291.139 359.494C294.206 360.403 296.592 363.016 297.728 366.652Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M276.939 254.407C255.581 259.974 240.698 268.268 237.744 274.63C236.267 277.697 235.699 281.105 236.381 284.513C236.949 286.217 237.858 287.922 239.107 289.171L296.82 324.503L304.432 375.74L311.362 376.421L323.631 314.165L276.939 254.407Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M276.939 254.407C255.581 259.974 240.698 268.268 237.744 274.63C236.267 277.697 235.699 281.105 236.381 284.513C236.949 286.217 237.858 287.922 239.107 289.171L296.82 324.503L304.432 375.74L311.362 376.421L323.631 314.165L276.939 254.407Z" fill="black" opacity="0.15"/>
<path d="M590.608 153.411L580.383 151.025L586.972 147.049C587.768 146.481 587.995 145.458 587.54 144.663C587.086 143.868 585.95 143.641 585.155 144.095L575.384 149.889L560.956 146.594L570.726 135.347L581.974 134.779C582.996 134.779 583.678 133.87 583.678 132.962C583.678 132.053 582.769 131.258 581.86 131.258L574.021 131.712L580.951 123.646C581.633 122.964 581.746 121.828 581.065 121.146C580.383 120.465 579.247 120.351 578.565 121.033C578.452 121.146 578.338 121.26 578.338 121.374L571.408 129.326L570.954 121.715C570.954 120.692 570.045 120.01 569.136 120.01C568.113 120.01 567.432 120.919 567.432 121.828L568 133.075L558.57 143.982L554.821 130.008L560.729 120.351C561.183 119.556 560.956 118.42 560.161 117.965C559.366 117.511 558.23 117.738 557.775 118.534L553.685 125.236L550.959 115.012C550.732 114.103 549.709 113.535 548.8 113.762C547.891 113.989 547.323 115.012 547.551 115.921L550.277 126.145L543.688 122.169C542.893 121.715 541.757 121.942 541.302 122.737C540.848 123.532 541.075 124.668 541.87 125.123L551.527 131.03L555.276 145.118L541.189 141.028L535.963 131.03C535.508 130.121 534.486 129.781 533.577 130.121C532.668 130.576 532.327 131.598 532.668 132.507C532.668 132.621 532.668 132.621 532.782 132.734L536.417 139.664L526.192 136.711C525.284 136.483 524.261 136.938 524.034 137.96C523.807 138.983 524.261 139.892 525.284 140.119L535.395 143.073L528.578 146.594C527.669 147.049 527.329 148.071 527.669 148.98C528.124 149.889 529.146 150.23 530.055 149.889C530.169 149.889 530.169 149.889 530.282 149.775L540.28 144.55L554.367 148.639L543.688 158.864L532.441 158.41C531.418 158.41 530.737 159.205 530.737 160.227C530.737 161.136 531.418 161.818 532.327 161.931L540.166 162.272L532.441 169.543C531.759 170.225 531.646 171.247 532.327 172.042C533.009 172.724 534.031 172.838 534.827 172.156L534.94 172.042L542.552 164.772L542.211 172.383C542.211 173.406 542.893 174.201 543.915 174.201H544.029C544.938 174.201 545.733 173.406 545.733 172.497L546.187 161.25L556.866 151.025L560.956 165.34L555.276 175.11C554.821 175.905 555.049 177.041 555.958 177.496C556.866 177.95 557.889 177.723 558.343 176.814L562.319 169.998L565.273 180.222C565.501 181.017 566.182 181.472 566.977 181.472C567.091 181.472 567.318 181.472 567.432 181.358C568.341 181.131 568.909 180.109 568.682 179.2L565.841 169.089L572.431 172.951C572.658 173.065 572.999 173.179 573.339 173.179C574.362 173.179 575.043 172.383 575.157 171.474C575.157 170.793 574.816 170.225 574.248 169.884L564.478 164.204L560.615 150.003L575.044 153.297L580.837 162.954C581.405 163.749 582.428 163.976 583.223 163.522C584.018 163.067 584.246 161.931 583.791 161.136L579.701 154.32L590.04 156.705C590.153 156.705 590.267 156.705 590.38 156.705C591.403 156.705 592.085 155.91 592.085 154.888C591.971 154.206 591.403 153.525 590.608 153.411Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M400.542 72.1818L394.748 70.8185L398.383 68.66C398.838 68.4328 398.951 67.7511 398.724 67.2967C398.497 66.8423 397.815 66.7286 397.361 66.9559L391.908 70.2505L383.842 68.4328L389.295 62.0708L395.543 61.7299C396.111 61.7299 396.566 61.2755 396.566 60.8211C396.566 60.253 396.111 59.7986 395.657 59.7986C395.543 59.7986 395.543 59.7986 395.43 59.7986L390.999 60.0258L394.861 55.4815C395.202 55.1407 395.202 54.4591 394.748 54.1183C394.293 53.7774 393.725 53.7774 393.385 54.2319L389.522 58.6625L389.295 54.3455C389.181 53.7774 388.613 53.5502 388.045 53.6638C387.704 53.7774 387.477 54.1183 387.363 54.4591L387.704 60.8211L382.478 66.9559L380.32 59.117L383.614 53.6638C383.955 53.2094 383.842 52.6414 383.387 52.3005C382.933 51.9597 382.365 52.0733 382.024 52.5278L381.91 52.6414L379.638 56.3904L378.161 50.71C378.048 50.142 377.48 49.9148 376.912 50.0284C376.344 50.142 376.116 50.71 376.23 51.2781L377.707 56.9584L374.071 54.6863C373.617 54.4591 372.935 54.6863 372.708 55.1407C372.481 55.5951 372.595 56.0496 373.049 56.3904L378.502 59.685L380.547 67.6375L372.594 65.3654L369.641 59.7986C369.3 59.3442 368.732 59.2306 368.277 59.5714C367.937 59.7986 367.709 60.3666 367.937 60.8211L369.982 64.6837L364.301 62.9796C363.733 62.866 363.279 63.2068 363.165 63.7749C363.052 64.2293 363.279 64.7973 363.847 64.9109L369.527 66.5014L365.778 68.5464C365.324 68.7736 365.096 69.3416 365.324 69.9096C365.437 70.2505 365.778 70.4777 366.233 70.4777C366.346 70.4777 366.573 70.4777 366.687 70.3641L372.254 67.4103L380.093 69.6824L374.071 75.3628L367.823 75.1356C367.255 75.022 366.801 75.4764 366.687 75.9308C366.573 76.4989 367.028 76.9533 367.482 77.0669C367.596 77.0669 367.596 77.0669 367.709 77.0669L372.14 77.2941L367.823 81.384C367.482 81.7248 367.369 82.4064 367.823 82.7472C368.05 82.9745 368.277 83.0881 368.505 83.0881C368.732 83.0881 368.959 82.9745 369.186 82.8609L373.503 78.771L373.276 83.0881C373.276 83.6561 373.731 84.1105 374.185 84.1105C374.753 84.1105 375.094 83.6561 375.207 83.2017L375.435 76.8397L381.456 71.1593L383.728 79.2254L380.661 84.6786C380.433 85.133 380.547 85.701 381.001 86.0419C381.456 86.2691 382.024 86.1555 382.365 85.701L384.637 81.8384L386.227 87.5187C386.341 87.9732 386.682 88.2004 387.136 88.2004C387.25 88.2004 387.363 88.2004 387.363 88.2004C387.931 88.0868 388.159 87.5187 388.045 86.9507L386.455 81.2703L390.204 83.4289C390.317 83.5425 390.544 83.5425 390.658 83.5425C390.999 83.5425 391.34 83.3153 391.567 83.0881C391.794 82.6336 391.681 82.0656 391.226 81.7248L385.773 78.5438L383.501 70.5913L391.567 72.409L394.861 77.8621C395.089 78.3166 395.77 78.4302 396.225 78.203C396.679 77.9757 396.793 77.2941 396.566 76.8397L394.293 73.0906L400.087 74.4539C400.201 74.4539 400.201 74.4539 400.315 74.4539C400.883 74.4539 401.337 73.9995 401.223 73.4315C401.223 72.6362 400.996 72.1818 400.542 72.1818Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M460.3 241.229L437.351 252.135C436.215 252.59 435.761 253.953 436.215 254.976C436.67 255.885 437.578 256.339 438.601 256.225L462.913 252.022C464.049 251.795 464.844 250.772 464.731 249.523V249.409L463.367 242.706C463.14 241.57 462.004 240.775 460.868 241.002C460.641 241.116 460.527 241.116 460.3 241.229Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M472.911 169.202L429.626 188.516C427.013 189.652 424.06 188.516 422.923 186.016L409.063 155.229L404.292 144.55C403.156 141.937 404.292 138.983 406.905 137.847L450.189 118.42C452.802 117.284 455.756 118.42 456.892 121.033L474.955 161.364L475.524 162.613C476.66 164.999 475.524 168.066 472.911 169.202Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M472.911 169.202L429.626 188.515C427.013 189.651 424.06 188.515 422.924 186.016L409.063 155.229C421.787 161.591 443.941 168.066 474.956 161.363L475.524 162.613C476.66 164.999 475.524 168.066 472.911 169.202Z" fill="black" opacity="0.1"/>
<path d="M422.809 185.902L475.636 162.272C478.249 161.136 481.203 162.272 482.339 164.885L483.248 166.93C484.384 169.543 483.248 172.497 480.635 173.633L427.808 197.263C425.195 198.399 422.241 197.263 421.105 194.65L420.196 192.605C419.06 190.106 420.196 187.038 422.809 185.902Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M435.761 168.066C435.534 174.882 427.013 178.972 424.628 179.768C420.197 180.904 415.766 181.699 411.222 182.267C403.269 183.403 393.045 184.653 382.252 185.902C375.663 186.584 368.96 187.379 362.484 187.947H362.371C344.762 189.765 329.311 191.128 324.881 191.469L323.631 191.583L333.401 175.678C333.401 175.678 333.401 175.678 333.401 175.564L333.628 175.337C338.854 174.201 343.512 173.292 347.261 172.497C351.01 171.701 353.85 171.133 355.441 170.793C376.572 165.453 398.498 163.408 419.856 158.75C422.355 158.182 428.263 156.932 432.239 160.113C434.511 162.158 435.875 164.999 435.761 168.066Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M382.251 185.789C375.662 186.471 368.959 187.266 362.484 187.834H362.37L361.575 187.947C349.078 188.97 336.809 190.106 324.88 191.469C326.016 189.424 329.651 182.721 333.4 175.791C333.4 175.791 333.4 175.791 333.4 175.678L333.514 175.337C334.196 175.223 343.057 173.292 355.327 170.793C358.508 173.974 362.029 176.7 365.892 178.972C370.891 182.153 376.457 184.426 382.251 185.789Z" fill="black" opacity="0.1"/>
<path d="M232.063 208.169C229.791 208.851 227.746 209.419 225.701 210.101C206.047 216.804 199.913 224.87 198.209 231.232C197.072 235.208 195.596 246.455 197.527 259.293C198.436 265.087 199.799 269.631 197.186 273.153C194.573 276.674 188.325 278.151 184.235 276.447C174.01 272.13 171.965 245.433 179.009 226.347C185.939 207.601 201.503 196.695 212.637 190.901C216.158 189.083 219.908 187.493 223.657 186.13L232.063 208.169Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M232.064 208.169C229.791 208.851 227.746 209.419 225.702 210.101C224.111 200.785 218.09 194.65 212.637 190.901C216.159 189.083 219.908 187.493 223.657 186.13C226.497 193.514 229.337 200.785 232.064 208.169Z" fill="black" opacity="0.1"/>
<path d="M271.825 117.057C271.825 120.124 271.939 124.555 272.28 130.008C272.393 131.258 272.393 132.28 272.393 132.621C272.961 138.642 274.211 144.55 276.142 150.23C276.597 151.366 276.938 152.388 277.506 153.411C279.323 157.274 293.297 162.272 305.566 161.25C317.836 160.227 322.608 148.412 317.495 143.186C315.678 141.028 314.314 138.642 313.405 136.029C312.042 132.621 310.906 128.985 309.997 125.35C309.429 123.305 309.202 121.942 309.202 121.942L299.773 113.308L276.597 112.626C276.71 116.489 275.688 119.215 274.438 119.442C273.188 119.67 272.052 117.511 271.825 117.057Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M271.825 117.057C271.825 120.124 271.939 124.555 272.28 130.008C272.393 131.258 272.393 132.28 272.393 132.621C272.961 138.642 274.211 144.55 276.142 150.23C277.619 149.776 279.096 149.094 280.346 148.071C281.709 147.049 282.845 145.686 283.64 144.209C284.549 142.618 285.117 140.801 285.344 138.983C285.572 137.847 285.799 136.597 285.912 135.461C294.66 138.642 304.317 138.869 313.178 136.029C311.815 132.621 310.679 128.985 309.77 125.35C309.202 123.305 308.975 121.942 308.975 121.942L299.545 113.308L276.369 112.626C276.483 116.489 275.461 119.215 274.211 119.442C272.961 119.67 272.052 117.511 271.825 117.057Z" fill="black" opacity="0.1"/>
<path d="M323.176 119.783C322.381 121.374 321.472 122.851 320.449 124.214C319.086 126.032 317.496 127.622 315.791 128.872C307.725 134.893 295.569 134.893 284.89 128.645C283.073 127.622 281.369 126.372 279.778 125.009V125.123C279.664 126.372 279.664 127.622 279.778 128.872C279.778 129.44 279.778 129.667 279.892 130.008V130.349C279.892 131.03 281.028 135.802 280.8 138.415C280.573 140.119 279.892 141.709 278.756 143.073C278.301 140.573 277.279 138.188 275.688 136.143C275.007 135.461 274.439 134.779 273.643 134.211C270.349 130.576 268.417 125.918 268.304 121.033C268.304 118.988 268.531 117.057 269.099 115.125C269.44 113.876 270.803 109.331 273.757 106.832C279.892 101.72 294.206 104.901 301.25 107.514C302.499 107.968 304.658 108.877 306.476 108.423C306.817 108.309 307.157 108.195 307.498 107.968C309.429 106.605 309.657 103.424 309.202 101.379C308.293 97.4026 303.976 94.3352 298.41 93.54C310.679 91.0406 321.813 97.4026 324.766 106.491C325.903 110.922 325.448 115.693 323.176 119.783Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M323.176 119.783C322.38 121.374 321.471 122.851 320.449 124.214C319.086 126.032 317.495 127.622 315.791 128.872C307.725 134.893 295.569 134.893 284.89 128.645C282.277 126.827 280.119 125.35 279.778 125.009L276.256 121.715C282.05 124.782 288.412 126.713 294.887 127.508C300.681 128.19 308.634 129.213 316.7 124.896C318.972 123.532 321.244 121.828 323.176 119.783Z" fill="black" opacity="0.5"/>
<path d="M198.322 399.711L193.096 383.92C193.096 383.92 196.731 381.534 199.23 383.352C201.73 385.17 200.707 395.621 198.322 399.711Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M317.495 397.553L303.067 386.987C303.067 386.987 304.771 382.67 308.066 382.556C311.361 382.443 317.041 392.554 317.495 397.553Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M350.668 200.217L322.38 203.511C313.973 222.37 307.27 236.003 305.68 238.616C303.635 242.024 303.181 242.706 303.181 242.706C302.158 244.069 301.249 245.546 300.454 247.137C299.432 249.409 298.636 251.795 298.182 254.294C297.387 258.952 297.387 263.61 298.182 268.154C298.182 268.154 298.182 268.154 298.182 268.268C298.182 268.381 298.182 268.495 298.182 268.608C298.295 269.176 298.409 269.744 298.523 270.312V270.54C298.636 271.221 298.523 271.789 298.409 272.471C298.409 272.471 298.409 272.471 298.409 272.585C298.296 273.266 298.182 274.061 297.955 274.743L257.965 271.562L207.864 267.586L209.341 266.336C212.409 263.496 215.362 260.429 218.203 257.361L219.225 256.225C231.722 241.683 240.356 224.188 244.332 205.329L229.45 217.94C230.586 205.102 227.064 192.378 219.566 181.926C231.835 173.86 240.129 172.156 245.582 172.156C250.013 172.156 254.443 171.929 258.874 171.474C261.941 171.133 264.441 170.679 266.145 170.338C267.167 170.111 267.962 169.997 268.076 169.997C276.824 168.18 293.865 169.089 293.865 169.089C301.817 169.429 309.883 168.975 317.722 167.612C320.79 166.589 324.084 165.908 327.379 165.794C328.856 165.794 330.446 165.794 331.923 165.908C334.309 166.135 336.695 166.476 339.08 167.044C342.829 177.95 346.692 189.083 350.668 200.217Z" fill="#DADBE0"/>
<path d="M298.409 272.358C298.296 273.039 298.182 273.721 297.955 274.63L257.965 271.449L207.864 267.473L209.341 266.223C212.409 263.383 215.362 260.315 218.203 257.248L219.225 256.112C231.722 241.57 240.356 224.075 244.219 205.216C248.99 205.216 266.031 205.784 280.459 218.621C292.842 229.641 296.932 243.956 297.955 254.294C297.159 258.952 297.159 263.61 297.955 268.154C297.955 268.268 297.955 268.381 298.068 268.609C298.182 269.177 298.296 269.745 298.409 270.313V270.54C298.523 271.108 298.523 271.79 298.409 272.358Z" fill="black" opacity="0.1"/>
<path d="M230.132 399.711C231.155 417.434 232.177 435.27 233.313 452.993L198.322 498.663L207.411 501.844L259.67 460.264C260.806 447.54 261.942 434.929 263.078 422.205L277.166 430.84C281.937 433.68 286.595 436.633 291.253 439.587L302.5 490.256L309.998 489.12L313.52 437.315L287.163 393.236L230.132 399.711Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M300.568 306.553L298.523 319.164C296.933 329.388 295.342 339.499 293.638 349.724L291.934 360.744L290.684 368.81L286.935 393.122L230.132 399.711C230.245 396.303 230.245 392.781 230.359 389.373C230.472 385.283 230.472 381.193 230.586 377.103C230.586 375.854 230.586 374.604 230.7 373.354C230.813 370.514 230.813 367.674 230.813 364.834V364.72C230.813 364.607 230.813 364.379 230.813 364.266L230.7 362.902C230.586 361.198 230.586 359.381 230.586 357.563V356.654C230.586 352.451 230.359 348.474 230.132 344.157L229.904 338.023C229.564 325.867 229.109 313.711 228.768 301.555C228.655 297.01 232.177 293.261 236.721 293.148C236.948 293.148 237.289 293.148 237.516 293.148L252.739 294.17L283.641 296.329L292.956 297.01C297.501 297.351 300.909 301.214 300.568 305.758C300.568 305.985 300.568 306.213 300.568 306.553Z" fill="#DADBE0"/>
<path d="M324.2 503.207L303.409 506.274C303.409 506.274 301.251 501.162 303.978 498.436C306.704 495.709 319.655 499.231 324.2 503.207Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M213.317 518.998L194.004 510.591C194.004 510.591 194.913 505.138 198.662 504.229C202.411 503.321 211.613 513.204 213.317 518.998Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M300.568 306.553L298.523 319.164C296.933 329.388 295.342 339.499 293.638 349.724L291.934 360.744L290.684 368.81L286.935 393.122L230.132 399.711C230.245 396.303 230.245 392.781 230.359 389.373C230.473 385.283 230.473 381.193 230.586 377.103C230.586 375.854 230.586 374.604 230.7 373.354C230.813 370.514 230.813 367.674 230.813 364.834V364.606C230.813 364.038 230.813 363.47 230.7 362.902C230.586 361.198 230.586 359.381 230.586 357.563C258.647 345.975 282.732 326.321 299.546 301.1C300.455 302.918 300.795 304.736 300.568 306.553Z" fill="black" opacity="0.1"/>
<path d="M328.629 327.684C327.493 326.321 326.129 325.185 324.539 324.276C319.313 321.436 313.292 322.458 311.02 326.321C308.975 329.956 310.792 334.841 314.769 337.795C315.223 338.136 315.791 338.477 316.359 338.818C316.814 339.159 317.382 339.386 317.95 339.499C322.721 341.317 327.72 340.181 329.765 336.546C331.582 334.16 330.901 330.638 328.629 327.684Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M328.629 327.684C327.947 326.775 327.152 325.98 326.243 325.298C322.835 329.729 319.086 333.932 314.996 337.795C315.451 338.136 316.019 338.477 316.587 338.704C317.041 339.045 317.609 339.272 318.177 339.386C322.949 341.317 327.947 340.067 329.992 336.432C331.583 334.16 330.901 330.638 328.629 327.684Z" fill="black" opacity="0.1"/>
<path d="M260.92 293.829C264.442 297.578 269.1 300.191 274.098 301.214L274.666 301.327L282.505 295.193L260.92 293.829Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M252.285 287.581L271.598 299.623L261.146 308.712L247.968 291.671L252.285 287.581Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M285.004 290.535L272.28 299.737L279.21 306.667L287.844 293.716L285.004 290.535Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M252.285 287.581L271.598 299.623L261.146 308.712L247.968 291.671L252.285 287.581Z" fill="black" opacity="0.1"/>
<path d="M285.004 290.535L272.28 299.737L279.21 306.667L287.844 293.716L285.004 290.535Z" fill="black" opacity="0.1"/>
<path d="M466.436 305.417C470.2 305.417 473.252 302.365 473.252 298.601C473.252 294.836 470.2 291.784 466.436 291.784C462.671 291.784 459.619 294.836 459.619 298.601C459.619 302.365 462.671 305.417 466.436 305.417Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M466.435 342.567C468.317 342.567 469.843 341.041 469.843 339.159C469.843 337.276 468.317 335.75 466.435 335.75C464.552 335.75 463.026 337.276 463.026 339.159C463.026 341.041 464.552 342.567 466.435 342.567Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M516.308 315.528C515.285 315.528 514.263 314.96 513.695 314.165C512.331 312.006 513.468 310.757 516.762 307.576C518.466 305.872 520.852 303.486 524.147 300.305C529.486 295.079 536.984 287.808 546.527 278.606C562.659 263.155 578.905 247.478 579.132 247.364C580.382 246.228 582.2 246.228 583.449 247.478C584.586 248.727 584.586 250.545 583.336 251.681C559.251 274.743 522.897 309.734 519.148 313.938C518.807 314.619 518.239 315.074 517.557 315.301C517.103 315.415 516.762 315.528 516.308 315.528Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M544.029 431.975C544.029 474.805 509.265 509.456 466.435 509.456C423.605 509.456 388.955 474.692 388.955 431.862C388.955 389.032 423.719 354.382 466.549 354.382C495.405 354.382 521.762 370.4 535.167 395.848C540.961 406.982 544.029 419.365 544.029 431.975Z" fill="#DADBE0"/>
<path d="M466.435 420.501C473.399 420.501 479.045 414.855 479.045 407.891C479.045 400.926 473.399 395.28 466.435 395.28C459.47 395.28 453.824 400.926 453.824 407.891C453.824 414.855 459.47 420.501 466.435 420.501Z" fill="white"/>
<path d="M544.029 431.976C543.915 474.805 509.152 509.569 466.322 509.456C433.035 509.456 403.611 488.211 392.932 456.742C432.921 454.697 488.589 442.314 535.168 395.962C541.075 406.982 544.029 419.365 544.029 431.976Z" fill="black" opacity="0.1"/>
<path d="M320.223 203.057L310.225 183.289C312.043 182.608 313.747 181.926 315.451 181.017C317.496 179.995 318.519 177.609 317.837 175.337L316.474 171.02L315.792 168.861L314.883 165.794C314.201 163.522 311.816 162.045 309.544 162.499C294.434 165.226 283.868 162.045 277.847 159.091C275.461 157.955 272.621 158.864 271.485 161.25C271.258 161.704 271.144 162.158 271.031 162.613L270.349 166.816L269.895 169.429L269.327 173.292C268.986 175.11 269.781 176.927 271.258 177.95C273.985 179.881 276.825 181.585 279.892 182.835C278.642 187.606 274.666 197.263 265.01 203.625C259.67 207.033 253.649 209.078 247.287 209.419C246.946 209.419 246.492 209.533 246.151 209.76C244.788 210.441 244.219 212.146 244.901 213.509L250.695 224.87C251.377 226.233 252.967 226.801 254.331 226.119C271.485 218.28 284.664 203.625 290.798 185.789C293.411 186.13 296.024 186.13 298.637 185.902C301.25 191.81 301.818 204.42 301.932 211.123C301.932 211.578 302.046 211.918 302.273 212.373C302.954 213.736 304.658 214.304 306.022 213.622L319.314 206.92C320.45 206.124 320.904 204.42 320.223 203.057Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M276.953 163.511C277.21 163.581 277.361 163.847 277.291 164.104L274.45 174.443C274.38 174.7 274.114 174.851 273.857 174.78C273.6 174.71 273.449 174.444 273.519 174.187L276.36 163.848C276.43 163.591 276.696 163.44 276.953 163.511Z" fill="#DADBE0"/>
<path d="M291.282 165.381C292.075 165.459 292.654 166.166 292.575 166.959L291.212 180.705C291.133 181.498 290.426 182.077 289.634 181.999C288.841 181.92 288.262 181.214 288.34 180.421L289.703 166.674C289.782 165.881 290.489 165.302 291.282 165.381Z" fill="#DADBE0"/>
<path d="M309.594 166.461C309.461 165.994 308.973 165.723 308.506 165.857C308.038 165.99 307.768 166.477 307.901 166.945L311.082 178.078C311.216 178.546 311.703 178.817 312.171 178.683C312.638 178.55 312.909 178.062 312.775 177.595L309.594 166.461Z" fill="#DADBE0"/>
<path d="M281.937 172.951C283.067 172.951 283.982 172.036 283.982 170.906C283.982 169.777 283.067 168.861 281.937 168.861C280.808 168.861 279.892 169.777 279.892 170.906C279.892 172.036 280.808 172.951 281.937 172.951Z" fill="#DADBE0"/>
<path d="M303.068 173.633C303.068 175.139 301.847 176.36 300.341 176.36C298.835 176.36 297.615 175.139 297.615 173.633C297.615 172.127 298.835 170.906 300.341 170.906C301.847 170.906 303.068 172.127 303.068 173.633Z" fill="#DADBE0"/>
<path d="M263.191 422.205C263.759 413.344 264.214 404.483 264.782 395.735L286.935 393.236L313.406 437.315L309.884 489.12L302.386 490.256L291.139 439.701L263.191 422.205Z" fill="black" opacity="0.1"/>
<path d="M215.818 268.041C215.818 272.471 216.386 277.015 217.182 281.446C219.227 291.444 223.203 300.873 228.997 309.166C217.977 331.206 207.071 353.246 196.051 375.286L204.117 380.512L263.761 314.279C259.216 299.851 254.786 285.309 250.241 270.881L215.818 268.041Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M237.744 332.569C238.88 331.206 240.243 330.07 241.834 329.161C247.06 326.321 253.081 327.343 255.353 331.206C257.398 334.841 255.58 339.726 251.604 342.68C251.149 343.021 250.581 343.362 250.013 343.589C249.559 343.93 248.991 344.157 248.423 344.271C243.651 346.202 238.653 344.952 236.608 341.317C234.904 339.045 235.585 335.409 237.744 332.569Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M237.745 332.569C238.426 331.66 239.222 330.865 240.13 330.184C243.539 334.614 247.288 338.818 251.378 342.68C250.923 343.021 250.355 343.362 249.787 343.589C249.333 343.93 248.765 344.157 248.197 344.271C243.425 346.202 238.426 344.953 236.381 341.317C234.905 339.045 235.586 335.409 237.745 332.569Z" fill="black" opacity="0.1"/>
<path d="M253.422 352.564C247.173 358.017 240.13 362.334 232.404 365.174C223.543 368.583 209.342 373.809 199.458 367.901C199.118 367.674 198.663 367.447 198.322 367.219C191.165 362.107 189.575 352.564 189.688 344.725C189.688 340.522 190.256 336.318 191.165 332.228C195.028 316.664 206.616 307.235 214.682 302.236C217.181 300.646 219.794 299.282 222.521 298.146C223.543 300.305 224.793 302.577 226.156 304.963C227.065 306.553 227.974 307.916 228.883 309.28C225.361 316.323 221.839 323.367 218.317 330.411C216.272 330.751 214.455 331.66 212.864 333.024C210.592 334.728 210.024 337.909 211.728 340.181C212.069 340.635 212.41 340.976 212.864 341.317C215.363 340.635 217.749 339.84 220.135 338.818C225.02 336.659 229.451 333.819 233.427 330.411L253.422 352.564Z" fill="#DADBE0"/>
<path d="M228.995 309.166C225.473 316.21 221.952 323.253 218.43 330.297C216.385 330.638 214.567 331.547 212.977 332.91C213.431 331.092 214.794 328.366 218.202 324.503C224.11 317.914 218.43 307.576 214.681 302.236C217.18 300.646 219.793 299.282 222.52 298.146C223.542 300.305 224.792 302.577 226.155 304.963C227.177 306.326 228.086 307.803 228.995 309.166Z" fill="black" opacity="0.1"/>
<path d="M199.458 367.901C199.118 367.674 198.663 367.447 198.322 367.22C191.165 362.107 189.575 352.564 189.688 344.725C193.892 346.884 197.073 350.406 198.663 354.836C200.481 358.813 200.708 363.471 199.458 367.901Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M241.946 251.113C242.401 253.839 243.196 257.929 244.218 263.042C244.446 264.064 244.673 265.086 244.786 265.427C246.15 270.88 248.195 276.106 250.921 280.991L252.625 283.718C254.784 287.013 268.417 289.512 279.664 286.672C290.911 283.832 293.41 272.357 287.844 268.267C285.912 266.563 284.208 264.518 282.958 262.246C281.141 259.293 279.664 256.225 278.301 253.044C277.505 251.226 277.051 250.09 277.051 250.09L267.167 243.615L245.809 246.455C246.491 249.977 245.923 252.703 244.786 253.044C243.65 253.385 242.174 251.567 241.946 251.113Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M241.946 251.113C242.401 253.84 243.196 257.929 244.218 263.042C244.446 264.064 244.673 265.087 244.786 265.427C246.15 270.881 248.195 276.107 250.921 280.992C253.761 279.628 255.92 277.243 256.829 274.289C257.397 272.698 257.624 270.994 257.624 269.29C257.738 268.154 257.738 267.018 257.624 265.882C266.145 267.472 275.006 266.223 282.845 262.36C281.027 259.406 279.55 256.339 278.187 253.158C277.392 251.34 276.937 250.204 276.937 250.204L266.94 243.729L245.582 246.569C246.263 250.091 245.695 252.817 244.559 253.158C243.423 253.499 242.06 251.567 241.946 251.113Z" fill="black" opacity="0.1"/>
<path d="M239.902 256.112C240.583 260.542 242.969 264.519 246.491 267.359C247.173 267.813 247.854 268.268 248.536 268.836C250.24 270.426 251.49 272.471 252.285 274.743C253.08 273.38 253.535 271.79 253.421 270.199C252.967 267.813 252.398 265.428 251.603 263.042C251.603 262.928 251.49 262.815 251.49 262.701C251.376 262.36 251.262 262.019 251.262 261.679C251.035 260.542 250.922 259.406 250.808 258.27V258.157C256.716 260.656 273.189 266.677 282.618 257.475C284.095 255.998 285.231 254.408 286.253 252.59C286.367 252.476 286.481 252.249 286.481 252.136C286.708 251.681 286.935 251.227 287.049 250.772L287.162 250.659C287.617 249.409 287.844 248.159 287.958 246.796V246.455C287.844 243.615 286.367 241.002 283.981 239.412C280.8 237.253 277.165 235.776 273.529 234.981C263.986 232.595 249.899 233.504 243.31 242.706C241.606 245.092 240.583 247.932 240.243 250.772C239.674 252.59 239.675 254.408 239.902 256.112Z" fill="#232B41" class="tblr-illustrations-snowman-c"/>
<path d="M250.695 258.157C256.602 260.656 273.075 266.677 282.505 257.475C283.982 255.998 285.118 254.408 286.14 252.59C286.254 252.476 286.367 252.249 286.367 252.135C286.595 251.681 286.822 251.227 286.935 250.772L287.049 250.659C287.503 249.409 287.731 248.159 287.844 246.796C285.799 249.522 283.186 251.908 280.346 253.726C266.145 262.815 248.991 256.112 246.378 254.976L246.15 254.862C247.627 256.112 249.218 257.248 250.695 258.157Z" fill="black" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

41
src/illustrations/telescope.svg Normal file
View File

@ -0,0 +1,41 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
<style>
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-telescope-a { fill: black; opacity: 0.07; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-telescope-b { fill: #1A2030; } :where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-telescope-c { fill: #454C5E; }
@media (prefers-color-scheme: dark) { .tblr-illustrations-telescope-a { fill: black; opacity: 0.07; } .tblr-illustrations-telescope-b { fill: #1A2030; } .tblr-illustrations-telescope-c { fill: #454C5E; } }
</style>
<path d="M140 316.133C140 360.071 186.455 392.043 207.041 427.578C228.207 464.264 233.377 520.157 269.948 541.437C305.494 562.023 356.094 539.023 400.021 539.023C443.948 539.023 494.558 562.023 530.104 541.437C566.675 520.271 571.845 464.264 593.011 427.578C613.597 392.043 660.052 360.185 660.052 316.133C660.052 272.082 613.462 240.234 592.97 204.699C571.804 168.013 566.634 111.996 530.062 90.8193C494.517 70.2335 443.917 93.2332 399.979 93.2332C356.042 93.2332 305.453 70.2542 269.907 90.8193C233.221 111.975 228.166 167.993 207 204.678C186.414 240.348 140 272.206 140 316.133Z" fill="#F7F8FC" class="tblr-illustrations-telescope-a"/>
<path d="M184.809 506.389C184.809 507.891 269.275 509.134 373.416 509.134C477.557 509.134 562.035 507.891 562.035 506.389C562.035 504.886 477.557 503.695 373.416 503.695C269.275 503.695 184.86 504.949 184.86 506.389" fill="#A6A9B3" class="tblr-illustrations-telescope-b"/>
<path d="M380.171 394.239C380.817 393.557 381.396 392.815 381.901 392.022C382.159 391.552 382.391 391.068 382.595 390.572C384.429 386.003 383.041 381.082 379.487 379.673C376.286 378.398 372.463 380.346 370.38 383.982C370.113 384.409 369.887 384.86 369.707 385.329L369.251 386.728C368.215 390.872 369.614 394.944 372.815 396.228C375.177 397.326 378.016 396.384 380.171 394.239Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M380.171 394.239C380.817 393.557 381.396 392.815 381.901 392.022C377.853 389.664 374.001 386.986 370.38 384.014C370.113 384.44 369.887 384.891 369.707 385.36L369.251 386.759C368.215 390.903 369.614 394.975 372.815 396.259C375.177 397.327 378.016 396.384 380.171 394.239Z" fill="black" opacity="0.1"/>
<path d="M382.161 396.166C376.836 391.524 370.478 388.224 363.616 386.542C355.401 406.278 350.956 412.256 348.584 411.665C344.087 410.546 348.584 386.189 342.419 378.906C342.502 378.761 342.596 378.626 342.678 378.492L288.235 349.98C283.49 361.76 278.828 373.581 274.073 385.361L268.261 399.865C266.5 403.947 264.773 408.188 263.081 412.587C259.205 422.767 255.862 433.141 253.062 443.668L299.165 446.838C304.128 439.109 308.946 431.422 313.898 423.693L327.78 401.937C328.133 406.35 328.692 411.106 329.552 416.161C331.883 429.764 333.043 436.571 337.301 439.172C350.656 447.325 385.373 411.738 390.605 406.299C388.324 402.51 385.476 399.093 382.161 396.166Z" fill="#DADBE0"/>
<path d="M313.907 423.641C308.955 431.37 304.045 439.006 299.175 446.786L253.072 443.616C254.934 435.221 257.417 426.975 260.501 418.948C261.537 416.172 262.459 414.089 263.091 412.556C269.7 396.518 276.673 381.382 283.811 367.116C283.334 372.41 282.526 388.966 293.228 404.972C298.496 412.789 305.595 419.198 313.907 423.641Z" fill="black" opacity="0.1"/>
<path d="M323.759 317.138C322.568 319.335 320.91 322.619 318.859 326.753C318.455 327.602 318.04 328.462 317.937 328.763C315.948 333.336 314.518 338.133 313.679 343.049L313.378 345.94C313.14 349.41 321.304 358.662 330.68 362.858C340.056 367.054 348.157 360.351 346.489 354.477C346.053 352.211 346.014 349.887 346.375 347.608C346.759 344.562 347.369 341.55 348.199 338.594C348.644 336.864 348.955 335.797 348.955 335.797L345.536 325.82L328.96 316.133C327.478 319.024 325.624 320.568 324.619 320.184C323.614 319.801 323.645 317.594 323.738 317.138" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M323.76 317.138C322.569 319.335 320.911 322.619 318.86 326.753C318.456 327.602 318.041 328.462 317.938 328.763C315.949 333.336 314.52 338.133 313.68 343.049C315.011 343.351 316.391 343.376 317.733 343.123C319.075 342.87 320.35 342.344 321.481 341.578C322.742 340.758 323.855 339.732 324.775 338.543C325.463 337.821 326.077 337.033 326.609 336.191C331.723 342.013 338.618 345.983 346.221 347.483C346.6 344.437 347.21 341.424 348.045 338.47C348.49 336.73 348.801 335.673 348.801 335.673L345.382 325.696L328.806 316.009C327.334 318.9 325.47 320.443 324.475 320.06C323.48 319.677 323.657 317.594 323.75 317.138" fill="black" opacity="0.1"/>
<path d="M319.582 319.49C317.628 322.974 317.083 327.075 318.059 330.948C318.287 331.653 318.515 332.358 318.691 333.135C318.999 335.207 318.778 337.324 318.049 339.288C319.363 338.797 320.497 337.92 321.302 336.771C322.324 334.825 323.2 332.806 323.923 330.731C323.982 330.64 324.021 330.538 324.037 330.43C324.135 330.128 324.27 329.839 324.441 329.571C324.918 328.638 325.477 327.768 325.954 326.97L326.016 326.887C328.751 331.902 337.039 345.163 348.663 343.806C350.464 343.57 352.229 343.11 353.916 342.438C354.068 342.407 354.21 342.339 354.331 342.241C354.739 342.045 355.128 341.809 355.491 341.537H355.636C356.612 340.907 357.503 340.155 358.288 339.299L358.547 338.978C359.267 337.963 359.742 336.794 359.934 335.565C360.127 334.335 360.031 333.078 359.656 331.891C358.566 328.66 356.879 325.663 354.683 323.054C349.295 316.102 338.997 309.088 329.238 311.896C326.734 312.638 324.457 313.999 322.618 315.854C321.355 316.839 320.298 318.064 319.51 319.459" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M326.05 326.887C328.785 331.902 337.073 345.163 348.698 343.806C350.499 343.57 352.263 343.11 353.95 342.438C354.102 342.407 354.244 342.339 354.365 342.241C354.763 342.043 355.141 341.807 355.494 341.537H355.639C356.615 340.907 357.506 340.155 358.291 339.299C355.336 340.055 352.275 340.307 349.236 340.045C334.276 338.657 325.967 324.598 324.734 322.329L324.631 322.122C324.958 323.736 325.423 325.32 326.019 326.856" fill="black" opacity="0.5"/>
<path d="M344.004 435.266C341.773 454.605 339.542 473.975 337.311 493.376L329.21 493.739C326.274 483.51 323.339 473.295 320.403 463.093C309.256 465.559 298.105 468.025 286.95 470.49C281.19 482.453 275.433 494.426 269.68 506.409L215.092 497.251V489.854L255.953 482.809C254.986 469.755 254.022 456.691 253.062 443.616L300.719 443.015L344.004 435.266Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M344.003 435.266C341.772 454.605 339.541 473.975 337.31 493.376L329.209 493.739C326.273 483.51 323.338 473.295 320.402 463.093C309.255 465.559 298.104 468.025 286.949 470.49L300.677 443.067L344.003 435.266Z" fill="black" opacity="0.1"/>
<path d="M199.469 506.264L203.312 489.014C203.312 489.014 207.881 488.89 209.207 491.822C210.533 494.754 204.027 503.871 199.469 506.264Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M346.167 508.025L328.627 505.767C328.627 505.767 328.089 501.229 330.896 499.634C333.704 498.038 343.463 503.664 346.167 508.025Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M310.354 360.247C311.584 364.665 314.15 368.594 317.699 371.498L318.113 371.82L326.826 370.224L310.354 360.247Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M316.953 369.592L330.732 367.624L331.727 371.271L319.564 377.911L316.953 369.592Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M316.454 369.219L306.177 351.804L301.049 353.192L304.406 372.089L316.454 369.219Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M316.953 369.592L330.732 367.624L331.727 371.271L319.564 377.911L316.953 369.592Z" fill="black" opacity="0.1"/>
<path d="M274.008 442.425C274.548 443.193 275.02 444.008 275.417 444.859C275.61 445.36 275.772 445.872 275.904 446.393C277.095 451.179 275.044 455.851 271.324 456.753C267.978 457.571 264.456 455.116 262.891 451.231C262.689 450.77 262.53 450.291 262.415 449.801L262.156 448.361C261.7 444.124 263.647 440.27 266.994 439.441C269.501 438.685 272.164 440.011 274.008 442.425Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
<path d="M274.008 442.425C274.548 443.193 275.02 444.008 275.417 444.859C271.077 446.647 266.888 448.781 262.891 451.241C262.689 450.78 262.53 450.301 262.415 449.811L262.156 448.371C261.7 444.134 263.647 440.28 266.994 439.451C269.501 438.684 272.164 440.011 274.008 442.425Z" fill="black" opacity="0.1"/>
<path d="M274.798 400.393C274.44 408.183 275.637 415.967 278.32 423.289C280.029 428.301 282.332 433.09 285.179 437.555C280.941 439.627 277.326 441.347 274.653 442.528C269.673 444.9 264.544 446.946 259.299 448.651C255.932 449.687 252.689 450.495 249.612 451.117C246.566 440.301 243.779 424.232 247.115 406.226C247.178 405.843 247.25 405.449 247.333 405.066C247.966 401.83 248.786 398.634 249.788 395.493C250.989 391.759 252.383 388.09 253.963 384.5C254.316 383.703 254.678 382.895 255.051 382.087C262.386 366.329 274.508 349.027 288.204 349.97C293.902 350.374 298.471 353.782 301.672 357.046C293.757 361.249 287.095 367.472 282.363 375.084C277.632 382.696 275.001 391.424 274.736 400.383L274.798 400.393Z" fill="#DADBE0"/>
<path d="M255.528 396.301C254.046 402.258 250.348 406.537 247.115 406.226C247.177 405.843 247.25 405.449 247.333 405.066C247.966 401.83 248.786 398.634 249.788 395.493C250.989 391.759 252.383 388.09 253.963 384.5C256.035 386.593 256.761 391.266 255.528 396.301Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M514.48 265.109L487.388 289.3C472.925 302.209 458.466 315.132 444.01 328.068L413.758 355.088L383.465 382.138C381.668 383.741 379.327 384.597 376.92 384.531C374.513 384.466 372.222 383.484 370.515 381.786L359.802 371.146C358.121 369.474 357.132 367.23 357.03 364.861C356.928 362.492 357.722 360.172 359.253 358.362L368.132 347.856L385.64 327.136C394.385 316.776 403.135 306.416 411.893 296.055L449.553 251.506L472.77 223.948C473.611 222.953 474.65 222.142 475.82 221.568C476.991 220.994 478.267 220.668 479.569 220.612C480.872 220.555 482.172 220.769 483.387 221.24C484.603 221.711 485.707 222.428 486.632 223.347L514.843 251.403L515.019 251.589C515.887 252.504 516.564 253.584 517.008 254.764C517.452 255.945 517.655 257.203 517.605 258.463C517.554 259.723 517.252 260.961 516.715 262.103C516.179 263.244 515.419 264.267 514.48 265.109Z" fill="#DADBE0"/>
<path d="M526.965 265.161L497.77 289.736C496.302 290.973 494.425 291.615 492.507 291.537C490.589 291.458 488.771 290.664 487.409 289.311L479.308 281.261L450.392 252.522C450.072 252.206 449.784 251.859 449.532 251.486C448.609 250.181 448.118 248.619 448.129 247.021C448.14 245.422 448.653 243.868 449.595 242.576L472.273 211.495C472.923 210.603 473.758 209.863 474.721 209.324C475.684 208.785 476.752 208.46 477.853 208.373C478.953 208.285 480.059 208.437 481.095 208.816C482.131 209.196 483.073 209.795 483.856 210.573L520.344 246.834L527.452 253.889C528.202 254.639 528.787 255.537 529.172 256.526C529.557 257.515 529.731 258.572 529.686 259.632C529.64 260.692 529.374 261.731 528.906 262.683C528.438 263.634 527.777 264.478 526.965 265.161Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M443.337 336.274L421.145 354.922C420.116 355.792 418.816 356.276 417.468 356.293C416.121 356.31 414.809 355.859 413.758 355.015C413.603 354.891 413.448 354.746 413.292 354.601L394.426 335.859L385.599 327.084L385.123 326.618C384.137 325.636 383.535 324.334 383.425 322.948C383.314 321.561 383.704 320.18 384.522 319.055L401.751 295.434C402.245 294.756 402.88 294.192 403.612 293.782C404.344 293.373 405.156 293.126 405.992 293.059C406.828 292.992 407.669 293.107 408.457 293.395C409.245 293.683 409.961 294.138 410.557 294.729L411.852 296.014L431.039 315.077L443.689 327.644C443.803 327.758 443.907 327.872 444.01 327.996C444.514 328.581 444.897 329.261 445.137 329.996C445.376 330.731 445.467 331.505 445.404 332.276C445.342 333.046 445.127 333.796 444.772 334.482C444.417 335.168 443.929 335.777 443.337 336.274Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M488.798 508.761C488.295 508.761 487.804 508.607 487.391 508.32C486.978 508.033 486.663 507.627 486.487 507.155L428.118 351.027C409.024 412.432 382.429 498.909 380.968 506.099C380.997 506.467 380.942 506.838 380.808 507.182C380.673 507.526 380.462 507.836 380.191 508.088C379.787 508.458 379.273 508.686 378.727 508.738C378.182 508.79 377.634 508.664 377.166 508.378C375.415 507.28 375.56 506.772 377.933 498.432C379.145 494.153 380.979 487.906 383.393 479.856C387.444 466.315 393.183 447.48 400.435 423.911C412.785 383.744 425.424 343.101 425.548 342.728L427.693 335.859L491.098 505.467C491.326 506.078 491.303 506.755 491.033 507.349C490.763 507.944 490.268 508.407 489.658 508.637C489.38 508.727 489.089 508.769 488.798 508.761Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M526.964 265.161L497.769 289.736C496.302 290.973 494.424 291.615 492.507 291.537C490.589 291.458 488.77 290.664 487.409 289.311C472.932 302.213 458.466 315.132 444.01 328.068C444.508 328.653 444.886 329.33 445.121 330.06C445.357 330.791 445.446 331.561 445.384 332.326C445.321 333.092 445.108 333.837 444.757 334.52C444.405 335.202 443.923 335.809 443.337 336.305L421.145 354.953C420.115 355.823 418.816 356.307 417.468 356.324C416.121 356.341 414.809 355.89 413.758 355.046L383.465 382.138C381.668 383.741 379.327 384.597 376.92 384.531C374.513 384.466 372.222 383.484 370.515 381.786L359.802 371.146C358.121 369.474 357.132 367.23 357.03 364.861C356.928 362.492 357.722 360.172 359.253 358.362L368.132 347.856C374.472 345.349 383.392 341.506 394.467 335.901C404.879 330.638 417.187 323.821 431.08 315.118C445.585 306.022 461.778 294.874 479.328 281.251C490.704 272.403 502.607 262.505 515.04 251.558C516.801 250.004 518.569 248.422 520.344 246.813L527.451 253.868C528.205 254.619 528.793 255.518 529.18 256.509C529.567 257.499 529.742 258.56 529.697 259.622C529.651 260.685 529.384 261.726 528.914 262.679C528.443 263.633 527.779 264.478 526.964 265.161Z" fill="black" opacity="0.1"/>
<path d="M376.194 362.544C380.086 357.586 381.474 352.18 379.296 350.47C377.117 348.76 372.196 351.394 368.304 356.352C364.413 361.311 363.024 366.717 365.203 368.427C367.382 370.137 372.303 367.503 376.194 362.544Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M511.31 50L522.406 72.4817L547.208 76.087L529.265 93.5751L533.502 118.284L511.31 106.619L489.129 118.284L493.356 93.5751L475.412 76.087L500.214 72.4817L511.31 50Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M603.993 135.265L610.312 148.08L624.454 150.132L614.218 160.108L616.632 174.188L603.993 167.537L591.343 174.188L593.757 160.108L583.531 150.132L597.663 148.08L603.993 135.265Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M389.194 160.367L395.514 173.183L409.655 175.234L399.419 185.201L401.833 199.28L389.194 192.64L376.544 199.28L378.958 185.201L368.732 175.234L382.864 173.183L389.194 160.367Z" fill="#A6A9B3"/>
<path d="M254.677 209.672L259.319 219.058L269.689 220.571L262.178 227.875L263.95 238.204L254.677 233.335L245.415 238.204L247.177 227.875L239.676 220.571L250.046 219.058L254.677 209.672Z" fill="#DADBE0"/>
<path d="M337.394 99.2007L342.036 108.597L352.396 110.1L344.895 117.414L346.667 127.743L337.394 122.863L328.122 127.743L329.893 117.414L322.393 110.1L332.763 108.597L337.394 99.2007Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #0455A4));"/>
<path d="M348.457 437.648C348.456 438.136 348.408 438.621 348.312 439.099C344.002 440.632 340.169 440.881 337.31 439.099C334.72 437.514 333.28 434.385 332.016 429.101C333.439 428.684 334.915 428.475 336.398 428.48C343.06 428.563 348.457 432.613 348.457 437.648Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
<path d="M530.541 264.471C534.681 260.253 525.195 244.226 509.352 228.674C493.509 213.122 477.31 203.933 473.169 208.151C469.028 212.369 478.515 228.396 494.358 243.948C510.2 259.501 526.4 268.689 530.541 264.471Z" fill="#232B41" class="tblr-illustrations-telescope-c"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

Some files were not shown because too many files have changed in this diff Show More