github/AutoGPT
1
1
Fork 0
mirror of https://github.com/Significant-Gravitas/AutoGPT.git synced 2026-01-09 15:17:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(frontend): update empty task view designs (#11498)

Browse Source 
## Changes 🏗️

Update the new library agent page, empty view to look like:

<img width="900" height="1060" alt="Screenshot 2025-12-01 at 14 12 10"
src="https://github.com/user-attachments/assets/e6a22a4f-35f4-434e-bbb1-593390034b9a"
/>

Now we display an **About this agent** card on the left when the agent
is published on the marketplace. I expanded the:
```
/api/library/agents/{id}
```
endpoint to return as well the following:
```js
{
  // ...
  created_at: "timestamp",
  marketplace_listing: {
    creator: { name: "string", "slug": string, id: "string"  },
    name: "string",
    slug: "string",
    id: "string"
  }
}
```
To be able to display this extra information on the card and link to the
creator and marketplace pages.

Also:
- design system updates regarding navbar and colors

## Checklist 📋

### For code changes:
- [x] I have clearly listed my changes in the PR description
- [x] I have made a test plan
- [x] I have tested my changes according to the test plan:
  - [x] Run locally and see the new page for an agent with no runs
This commit is contained in:
Ubbe
2025-12-01 20:28:44 +07:00
committed by GitHub
parent 00148f4e3d
commit b4e95dba14
21 changed files with 1008 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
autogpt_platform/backend/backend/server/v2/library/db.py
View File

@@ -262,6 +262,30 @@ async def get_library_agent(id: str, user_id: str) -> library_model.LibraryAgent
if not library_agent:
raise NotFoundError(f"Library agent #{id} not found")
# Fetch marketplace listing if the agent has been published
store_listing = None
profile = None
if library_agent.AgentGraph:
store_listing = await prisma.models.StoreListing.prisma().find_first(
where={
"agentGraphId": library_agent.AgentGraph.id,
"isDeleted": False,
"hasApprovedVersion": True,
},
include={
"ActiveVersion": True,
},
)
if (
store_listing
and store_listing.ActiveVersion
and store_listing.owningUserId
):
# Fetch Profile separately since User doesn't have a direct Profile relation
profile = await prisma.models.Profile.prisma().find_first(
where={"userId": store_listing.owningUserId}
)
return library_model.LibraryAgent.from_db(
library_agent,
sub_graphs=(
@@ -269,6 +293,8 @@ async def get_library_agent(id: str, user_id: str) -> library_model.LibraryAgent
if library_agent.AgentGraph
else None
),
store_listing=store_listing,
profile=profile,
)
except prisma.errors.PrismaError as e:

42
autogpt_platform/backend/backend/server/v2/library/model.py
View File

@@ -22,6 +22,23 @@ class LibraryAgentStatus(str, Enum):
ERROR = "ERROR" # Agent is in an error state
class MarketplaceListingCreator(pydantic.BaseModel):
"""Creator information for a marketplace listing."""
name: str
id: str
slug: str
class MarketplaceListing(pydantic.BaseModel):
"""Marketplace listing information for a library agent."""
id: str
name: str
slug: str
creator: MarketplaceListingCreator
class LibraryAgent(pydantic.BaseModel):
"""
Represents an agent in the library, including metadata for display and
@@ -39,6 +56,7 @@ class LibraryAgent(pydantic.BaseModel):
status: LibraryAgentStatus
created_at: datetime.datetime
updated_at: datetime.datetime
name: str
@@ -71,10 +89,15 @@ class LibraryAgent(pydantic.BaseModel):
# Recommended schedule cron (from marketplace agents)
recommended_schedule_cron: str | None = None
# Marketplace listing information if the agent has been published
marketplace_listing: Optional["MarketplaceListing"] = None
@staticmethod
def from_db(
agent: prisma.models.LibraryAgent,
sub_graphs: Optional[list[prisma.models.AgentGraph]] = None,
store_listing: Optional[prisma.models.StoreListing] = None,
profile: Optional[prisma.models.Profile] = None,
) -> "LibraryAgent":
"""
Factory method that constructs a LibraryAgent from a Prisma LibraryAgent
@@ -85,6 +108,8 @@ class LibraryAgent(pydantic.BaseModel):
graph = graph_model.GraphModel.from_db(agent.AgentGraph, sub_graphs=sub_graphs)
created_at = agent.createdAt
agent_updated_at = agent.AgentGraph.updatedAt
lib_agent_updated_at = agent.updatedAt
@@ -116,6 +141,21 @@ class LibraryAgent(pydantic.BaseModel):
# Hard-coded to True until a method to check is implemented
is_latest_version = True
# Build marketplace_listing if available
marketplace_listing_data = None
if store_listing and store_listing.ActiveVersion and profile:
creator_data = MarketplaceListingCreator(
name=profile.name,
id=profile.id,
slug=profile.username,
)
marketplace_listing_data = MarketplaceListing(
id=store_listing.id,
name=store_listing.ActiveVersion.name,
slug=store_listing.slug,
creator=creator_data,
)
return LibraryAgent(
id=agent.id,
graph_id=agent.agentGraphId,
@@ -124,6 +164,7 @@ class LibraryAgent(pydantic.BaseModel):
creator_name=creator_name,
creator_image_url=creator_image_url,
status=status,
created_at=created_at,
updated_at=updated_at,
name=graph.name,
description=graph.description,
@@ -140,6 +181,7 @@ class LibraryAgent(pydantic.BaseModel):
is_latest_version=is_latest_version,
is_favorite=agent.isFavorite,
recommended_schedule_cron=agent.AgentGraph.recommendedScheduleCron,
marketplace_listing=marketplace_listing_data,
)

4
autogpt_platform/backend/backend/server/v2/library/routes_test.py
View File

@@ -55,6 +55,7 @@ async def test_get_library_agents_success(
can_access_graph=True,
is_latest_version=True,
is_favorite=False,
created_at=datetime.datetime(2023, 1, 1, 0, 0, 0),
updated_at=datetime.datetime(2023, 1, 1, 0, 0, 0),
),
library_model.LibraryAgent(
@@ -76,6 +77,7 @@ async def test_get_library_agents_success(
can_access_graph=False,
is_latest_version=True,
is_favorite=False,
created_at=datetime.datetime(2023, 1, 1, 0, 0, 0),
updated_at=datetime.datetime(2023, 1, 1, 0, 0, 0),
),
],
@@ -149,6 +151,7 @@ async def test_get_favorite_library_agents_success(
can_access_graph=True,
is_latest_version=True,
is_favorite=True,
created_at=datetime.datetime(2023, 1, 1, 0, 0, 0),
updated_at=datetime.datetime(2023, 1, 1, 0, 0, 0),
),
],
@@ -214,6 +217,7 @@ def test_add_agent_to_library_success(
can_access_graph=True,
is_latest_version=True,
is_favorite=False,
created_at=FIXED_NOW,
updated_at=FIXED_NOW,
)

8
autogpt_platform/backend/snapshots/lib_agts_search
View File

@@ -8,6 +8,7 @@
"creator_name": "Test Creator",
"creator_image_url": "",
"status": "COMPLETED",
"created_at": "2023-01-01T00:00:00",
"updated_at": "2023-01-01T00:00:00",
"name": "Test Agent 1",
"description": "Test Description 1",
@@ -30,7 +31,8 @@
"can_access_graph": true,
"is_latest_version": true,
"is_favorite": false,
"recommended_schedule_cron": null
"recommended_schedule_cron": null,
"marketplace_listing": null
},
{
"id": "test-agent-2",
@@ -40,6 +42,7 @@
"creator_name": "Test Creator",
"creator_image_url": "",
"status": "COMPLETED",
"created_at": "2023-01-01T00:00:00",
"updated_at": "2023-01-01T00:00:00",
"name": "Test Agent 2",
"description": "Test Description 2",
@@ -62,7 +65,8 @@
"can_access_graph": false,
"is_latest_version": true,
"is_favorite": false,
"recommended_schedule_cron": null
"recommended_schedule_cron": null,
"marketplace_listing": null
}
],
"pagination": {

66
autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/NewAgentLibraryView.tsx
View File

@@ -17,7 +17,6 @@ export function NewAgentLibraryView() {
const {
agent,
hasAnyItems,
showSidebarLayout,
ready,
error,
agentId,
@@ -49,42 +48,46 @@ export function NewAgentLibraryView() {
return <AgentRunsLoading />;
}
const shouldShowSidebar = sidebarLoading || hasAnyItems;
return (
<div
className={
showSidebarLayout
? "grid h-screen grid-cols-1 gap-0 pt-3 md:gap-4 lg:grid-cols-[25%_70%]"
: "grid h-screen grid-cols-1 gap-0 pt-3 md:gap-4"
shouldShowSidebar
? "grid h-full grid-cols-1 gap-0 pt-3 md:gap-4 lg:grid-cols-[25%_70%]"
: "grid h-full grid-cols-1 gap-0 pt-3 md:gap-4"
}
>
<div className={showSidebarLayout ? "p-4 pl-5" : "hidden p-4 pl-5"}>
<div className="mb-4">
<RunAgentModal
triggerSlot={
<Button variant="primary" size="large" className="w-full">
<PlusIcon size={20} /> New Run
</Button>
}
{shouldShowSidebar && (
<div className="p-4 pl-5">
<div className="mb-4">
<RunAgentModal
triggerSlot={
<Button variant="primary" size="large" className="w-full">
<PlusIcon size={20} /> New Run
</Button>
}
agent={agent}
agentId={agent.id.toString()}
onRunCreated={(execution) => handleSelectRun(execution.id)}
onScheduleCreated={(schedule) =>
handleSelectRun(`schedule:${schedule.id}`)
}
/>
</div>
<AgentRunsLists
agent={agent}
agentId={agent.id.toString()}
onRunCreated={(execution) => handleSelectRun(execution.id)}
onScheduleCreated={(schedule) =>
handleSelectRun(`schedule:${schedule.id}`)
}
selectedRunId={selectedRun}
onSelectRun={handleSelectRun}
onCountsChange={handleCountsChange}
/>
</div>
<AgentRunsLists
agent={agent}
selectedRunId={selectedRun}
onSelectRun={handleSelectRun}
onCountsChange={handleCountsChange}
/>
</div>
)}
{/* Main Content - 70% */}
<div className="p-4">
<div className={!showSidebarLayout ? "px-2" : ""}>
<div className="flex min-h-0 flex-col gap-4 p-4">
<div className={!shouldShowSidebar ? "px-2" : ""}>
<Breadcrumbs
items={[
{ name: "My Library", link: "/library" },
@@ -92,7 +95,7 @@ export function NewAgentLibraryView() {
]}
/>
</div>
<div className="mt-1">
<div className="flex min-h-0 flex-1 flex-col">
{selectedRun ? (
selectedRun.startsWith("schedule:") ? (
<SelectedScheduleView
@@ -116,12 +119,7 @@ export function NewAgentLibraryView() {
Select a run to view its details
</div>
) : (
<EmptyAgentRuns
agentName={agent.name}
creatorName={agent.creator_name || "Unknown"}
description={agent.description}
agent={agent}
/>
<EmptyAgentRuns agent={agent} />
)}
</div>
</div>

136
autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/other/EmptyAgentRuns.tsx
View File

@@ -1,70 +1,106 @@
import { LibraryAgent } from "@/app/api/__generated__/models/libraryAgent";
import { Button } from "@/components/atoms/Button/Button";
import { Link } from "@/components/atoms/Link/Link";
import { Text } from "@/components/atoms/Text/Text";
import { ShowMoreText } from "@/components/molecules/ShowMoreText/ShowMoreText";
import { PlusIcon } from "@phosphor-icons/react";
import { formatDate } from "@/lib/utils/time";
import { RunAgentModal } from "../modals/RunAgentModal/RunAgentModal";
import { RunDetailCard } from "../selected-views/RunDetailCard/RunDetailCard";
import { EmptyRunsIllustration } from "./EmptyRunsIllustration";
type Props = {
agentName: string;
creatorName: string;
description: string;
agent: LibraryAgent;
};
export function EmptyAgentRuns({
agentName,
creatorName,
description,
agent,
}: Props) {
const isUnknownCreator = creatorName === "Unknown";
export function EmptyAgentRuns({ agent }: Props) {
const isPublished = Boolean(agent.marketplace_listing);
const createdAt = formatDate(agent.created_at);
const updatedAt = formatDate(agent.updated_at);
const isUpdated = updatedAt !== createdAt;
return (
<div className="mt-6 px-2">
<RunDetailCard className="relative min-h-[70vh]">
<div className="absolute left-1/2 top-1/2 flex w-[80%] -translate-x-1/2 -translate-y-1/2 flex-col gap-6 md:w-[60%] lg:w-auto">
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-2">
<Text
variant="h3"
className="truncate text-ellipsis !font-normal"
>
{agentName}
</Text>
{!isUnknownCreator ? (
<Text variant="body-medium">by {creatorName}</Text>
) : null}
<div className="min-h-0 flex-1 flex-col flex-nowrap gap-2 px-2 lg:flex lg:flex-row">
<RunDetailCard className="relative flex min-h-0 flex-1 flex-col overflow-hidden">
<div className="flex flex-1 flex-col items-center justify-center gap-0">
<EmptyRunsIllustration className="-mt-20" />
<div className="flex flex-col items-center gap-12">
<div className="flex items-center justify-between gap-2">
<div className="flex flex-col items-center gap-2">
<Text variant="h3" className="text-center text-[1.375rem]">
Ready to get started?
</Text>
<Text variant="large" className="text-center">
Run your agent and this space will fill with your agent&apos;s
activity
</Text>
</div>
</div>
{description ? (
<ShowMoreText
previewLimit={80}
variant="small"
className="mt-4 !text-zinc-700"
>
{description}
</ShowMoreText>
) : null}
<RunAgentModal
triggerSlot={
<Button
variant="primary"
size="large"
className="inline-flex w-[19.75rem]"
>
Setup your task
</Button>
}
agent={agent}
agentId={agent.id.toString()}
/>
</div>
<div className="flex flex-col gap-4">
<Text variant="h4">You don’t have any runs</Text>
<Text variant="large">
Get started with creating a run, and you’ll see information here
</Text>
</div>
<RunAgentModal
triggerSlot={
<Button variant="primary" size="large" className="w-full">
<PlusIcon size={20} /> New Run
</Button>
}
agent={agent}
agentId={agent.id.toString()}
/>
</div>
</RunDetailCard>
{isPublished ? (
<div className="mt-4 flex flex-col gap-10 rounded-large border border-zinc-200 p-6 lg:mt-0 lg:w-[29.5rem]">
<Text variant="label" className="text-zinc-500">
About this agent
</Text>
<div className="flex flex-col gap-2">
<Text variant="h4">{agent.name}</Text>
<Text variant="body">
by{" "}
<Link
href={`/marketplace/creator/${agent.marketplace_listing?.creator.slug}`}
variant="secondary"
>
{agent.marketplace_listing?.creator.name}
</Link>
</Text>
</div>
<ShowMoreText previewLimit={170} variant="body" className="-mt-4">
{agent.description ||
`Note: If you're using Docker Compose watch mode (docker compose watch), it will automatically rebuild on file changes. Since you're using docker compose up -d, manual rebuilds are needed.
You can test the endpoint from your frontend; it should return the marketplace_listing field when an agent has been published, or null if it hasn't.`}
</ShowMoreText>
<div className="flex flex-col gap-4">
<div className="flex items-center gap-20">
<div className="flex flex-col gap-2">
<Text variant="body-medium" className="text-black">
Agent created on
</Text>
<Text variant="body">{createdAt}</Text>
</div>
{isUpdated ? (
<div className="flex flex-col gap-2">
<Text variant="body-medium" className="text-black">
Agent updated on
</Text>
<Text variant="body">{updatedAt}</Text>
</div>
) : null}
</div>
<div className="mt-4 flex items-center gap-2">
<Button variant="secondary" size="small">
Edit agent
</Button>
<Button variant="secondary" size="small">
Export agent to file
</Button>
</div>
</div>
</div>
) : null}
</div>
);
}

746
autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/other/EmptyRunsIllustration.tsx Normal file
View File

@@ -0,0 +1,746 @@
type Props = {
className?: string;
};
export function EmptyRunsIllustration({ className }: Props) {
return (
<div className={className}>
<svg
width="400"
height="400"
viewBox="0 0 400 400"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M308.8 232.72L344 313.68H246.88L256.08 214.08H295.44L308.8 232.72Z"
fill="#236FE7"
/>
<path
d="M344 313.92H246.88H246.72C246.72 313.92 246.72 313.84 246.72 313.76L255.92 214.16C255.92 214 256 213.92 256.16 213.92H295.52C295.52 213.92 295.68 213.92 295.68 214L308.96 232.56L344.16 313.52C344.16 313.52 344.16 313.68 344.16 313.76C344.16 313.76 344.08 313.84 343.92 313.84L344 313.92ZM247.12 313.44H343.6L308.48 232.8L295.28 214.32H256.24L247.12 313.44Z"
fill="#101720"
/>
<path
d="M280.16 269.12C289.52 302.72 299.12 313.68 299.12 313.68H272.08L280.16 269.12Z"
fill="#101720"
/>
<path
d="M299.12 313.92H272.08C272.08 313.92 271.92 313.92 271.92 313.84V313.68L280 269.12C280 269.04 280.08 268.96 280.24 268.96C280.32 268.96 280.48 268.96 280.48 269.12C289.68 302.24 299.28 313.52 299.36 313.6C299.36 313.6 299.36 313.76 299.36 313.84C299.36 313.92 299.2 314 299.12 314V313.92ZM272.4 313.44H298.64C296.88 311.2 288.48 299.28 280.24 270.16L272.4 313.44Z"
fill="#101720"
/>
<path
d="M131.92 289.68L100.64 299.28L56 296.16L87.28 286.56L131.92 289.68Z"
fill="#FFFFFE"
/>
<path
d="M100.64 299.52L56 296.4C55.92 296.4 55.76 296.32 55.76 296.16C55.76 296.08 55.76 295.92 55.92 295.92L87.2 286.32C87.2 286.32 87.2 286.32 87.28 286.32L131.92 289.44C132 289.44 132.16 289.52 132.16 289.68C132.16 289.76 132.16 289.92 132 289.92L100.72 299.52H100.64ZM57.28 296L100.56 299.04L130.56 289.84L87.28 286.8L57.28 296Z"
fill="#101720"
/>
<path
d="M163.2 280.08L131.92 289.68L87.2799 286.56L118.56 276.96L163.2 280.08Z"
fill="#FFFFFE"
/>
<path
d="M131.92 289.92L87.2 286.8C87.12 286.8 86.96 286.72 86.96 286.56C86.96 286.48 86.96 286.32 87.12 286.32L118.4 276.72C118.4 276.72 118.4 276.72 118.48 276.72L163.12 279.84C163.2 279.84 163.36 279.92 163.36 280.08C163.36 280.16 163.36 280.32 163.2 280.32L131.92 289.92ZM88.56 286.4L131.92 289.44L161.92 280.24L118.64 277.2L88.64 286.4H88.56Z"
fill="#101720"
/>
<path
d="M239.2 273.6L207.84 283.2L163.2 280.08L194.48 270.48L239.2 273.6Z"
fill="#FFFFFE"
/>
<path
d="M207.84 283.44L163.2 280.32C163.12 280.32 162.96 280.24 162.96 280.08C162.96 280 162.96 279.84 163.12 279.84L194.4 270.24C194.4 270.24 194.4 270.24 194.48 270.24L239.12 273.36C239.2 273.36 239.36 273.44 239.36 273.6C239.36 273.76 239.36 273.84 239.2 273.84L207.92 283.44H207.84ZM164.56 279.92L207.84 282.96L237.84 273.76L194.48 270.72L164.48 279.92H164.56Z"
fill="#101720"
/>
<path
d="M194.48 270.48L163.2 280.08L118.56 276.96L149.92 267.36L194.48 270.48Z"
fill="#FFFFFE"
/>
<path
d="M163.2 280.32L118.56 277.2C118.48 277.2 118.32 277.12 118.32 276.96C118.32 276.88 118.32 276.72 118.48 276.72L149.76 267.12C149.76 267.12 149.76 267.12 149.84 267.12L194.48 270.24C194.56 270.24 194.72 270.32 194.72 270.48C194.72 270.56 194.72 270.72 194.56 270.72L163.28 280.32H163.2ZM119.92 276.8L163.2 279.84L193.2 270.64L149.92 267.6L119.92 276.8Z"
fill="#101720"
/>
<path
d="M283.84 276.72L252.48 286.32L207.84 283.2L239.2 273.6L283.84 276.72Z"
fill="#FFFFFE"
/>
<path
d="M252.48 286.56L207.84 283.44C207.76 283.44 207.6 283.36 207.6 283.2C207.6 283.04 207.6 282.96 207.76 282.96L239.04 273.36L283.68 276.48C283.76 276.48 283.92 276.56 283.92 276.72C283.92 276.88 283.92 276.96 283.76 276.96L252.48 286.56ZM209.2 283.04L252.48 286.08L282.48 276.88L239.2 273.84L209.2 283.04Z"
fill="#101720"
/>
<path
d="M252.48 286.32L221.2 295.92L176.56 292.8L207.84 283.2L252.48 286.32Z"
fill="#FFFFFE"
/>
<path
d="M221.2 296.16L176.56 293.04C176.48 293.04 176.32 292.96 176.32 292.8C176.32 292.72 176.32 292.56 176.48 292.56L207.76 282.96L252.4 286.08C252.48 286.08 252.64 286.16 252.64 286.32C252.64 286.48 252.64 286.56 252.48 286.56L221.2 296.16ZM177.84 292.64L221.12 295.68L251.12 286.48L207.76 283.44L177.76 292.64H177.84Z"
fill="#101720"
/>
<path
d="M221.2 295.92V334.08L189.92 343.44V305.52L221.2 295.92Z"
fill="#FF9C0F"
/>
<path
d="M189.92 343.68C189.92 343.68 189.84 343.68 189.76 343.68C189.76 343.68 189.68 343.6 189.68 343.52V305.6C189.68 305.52 189.68 305.44 189.84 305.36L221.12 295.76C221.12 295.76 221.28 295.76 221.36 295.76C221.36 295.76 221.44 295.84 221.44 295.92V334.08C221.44 334.16 221.44 334.24 221.28 334.32L190 343.68H189.92ZM190.16 305.68V343.04L220.96 333.84V296.16L190.16 305.6V305.68Z"
fill="#101720"
/>
<path
d="M252.48 286.32V324.48L221.2 334.08V295.92L252.48 286.32Z"
fill="#FF9C0F"
/>
<path
d="M221.2 334.32C221.2 334.32 221.12 334.32 221.04 334.32C221.04 334.32 220.96 334.24 220.96 334.16V296C220.96 295.92 220.96 295.84 221.12 295.76L252.4 286.16C252.4 286.16 252.56 286.16 252.64 286.16C252.64 286.16 252.72 286.24 252.72 286.32V324.48C252.72 324.56 252.72 324.64 252.56 324.72L221.28 334.32H221.2ZM221.44 296.08V333.76L252.24 324.32V286.64L221.44 296.08Z"
fill="#101720"
/>
<path
d="M283.84 276.72V314.88L252.48 324.48V286.32L283.84 276.72Z"
fill="#FF9C0F"
/>
<path
d="M252.48 324.72C252.48 324.72 252.4 324.72 252.32 324.72C252.32 324.72 252.24 324.64 252.24 324.56V286.4C252.24 286.32 252.24 286.24 252.4 286.16L283.68 276.56C283.68 276.56 283.84 276.56 283.92 276.56C283.92 276.56 284 276.64 284 276.72V314.88C284 314.96 284 315.04 283.84 315.12L252.56 324.72H252.48ZM252.72 286.48V324.16L283.52 314.72V277.04L252.72 286.48Z"
fill="#101720"
/>
<path
d="M100.64 299.28V337.44L56 334.32V296.16L100.64 299.28Z"
fill="#F1EBFE"
/>
<path
d="M100.64 337.68L56 334.56C55.84 334.56 55.76 334.48 55.76 334.32V296.16V296C55.76 296 55.84 296 55.92 296L100.56 299.12C100.72 299.12 100.8 299.2 100.8 299.36V337.52V337.68C100.8 337.68 100.72 337.68 100.64 337.68ZM56.24 334.08L100.4 337.12V299.44L56.24 296.32V334V334.08Z"
fill="#101720"
/>
<path
d="M145.28 302.16V340.32L100.64 337.2V299.04L145.28 302.16Z"
fill="#F1EBFE"
/>
<path
d="M145.28 340.56L100.64 337.44C100.48 337.44 100.4 337.36 100.4 337.2V299.04C100.4 298.88 100.48 298.8 100.64 298.8L145.28 301.92C145.44 301.92 145.52 302 145.52 302.16V340.32V340.48C145.52 340.48 145.44 340.48 145.36 340.48L145.28 340.56ZM100.88 336.96L145.04 340.08V302.4L100.88 299.36V337.04V336.96Z"
fill="#101720"
/>
<path
d="M189.92 305.28V343.44L145.28 340.32V302.16L189.92 305.28Z"
fill="#F1EBFE"
/>
<path
d="M189.92 343.68L145.28 340.56C145.12 340.56 145.04 340.48 145.04 340.32V302.16V302C145.04 302 145.12 302 145.2 302L189.84 305.12C190 305.12 190.08 305.2 190.08 305.36V343.52V343.68C190.08 343.68 190 343.68 189.92 343.68ZM145.52 340.08L189.68 343.2V305.52L145.52 302.48V340.16V340.08Z"
fill="#101720"
/>
<path
d="M176.56 292.8L145.28 302.4L100.64 299.28L131.92 289.68L176.56 292.8Z"
fill="#FFFFFE"
/>
<path
d="M145.28 302.64L100.64 299.52C100.56 299.52 100.4 299.44 100.4 299.28C100.4 299.2 100.4 299.04 100.56 299.04L131.84 289.44L176.48 292.56C176.56 292.56 176.72 292.64 176.72 292.8C176.72 292.88 176.72 293.04 176.56 293.04L145.28 302.64ZM101.92 299.12L145.2 302.16L175.2 292.96L131.92 289.92L101.92 299.12Z"
fill="#101720"
/>
<path
d="M194.48 270.72C194.4 270.72 194.32 270.72 194.24 270.56C194.24 270.48 194.24 270.32 194.32 270.24C194.4 270.24 194.56 270.24 194.64 270.32C194.64 270.4 194.64 270.56 194.56 270.64C194.56 270.64 194.56 270.64 194.48 270.64V270.72Z"
fill="#101720"
/>
<path
d="M145.28 302.64L100.64 299.52C100.56 299.52 100.4 299.44 100.4 299.28C100.4 299.2 100.4 299.04 100.56 299.04L131.84 289.44L176.48 292.56C176.56 292.56 176.72 292.64 176.72 292.8C176.72 292.88 176.72 293.04 176.56 293.04L145.28 302.64ZM101.92 299.12L145.2 302.16L175.2 292.96L131.92 289.92L101.92 299.12Z"
fill="#101720"
/>
<path
d="M194.48 270.72C194.4 270.72 194.32 270.72 194.24 270.56C194.24 270.48 194.24 270.32 194.32 270.24C194.4 270.24 194.56 270.24 194.64 270.32C194.64 270.4 194.64 270.56 194.56 270.64C194.56 270.64 194.56 270.64 194.48 270.64V270.72Z"
fill="#101720"
/>
<path
d="M221.2 295.92L189.92 305.52L145.28 302.4L176.56 292.8L221.2 295.92Z"
fill="#FFFFFE"
/>
<path
d="M207.84 283.2L176.56 292.8L131.92 289.68L163.2 280.08L207.84 283.2Z"
fill="#FFFFFE"
/>
<path
d="M189.92 305.76L145.28 302.64C145.2 302.64 145.04 302.56 145.04 302.4C145.04 302.32 145.04 302.16 145.2 302.16L176.48 292.56L221.12 295.68C221.2 295.68 221.36 295.76 221.36 295.92C221.36 296.08 221.36 296.16 221.2 296.16L189.92 305.76ZM146.56 302.24L189.84 305.28L219.84 296.08L176.48 293.04L146.48 302.24H146.56Z"
fill="#101720"
/>
<path
d="M176.56 293.04L131.92 289.92C131.84 289.92 131.68 289.84 131.68 289.68C131.68 289.6 131.68 289.44 131.84 289.44L163.12 279.84L207.76 282.96C207.84 282.96 208 283.04 208 283.2C208 283.36 208 283.44 207.84 283.44L176.56 293.04ZM133.28 289.52L176.56 292.56L206.56 283.36L163.28 280.32L133.28 289.52Z"
fill="#101720"
/>
<path
d="M189.92 305.76L145.28 302.64C145.2 302.64 145.04 302.56 145.04 302.4C145.04 302.32 145.04 302.16 145.2 302.16L176.48 292.56L221.12 295.68C221.2 295.68 221.36 295.76 221.36 295.92C221.36 296.08 221.36 296.16 221.2 296.16L189.92 305.76ZM146.56 302.24L189.84 305.28L219.84 296.08L176.48 293.04L146.48 302.24H146.56Z"
fill="#101720"
/>
<path
d="M176.56 293.04L131.92 289.92C131.84 289.92 131.68 289.84 131.68 289.68C131.68 289.6 131.68 289.44 131.84 289.44L163.12 279.84L207.76 282.96C207.84 282.96 208 283.04 208 283.2C208 283.36 208 283.44 207.84 283.44L176.56 293.04ZM133.28 289.52L176.56 292.56L206.56 283.36L163.28 280.32L133.28 289.52Z"
fill="#101720"
/>
<path
d="M331.12 206.72C327.52 208.64 323.36 210.56 319.44 212.32C310.88 216.16 303.12 219.12 303.12 219.12L308.8 232.72L244.16 251.36L216.88 252.24L256.16 187.28L149.92 180.24L70.8001 204.16L69.2001 197.44L68.0801 192.8C68.0801 192.8 109.52 178.64 118.8 172.88C128.08 167.12 148.56 145.92 175.28 125.92C202 105.92 224.56 103.84 262.24 122C299.84 140.16 328.64 157.04 339.04 167.68C349.44 178.32 342.64 200.88 331.28 206.88L331.12 206.72Z"
fill="#FFFFFE"
/>
<path
d="M216.8 252.4C216.72 252.4 216.64 252.4 216.56 252.32C216.56 252.32 216.56 252.16 216.56 252.08L255.6 187.44L149.76 180.4L70.6401 204.32H70.4801C70.4801 204.32 70.4001 204.24 70.4001 204.16L67.6801 192.72C67.6801 192.64 67.6801 192.48 67.8401 192.4C68.2401 192.24 109.36 178.16 118.48 172.56C122.64 170 129.04 164.24 137.28 156.96C147.52 147.92 160.24 136.56 174.96 125.6C202.56 104.96 225.36 103.92 262.16 121.68C300.88 140.4 328.96 157.04 339.04 167.44C343.36 171.84 345.12 178.8 343.84 186.56C342.4 195.52 337.36 203.76 331.2 206.96C328 208.64 324 210.56 319.52 212.56C311.84 216 304.8 218.72 303.44 219.28L309.04 232.64V232.8C309.04 232.8 308.96 232.88 308.88 232.96L244.24 251.6L216.88 252.48L216.8 252.4ZM149.84 179.92L256.08 186.96C256.16 186.96 256.24 186.96 256.24 187.12C256.24 187.12 256.24 187.28 256.24 187.36L217.2 252L244.08 251.12L308.4 232.56L302.8 219.28V219.12C302.8 219.12 302.8 219.04 302.96 218.96C302.96 218.96 310.8 215.92 319.28 212.16C323.76 210.16 327.68 208.32 330.96 206.56C336.96 203.44 342 195.36 343.36 186.48C344.56 178.88 342.88 172 338.64 167.76C328.56 157.44 300.56 140.8 261.92 122.16C225.36 104.48 202.64 105.52 175.28 126C160.56 137.04 147.84 148.32 137.6 157.36C129.44 164.64 122.96 170.4 118.8 172.96C109.92 178.48 71.4401 191.68 68.2401 192.8L70.8801 203.76L149.76 179.92H149.84Z"
fill="#101720"
/>
<path
d="M322.64 210.56C335.92 201.76 341.76 190.72 339.2 179.2C336.8 168.64 317.76 154.32 283.92 137.76C255.76 124 235.68 114.88 214.88 114.88C194.08 114.88 208.08 115.12 204.72 115.6C184.88 118.48 166 136.72 150.8 151.36C147.2 154.8 143.76 158.08 140.56 161.04C124.16 175.76 118 179.44 69.2 196.96L68.24 192.8C71.44 191.68 109.92 178.48 118.8 172.96C122.96 170.4 129.44 164.64 137.6 157.36C147.84 148.32 160.48 137.04 175.28 126C190.32 114.72 203.44 109.68 217.76 109.68C232.08 109.68 244.4 113.6 262 122.08C300.72 140.8 328.72 157.36 338.72 167.68C342.88 172 344.64 178.8 343.44 186.4C342 195.28 337.04 203.28 331.04 206.48C328.64 207.76 325.84 209.12 322.64 210.56Z"
fill="#F1EBFE"
/>
<path
d="M207.84 245.76L239.12 252.16H239.2L283.84 244.48L252.48 238.08L207.84 245.76Z"
fill="#FFFFFE"
/>
<path
d="M239.12 252.4L207.84 246C207.76 246 207.68 245.84 207.68 245.76C207.68 245.68 207.76 245.52 207.84 245.52L252.48 237.84C252.48 237.84 252.48 237.84 252.56 237.84L283.84 244.24C283.92 244.24 284 244.4 284 244.48C284 244.56 283.92 244.72 283.84 244.72L239.2 252.4C239.2 252.4 239.2 252.4 239.12 252.4ZM209.12 245.76L239.12 251.92L282.48 244.48L252.48 238.32L209.12 245.76Z"
fill="#101720"
/>
<path
d="M176.56 239.36L207.84 245.76L252.48 238.08L221.2 231.68L176.56 239.36Z"
fill="#FFFFFE"
/>
<path
d="M207.84 246L176.56 239.6C176.48 239.6 176.4 239.44 176.4 239.36C176.4 239.28 176.48 239.12 176.56 239.12L221.2 231.44C221.2 231.44 221.2 231.44 221.28 231.44L252.56 237.84C252.64 237.84 252.72 238 252.72 238.08C252.72 238.16 252.64 238.32 252.56 238.32L207.92 246H207.84ZM177.84 239.36L207.84 245.52L251.2 238.08L221.2 231.92L177.84 239.36Z"
fill="#101720"
/>
<path
d="M100.64 240.64L131.92 247.04L176.56 239.36L145.28 232.96L100.64 240.64Z"
fill="#FFFFFE"
/>
<path
d="M131.92 247.28L100.64 240.88C100.56 240.88 100.48 240.72 100.48 240.64C100.48 240.56 100.56 240.4 100.64 240.4L145.28 232.72C145.28 232.72 145.28 232.72 145.36 232.72L176.64 239.12C176.72 239.12 176.8 239.28 176.8 239.36C176.8 239.44 176.72 239.6 176.64 239.6L132 247.28H131.92ZM101.92 240.64L131.92 246.8L175.2 239.36L145.2 233.2L101.84 240.64H101.92Z"
fill="#101720"
/>
<path
d="M145.28 232.96L176.56 239.36L221.2 231.68L189.92 225.28L145.28 232.96Z"
fill="#FFFFFE"
/>
<path
d="M176.56 239.6L145.2 233.2C145.12 233.2 145.04 233.04 145.04 232.96C145.04 232.88 145.12 232.72 145.2 232.72L189.84 225.04C189.84 225.04 189.84 225.04 189.92 225.04L221.2 231.44C221.28 231.44 221.36 231.6 221.36 231.68C221.36 231.76 221.28 231.92 221.2 231.92L176.56 239.6ZM146.56 232.96L176.56 239.12L219.92 231.68L189.92 225.52L146.56 232.96Z"
fill="#101720"
/>
<path
d="M56 248.32L87.28 254.72L131.92 247.04L100.64 240.64L56 248.32Z"
fill="#FFFFFE"
/>
<path
d="M87.28 254.96L56 248.56C55.92 248.56 55.84 248.4 55.84 248.32C55.84 248.24 55.92 248.08 56 248.08L100.56 240.4C100.56 240.4 100.64 240.4 100.72 240.4L132 246.8C132.08 246.8 132.16 246.96 132.16 247.04C132.16 247.12 132.08 247.28 132 247.28L87.36 254.96H87.28ZM57.28 248.32L87.28 254.48L130.64 247.04L100.64 240.88L57.28 248.32Z"
fill="#101720"
/>
<path
d="M87.28 254.72L118.56 261.12L163.2 253.44L131.92 247.04L87.28 254.72Z"
fill="#FFFFFE"
/>
<path
d="M118.56 261.36L87.28 254.96C87.2 254.96 87.12 254.8 87.12 254.72C87.12 254.64 87.2 254.48 87.28 254.48L131.92 246.8H132L163.28 253.2C163.36 253.2 163.44 253.36 163.44 253.44C163.44 253.52 163.36 253.68 163.28 253.68L118.64 261.36H118.56ZM88.56 254.72L118.56 260.88L161.92 253.44L131.92 247.28L88.56 254.72Z"
fill="#101720"
/>
<path
d="M118.56 261.12V299.28L149.84 305.44V267.52L118.56 261.12Z"
fill="#FF9C0F"
/>
<path
d="M149.84 305.6L118.56 299.44C118.48 299.44 118.4 299.28 118.4 299.2V261.04C118.4 261.04 118.4 260.88 118.48 260.88C118.56 260.88 118.64 260.88 118.64 260.88L149.92 267.28C150 267.28 150.08 267.44 150.08 267.52V305.44C150.08 305.44 150.08 305.6 150 305.6C150 305.6 149.92 305.6 149.84 305.6ZM118.8 299.04L149.6 305.12V267.68L118.8 261.36V299.04Z"
fill="#101720"
/>
<path
d="M87.28 254.72V292.88L118.56 299.28V261.12L87.28 254.72Z"
fill="#FF9C0F"
/>
<path
d="M118.56 299.52L87.28 293.12C87.2 293.12 87.12 292.96 87.12 292.88V254.72C87.12 254.72 87.12 254.56 87.2 254.56C87.28 254.56 87.36 254.56 87.36 254.56L118.64 260.96C118.72 260.96 118.8 261.12 118.8 261.2V299.36C118.8 299.36 118.8 299.52 118.72 299.52C118.72 299.52 118.64 299.52 118.56 299.52ZM87.52 292.64L118.32 298.96V261.28L87.52 254.96V292.64Z"
fill="#101720"
/>
<path
d="M56 248.32V286.4L87.28 292.88V254.72L56 248.32Z"
fill="#FF9C0F"
/>
<path
d="M87.28 293.12L56 286.72C55.92 286.72 55.84 286.56 55.84 286.48V248.32C55.84 248.32 55.84 248.16 55.92 248.16H56.08L87.36 254.56C87.44 254.56 87.52 254.72 87.52 254.8V292.96C87.52 292.96 87.52 293.12 87.44 293.12C87.44 293.12 87.36 293.12 87.28 293.12ZM56.24 286.24L87.04 292.56V254.88L56.24 248.56V286.24Z"
fill="#101720"
/>
<path
d="M239.2 252.16V290.32L283.84 282.64V244.48L239.2 252.16Z"
fill="#F1EBFE"
/>
<path
d="M239.2 290.56C239.2 290.56 239.12 290.56 239.04 290.56C239.04 290.56 238.96 290.48 238.96 290.4V252.24C238.96 252.16 239.04 252 239.12 252L283.76 244.32H283.92C283.92 244.32 284 244.4 284 244.48V282.64C284 282.72 283.92 282.88 283.84 282.88L239.2 290.56ZM239.36 252.4V290.08L283.52 282.48V244.8L239.36 252.4Z"
fill="#101720"
/>
<path
d="M194.48 259.6V297.76L239.2 290.08V251.92H239.12L194.48 259.6Z"
fill="#F1EBFE"
/>
<path
d="M194.48 298C194.48 298 194.4 298 194.32 298C194.32 298 194.24 297.92 194.24 297.84V259.68C194.24 259.6 194.32 259.44 194.4 259.44L239.04 251.76C239.04 251.76 239.12 251.76 239.2 251.76C239.28 251.76 239.36 251.92 239.36 252V290.16C239.36 290.24 239.28 290.4 239.2 290.4L194.56 298.08L194.48 298ZM194.72 259.76V297.44L238.88 289.84V252.16L194.72 259.76Z"
fill="#101720"
/>
<path
d="M149.84 267.28V305.44L194.48 297.76V259.6L149.84 267.28Z"
fill="#F1EBFE"
/>
<path
d="M149.84 305.6C149.84 305.6 149.76 305.6 149.68 305.6C149.68 305.6 149.6 305.52 149.6 305.44V267.28C149.6 267.2 149.68 267.04 149.76 267.04L194.4 259.36H194.56C194.56 259.36 194.64 259.44 194.64 259.52V297.68C194.64 297.76 194.56 297.92 194.48 297.92L149.84 305.6ZM150.08 267.44V305.12L194.24 297.52V259.84L150.08 267.44Z"
fill="#101720"
/>
<path
d="M163.2 253.44L194.48 259.84L239.12 252.16L207.84 245.76L163.2 253.44Z"
fill="#FFFFFE"
/>
<path
d="M194.48 260.08L163.2 253.68C163.12 253.68 163.04 253.52 163.04 253.44C163.04 253.36 163.12 253.2 163.2 253.2L207.84 245.52H207.92L239.2 251.92C239.28 251.92 239.36 252.08 239.36 252.16C239.36 252.24 239.28 252.4 239.2 252.4L194.56 260.08H194.48ZM164.56 253.44L194.56 259.6L237.92 252.16L207.92 246L164.64 253.44H164.56Z"
fill="#101720"
/>
<path
d="M145.28 233.2C145.28 233.2 145.28 233.2 145.2 233.2C145.12 233.2 145.04 232.96 145.12 232.88C145.12 232.8 145.36 232.72 145.44 232.8C145.52 232.8 145.6 233.04 145.52 233.12C145.52 233.2 145.36 233.28 145.28 233.28V233.2Z"
fill="#101720"
/>
<path
d="M194.48 260.08L163.2 253.68C163.12 253.68 163.04 253.52 163.04 253.44C163.04 253.36 163.12 253.2 163.2 253.2L207.84 245.52H207.92L239.2 251.92C239.28 251.92 239.36 252.08 239.36 252.16C239.36 252.24 239.28 252.4 239.2 252.4L194.56 260.08H194.48ZM164.56 253.44L194.56 259.6L237.92 252.16L207.92 246L164.64 253.44H164.56Z"
fill="#101720"
/>
<path
d="M145.28 233.2C145.28 233.2 145.28 233.2 145.2 233.2C145.12 233.2 145.04 232.96 145.12 232.88C145.12 232.8 145.36 232.72 145.44 232.8C145.52 232.8 145.6 233.04 145.52 233.12C145.52 233.2 145.36 233.28 145.28 233.28V233.2Z"
fill="#101720"
/>
<path
d="M118.56 261.12L149.84 267.52L194.48 259.84L163.2 253.44L118.56 261.12Z"
fill="#FFFFFE"
/>
<path
d="M131.92 247.04L163.2 253.44L207.84 245.76L176.56 239.36L131.92 247.04Z"
fill="#FFFFFE"
/>
<path
d="M149.84 267.76L118.56 261.36C118.48 261.36 118.4 261.2 118.4 261.12C118.4 261.04 118.48 260.88 118.56 260.88L163.2 253.2H163.28L194.56 259.6C194.64 259.6 194.72 259.76 194.72 259.84C194.72 259.92 194.64 260.08 194.56 260.08L149.92 267.76H149.84ZM119.84 261.12L149.84 267.28L193.2 259.84L163.2 253.68L119.84 261.12Z"
fill="#101720"
/>
<path
d="M163.2 253.68L131.92 247.28C131.84 247.28 131.76 247.12 131.76 247.04C131.76 246.96 131.84 246.8 131.92 246.8L176.56 239.12L207.92 245.52C208 245.52 208.08 245.68 208.08 245.76C208.08 245.84 208 246 207.92 246L163.28 253.68H163.2ZM133.2 247.04L163.2 253.2L206.48 245.76L176.48 239.6L133.12 247.04H133.2Z"
fill="#101720"
/>
<path
d="M149.84 267.76L118.56 261.36C118.48 261.36 118.4 261.2 118.4 261.12C118.4 261.04 118.48 260.88 118.56 260.88L163.2 253.2H163.28L194.56 259.6C194.64 259.6 194.72 259.76 194.72 259.84C194.72 259.92 194.64 260.08 194.56 260.08L149.92 267.76H149.84ZM119.84 261.12L149.84 267.28L193.2 259.84L163.2 253.68L119.84 261.12Z"
fill="#101720"
/>
<path
d="M163.2 253.68L131.92 247.28C131.84 247.28 131.76 247.12 131.76 247.04C131.76 246.96 131.84 246.8 131.92 246.8L176.56 239.12L207.92 245.52C208 245.52 208.08 245.68 208.08 245.76C208.08 245.84 208 246 207.92 246L163.28 253.68H163.2ZM133.2 247.04L163.2 253.2L206.48 245.76L176.48 239.6L133.12 247.04H133.2Z"
fill="#101720"
/>
<path
d="M131.92 202.08L100.64 211.68L56 208.56L87.28 198.96L131.92 202.08Z"
fill="#FFFFFE"
/>
<path
d="M100.64 211.92L56 208.8C55.92 208.8 55.76 208.72 55.76 208.56C55.76 208.48 55.76 208.32 55.92 208.32L87.2 198.72C87.2 198.72 87.2 198.72 87.28 198.72L131.92 201.84C132 201.84 132.16 201.92 132.16 202.08C132.16 202.16 132.16 202.32 132 202.32L100.72 211.92H100.64ZM57.28 208.4L100.56 211.44L130.56 202.24L87.28 199.2L57.28 208.4Z"
fill="#101720"
/>
<path
d="M163.2 192.48L131.92 202.08L87.2799 198.96L118.56 189.36L163.2 192.48Z"
fill="#FFFFFE"
/>
<path
d="M131.92 202.32L87.2 199.2C87.12 199.2 86.96 199.12 86.96 198.96C86.96 198.88 86.96 198.72 87.12 198.72L118.4 189.12C118.4 189.12 118.4 189.12 118.48 189.12L163.12 192.24C163.2 192.24 163.36 192.32 163.36 192.48C163.36 192.56 163.36 192.72 163.2 192.72L131.92 202.32ZM88.56 198.8L131.92 201.84L161.92 192.64L118.64 189.6L88.64 198.8H88.56Z"
fill="#101720"
/>
<path
d="M239.2 186L207.84 195.6L163.2 192.48L194.48 182.88L239.2 186Z"
fill="#FFFFFE"
/>
<path
d="M207.84 195.84L163.2 192.72C163.12 192.72 162.96 192.64 162.96 192.48C162.96 192.4 162.96 192.24 163.12 192.24L194.4 182.64C194.4 182.64 194.4 182.64 194.48 182.64L239.12 185.76C239.2 185.76 239.36 185.84 239.36 186C239.36 186.16 239.36 186.24 239.2 186.24L207.92 195.84H207.84ZM164.56 192.32L207.84 195.36L237.84 186.16L194.48 183.12L164.48 192.32H164.56Z"
fill="#101720"
/>
<path
d="M194.48 182.88L163.2 192.48L118.56 189.36L149.92 179.76L194.48 182.88Z"
fill="#FFFFFE"
/>
<path
d="M163.2 192.72L118.56 189.6C118.48 189.6 118.32 189.52 118.32 189.36C118.32 189.28 118.32 189.12 118.48 189.12L149.76 179.52C149.76 179.52 149.76 179.52 149.84 179.52L194.48 182.64C194.56 182.64 194.72 182.72 194.72 182.88C194.72 182.96 194.72 183.12 194.56 183.12L163.28 192.72H163.2ZM119.92 189.2L163.2 192.24L193.2 183.04L149.92 180L119.92 189.2Z"
fill="#101720"
/>
<path
d="M283.84 189.12L252.48 198.72L207.84 195.6L239.2 186L283.84 189.12Z"
fill="#FFFFFE"
/>
<path
d="M252.48 198.96L207.84 195.84C207.76 195.84 207.6 195.76 207.6 195.6C207.6 195.44 207.6 195.36 207.76 195.36L239.04 185.76L283.68 188.88C283.76 188.88 283.92 188.96 283.92 189.12C283.92 189.28 283.92 189.36 283.76 189.36L252.48 198.96ZM209.2 195.44L252.48 198.48L282.48 189.28L239.2 186.24L209.2 195.44Z"
fill="#101720"
/>
<path
d="M252.48 198.72L221.2 208.32L176.56 205.2L207.84 195.6L252.48 198.72Z"
fill="#FFFFFE"
/>
<path
d="M221.2 208.56L176.56 205.44C176.48 205.44 176.32 205.36 176.32 205.2C176.32 205.12 176.32 204.96 176.48 204.96L207.76 195.36L252.4 198.48C252.48 198.48 252.64 198.56 252.64 198.72C252.64 198.88 252.64 198.96 252.48 198.96L221.2 208.56ZM177.84 205.04L221.12 208.08L251.12 198.88L207.76 195.84L177.76 205.04H177.84Z"
fill="#101720"
/>
<path
d="M221.2 208.32V246.48L189.92 255.84V217.92L221.2 208.32Z"
fill="#FF9C0F"
/>
<path
d="M189.92 256C189.92 256 189.84 256 189.76 256C189.76 256 189.68 255.92 189.68 255.84V217.92C189.68 217.84 189.68 217.76 189.84 217.68L221.12 208.08C221.12 208.08 221.28 208.08 221.36 208.08C221.36 208.08 221.44 208.16 221.44 208.24V246.4C221.44 246.48 221.44 246.56 221.28 246.64L190 256H189.92ZM190.16 218.08V255.44L220.96 246.24V208.56L190.16 218V218.08Z"
fill="#101720"
/>
<path
d="M252.48 198.72V236.88L221.2 246.48V208.32L252.48 198.72Z"
fill="#FF9C0F"
/>
<path
d="M221.2 246.72C221.2 246.72 221.12 246.72 221.04 246.72C221.04 246.72 220.96 246.64 220.96 246.56V208.4C220.96 208.32 220.96 208.24 221.12 208.16L252.4 198.56C252.4 198.56 252.56 198.56 252.64 198.56C252.64 198.56 252.72 198.64 252.72 198.72V236.88C252.72 236.96 252.72 237.04 252.56 237.12L221.28 246.72H221.2ZM221.44 208.48V246.16L252.24 236.72V199.04L221.44 208.48Z"
fill="#101720"
/>
<path
d="M283.84 189.12V227.28L252.48 236.88V198.72L283.84 189.12Z"
fill="#FF9C0F"
/>
<path
d="M252.48 237.12C252.48 237.12 252.4 237.12 252.32 237.12C252.32 237.12 252.24 237.04 252.24 236.96V198.8C252.24 198.72 252.24 198.64 252.4 198.56L283.68 188.96C283.68 188.96 283.84 188.96 283.92 188.96C283.92 188.96 284 189.04 284 189.12V227.28C284 227.36 284 227.44 283.84 227.52L252.56 237.12H252.48ZM252.72 198.88V236.56L283.52 227.12V189.44L252.72 198.88Z"
fill="#101720"
/>
<path
d="M100.64 211.68V249.84L56 246.72V208.56L100.64 211.68Z"
fill="#F1EBFE"
/>
<path
d="M100.64 250.08L56 246.96C55.84 246.96 55.76 246.88 55.76 246.72V208.56V208.4C55.76 208.4 55.84 208.4 55.92 208.4L100.56 211.52C100.72 211.52 100.8 211.6 100.8 211.76V249.92V250.08C100.8 250.08 100.72 250.08 100.64 250.08ZM56.24 246.48L100.4 249.6V211.92L56.24 208.8V246.48Z"
fill="#101720"
/>
<path
d="M145.28 214.479V252.719L100.64 249.599V211.439L145.28 214.479Z"
fill="#F1EBFE"
/>
<path
d="M145.28 252.88L100.64 249.76C100.48 249.76 100.4 249.68 100.4 249.52V211.36C100.4 211.2 100.48 211.12 100.64 211.12L145.28 214.24C145.44 214.24 145.52 214.32 145.52 214.48V252.64V252.8C145.52 252.8 145.44 252.8 145.36 252.8L145.28 252.88ZM100.88 249.36L145.04 252.48V214.8L100.88 211.76V249.44V249.36Z"
fill="#101720"
/>
<path
d="M189.92 217.6V255.84L145.28 252.72V214.48L189.92 217.6Z"
fill="#F1EBFE"
/>
<path
d="M189.92 256L145.28 252.88C145.12 252.88 145.04 252.8 145.04 252.64V214.48V214.32C145.04 214.32 145.12 214.32 145.2 214.32L189.84 217.44C190 217.44 190.08 217.52 190.08 217.68V255.84V256C190.08 256 190 256 189.92 256ZM145.52 252.48L189.68 255.6V217.92L145.52 214.8V252.48Z"
fill="#101720"
/>
<path
d="M176.56 205.2L145.28 214.8L100.64 211.68L131.92 202.08L176.56 205.2Z"
fill="#FFFFFE"
/>
<path
d="M145.28 215.04L100.64 211.92C100.56 211.92 100.4 211.84 100.4 211.68C100.4 211.6 100.4 211.44 100.56 211.44L131.84 201.84L176.48 204.96C176.56 204.96 176.72 205.04 176.72 205.2C176.72 205.28 176.72 205.44 176.56 205.44L145.28 215.04ZM101.92 211.52L145.2 214.56L175.2 205.36L131.92 202.32L101.92 211.52Z"
fill="#101720"
/>
<path
d="M194.48 183.12C194.4 183.12 194.32 183.12 194.24 182.96C194.24 182.88 194.24 182.72 194.32 182.64C194.4 182.64 194.56 182.64 194.64 182.72C194.64 182.8 194.64 182.96 194.56 183.04C194.56 183.04 194.56 183.04 194.48 183.04V183.12Z"
fill="#101720"
/>
<path
d="M145.28 215.04L100.64 211.92C100.56 211.92 100.4 211.84 100.4 211.68C100.4 211.6 100.4 211.44 100.56 211.44L131.84 201.84L176.48 204.96C176.56 204.96 176.72 205.04 176.72 205.2C176.72 205.28 176.72 205.44 176.56 205.44L145.28 215.04ZM101.92 211.52L145.2 214.56L175.2 205.36L131.92 202.32L101.92 211.52Z"
fill="#101720"
/>
<path
d="M194.48 183.12C194.4 183.12 194.32 183.12 194.24 182.96C194.24 182.88 194.24 182.72 194.32 182.64C194.4 182.64 194.56 182.64 194.64 182.72C194.64 182.8 194.64 182.96 194.56 183.04C194.56 183.04 194.56 183.04 194.48 183.04V183.12Z"
fill="#101720"
/>
<path
d="M221.2 208.32L189.92 217.92L145.28 214.8L176.56 205.2L221.2 208.32Z"
fill="#FFFFFE"
/>
<path
d="M207.84 195.6L176.56 205.2L131.92 202.08L163.2 192.48L207.84 195.6Z"
fill="#FFFFFE"
/>
<path
d="M189.92 218.16L145.28 215.04C145.2 215.04 145.04 214.96 145.04 214.8C145.04 214.72 145.04 214.56 145.2 214.56L176.48 204.96L221.12 208.08C221.2 208.08 221.36 208.16 221.36 208.32C221.36 208.48 221.36 208.56 221.2 208.56L189.92 218.16ZM146.56 214.64L189.84 217.68L219.84 208.48L176.48 205.44L146.48 214.64H146.56Z"
fill="#101720"
/>
<path
d="M176.56 205.44L131.92 202.32C131.84 202.32 131.68 202.24 131.68 202.08C131.68 202 131.68 201.84 131.84 201.84L163.12 192.24L207.76 195.36C207.84 195.36 208 195.44 208 195.6C208 195.76 208 195.84 207.84 195.84L176.56 205.44ZM133.28 201.92L176.56 204.96L206.56 195.76L163.28 192.72L133.28 201.92Z"
fill="#101720"
/>
<path
d="M189.92 218.16L145.28 215.04C145.2 215.04 145.04 214.96 145.04 214.8C145.04 214.72 145.04 214.56 145.2 214.56L176.48 204.96L221.12 208.08C221.2 208.08 221.36 208.16 221.36 208.32C221.36 208.48 221.36 208.56 221.2 208.56L189.92 218.16ZM146.56 214.64L189.84 217.68L219.84 208.48L176.48 205.44L146.48 214.64H146.56Z"
fill="#101720"
/>
<path
d="M176.56 205.44L131.92 202.32C131.84 202.32 131.68 202.24 131.68 202.08C131.68 202 131.68 201.84 131.84 201.84L163.12 192.24L207.76 195.36C207.84 195.36 208 195.44 208 195.6C208 195.76 208 195.84 207.84 195.84L176.56 205.44ZM133.28 201.92L176.56 204.96L206.56 195.76L163.28 192.72L133.28 201.92Z"
fill="#101720"
/>
<path
d="M55.68 208.72V216C55.68 216 59.44 216.72 60.4 219.44C61.36 222.16 58.48 223.52 58.48 223.52C58.48 223.52 60.64 224.4 61.12 226.96C61.6 229.52 58.96 231.52 58.96 231.52C58.96 231.52 62.16 234.88 58.8 239.12C58.8 239.12 61.12 243.12 58 246.24C54.88 249.36 35.28 249.12 39.84 239.92C39.84 239.92 32.8 235.36 38.08 230.32C38.08 230.32 31.76 226.08 35.52 221.04C35.52 221.04 32 217.2 35.36 212.8C38.72 208.4 42.72 204.88 42.72 204.88C42.72 204.88 30.24 201.44 32.16 195.28C34.08 189.12 43.6 191.36 50.56 192.88C57.52 194.4 67.84 192.64 67.84 192.64L70.56 204.08L55.6 208.72H55.68Z"
fill="#F48282"
/>
<mask
id="mask0_910_13921"
style={{ maskType: "luminance" }}
maskUnits="userSpaceOnUse"
x="31"
y="191"
width="40"
height="58"
>
<path
d="M55.68 208.72V216C55.68 216 59.44 216.72 60.4 219.44C61.36 222.16 58.48 223.52 58.48 223.52C58.48 223.52 60.64 224.4 61.12 226.96C61.6 229.52 58.96 231.52 58.96 231.52C58.96 231.52 62.16 234.88 58.8 239.12C58.8 239.12 61.12 243.12 58 246.24C54.88 249.36 35.28 249.12 39.84 239.92C39.84 239.92 32.8 235.36 38.08 230.32C38.08 230.32 31.76 226.08 35.52 221.04C35.52 221.04 32 217.2 35.36 212.8C38.72 208.4 42.72 204.88 42.72 204.88C42.72 204.88 30.24 201.44 32.16 195.28C34.08 189.12 43.6 191.36 50.56 192.88C57.52 194.4 67.84 192.64 67.84 192.64L70.56 204.08L55.6 208.72H55.68Z"
fill="white"
/>
</mask>
<g mask="url(#mask0_910_13921)">
<path
d="M30.8801 193.92C30.8801 198.64 39.4401 200.48 42.8001 200C46.1601 199.52 47.2801 198.88 49.0401 198.24C50.8001 197.6 52.2401 197.76 49.0401 200C45.8401 202.24 42.0801 205.36 40.7201 206.8C39.3601 208.24 30.0801 203.12 30.0801 203.12L30.8001 193.92H30.8801Z"
fill="#236FE7"
/>
<path
d="M60.0001 192.88C66.2401 194.48 67.9201 206.8 67.9201 206.8L75.5201 204.24L70.6401 185.52L60.0001 192.88Z"
fill="#236FE7"
/>
<path
d="M57.36 211.68C54.32 212.24 50.48 208.56 46.56 210.08C42.64 211.6 44.8 215.92 49.12 217.28C53.44 218.64 60.96 218.64 61.6 220.16C62.24 221.68 60 223.12 60 223.12C60 223.12 57.12 224.56 55.52 224.64C53.92 224.72 48.88 226 42.08 224.08C35.28 222.16 33.04 218.96 33.04 218.96L33.6 226.32C33.6 226.32 36.72 224.88 41.84 226.64C46.96 228.4 52.72 228.24 56 227.44C59.28 226.64 61.44 224.64 63.12 226.48C64.8 228.32 61.68 230.64 61.68 230.64L60.16 231.28C60.16 231.28 57.12 232.88 52.64 233.2C48.16 233.52 43.76 232.16 41.44 231.76C39.12 231.36 36.64 229.68 36.64 229.68L34.56 233.92C34.56 233.92 36.32 233.04 41.36 234.32C46.4 235.6 52.56 236.08 56.4 234.96C60.24 233.84 62.16 235.2 62.16 235.2L59.76 238.8C59.76 238.8 56.72 240.56 55.52 240.96C54.32 241.36 51.28 242.4 45.68 241.6C40.08 240.8 37.76 238.64 37.76 238.64V243.52C37.76 243.52 40 242 43.68 243.76C47.36 245.52 55.92 244.16 57.44 243.2C58.96 242.24 60.88 242.48 60.88 242.48L69.12 227.76L63.2 214.64L57.52 211.6L57.36 211.68Z"
fill="#236FE7"
/>
</g>
<path
d="M50.16 248.24C46.8 248.24 43.12 247.6 40.96 246C38.88 244.56 38.4 242.48 39.6 240C38.88 239.52 36.24 237.44 35.92 234.64C35.76 233.12 36.4 231.68 37.76 230.32C36.96 229.76 34.64 227.84 34.24 225.2C34 223.76 34.32 222.4 35.28 221.04C34.64 220.24 32.16 216.64 35.28 212.64C38.08 209.04 41.36 205.92 42.32 205.04C40.64 204.56 34.32 202.4 32.32 198.8C31.68 197.68 31.6 196.48 31.92 195.28C33.84 189.12 42.72 191.04 49.84 192.48L50.64 192.64C57.52 194.08 67.76 192.4 67.84 192.4C68 192.4 68.08 192.4 68.08 192.56L70.8 204C70.8 204.16 70.8 204.24 70.64 204.32L55.84 208.88V215.84C56.64 216 59.68 216.96 60.56 219.36C61.36 221.6 59.68 223.04 58.88 223.52C59.52 223.92 60.88 224.96 61.28 226.96C61.76 229.28 59.84 231.12 59.2 231.6C59.84 232.4 61.84 235.52 58.96 239.12C59.36 239.92 60.88 243.52 58.08 246.4C56.96 247.52 53.6 248.24 50.08 248.24H50.16ZM39.6 191.44C36.16 191.44 33.36 192.4 32.4 195.36C32.08 196.4 32.16 197.52 32.72 198.48C34.88 202.4 42.72 204.56 42.8 204.64C42.88 204.64 42.96 204.72 42.96 204.8C42.96 204.88 42.96 204.96 42.96 205.04C42.96 205.04 38.96 208.56 35.6 212.88C32.4 217.04 35.6 220.64 35.76 220.8C35.76 220.88 35.84 221.04 35.76 221.12C34.8 222.4 34.48 223.68 34.64 225.04C35.12 227.92 38.16 230 38.24 230C38.24 230 38.32 230.08 38.32 230.16C38.32 230.24 38.32 230.32 38.32 230.32C36.96 231.6 36.32 233.04 36.4 234.48C36.64 237.36 40 239.6 40 239.6C40.08 239.6 40.16 239.76 40.08 239.92C38.88 242.24 39.28 244.16 41.2 245.52C45.44 248.56 55.68 248.08 57.84 245.92C60.8 242.96 58.72 239.28 58.64 239.12C58.64 239.04 58.64 238.96 58.64 238.88C61.84 234.88 58.96 231.76 58.88 231.6C58.88 231.6 58.88 231.52 58.88 231.44C58.88 231.44 58.88 231.28 58.96 231.28C58.96 231.28 61.52 229.36 61.04 226.96C60.56 224.56 58.56 223.68 58.56 223.68C58.48 223.68 58.4 223.6 58.4 223.44C58.4 223.28 58.4 223.28 58.56 223.2C58.64 223.2 61.28 221.84 60.4 219.36C59.44 216.88 55.84 216.08 55.84 216.08C55.76 216.08 55.68 215.92 55.68 215.84V208.64C55.68 208.56 55.68 208.4 55.84 208.4L70.56 203.84L67.92 192.88C66.4 193.12 57.12 194.4 50.72 193.04L49.92 192.88C46.64 192.16 42.96 191.44 39.76 191.44H39.6Z"
fill="#101720"
/>
<path
d="M50.24 225.36C44.56 225.36 38.4 223.68 35.44 221.12C35.36 221.04 35.36 220.88 35.44 220.8C35.52 220.72 35.68 220.72 35.76 220.8C40.32 224.64 52.16 226.48 58.48 223.28C58.56 223.28 58.72 223.28 58.8 223.36C58.8 223.44 58.8 223.6 58.72 223.68C56.4 224.88 53.44 225.36 50.32 225.36H50.24Z"
fill="#101720"
/>
<path
d="M55.68 216.24C55.68 216.24 55.68 216.24 55.6 216.24C50.72 214.48 48.08 212.48 48.08 212.48C48 212.4 47.92 212.24 48.08 212.16C48.08 212.08 48.32 212 48.4 212.16C48.4 212.16 51.0401 214.16 55.8401 215.84C56.0001 215.84 56 216 56 216.16C56 216.24 55.84 216.32 55.76 216.32L55.68 216.24Z"
fill="#101720"
/>
<path
d="M42.8 205.12C42.8 205.12 42.64 205.12 42.64 205.04C42.56 204.96 42.64 204.8 42.64 204.72C47.36 200.64 50.16 199.04 50.16 199.04C50.24 199.04 50.4 199.04 50.48 199.12C50.48 199.2 50.48 199.36 50.4 199.44C50.4 199.44 47.6 200.96 42.96 205.04C42.96 205.04 42.88 205.04 42.8 205.04V205.12Z"
fill="#101720"
/>
<path
d="M51.04 233.36C46.16 233.36 40.8 232.24 38 230.4C37.92 230.4 37.84 230.16 38 230.08C38 230 38.24 229.92 38.32 230.08C43.76 233.52 55.04 233.76 58.96 231.36C59.04 231.36 59.2 231.36 59.28 231.36C59.28 231.44 59.28 231.6 59.28 231.68C57.44 232.8 54.4 233.36 51.2 233.36H51.04Z"
fill="#101720"
/>
<path
d="M49.6 242.24C46.56 242.24 43.2 241.52 39.76 240.16C39.6 240.16 39.6 240 39.6 239.84C39.6 239.68 39.76 239.68 39.92 239.68C47.2 242.64 54.16 242.4 58.56 238.88C58.64 238.8 58.8 238.88 58.88 238.88C58.96 238.96 58.88 239.12 58.88 239.2C56.4 241.12 53.2 242.08 49.52 242.08L49.6 242.24Z"
fill="#101720"
/>
<path
d="M256.08 187.2C247.28 189.92 238.8 187.2 235.36 189.92C231.92 192.64 241.28 198 241.28 198C241.28 198 225.36 204.32 219.36 208C213.36 211.68 216.96 219.2 224.48 216.4C224.48 216.4 220.16 219.36 222.88 223.12C225.6 226.88 230.96 224.4 230.96 224.4C230.96 224.4 228.72 232.96 236.56 232.72C236.56 232.72 236.32 238 243.68 237.36C251.04 236.72 273.52 230.16 273.52 230.16L256 187.2H256.08Z"
fill="#F48282"
/>
<mask
id="mask1_910_13921"
style={{ maskType: "luminance" }}
maskUnits="userSpaceOnUse"
x="216"
y="187"
width="58"
height="51"
>
<path
d="M256.08 187.2C247.28 189.92 238.8 187.2 235.36 189.92C231.92 192.64 241.28 198 241.28 198C241.28 198 225.36 204.32 219.36 207.92C213.36 211.52 216.96 219.12 224.48 216.32C224.48 216.32 220.16 219.28 222.88 223.04C225.6 226.8 230.96 224.32 230.96 224.32C230.96 224.32 228.72 232.88 236.56 232.64C236.56 232.64 236.32 237.92 243.68 237.28C251.04 236.64 273.52 230.08 273.52 230.08L256 187.12L256.08 187.2Z"
fill="white"
/>
</mask>
<g mask="url(#mask1_910_13921)">
<path
d="M234.72 188.159C234.8 191.999 240.08 194.079 245.28 194.159C250.48 194.239 247.84 195.359 245.68 196.559C243.52 197.759 233.44 200.239 233.44 200.239C233.44 200.239 215.36 206.879 214.08 209.839C212.8 212.799 216.8 215.199 222.4 213.039C228 210.879 234.56 207.759 237.12 207.599C239.68 207.439 241.04 209.599 236.24 211.519C231.44 213.439 219.2 218.079 219.2 218.079C219.2 218.079 220.8 223.279 225.36 222.239C229.92 221.199 238.88 218.479 242.64 217.439C246.4 216.399 250 217.999 244.4 219.839C238.8 221.679 224.64 226.879 224.64 226.879C224.64 226.879 228.72 230.879 233.44 229.999C238.16 229.119 246 226.159 249.04 225.599C252.08 225.039 253.36 226.559 250.24 227.999C247.12 229.439 232.4 234.319 232.4 234.319C232.4 234.319 237.44 237.119 244.24 235.839C251.04 234.479 265.2 231.039 267.6 228.719C270 226.399 270.48 219.279 270.48 219.279L276.64 228.239L275.28 235.439L250.56 239.919L222.16 240.399L209.04 223.439L205.44 197.759L214.32 188.079L234.48 187.919L234.72 188.159Z"
fill="#236FE7"
/>
</g>
<path
d="M242.56 237.6C240.48 237.6 238.88 237.04 237.84 236.08C236.64 234.96 236.4 233.52 236.4 232.96C236.4 232.96 236.4 232.96 236.32 232.96C234.24 232.96 232.72 232.32 231.76 231.12C230.08 229.04 230.48 226 230.72 224.8C229.36 225.28 225.12 226.48 222.8 223.2C222 222.08 221.76 220.96 221.92 219.84C222.16 218.56 222.88 217.6 223.52 216.96C220 217.84 217.6 216.48 216.64 214.56C215.68 212.64 216.16 209.68 219.36 207.84C224.72 204.64 238.16 199.12 240.8 198.08C239.36 197.2 234.64 194.16 234.4 191.6C234.4 190.88 234.64 190.32 235.2 189.84C236.96 188.4 239.92 188.4 243.68 188.4C247.36 188.4 251.6 188.4 256 187.04C256.08 187.04 256.16 187.04 256.24 187.2L273.76 230.16V230.32C273.76 230.32 273.68 230.4 273.6 230.48C273.36 230.48 251.04 237.04 243.76 237.68C243.36 237.68 242.96 237.68 242.56 237.68V237.6ZM236.64 232.4H236.8C236.8 232.4 236.8 232.48 236.8 232.56C236.8 232.56 236.8 234.32 238.08 235.6C239.28 236.72 241.12 237.2 243.68 236.96C250.48 236.4 270.72 230.56 273.2 229.84L255.92 187.36C251.52 188.72 247.2 188.64 243.68 188.64C240 188.64 237.12 188.64 235.52 189.92C235.04 190.32 234.8 190.72 234.88 191.28C235.12 193.92 241.36 197.6 241.44 197.6C241.44 197.6 241.6 197.76 241.52 197.84C241.52 197.92 241.52 198 241.36 198.08C241.2 198.08 225.44 204.48 219.52 208C216.56 209.76 216.16 212.32 217.04 214.16C218 216.08 220.64 217.44 224.48 216C224.56 216 224.72 216 224.8 216.08C224.88 216.16 224.8 216.32 224.8 216.4C224.8 216.4 222.8 217.76 222.48 219.76C222.32 220.8 222.56 221.76 223.28 222.8C225.84 226.4 230.96 224.08 231.04 224.08C231.12 224.08 231.2 224.08 231.28 224.08C231.28 224.08 231.36 224.24 231.28 224.32C231.28 224.32 230.24 228.32 232.16 230.64C233.12 231.84 234.64 232.4 236.72 232.32L236.64 232.4Z"
fill="#101720"
/>
<path
d="M224.56 216.56C224.48 216.56 224.4 216.56 224.32 216.4C224.32 216.24 224.32 216.16 224.48 216.08L238.88 210.24C239.04 210.24 239.12 210.24 239.2 210.4C239.2 210.56 239.2 210.64 239.04 210.72L224.64 216.56C224.64 216.56 224.64 216.56 224.56 216.56Z"
fill="#101720"
/>
<path
d="M231.04 224.64C230.96 224.64 230.88 224.64 230.8 224.48C230.8 224.32 230.8 224.24 230.96 224.16L246.88 218.88C247.04 218.88 247.12 218.88 247.2 219.04C247.2 219.2 247.2 219.28 247.04 219.36L231.12 224.64H231.04Z"
fill="#101720"
/>
<path
d="M236.64 232.88C236.56 232.88 236.48 232.88 236.4 232.72C236.4 232.56 236.4 232.48 236.56 232.4L252.32 227.2C252.48 227.2 252.56 227.2 252.64 227.36C252.64 227.52 252.64 227.6 252.48 227.68L236.72 232.88H236.64Z"
fill="#101720"
/>
<path
d="M241.36 198.24C241.28 198.24 241.2 198.24 241.12 198.08C241.12 197.92 241.12 197.84 241.28 197.76L250.48 194C250.64 194 250.72 194 250.8 194.16C250.8 194.32 250.8 194.4 250.64 194.48L241.44 198.24C241.44 198.24 241.44 198.24 241.36 198.24Z"
fill="#101720"
/>
<path
d="M160.08 181.04C160 181.04 159.84 180.96 159.84 180.8C159.84 180.72 158.32 171.04 156.64 158.72C156.64 158.56 156.64 158.48 156.88 158.48C157.04 158.48 157.12 158.48 157.12 158.72C158.72 171.04 160.24 180.72 160.32 180.8C160.32 180.96 160.32 181.04 160.16 181.04H160.08Z"
fill="#101720"
/>
<path
d="M163.92 116.88C166.16 119.92 172.8 120.8 178 118.64C178 118.64 189.92 121.68 200.24 114.48C200.24 114.48 211.04 118.88 216.96 114.96C216.96 114.96 229.44 116.56 230.24 109.6C230.24 109.6 236 107.2 234.32 101.92C232.56 96.6396 228.16 94.8796 228.16 94.8796C227.84 94.2396 222.96 84.3996 217.12 83.6796C217.12 83.6796 213.36 75.3596 206.32 75.7596C206.32 75.7596 186.96 59.3596 177.92 75.4396C177.92 75.4396 171.28 82.4796 170.64 90.3196C170.64 90.3196 165.52 95.7596 166 102C166 102 161.76 104.4 162.96 109.68C162.96 109.68 161.76 113.92 163.92 116.96V116.88Z"
fill="#FF9C0F"
/>
<path
d="M171.92 120.08C168.48 120.08 165.2 119.04 163.76 117.04C161.6 114.08 162.56 110.16 162.72 109.6C161.68 104.8 165.04 102.32 165.76 101.84C165.36 95.9199 169.84 90.7999 170.4 90.1599C171.12 82.3999 177.68 75.3599 177.76 75.2799C179.92 71.3599 182.96 69.0399 186.72 68.3199C195.44 66.7199 205.44 74.7199 206.4 75.5199C212.96 75.1999 216.8 82.4799 217.28 83.5199C222.96 84.3199 227.76 93.5199 228.32 94.7999C228.96 95.1199 232.88 97.0399 234.48 102C236.08 106.96 231.28 109.52 230.4 109.92C230.24 111.36 229.52 112.48 228.4 113.44C224.8 116.24 217.92 115.52 216.96 115.44C211.2 119.12 201.44 115.44 200.24 114.96C190.4 121.76 179.04 119.36 178 119.12C176.08 119.92 173.92 120.32 171.92 120.32V120.08ZM164.08 116.72C166.24 119.68 172.88 120.56 177.92 118.4C177.92 118.4 178 118.4 178.08 118.4C178.16 118.4 190.08 121.36 200.16 114.32C200.16 114.32 200.32 114.32 200.4 114.32C200.48 114.32 211.12 118.64 216.88 114.8C216.88 114.8 216.96 114.8 217.04 114.8C217.04 114.8 224.56 115.76 228.16 112.96C229.2 112.08 229.84 111.04 230 109.68C230 109.6 230 109.52 230.16 109.52C230.4 109.44 235.68 107.2 234.08 102.16C232.4 97.0399 228.16 95.2799 228.08 95.1999C228.08 95.1999 228 95.1999 227.92 95.0399C227.36 93.9999 222.64 84.6399 217.04 83.9999C216.96 83.9999 216.88 83.9999 216.88 83.8399C216.88 83.7599 213.28 75.9999 206.8 75.9999C200.32 75.9999 206.48 75.9999 206.32 75.9999H206.16C206.08 75.9199 195.68 67.2799 186.8 68.8799C183.2 69.5199 180.24 71.8399 178.16 75.5999C178.08 75.6799 171.52 82.7199 170.88 90.3199C170.88 90.3199 170.88 90.3999 170.88 90.4799C170.88 90.4799 165.84 95.9199 166.32 102C166.32 102.08 166.32 102.16 166.16 102.24C166 102.32 162.16 104.56 163.2 109.6C163.2 109.6 163.2 109.6 163.2 109.68C163.2 109.68 162 113.84 164.16 116.72H164.08Z"
fill="#101720"
/>
<path
d="M163.92 116.88C166.16 119.92 172.8 120.8 178 118.64C178 118.64 189.92 121.68 200.24 114.48C200.24 114.48 211.04 118.88 216.96 114.96C216.96 114.96 229.44 116.56 230.24 109.6C230.24 109.6 236 107.2 234.32 101.92C232.56 96.6399 228.16 94.8799 228.16 94.8799C230.56 101.12 220.96 109.84 215.12 109.04C209.36 108.24 201.68 106.72 201.68 106.72L183.84 110.88C183.84 110.88 180.96 113.76 177.04 113.12C173.04 112.56 166.24 108 166 101.92C166 101.92 161.76 104.32 162.96 109.6C162.96 109.6 161.76 113.84 163.92 116.88Z"
fill="#101720"
/>
<path
d="M171.92 120.08C168.4 120.08 165.2 118.96 163.76 117.04C161.6 114.08 162.56 110.16 162.72 109.6C161.6 104.24 165.84 101.76 165.92 101.76C165.92 101.76 166.08 101.76 166.16 101.76C166.16 101.76 166.24 101.84 166.32 102C166.56 107.68 172.96 112.4 177.12 112.96C180.96 113.52 183.76 110.8 183.76 110.8C183.76 110.8 183.76 110.8 183.84 110.8L201.68 106.64C201.68 106.64 201.68 106.64 201.76 106.64C201.76 106.64 209.52 108.16 215.2 108.96C218.32 109.36 222.88 106.88 225.84 103.2C228.08 100.4 228.8 97.4398 227.92 95.1198C227.92 95.0398 227.92 94.9598 227.92 94.8798C227.92 94.8798 228.08 94.7998 228.16 94.8798C228.32 94.8798 232.72 96.7998 234.4 102.08C236 107.04 231.2 109.6 230.32 110C230.16 111.44 229.44 112.56 228.32 113.52C224.72 116.32 217.84 115.6 216.88 115.52C211.12 119.2 201.36 115.52 200.16 115.04C190.32 121.84 178.96 119.44 177.92 119.2C176 120 173.84 120.4 171.84 120.4L171.92 120.08ZM165.76 102.4C164.8 103.04 162.24 105.36 163.12 109.6C163.12 109.6 163.12 109.6 163.12 109.68C163.12 109.68 161.92 113.84 164.08 116.72C166.24 119.68 172.88 120.56 177.92 118.4C177.92 118.4 178 118.4 178.08 118.4C178.16 118.4 190.08 121.36 200.16 114.32C200.16 114.32 200.32 114.32 200.4 114.32C200.48 114.32 211.12 118.64 216.88 114.8C216.88 114.8 216.96 114.8 217.04 114.8C217.04 114.8 224.56 115.76 228.16 112.96C229.2 112.08 229.84 111.04 230 109.68C230 109.6 230 109.52 230.16 109.52C230.4 109.44 235.68 107.2 234.08 102.16C232.72 98.0798 229.76 96.0798 228.56 95.4398C229.2 97.7598 228.4 100.64 226.16 103.44C223.12 107.28 218.32 109.84 215.04 109.44C209.52 108.72 202.32 107.28 201.6 107.12L183.84 111.28C183.44 111.68 180.64 114.08 176.88 113.6C174.72 113.28 171.92 111.84 169.84 110C167.36 107.84 165.92 105.2 165.68 102.56L165.76 102.4Z"
fill="#101720"
/>
<path
d="M204.72 98.3197C204.24 98.0797 203.92 97.9197 203.92 97.9197L204.08 97.6797C204.08 97.6797 204.4 97.8397 204.8 98.0797V98.3197H204.72Z"
fill="#5C2F00"
/>
<path
d="M205.28 127.2C203.44 128.4 201.52 128.96 200 128.32C195.36 126.48 195.84 121.28 195.84 121.28L194.4 110.88L202.48 101.92L203.68 100.56L210.64 114.56C212.24 119.36 208.96 124.72 205.28 127.2Z"
fill="#F69999"
/>
<path
d="M205.28 127.2C203.44 128.4 201.52 128.96 200 128.32C195.36 126.48 195.84 121.28 195.84 121.28L194.4 110.88L202.48 101.92L203.84 102.56C203.84 102.56 202.56 109.68 200.24 114.56C198.48 118.32 202.48 124.24 205.28 127.28V127.2Z"
fill="#2973E8"
/>
<path
d="M205.92 104.88C205.92 104.88 201.44 112.56 194.88 114.24L194.4 110.88L204.16 101.44L205.84 104.88H205.92Z"
fill="#101720"
/>
<path
d="M194.72 114.56L194.16 110.8L204.24 101.04L206.16 104.88C206.16 105.04 201.6 112.72 195.04 114.48H194.8L194.72 114.56ZM194.64 110.96L195.04 113.92C200.88 112.24 205.04 105.76 205.6 104.88L204.08 101.84L194.64 110.96Z"
fill="#101720"
/>
<path
d="M201.44 128.88C200.88 128.88 200.4 128.8 200 128.64C195.2 126.8 195.68 121.44 195.68 121.36L194.24 110.96V110.8L203.6 100.48C203.6 100.48 203.76 100.4 203.84 100.48C203.84 100.48 204 100.48 204 100.64L210.96 114.64C212.56 119.44 209.44 124.96 205.52 127.6C204.08 128.56 202.72 129.04 201.52 129.04L201.44 128.88ZM194.64 110.96L196.08 121.28C196.08 121.52 195.68 126.4 200.08 128.16C201.44 128.72 203.28 128.32 205.12 127.04C208.88 124.48 211.92 119.2 210.4 114.64L203.6 100.96L194.56 110.96H194.64Z"
fill="#101720"
/>
<path
d="M180.08 109.2C180.64 110.32 181.28 111.2 182 112C186.8 117.68 193.6 115.84 199.44 110.08C202.72 106.88 204.4 102.64 204.88 98.2397C206.4 99.0397 209.84 100.16 210.16 95.4397C210.48 90.2397 206.4 86.7997 204.24 89.9997C204.24 90.0797 204.08 90.2397 204 90.3197C203.6 91.4397 203.36 92.6397 203.28 93.8397C203.28 94.1597 203.28 94.4797 203.12 94.7997C202.88 95.3597 202.32 95.7597 201.68 95.7597C201.6 94.9597 201.52 94.1597 201.44 93.3597C201.28 92.2397 201.2 91.1197 200.88 90.0797C198.8 90.2397 196.8 89.8397 194.8 89.1197C192.24 88.2397 190 86.7197 187.84 85.1197C187.84 85.1197 187.68 85.1197 187.6 85.1997C181.52 87.8397 179.28 84.2397 179.28 84.2397L178.56 86.4797C177.28 90.7197 176.88 95.1197 177.28 99.4397C177.6 102.56 178.4 106 180.08 109.2Z"
fill="#F69999"
/>
<path
d="M189.44 96.7998C189.44 96.7998 190.4 94.3198 193.44 94.3198C196.48 94.3198 197.12 96.2398 197.12 96.2398C197.12 96.2398 196.16 98.7998 193.44 98.8798C190.72 98.8798 189.44 96.8798 189.44 96.8798V96.7998Z"
fill="#FFFFFE"
/>
<mask
id="mask2_910_13921"
style={{ maskType: "luminance" }}
maskUnits="userSpaceOnUse"
x="189"
y="94"
width="9"
height="5"
>
<path
d="M189.44 96.7998C189.44 96.7998 190.4 94.3198 193.44 94.3198C196.48 94.3198 197.12 96.2398 197.12 96.2398C197.12 96.2398 196.16 98.7998 193.44 98.8798C190.72 98.8798 189.44 96.8798 189.44 96.8798V96.7998Z"
fill="white"
/>
</mask>
<g mask="url(#mask2_910_13921)">
<path
d="M192.16 99.0397C193.22 99.0397 194.08 98.1801 194.08 97.1197C194.08 96.0593 193.22 95.1997 192.16 95.1997C191.1 95.1997 190.24 96.0593 190.24 97.1197C190.24 98.1801 191.1 99.0397 192.16 99.0397Z"
fill="#101720"
/>
</g>
<path
d="M185.76 104.32C184.96 104.32 184.32 103.84 184 103.2C183.68 102.48 183.68 101.68 184 101.12C184.56 100.24 185.44 98.16 185.2 95.76C185.2 95.6 185.28 95.52 185.44 95.52C185.6 95.52 185.68 95.6 185.68 95.76C186 98.32 185.04 100.56 184.4 101.44C184.08 101.92 184.08 102.56 184.4 103.04C184.56 103.36 184.96 103.84 185.76 103.92C185.92 103.92 186 104.08 186 104.16C186 104.32 185.92 104.4 185.76 104.4V104.32Z"
fill="#101720"
/>
<path
d="M191.36 105.84C191.04 105.84 190.8 105.84 190.48 105.68C190.32 105.68 190.32 105.52 190.32 105.36C190.32 105.2 190.48 105.2 190.64 105.2C191.28 105.44 191.84 105.36 192.32 105.04C192.8 104.64 193.04 103.92 192.88 103.12C192.88 102.96 192.88 102.88 193.04 102.8C193.2 102.8 193.28 102.8 193.36 102.96C193.6 104 193.36 104.88 192.64 105.36C192.32 105.68 191.84 105.84 191.36 105.84Z"
fill="#101720"
/>
<path
d="M189.6 93.9198C189.6 93.9198 189.52 93.9198 189.44 93.9198C189.36 93.8398 189.28 93.6798 189.44 93.5998C190.24 92.5598 191.68 91.9198 193.28 91.8398C194.72 91.8398 196.08 92.2398 196.8 93.0398C196.88 93.1198 196.88 93.2798 196.8 93.3598C196.72 93.4398 196.56 93.4398 196.48 93.3598C195.84 92.6398 194.64 92.2398 193.28 92.3198C191.84 92.3198 190.56 92.9598 189.84 93.8398C189.84 93.8398 189.76 93.9198 189.68 93.9198H189.6Z"
fill="#101720"
/>
<path
d="M184.8 93.7601C184.8 93.7601 184.72 93.7601 184.64 93.7601C184.56 93.7601 182.24 92.0001 180.4 93.6001C180.32 93.6801 180.16 93.6001 180.08 93.6001C180 93.5201 180.08 93.3601 180.08 93.2801C182.24 91.3601 184.96 93.3601 184.96 93.4401C185.04 93.5201 185.12 93.6801 184.96 93.7601C184.96 93.7601 184.88 93.8401 184.8 93.8401V93.7601Z"
fill="#101720"
/>
<path
d="M193.44 94.32C193.44 94.32 194.88 94.24 196 94.96C197.12 95.68 197.6 96.4 197.92 96.48L197.52 97.04C197.52 97.04 195.52 94.56 193.44 94.4V94.32Z"
fill="#101720"
/>
<path
d="M185.2 96.8801C185.2 96.8801 184.16 94.8801 181.6 95.1201C179.04 95.3601 178.64 97.0401 178.64 97.0401C178.64 97.0401 179.68 99.1201 182 98.9601C184.32 98.8001 185.2 96.9601 185.2 96.9601V96.8801Z"
fill="#FFFFFE"
/>
<mask
id="mask3_910_13921"
style={{ maskType: "luminance" }}
maskUnits="userSpaceOnUse"
x="178"
y="95"
width="8"
height="4"
>
<path
d="M185.2 96.8801C185.2 96.8801 184.16 94.8801 181.6 95.1201C179.04 95.3601 178.64 97.0401 178.64 97.0401C178.64 97.0401 179.68 99.1201 182 98.9601C184.32 98.8001 185.2 96.9601 185.2 96.9601V96.8801Z"
fill="white"
/>
</mask>
<g mask="url(#mask3_910_13921)">
<path
d="M182 98.9601C182.928 98.9601 183.68 98.2079 183.68 97.2801C183.68 96.3523 182.928 95.6001 182 95.6001C181.072 95.6001 180.32 96.3523 180.32 97.2801C180.32 98.2079 181.072 98.9601 182 98.9601Z"
fill="#101720"
/>
</g>
<path
d="M181.6 95.04C181.6 95.04 180.4 95.04 179.52 95.76C178.64 96.48 178.32 97.12 178 97.2L178.4 97.6C178.4 97.6 179.92 95.36 181.68 95.04H181.6Z"
fill="#101720"
/>
<path
d="M204.88 95.2799C204.64 95.2799 204.56 95.0399 204.56 94.8799C204.96 92.7999 205.36 91.7599 206.08 91.3599C206.48 91.1199 206.88 91.0399 207.44 91.1999C207.68 91.1999 207.76 91.4399 207.68 91.6799C207.68 91.9199 207.44 91.9999 207.2 91.9199C206.88 91.9199 206.64 91.9199 206.48 91.9199C206 92.2399 205.6 93.1999 205.28 94.9599C205.28 95.1199 205.12 95.2799 204.88 95.2799Z"
fill="#101720"
/>
<path
d="M181.92 112C186.72 117.68 193.52 115.84 199.36 110.08C202.64 106.88 204.32 102.64 204.8 98.2396C206.32 99.0396 209.76 100.16 210.08 95.4396C210.4 90.2396 206.32 86.7996 204.16 89.9996C204.16 90.0796 204 90.2396 203.92 90.3196C203.52 91.4396 203.28 92.6396 203.2 93.8396C203.2 94.1596 203.2 94.4796 203.04 94.7996C202.8 95.3596 202.24 95.7596 201.6 95.7596C201.52 94.9596 201.44 94.1596 201.36 93.3596C201.2 92.2396 201.12 91.1196 200.8 90.0796C198.72 90.2396 196.72 89.8396 194.72 89.1196C192.16 88.2396 189.92 86.7196 187.76 85.1196C187.76 85.1196 187.6 85.1196 187.52 85.1996C191.2 89.9196 200 91.4396 198.32 100.8C196.08 113.84 186.56 112.08 181.92 112Z"
fill="#2973E8"
/>
<path
d="M204.8 94.3996C204.64 94.3996 204.56 94.2396 204.64 94.1596C204.64 93.9996 205.28 90.6396 207.28 90.6396C207.44 90.6396 207.52 90.7196 207.52 90.8796C207.52 91.0396 207.44 91.1196 207.28 91.1196C205.68 91.1196 205.12 94.2396 205.12 94.2396C205.12 94.3196 204.96 94.4796 204.88 94.4796L204.8 94.3996Z"
fill="#101720"
/>
<path
d="M207.2 96.3997C207.2 96.3997 207.12 96.3997 207.04 96.3997C206.96 96.3197 206.96 96.1597 207.04 96.0797C207.76 95.2797 207.68 93.7597 207.2 92.7197C206.88 92.0797 206.48 91.6797 206.08 91.6797C205.92 91.6797 205.84 91.5997 205.84 91.4397C205.84 91.2797 205.92 91.1997 206.08 91.1997C206.64 91.1997 207.2 91.6797 207.6 92.5597C208.16 93.7597 208.24 95.4397 207.36 96.3997C207.36 96.3997 207.28 96.3997 207.2 96.3997Z"
fill="#101720"
/>
<path
d="M179.2 84.4C179.2 84.4 179.12 84.4 179.04 84.4C177.36 82.88 177.36 81.28 177.36 81.2C177.36 81.04 177.44 80.96 177.6 80.96C177.76 80.96 177.84 81.04 177.84 81.2C177.84 81.2 177.84 82.64 179.36 84C179.44 84.08 179.44 84.24 179.36 84.32C179.36 84.32 179.28 84.32 179.2 84.32V84.4Z"
fill="#101720"
/>
<path
d="M188.8 115.68C188.64 115.68 188.56 115.68 188.4 115.68C185.84 115.6 183.6 114.4 181.76 112.16C181.12 111.36 180.48 110.4 179.84 109.36C178.32 106.56 177.36 103.2 176.96 99.52C176.56 95.2 176.96 90.8 178.24 86.4L178.96 84.16C178.96 84.08 179.04 84 179.12 84C179.2 84 179.28 84 179.36 84.08C179.44 84.24 181.6 87.44 187.36 84.96C187.36 84.96 187.44 84.96 187.52 84.96C187.6 84.96 187.76 84.96 187.84 84.96C190.24 86.88 192.48 88.16 194.72 88.96C196.72 89.68 198.8 90 200.64 89.84C200.8 89.84 200.88 89.84 200.88 90C201.2 91.12 201.28 92.24 201.44 93.28V93.68C201.52 94.32 201.6 94.88 201.68 95.52C202.08 95.52 202.48 95.12 202.64 94.72C202.72 94.48 202.8 94.16 202.8 93.84C202.88 92.64 203.12 91.44 203.52 90.24C203.6 90.08 203.68 89.92 203.76 89.84C204.56 88.72 205.68 88.24 206.8 88.64C208.56 89.28 210.32 91.84 210.08 95.44C210 97.12 209.44 98.32 208.56 98.88C207.36 99.6 205.84 99.12 204.8 98.64C204.32 103.28 202.4 107.28 199.36 110.32C195.76 113.84 192 115.76 188.64 115.76L188.8 115.68ZM180.24 109.04C180.8 110.08 181.44 111.04 182.08 111.76C183.84 113.84 186 114.96 188.4 115.12C191.76 115.28 195.52 113.36 199.2 109.84C202.24 106.88 204.08 102.8 204.56 98.16C204.56 98.16 204.56 98 204.72 98C204.72 98 204.88 98 204.96 98C205.84 98.4 207.44 99.04 208.56 98.4C209.36 97.92 209.76 96.96 209.84 95.36C210 92.16 208.48 89.6 206.88 89.04C205.92 88.72 205.04 89.04 204.32 90.08C204.32 90.16 204.16 90.32 204.08 90.4C203.76 91.52 203.52 92.64 203.44 93.84C203.44 94.16 203.44 94.56 203.28 94.88C203.04 95.52 202.32 96 201.6 96C201.52 96 201.36 95.92 201.36 95.76C201.28 95.04 201.2 94.4 201.12 93.68V93.28C200.96 92.24 200.8 91.2 200.56 90.16C198.64 90.24 196.56 89.92 194.64 89.2C192.4 88.4 190.16 87.12 187.76 85.2C187.76 85.2 187.76 85.2 187.68 85.2C182.72 87.36 180.16 85.36 179.36 84.48L178.8 86.32C177.52 90.56 177.12 94.96 177.52 99.2C177.92 102.88 178.8 106.08 180.32 108.8L180.24 109.04Z"
fill="#101720"
/>
<path
d="M208.88 79.5998C208.8 79.5998 208.64 79.5998 208.64 79.4398C208.64 79.4398 208.08 77.5198 206.16 75.9998C206.08 75.9198 206 75.7598 206.16 75.6798C206.24 75.5998 206.4 75.5198 206.48 75.6798C208.56 77.2798 209.12 79.2798 209.12 79.3598C209.12 79.5198 209.12 79.5998 208.96 79.6798L208.88 79.5998Z"
fill="#101720"
/>
<path
d="M280.32 179.28L275.28 180.96C275.28 180.96 262.64 173.04 255.28 166C257.52 167.6 260 169.12 262.56 170.56C272.8 176.32 280.32 179.36 280.32 179.36V179.28Z"
fill="#101720"
/>
<path
d="M275.28 181.12C275.28 181.12 275.2 181.12 275.12 181.12C274.96 181.12 262.4 173.12 255.12 166.16C255.04 166.08 255.04 165.92 255.12 165.84C255.2 165.76 255.36 165.76 255.44 165.84C257.84 167.6 260.4 169.12 262.64 170.32C272.8 176 280.32 179.04 280.32 179.04C280.4 179.04 280.48 179.2 280.48 179.28C280.48 179.36 280.48 179.44 280.32 179.52L275.28 181.12ZM258.08 168.08C265.04 174 274.32 179.92 275.36 180.64L279.68 179.2C277.68 178.4 271.04 175.44 262.48 170.64C261.12 169.84 259.6 168.96 258.08 168V168.08Z"
fill="#101720"
/>
<path
d="M255.36 166.24C255.36 166.24 255.28 166.24 255.2 166.24C249.52 162.08 243.36 155.68 246.48 143.2C246.48 143.04 246.64 142.96 246.8 143.04C246.96 143.04 247.04 143.2 246.96 143.36C243.92 155.6 249.92 161.84 255.52 165.84C255.6 165.84 255.68 166.08 255.52 166.16C255.36 166.24 255.44 166.24 255.36 166.24Z"
fill="#101720"
/>
<path
d="M255.36 166.24C255.36 166.24 255.28 166.24 255.2 166.24C255.2 166.24 255.2 166.16 255.2 166.08C255.2 166 255.2 165.92 255.2 165.92C255.28 165.84 255.44 165.84 255.52 165.92C255.6 166 255.52 166 255.52 166.08C255.52 166.16 255.52 166.24 255.52 166.24C255.52 166.24 255.44 166.24 255.36 166.24Z"
fill="#101720"
/>
<path
d="M305.04 223.84L273.52 230.16C288.8 225.28 303.04 219.12 303.04 219.12L305.04 223.84Z"
fill="#101720"
/>
<path
d="M273.6 230.4C273.52 230.4 273.36 230.4 273.36 230.24C273.36 230.08 273.36 230 273.52 229.92C288.64 225.04 302.88 218.96 302.96 218.88H303.12C303.12 218.88 303.2 218.88 303.28 219.04L305.28 223.76C305.28 223.76 305.28 223.92 305.28 224C305.28 224 305.2 224.08 305.12 224.16L273.6 230.48V230.4ZM302.96 219.44C301.28 220.16 290.08 224.88 277.44 229.12L304.72 223.68L302.96 219.44Z"
fill="#101720"
/>
<path
d="M303.04 219.12L273.6 230.16L256.08 187.2L311.52 169.04"
fill="#FFFFFE"
/>
<path
d="M273.6 230.4C273.52 230.4 273.44 230.4 273.36 230.24L255.84 187.28V187.12C255.84 187.12 255.84 187.04 256 186.96L311.44 168.8C311.6 168.8 311.68 168.8 311.76 168.96C311.76 169.12 311.76 169.2 311.6 169.28L256.4 187.36L273.68 229.84L302.96 218.88C303.12 218.88 303.2 218.88 303.28 219.04C303.28 219.2 303.28 219.28 303.12 219.36L273.6 230.4C273.6 230.4 273.6 230.4 273.52 230.4H273.6Z"
fill="#101720"
/>
</svg>
</div>
);
}

1
autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/useNewAgentLibraryView.ts
View File

@@ -25,6 +25,7 @@ export function useNewAgentLibraryView() {
runsCount: 0,
schedulesCount: 0,
});
const [sidebarLoading, setSidebarLoading] = useState(true);
const hasAnyItems = useMemo(

7
autogpt_platform/frontend/src/app/(platform)/profile/(user)/settings/components/SettingsForm/components/EmailForm/EmailForm.tsx
View File

@@ -6,9 +6,9 @@ import {
FormField,
FormItem,
} from "@/components/__legacy__/ui/form";
import { Button } from "@/components/atoms/Button/Button";
import { Input } from "@/components/atoms/Input/Input";
import { Text } from "@/components/atoms/Text/Text";
import { Button } from "@/components/atoms/Button/Button";
import { User } from "@supabase/supabase-js";
import { useEmailForm } from "./useEmailForm";
@@ -30,7 +30,7 @@ export function EmailForm({ user }: EmailFormProps) {
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="mt-6 flex flex-col gap-4"
className="mt-4 flex flex-col gap-0"
>
<FormField
control={form.control}
@@ -45,6 +45,7 @@ export function EmailForm({ user }: EmailFormProps) {
type="text"
autoComplete="off"
className="w-full"
size="small"
error={fieldState.error?.message}
{...field}
/>
@@ -58,6 +59,7 @@ export function EmailForm({ user }: EmailFormProps) {
as="NextLink"
href="/reset-password"
className="min-w-[10rem]"
size="small"
>
Reset password
</Button>
@@ -66,6 +68,7 @@ export function EmailForm({ user }: EmailFormProps) {
disabled={hasError || isSameEmail}
loading={isLoading}
className="min-w-[10rem]"
size="small"
>
{isLoading ? "Saving..." : "Update email"}
</Button>

37
autogpt_platform/frontend/src/app/api/openapi.json
View File

@@ -6803,6 +6803,11 @@
"title": "Creator Image Url"
},
"status": { "$ref": "#/components/schemas/LibraryAgentStatus" },
"created_at": {
"type": "string",
"format": "date-time",
"title": "Created At"
},
"updated_at": {
"type": "string",
"format": "date-time",
@@ -6856,6 +6861,12 @@
"recommended_schedule_cron": {
"anyOf": [{ "type": "string" }, { "type": "null" }],
"title": "Recommended Schedule Cron"
},
"marketplace_listing": {
"anyOf": [
{ "$ref": "#/components/schemas/MarketplaceListing" },
{ "type": "null" }
]
}
},
"type": "object",
@@ -6867,6 +6878,7 @@
"creator_name",
"creator_image_url",
"status",
"created_at",
"updated_at",
"name",
"description",
@@ -7147,6 +7159,31 @@
"required": ["login_url", "state_token"],
"title": "LoginResponse"
},
"MarketplaceListing": {
"properties": {
"id": { "type": "string", "title": "Id" },
"name": { "type": "string", "title": "Name" },
"slug": { "type": "string", "title": "Slug" },
"creator": {
"$ref": "#/components/schemas/MarketplaceListingCreator"
}
},
"type": "object",
"required": ["id", "name", "slug", "creator"],
"title": "MarketplaceListing",
"description": "Marketplace listing information for a library agent."
},
"MarketplaceListingCreator": {
"properties": {
"name": { "type": "string", "title": "Name" },
"id": { "type": "string", "title": "Id" },
"slug": { "type": "string", "title": "Slug" }
},
"type": "object",
"required": ["name", "id", "slug"],
"title": "MarketplaceListingCreator",
"description": "Creator information for a marketplace listing."
},
"Message": {
"properties": {
"query": { "type": "string", "title": "Query" },

2
autogpt_platform/frontend/src/app/globals.css
View File

@@ -62,7 +62,7 @@
@apply border-border;
}
body {
@apply bg-background font-sans text-foreground antialiased transition-colors;
@apply bg-[#F6F7F8] font-sans text-foreground antialiased transition-colors;
}
}

2
autogpt_platform/frontend/src/components/atoms/Button/helpers.ts
View File

@@ -16,7 +16,7 @@ export const extendedButtonVariants = cva(
primary:
"bg-zinc-800 border-zinc-800 text-white hover:bg-zinc-900 hover:border-zinc-900 rounded-full disabled:text-white disabled:bg-zinc-200 disabled:border-zinc-200 disabled:opacity-1",
secondary:
"bg-zinc-100 border-zinc-100 text-black hover:bg-zinc-300 hover:border-zinc-300 rounded-full disabled:text-zinc-300 disabled:bg-zinc-50 disabled:border-zinc-50 disabled:opacity-1",
"bg-zinc-200 border-zinc-200 text-black hover:bg-zinc-400 hover:border-zinc-400 rounded-full disabled:text-zinc-300 disabled:bg-zinc-50 disabled:border-zinc-50 disabled:opacity-1",
destructive:
"bg-red-500 border-red-500 text-white hover:bg-red-600 hover:border-red-600 rounded-full disabled:text-white disabled:bg-zinc-200 disabled:border-zinc-200 disabled:opacity-1",
outline:

3
autogpt_platform/frontend/src/components/contextual/GoogleDrivePicker/GoogleDrivePickerInput.tsx
View File

@@ -1,9 +1,9 @@
import { Button } from "@/components/atoms/Button/Button";
import type { GoogleDrivePickerConfig } from "@/lib/autogpt-server-api/types";
import { cn } from "@/lib/utils";
import { Cross2Icon } from "@radix-ui/react-icons";
import React, { useCallback } from "react";
import { GoogleDrivePicker } from "./GoogleDrivePicker";
import type { GoogleDrivePickerConfig } from "@/lib/autogpt-server-api/types";
export interface GoogleDrivePickerInputProps {
config: GoogleDrivePickerConfig;
@@ -101,6 +101,7 @@ export function GoogleDrivePickerInput({
>
<div className="flex items-center gap-2 overflow-hidden">
{file.iconUrl && (
// eslint-disable-next-line @next/next/no-img-element
<img
src={file.iconUrl}
alt=""

8
autogpt_platform/frontend/src/components/layout/Navbar/components/AccountMenu/AccountMenu.tsx
View File

@@ -54,7 +54,7 @@ export function AccountMenu({
<PopoverContent
id={popupId}
className="flex flex-col items-start justify-start gap-4 rounded-[26px] bg-zinc-400/70 p-4 shadow backdrop-blur-2xl dark:bg-zinc-800/70"
className="flex flex-col items-start justify-start gap-4 rounded-[26px] bg-zinc-400/65 p-4 shadow backdrop-blur-[10px] dark:bg-zinc-800/70"
data-testid="account-menu-popover"
>
{/* Header with avatar and user info */}
@@ -102,7 +102,7 @@ export function AccountMenu({
href={item.href}
className="inline-flex w-full items-center justify-start gap-2.5"
>
<div className="relative h-6 w-6">
<div className="relative">
{getAccountMenuOptionIcon(item.icon)}
</div>
<div className="font-sans text-base font-medium leading-normal text-neutral-800 dark:text-neutral-200">
@@ -118,7 +118,7 @@ export function AccountMenu({
key={itemIndex}
trigger={
<div className="inline-flex w-full flex-row flex-nowrap items-center justify-start gap-2.5">
<div className="relative h-6 w-6">
<div className="relative">
{getAccountMenuOptionIcon(item.icon)}
</div>
<div className="font-sans text-base font-medium leading-normal text-neutral-800">
@@ -137,7 +137,7 @@ export function AccountMenu({
role="button"
tabIndex={0}
>
<div className="relative h-6 w-6">
<div className="relative">
{getAccountMenuOptionIcon(item.icon)}
</div>
<div className="font-sans text-base font-medium leading-normal text-neutral-800 dark:text-neutral-200">

4
autogpt_platform/frontend/src/components/layout/Navbar/components/AccountMenu/components/AccountLogoutOption.tsx
View File

@@ -48,8 +48,8 @@ export function AccountLogoutOption() {
<LoadingSpinner className="size-5" />
) : (
<>
<div className="relative h-6 w-6">
<IconLogOut className="h-6 w-6" />
<div className="relative h-4 w-4">
<IconLogOut />
</div>
<div className="font-sans text-base font-medium leading-normal text-neutral-800 dark:text-neutral-200">
Log out

2
autogpt_platform/frontend/src/components/layout/Navbar/components/LoginButton.tsx
View File

@@ -19,7 +19,7 @@ export function LoginButton() {
<Button
onClick={handleLogin}
size="small"
leftIcon={<SignInIcon className="h-5 w-5" />}
leftIcon={<SignInIcon className="size-4" />}
variant="secondary"
>
Log In

4
autogpt_platform/frontend/src/components/layout/Navbar/components/NavbarLink.tsx
View File

@@ -2,6 +2,7 @@
import { IconLaptop } from "@/components/__legacy__/ui/icons";
import { cn } from "@/lib/utils";
import { Flag, useGetFlag } from "@/services/feature-flags/use-get-flag";
import {
ChatsIcon,
CubeIcon,
@@ -11,7 +12,6 @@ import {
import Link from "next/link";
import { usePathname } from "next/navigation";
import { Text } from "../../../atoms/Text/Text";
import { Flag, useGetFlag } from "@/services/feature-flags/use-get-flag";
const iconWidthClass = "h-5 w-5";
@@ -75,7 +75,7 @@ export function NavbarLink({ name, href }: Props) {
/>
)}
<Text
variant="h4"
variant="h5"
className={cn(
"hidden !font-poppins lg:block",
isActive ? "!text-white" : "!text-black",

2
autogpt_platform/frontend/src/components/layout/Navbar/components/NavbarView.tsx
View File

@@ -53,7 +53,7 @@ export function NavbarView({ isLoggedIn, previewBranchName }: NavbarViewProps) {
{shouldShowPreviewBanner && previewBranchName ? (
<PreviewBanner branchName={previewBranchName} />
) : null}
<nav className="inline-flex h-[60px] w-full items-center border border-white/50 bg-[#f3f4f6]/20 p-3 backdrop-blur-[26px]">
<nav className="border-zinc-[#EFEFF0] inline-flex h-[60px] w-full items-center border border-[#EFEFF0] bg-[#F3F4F6]/20 p-3 backdrop-blur-[26px]">
{/* Left section */}
{!isSmallScreen ? (
<div className="flex flex-1 items-center gap-5">

2
autogpt_platform/frontend/src/components/layout/Navbar/helpers.tsx
View File

@@ -155,7 +155,7 @@ export function getAccountMenuItems(userRole?: string): MenuItemGroup[] {
}
export function getAccountMenuOptionIcon(icon: IconType) {
const iconClass = "w-5 h-5";
const iconClass = "size-4";
switch (icon) {
case IconType.LayoutDashboard:
return <StorefrontIcon className={iconClass} />;

6
autogpt_platform/frontend/src/components/molecules/Breadcrumbs/Breadcrumbs.tsx
View File

@@ -1,6 +1,6 @@
import * as React from "react";
import { Link } from "@/components/atoms/Link/Link";
import { Text } from "@/components/atoms/Text/Text";
import * as React from "react";
interface BreadcrumbItem {
name: string;
@@ -18,12 +18,12 @@ export function Breadcrumbs({ items }: Props) {
<React.Fragment key={index}>
<Link
href={item.link}
className="text-zinc-700 transition-colors hover:text-zinc-900 hover:no-underline"
className="text-zinc-600 transition-colors hover:text-zinc-900 hover:no-underline"
>
{item.name}
</Link>
{index < items.length - 1 && (
<Text variant="body-medium" className="text-zinc-700">
<Text variant="body-medium" className="text-zinc-600">
/
</Text>
)}

22
autogpt_platform/frontend/src/components/molecules/ShowMoreText/ShowMoreText.tsx
View File

@@ -1,10 +1,9 @@
"use client";
import React from "react";
import { cn } from "@/lib/utils";
import { CaretDownIcon, CaretUpIcon } from "@phosphor-icons/react";
import { Text } from "@/components/atoms/Text/Text";
import { getIconSize, ShowMoreTextVariant } from "./helpers";
import { cn } from "@/lib/utils";
import React from "react";
import { ShowMoreTextVariant } from "./helpers";
interface Props {
children: string;
@@ -30,7 +29,6 @@ export function ShowMoreText({
? children.slice(0, previewLimit)
: children;
const displayText = isExpanded ? children : previewText;
const iconSize = getIconSize(variant);
if (!shouldTruncate) {
return (
@@ -55,22 +53,12 @@ export function ShowMoreText({
<button
onClick={() => setIsExpanded(!isExpanded)}
className={cn(
"ml-1 inline-flex items-center gap-1 font-medium text-black",
"mt-2 flex h-[1rem] w-[1.75rem] items-center justify-center rounded-full bg-zinc-100 pb-2 font-medium text-black",
toggleClassName,
)}
type="button"
>
{isExpanded ? (
<>
<CaretUpIcon size={iconSize} weight="bold" />
<span>less</span>
</>
) : (
<>
<CaretDownIcon size={iconSize} weight="bold" />
<span>more</span>
</>
)}
...
</button>
</Text>
);