Siddhesh.More/optifii-corporate
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

done

Browse Source
This commit is contained in:
priyanshuvish
2024-10-03 20:10:10 +05:30
parent 523aaf0a45
commit bdbc2a3b40
19 changed files with 1907 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Components/Buttons/PrimaryButton.jsx
View File

@@ -1,7 +1,7 @@
import { Button } from '@chakra-ui/button'
import React from 'react'
const PrimaryButton = ({title, onClick, ...props}) => {
const PrimaryButton = ({title, onClick, px = 8, ...props}) => {
return (
<Button
@@ -12,7 +12,7 @@ const PrimaryButton = ({title, onClick, ...props}) => {
}}
bgGradient="linear(to-r, #3725EA, #5E0FCD)"
fontSize={"xs"}
px={8}
px={px}
fontWeight={500}
size={"sm"}
color={"#fff"}

4
src/Components/Buttons/SecondaryButton.jsx
View File

@@ -1,13 +1,13 @@
import { Button } from '@chakra-ui/button'
import React from 'react'
const SecondaryButton = ({title, onClick, ...props}) => {
const SecondaryButton = ({title, onClick, px = 8, ...props}) => {
return (
<Button
{...props}
fontSize={"xs"}
px={8}
px={px}
fontWeight={600}
size={"sm"}
variant="outline"

107
src/Components/DataTable/NormalTable.jsx
View File

@@ -9,9 +9,6 @@ import {
Tr,
Skeleton,
TableCaption,
Radio,
RadioGroup,
CheckboxGroup,
Checkbox,
} from "@chakra-ui/react";
import EmptySearchList from "../EmptySearchList";
@@ -24,17 +21,40 @@ const NormalTable = ({
emptyMessage,
centered,
total,
showRadioButton, // New prop for showing the radio button
showRadioButton, // Prop for showing the checkboxes
selectedRadio,
setSelectedRadio, // State for managing radio button selection
setSelectedRadio, // State for managing selected checkboxes
}) => {
const columnWidth =
data && data[0]
? `${(100 / Object.keys(data[0]).length).toFixed(2)}%`
: "auto";
const handleRadioChange = (value) => {
setSelectedRadio(value);
// Toggle checkbox selection for individual rows
const handleCheckboxChange = (value) => {
console.log(value);
setSelectedRadio((prev) => {
if (prev.includes(value)) {
// Remove if already selected
return prev.filter((id) => id !== value);
} else {
// Add to selected
return [...prev, value];
}
});
};
// Handle "Check All" checkbox
const handleCheckAllChange = () => {
if (selectedRadio.length === data.length) {
setSelectedRadio([]); // Deselect all if already selected
} else {
const allIds = data.map((item) => item.id);
setSelectedRadio(allIds); // Select all
}
console.log(selectedRadio);
};
return (
@@ -44,10 +64,28 @@ const NormalTable = ({
) : (
<Table size="sm">
<TableCaption p={total ? 0 : null}>
{total ? total : "OptiFii v1.0.0"}
{total ? total : "Tanami v1.0.0"}
</TableCaption>
<Thead bg="#6311cb37">
<Thead bg="purple.100">
<Tr>
{showRadioButton && (
<Th
color={"purple.900"}
textAlign={"center"}
p={4}
whiteSpace="normal"
wordBreak="normal"
overflowWrap="normal"
textTransform={"none"}
>
<Checkbox
isChecked={selectedRadio?.length === data?.length}
onChange={handleCheckAllChange}
colorScheme="purple"
/>
</Th>
)}
{tableHeadRow.map((heading, index) => (
<Th
color={"purple.900"}
@@ -63,14 +101,7 @@ const NormalTable = ({
overflowWrap="normal"
textTransform={"none"}
>
{/* Conditionally render radio button in the heading */}
{showRadioButton && heading === "Select" ? (
<CheckboxGroup value={selectedRadio}>
<Checkbox isDisabled /> {/* Disabled radio button in header */}
</CheckboxGroup>
) : (
isLoading ? <Skeleton height="20px" /> : heading
)}
{isLoading ? <Skeleton height="20px" /> : heading}
</Th>
))}
</Tr>
@@ -79,7 +110,10 @@ const NormalTable = ({
{isLoading
? Array.from({ length: TABLE_PAGINATION?.size }).map(
(_, index) => (
<Tr bg={index % 2 === 0 ? "" : "#6311cb14"} key={index}>
<Tr
bg={index % 2 === 0 ? "white" : "#6311cb14"}
key={index}
>
{tableHeadRow.map((_, i) => (
<Td
key={i}
@@ -96,10 +130,25 @@ const NormalTable = ({
)
)
: data?.map((item, index) => (
<Tr cursor={'pointer'}
transition={'0.2s all'}
_hover={{ shadow: "lg" }}
h={12} bg={index % 2 === 0 ? "" : "#6311cb14"} key={index}>
<Tr
cursor={"pointer"}
transition={"0.2s all"}
maxH={8}
bg={index % 2 === 0 ? "white" : "#6311cb14"}
key={index}
// _hover={{ shadow: "lg" }}
>
{showRadioButton && (
<Td textAlign={"center"}>
<Checkbox
bg={"#fff"}
colorScheme="purple"
value={item.id}
isChecked={selectedRadio?.includes(item.id)}
onChange={() => handleCheckboxChange(item.id)}
/>
</Td>
)}
{tableHeadRow.map((heading, i) => (
<Td
textAlign={
@@ -116,17 +165,7 @@ const NormalTable = ({
}}
className="web-text-small"
>
{/* Conditionally render radio button in the table body */}
{showRadioButton && heading === "Select" ? (
<CheckboxGroup
value={selectedRadio}
onChange={handleRadioChange}
>
<Checkbox bg={'#fff'} value={item.id} /> {/* Dynamic radio buttons */}
</CheckboxGroup>
) : (
item[heading]
)}
{item[heading]}
</Td>
))}
</Tr>
@@ -138,4 +177,4 @@ const NormalTable = ({
);
};
export default NormalTable;
export default NormalTable;

98
src/Components/PlatiniumGift.jsx Normal file
View File

@@ -0,0 +1,98 @@
import React, { useEffect, useRef } from 'react'
import logo_card from "../assets/logo_card.svg";
import TRANSCORP_LOGO from "../assets/TRANSCORP_LOGO.svg";
import bg from "../assets/platinium_bg.png";
import RuPay from "../assets/rupayImg.png";
import { Box, Text, VStack, HStack } from '@chakra-ui/layout';
import { Image } from '@chakra-ui/image';
import splashPattern from '../assets/splash_pattern.svg'
import gift from '../assets/gift.svg'
import platinum from "../assets/Platinum.svg";
const PlatiniumGift = () => {
const tiltRef = useRef(null); useEffect(() => {
const node = tiltRef.current;
if (node) {
VanillaTilt.init(node, {
max: 5,
speed: 400,
glare: true,
"max-glare": 0.5,
});
}
return () => {
if (node && node.vanillaTilt) {
node.vanillaTilt.destroy();
}
};
}, []);
return (
<VStack
ref={tiltRef} // Attach tilt to this ref
// bg="linear-gradient(230deg, #6311CB, #481566, #851d70, #a71c71, #df2274)"
// bg="linear-gradient(230deg, purple, #390A74, #390A74, #390A74, #390A74)"
bgImage={bg}
bgPosition={"center"} // Position the background image (e.g., center)
bgSize={"cover"} // Optional: Cover the entire area
alignItems={"start"}
justifyContent={"space-between"}
height={"100%"}
w={180}
h={"280"}
rounded={"xl"}
p={4}
boxShadow={"md"}
position={"relative"}
>
<Box
width={"100%"}
cursor={"grab"}
display={"flex"}
justifyContent={"space-between"}
>
<Image w={16} src={logo_card} />
<Image w={14} src={TRANSCORP_LOGO} me={0.5} />
</Box>
<VStack
width={"100%"}
display={"flex"}
alignItems={"start"}
justifyContent={"space-between"}
zIndex={9}
gap={1}
transform={'translateY(-40px)'}
>
<Text as={'span'} color={"#fff"} fontWeight={500} fontSize={"sm"}>
8174 35XX XXXX 1234
</Text>
<Text as={'span'} color={"#E2E2E2"} fontSize={"8px"}>
VALID THRU <br />
01/12
</Text>
<Text as={'span'} color={"#E2E2E2"} fontSize={"8px"}>
CVV <br />
123
</Text>
<Text as={'span'} color={"#fff"} fontWeight={500} fontSize={"xs"} mt={2}>
CARDHOLDER NAME
</Text>
</VStack>
<Image h={"200px"} position={'absolute'} bottom={-10} left={0} src={splashPattern} />
<Box>
<Image w={50} position={'absolute'} bottom={"10px"} left={0} src={gift} />
<Image w={14} position={'absolute'} bottom={"10px"} right={3} src={RuPay} me={0.5} />
</Box>
</VStack>
)
}
export default PlatiniumGift

6
src/Components/SwitchButton.jsx
View File

@@ -26,7 +26,7 @@ const SwitchButton = ({ isSwitchOn, setIsSwitchOn }) => {
width="90px"
height="25px"
borderRadius="20px"
backgroundColor={isSwitchOn ? "#004118" : "#ef0000"}
backgroundColor={isSwitchOn ? "#59C36A" : "#ef0000"}
onClick={switch_onChange_handle}
position="relative"
fontSize="13px"
@@ -59,10 +59,10 @@ const SwitchButton = ({ isSwitchOn, setIsSwitchOn }) => {
>
<Text
// color="#FFF"
fontWeight="400"
fontWeight="500"
zIndex={1}
position="absolute"
mb={1}
mb={0}
color={isSwitchOn ? "#fff" : "#fff"}
left={isSwitchOn ? "10px" : "auto"}
right={isSwitchOn ? "auto" : "10px"}

73
src/Contexts/GlobalStateProvider.jsx
View File

@@ -1240,6 +1240,7 @@ const GlobalStateProvider = ({ children }) => {
// ]);
const [reimbursementStatus, setReimbursementStatus] = useState([
{
id: 1,
reportName: "Jan 12, 2022",
reportBy: "in***@wdimails.com",
reportAmount: "+91 ***8451254",
@@ -1249,6 +1250,7 @@ const GlobalStateProvider = ({ children }) => {
disburser: "Sales",
},
{
id: 2,
reportName: "Jan 12, 2022",
reportBy: "in***@wdimails.com",
reportAmount: "+91 ***8451254",
@@ -1258,6 +1260,7 @@ const GlobalStateProvider = ({ children }) => {
disburser: "Sales",
},
{
id: 3,
reportName: "Jan 12, 2022",
reportBy: "in***@wdimails.com",
reportAmount: "+91 ***8451254",
@@ -1267,6 +1270,7 @@ const GlobalStateProvider = ({ children }) => {
disburser: "Sales",
},
{
id: 4,
reportName: "Jan 12, 2022",
reportBy: "in***@wdimails.com",
reportAmount: "+91 ***8451254",
@@ -2025,7 +2029,7 @@ const GlobalStateProvider = ({ children }) => {
]);
// Recent report
const [recentReports, setRecentReports] = useState([
@@ -2149,6 +2153,67 @@ const GlobalStateProvider = ({ children }) => {
},
]);
// Wallets EB&G
const [walletExpense, setWalletExpense] = useState([
{
wallet: "Food",
walletAmount: "₹ 5000",
balanceRemaining: "₹ 5000",
Status: "Active",
},
{
wallet: "Gift",
walletAmount: "₹ 7000",
balanceRemaining: "₹ 5000",
Status: "Active",
},
{
wallet: "Gift",
walletAmount: "₹ 8000",
balanceRemaining: "₹ 5000",
Status: "Inactve",
},
{
wallet: "Travel",
walletAmount: "₹ 8000",
balanceRemaining: "₹ 5000",
Status: "Active",
},
]);
// main dash
const [dash, setDash] = useState([
{
id: 1,
wallet: "Employee Wallet",
walletAmount: "₹ 70,000",
balanceRemaining: "₹ 20,000",
status: "Approved",
totalEmployees: 500,
users: 5,
},
{
id: 2,
wallet: "Travel Wallet",
walletAmount: "₹ 50,000",
balanceRemaining: "₹ 15,000",
status: "Approved",
totalEmployees: 200,
users: 3,
},
{
id: 3,
wallet: "Food Wallet",
walletAmount: "₹ 100,000",
balanceRemaining: "₹ 80,000",
status: "Pending",
totalEmployees: 300,
users: 4,
},
]);
return (
<GlobalStateContext.Provider
value={{
@@ -2182,7 +2247,11 @@ const GlobalStateProvider = ({ children }) => {
setSupportAndTicket,
recentReports, setRecentReports,
recentTransaction, setRecentTransaction
recentTransaction, setRecentTransaction,
walletExpense,
setWalletExpense,
dash,
setDash
}}
>
{children}

958
src/Pages/Dashboard/Dashbaord.jsx
View File

@@ -1,37 +1,38 @@
import { Box, Grid } from '@chakra-ui/react'
import React from 'react'
import { Badge, Box, Button, Checkbox, CircularProgress, CircularProgressLabel, color, Divider, Flex, Grid, GridItem, Heading, Image, Menu, MenuButton, MenuItem, MenuList, Progress, Stack, Tab, TabIndicator, TabList, TabPanel, TabPanels, Tabs, Tag, TagLabel } from '@chakra-ui/react'
import React, { useContext, useState } from 'react'
import BlueCard from '../../Components/Cards/BlueCard'
import { OPACITY_ON_LOAD } from '../../Layout/animations'
import { HStack, Text, VStack, Icon } from '@chakra-ui/react';
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip, Legend } from 'chart.js';
import { FaUsers } from 'react-icons/fa';
import { RiBarChartFill } from 'react-icons/ri';
import { BsBarChartFill, BsFillBarChartFill } from 'react-icons/bs';
// import { BiBarChart } from "react-icons/bi";
import { HStack, Text, VStack, Icon } from '@chakra-ui/react';
import { BsArrowsAngleExpand, BsBarChartFill, BsFillBarChartFill } from 'react-icons/bs';
import { FiBarChart2 } from 'react-icons/fi';
import { WiTime4 } from 'react-icons/wi';
import { MdArrowForward, MdNoFood } from 'react-icons/md';
import PlatiniumGift from '../../Components/PlatiniumGift';
import { PiUsersThreeFill } from "react-icons/pi";
import GlobalStateContext from '../../Contexts/GlobalStateContext';
import blackmen from "../../assets/blackmen.png";
import koreanpfp from "../../assets/koreanboi.png";
import asian from "../../assets/asain.png";
import goth from "../../assets/goth.png";
import womenpfp from "../../assets/womenpfp1.png";
import NormalTable from '../../Components/DataTable/NormalTable';
import { AiOutlineCalendar } from 'react-icons/ai';
import { IoMdAddCircleOutline, IoMdArrowDropdown } from 'react-icons/io';
import { LuListFilter } from 'react-icons/lu';
import { ChevronDownIcon } from '@chakra-ui/icons';
import PrimaryButton from '../../Components/Buttons/PrimaryButton';
import SecondaryButton from '../../Components/Buttons/SecondaryButton';
import { GoDotFill } from 'react-icons/go';
const Dashbaord = () => {
const { dash } = useContext(GlobalStateContext);
const [isLoading, setIsLoading] = useState(false);
const [searchTerm, setSearchTerm] = useState("");
const [users, setusers] = useState(50);
const blueCardData = [
{
backgroundColor: "#6311CB",
@@ -83,33 +84,908 @@ const Dashbaord = () => {
},
]
const gridItemsData = [
{
backgroundColor: "#218F001A",
iconColor: "#00A438",
title: "Bills for approval",
count: 50,
buttonBg: "#FCA1001A",
buttonBorder: "#FCA100",
buttonText: "Pending requests",
badgeText: "20 New",
badgeColor: "#3725EA",
viewTextColor: "#6311CB",
},
{
backgroundColor: "#218F001A",
iconColor: "#00A438",
title: "Bills for pending",
count: 50,
buttonBg: "#FCA1001A",
buttonBorder: "#FCA100",
buttonText: "Pending requests",
badgeText: "20 New",
badgeColor: "#3725EA",
viewTextColor: "#6311CB",
},
];
// ===============================[ Table Header ]
const dashHeadRow = [
'Wallet Name',
"Total employees",
'Amount in card',
'Pending request',
'Pending amount',
];
const dashHeadSecRow = [
'Wallet Name',
"Total employees",
'Benefit limit',
'Remaining amount',
'Status',
];
// first
const dashArr = dash.map((item, index) => ({
"Wallet Name": (
<HStack key={`wallet-${index}`}>
<Box p={2} bg="#ebe0f8" rounded="full">
<MdNoFood color="#6311CB" />
</Box>
<Text mb={0} fontSize="xs">
{item.wallet || 'Food'}
</Text>
</HStack>
),
"Total employees": (
<Box
position="relative"
display="flex"
flexDirection="row"
alignItems="center"
>
<Image src={womenpfp} h={"30px"} position="absolute" />
<Image src={blackmen} h={"30px"} position="absolute" left="1.4rem" />
<Image src={koreanpfp} h={"30px"} position="absolute" left="2.7rem" />
<Image src={asian} h={"30px"} position="absolute" left="3.9rem" />
<Image src={goth} h={"30px"} position="absolute" left="4.9rem" />
<Box
display="flex"
position="absolute"
alignItems="center"
flexDirection="column"
borderRadius="50%"
h={"30px"}
w="30px"
bgColor="#F9F5FF"
left="5.9rem"
boxShadow="md"
justifyContent={"center"}
>
<Text color="#7F56D9" fontSize="xs" mb={0}>
+{users}
</Text>
</Box>
</Box>
),
'Amount in card': (
<Text key={`walletAmount-${index}`} mb={0} fontSize="xs">
₹ {item.walletAmount || 5000}
</Text>
),
'Pending request': (
<HStack>
<Text key={`balance-${index}`} mb={0} fontSize="xs" color={"#007E23"}>
+4 new
</Text>
<Text mb={0} size="xs" bg="#6311CB" rounded="md" py={1.5} px={4} fontWeight={400} color="#fff">
View
</Text>
</HStack>
),
'Pending amount': (
<Text key={`balance-${index}`} mb={0} fontSize="xs">
{item.balanceRemaining || '₹ 2000'}
</Text>
),
}));
// Second
const dashSecArr = dash.map((item, index) => ({
"Wallet Name": (
<HStack key={`wallet-${index}`}>
<Box p={2} bg="#ebe0f8" rounded="full">
<MdNoFood color="#6311CB" />
</Box>
<Text mb={0} fontSize="xs">
{item.wallet || 'Food'}
</Text>
</HStack>
),
"Total employees": (
<Box
position="relative"
display="flex"
flexDirection="row"
alignItems="center"
>
<Image src={womenpfp} h={"30px"} position="absolute" />
<Image src={blackmen} h={"30px"} position="absolute" left="1.4rem" />
<Image src={koreanpfp} h={"30px"} position="absolute" left="2.7rem" />
<Image src={asian} h={"30px"} position="absolute" left="3.9rem" />
<Image src={goth} h={"30px"} position="absolute" left="4.9rem" />
<Box
display="flex"
position="absolute"
alignItems="center"
flexDirection="column"
borderRadius="50%"
h={"30px"}
w="30px"
bgColor="#F9F5FF"
left="5.9rem"
boxShadow="md"
justifyContent={"center"}
>
<Text color="#7F56D9" fontSize="xs" mb={0}>
+{users}
</Text>
</Box>
</Box>
),
'Benefit limit': (
<Text key={`walletAmount-${index}`} mb={0} fontSize="xs">
₹ {item.walletAmount || 5000}
</Text>
),
'Remaining amount': (
<Text key={`balance-${index}`} mb={0} fontSize="xs">
{item.balanceRemaining || '₹ 2000'}
</Text>
),
'Status': (
<Tag
size={"sm"}
py={2}
rounded="full"
color={
item?.status === "Approved"
? "#00A438"
: item?.status === "Pending"
? "#EAB600"
: "red"
}
border={`1px solid ${item?.status === "Approved"
? "#00A438"
: item?.status === "Pending"
? "#EAB600"
: "red"
}`}
bg={
item?.status === "Approved"
? "#ebf8ef"
: item?.status === "Pending"
? "#fdf9eb"
: "#ffe5e5"
}
>
<HStack>
<GoDotFill size={10} />
<Text mb={0}>
{item?.status || "N/A"}
</Text>
</HStack>
</Tag>
),
}));
return (
<Box {...OPACITY_ON_LOAD} overflowX={"scroll"} p={4}>
<Grid h={150} templateColumns="repeat(4, 1fr)" gap={6} >
<Grid h={150} templateColumns="repeat(4, 1fr)" gap={6} >
{blueCardData.map((item, index) => (
<BlueCard key={index} blueCardData={item} />
<BlueCard key={index} blueCardData={item} />
))}
{/* <EmployeeKYCStatus/> */}
{/* <EmployeeKYCStatus/> */}
</Grid>
<Grid templateColumns="repeat(3, 1fr)" gap={6} w={'100%'} mt={4}>
{/* EXP card */}
<VStack p={3} shadow={'md'} bg={'#fff'} rounded={'md'} >
<HStack w={"100%"} p={2} justifyContent={'space-between'} borderBottom={'1px dashed #3725EA17'} >
<Text fontSize={'sm'} as={'span'}>Expense card</Text>
<Text fontSize={'sm'} as={'span'} color={"#6311CB"}>Manage expense wallets</Text>
</HStack>
<Grid templateColumns="repeat(3, 1fr)" gap={6} mb={4} mt={6}>
{gridItemsData.map((item, index) => (
<GridItem key={index} backgroundColor="#fff" borderRadius="xl">
<Box bg="#fff" borderRadius="xl" p={4}>
<HStack
w={"100%"}
justifyContent={'space-between'}
mb={3}
>
<Text fontSize={'sm'} as={'span'} fontWeight={500}>
Expense card
</Text>
<HStack spacing={1}>
<Text fontSize={'sm'} as={'span'} fontWeight={500} color={"#6311CB"}>
Manage expense wallets
</Text>
<MdArrowForward size={14} color='#6311CB' />
</HStack>
</HStack>
<Divider borderStyle="dashed" />
<HStack spacing={4} alignItems={"start"} mt={6}>
<Box
backgroundColor={item.backgroundColor}
h="80px"
w="80px"
rounded="full"
display="flex"
justifyContent="center"
alignItems="center"
>
<FiBarChart2 color={item.iconColor} fontSize="25px" />
</Box>
<HStack w={"100%"} p={3} justifyContent={'start'} >
<Icon as={RiBarChartFill} boxSize={14} bg={'#218F001A'} p={2.5} color={'#00A438'} rounded={'full'} />
</HStack>
</VStack>
<Box fontSize="md" fontWeight={500}>
<Text mb={0} color="#A3AED0">
{item.title}
</Text>
<Text fontSize="2xl" fontWeight={600} color={"#2B3674"}>{item.count}</Text>
</Box>
</HStack>
<Box mt={16}>
<Button
fontSize="xl"
fontWeight={500}
mt={2}
w="100%"
display="flex"
justifyContent="space-between"
backgroundColor={item.buttonBg}
border={`1px solid ${item.buttonBorder}`}
>
{!item.hideBadge && (
<Text display="flex" alignItems="center" color="#FCA100" mb={0}>
<WiTime4 />
<Text fontSize="xs" as="span" mx={2}>
{item.buttonText}
</Text>
<Badge
bg={item.badgeColor}
fontSize="8px"
color="white"
fontWeight={400}
p={1}
rounded="5px"
>
{item.badgeText}
</Badge>
</Text>
)}
<Text
as="span"
display="flex"
alignItems="center"
color={item.viewTextColor}
fontSize="sm"
gap={1}
>
View <MdArrowForward />
</Text>
</Button>
</Box>
</Box>
</GridItem>
))}
{/* Add PlatiniumGift as the third box in the same row */}
<GridItem colSpan={1}>
<Box bg="#fff" borderRadius="xl" p={4} pe={2}>
<HStack spacing={2} alignItems={"start"}>
<Box>
<PlatiniumGift />
</Box>
<Box flex={1} pt={4}>
<Text color={"#474279"} fontWeight={600} fontSize={"md"} mb={1.5}>
OptiFii Gift cards
</Text>
<Text color={"#A3AED0"} fontWeight={500} fontSize={"xs"}>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
</Text>
<Button
leftIcon={<PiUsersThreeFill color={"#fff"} />}
mt={4}
color={"#fff"}
fontSize={"xs"}
fontWeight={500}
bg={"#6311CB"}
h={8}
px={2}
>
Issue gift cards
</Button>
</Box>
</HStack>
</Box>
</GridItem>
</Grid>
{/* EXP overview */}
<HStack alignItems={"start"} spacing={6}>
<Box flex={1}>
{/* table 1 */}
<Box bg={"#fff"} shadow={"md"} rounded={"md"} p={4} mb={4}>
<HStack justifyContent={"space-between"} mb={2}>
<Heading fontSize={"md"} fontWeight={500} mb={0} color={"#474279"}>
Expense Overview
</Heading>
<BsArrowsAngleExpand
// onClick={() => navigate("")}
as={Button}
color={"#6311CB"}
size={18}
cursor={"pointer"}
/>
</HStack>
<Tabs position='relative' variant='unstyled'>
<HStack justifyContent={"space-between"} alignItems={"start"} borderBottom={"1px solid #D4D4D4"}>
<Box>
<TabList>
<Tab
color={"#B0B0B0"}
fontSize={"xs"}
fontWeight={500}
_selected={{
color: "#5E0FCD",
}}>
Reimbursement request
</Tab>
<Tab
color={"#B0B0B0"}
fontSize={"xs"}
fontWeight={500}
_selected={{
color: "#5E0FCD",
}}>Advance Expense request</Tab>
</TabList>
<TabIndicator mt='-1.5px' height='2px' bg='#5E0FCD' borderRadius='1px' />
</Box>
<Box
fontSize={"xs"}
display={"flex"}
alignItems={"center"}
bg={"#F2EEF8"}
p={"6px 10px"}
rounded={"md"}
>
<Text
as={"span"}
display={"flex"}
alignItems={"center"}
gap={1}
>
<AiOutlineCalendar fontSize={"16px"} /> Time Period :
</Text>
<Text
as={"span"}
display={"flex"}
alignItems={"center"}
color={"#6311CB"}
fontWeight={500}
mx={2}
>
<Text as={"span"} me={5}>
Feb 20 - Jan 30, 2024{" "}
</Text>
<IoMdArrowDropdown />
</Text>
</Box>
</HStack>
<HStack justifyContent={"space-between"} mt={2}>
<HStack bg={"#F2EEF8"} p={2} rounded={"md"}>
<Text fontSize={"xs"} color={"#888888"} mb={0}>Total report amount</Text>
<Text fontSize={"sm"} color={"#6311CB"} mb={0} fontWeight={500}>₹ 50,000</Text>
</HStack>
<Menu>
<MenuButton
as={Button}
leftIcon={<LuListFilter fontSize={"16px"} />}
rightIcon={<ChevronDownIcon />}
fontSize={"xs"}
color={"gray.700"}
variant="outline"
size={"sm"}
me={2}
>
Filter
</MenuButton>
<MenuList>
<MenuItem fontSize={"sm"}>Ascending</MenuItem>
<MenuItem fontSize={"sm"}>Descending</MenuItem>
<MenuItem fontSize={"sm"}>Recently Viewed</MenuItem>
<MenuItem fontSize={"sm"}>Recently Added</MenuItem>
</MenuList>
</Menu>
</HStack>
<TabPanels>
<TabPanel px={0}>
<NormalTable
emptyMessage={`We don't have any Sponers `}
tableHeadRow={dashHeadRow}
data={dashArr}
isLoading={isLoading}
/>
</TabPanel>
<TabPanel px={0}>
<NormalTable
emptyMessage={`We don't have any Sponers `}
tableHeadRow={dashHeadRow}
data={dashArr}
isLoading={isLoading}
/>
</TabPanel>
</TabPanels>
</Tabs>
</Box>
{/* table 2 */}
<Box bg={"#fff"} shadow={"md"} rounded={"md"} p={4} >
<HStack justifyContent={"space-between"} mb={2}>
<Heading fontSize={"md"} fontWeight={500} mb={0} color={"#474279"}>
Benefit Overview
</Heading>
<HStack>
<Box
fontSize={"xs"}
display={"flex"}
alignItems={"center"}
bg={"#F2EEF8"}
p={"6px 10px"}
rounded={"md"}
>
<Text
as={"span"}
display={"flex"}
alignItems={"center"}
gap={1}
>
<AiOutlineCalendar fontSize={"16px"} /> Time Period :
</Text>
<Text
as={"span"}
display={"flex"}
alignItems={"center"}
color={"#6311CB"}
fontWeight={500}
mx={2}
>
<Text as={"span"} me={5}>
Feb 20 - Jan 30, 2024{" "}
</Text>
<IoMdArrowDropdown />
</Text>
</Box>
<BsArrowsAngleExpand
// onClick={() => navigate("")}
as={Button}
color={"#6311CB"}
size={18}
cursor={"pointer"}
/>
</HStack>
</HStack>
<HStack justifyContent={"space-between"} mt={2}>
<HStack bg={"#F2EEF8"} p={2} rounded={"md"}>
<Text fontSize={"xs"} color={"#888888"} mb={0}>Total report amount</Text>
<Text fontSize={"sm"} color={"#6311CB"} mb={0} fontWeight={500}>₹ 50,000</Text>
</HStack>
<Menu>
<MenuButton
as={Button}
leftIcon={<LuListFilter fontSize={"16px"} />}
rightIcon={<ChevronDownIcon />}
fontSize={"xs"}
color={"gray.700"}
variant="outline"
size={"sm"}
me={2}
>
Filter
</MenuButton>
<MenuList>
<MenuItem fontSize={"sm"}>Ascending</MenuItem>
<MenuItem fontSize={"sm"}>Descending</MenuItem>
<MenuItem fontSize={"sm"}>Recently Viewed</MenuItem>
<MenuItem fontSize={"sm"}>Recently Added</MenuItem>
</MenuList>
</Menu>
</HStack>
<Box mt={4}>
<NormalTable
emptyMessage={`We don't have any Sponers `}
tableHeadRow={dashHeadSecRow}
data={dashSecArr}
isLoading={isLoading}
/>
</Box>
</Box>
</Box>
<Box>
{/* box 1 */}
<Box bg={"#fff"} shadow={"md"} rounded={"md"} p={4} mb={6}>
<Box>
<Text color={"#474279"} fontSize={"sm"} fontWeight={500} mb={3}>Your Balance</Text>
<Box>
<Text color={"#1A202C"} fontSize={"xl"} as={"span"} fontWeight={600}>₹ 120,435.00</Text>
<Text color={"#90A3BF"} fontSize={"xs"} as={"span"} ml={1}>( INR )</Text>
</Box>
<Text color={"#90A3BF"} fontSize={"xs"} >Last uploaded on Jan 31, 2024</Text>
</Box>
<HStack mt={10} mb={6}>
<PrimaryButton
px={"4"}
leftIcon={<IoMdAddCircleOutline size={14} color='#fff' />}
title={"Load Money"} />
<SecondaryButton
px={"4"}
title={"Transaction statement"} />
</HStack>
</Box>
{/* box 2 */}
<Box
rounded={"md"}
boxShadow="md"
p={4}
bg="white"
>
<Text color={"#474279"} fontSize={"sm"} fontWeight={500} mb={3}>Monthly Expense</Text>
<HStack justifyContent={"space-between"} mb={4}>
<Box
fontSize={"xs"}
display={"flex"}
alignItems={"center"}
bg={"#F2EEF8"}
p={2}
rounded={"md"}
>
<Text
as={"span"}
display={"flex"}
alignItems={"center"}
color={"#6311CB"}
fontWeight={500}
mx={2}
>
<Text as={"span"} me={2}>
Feb 20 - Jan 30, 2024{" "}
</Text>
<IoMdArrowDropdown />
</Text>
</Box>
<Menu>
<MenuButton
as={Button}
rightIcon={<ChevronDownIcon />}
fontSize={"xs"}
color={"gray.700"}
variant="outline"
size={"sm"}
>
Expense
</MenuButton>
<MenuList>
<MenuItem fontSize={"sm"}>Ascending</MenuItem>
<MenuItem fontSize={"sm"}>Descending</MenuItem>
<MenuItem fontSize={"sm"}>Recently Viewed</MenuItem>
<MenuItem fontSize={"sm"}>Recently Added</MenuItem>
</MenuList>
</Menu>
</HStack>
{/* Progress Bar */}
<Progress
value={100} // Full bar, but custom background for segments
size="md"
rounded="md"
hasStripe={false} // No stripes for a clean look
colorScheme="gray" // Neutral base color
mb={12}
sx={{
"& > div": {
background: `linear-gradient(to right,
#6211CB 0% 15%,
#59C36A 15% 40%,
#EBB805 40% 60%,
rgba(201, 66, 171, 0.52) 60% 75%,
rgba(8, 181, 212, 1) 75% 90%,
#D9D9D9 90% 100%)`, // Define specific percentage for each color
},
}}
/>
<VStack align="stretch" spacing={10}>
{/* Individual items */}
<Flex justify="space-between" fontSize="sm">
<Text mb={"2"} color={"#4F6487"} fontWeight={500}>Fuel</Text>
<Flex align="center">
<Text mb={"2"} mr={2} fontWeight={600}>₹ 20,000</Text>
<Text mb={"2"} fontSize="xs" color="gray.500">40%</Text>
</Flex>
</Flex>
<Flex justify="space-between" fontSize="sm">
<Text mb={"2"} color={"#4F6487"} fontWeight={500}>Food</Text>
<Flex align="center">
<Text mb={"2"} mr={2} fontWeight={600}>₹ 15,000</Text>
<Text mb={"2"} fontSize="xs" color="gray.500">35%</Text>
</Flex>
</Flex>
<Flex justify="space-between" fontSize="sm">
<Text mb={"2"} color={"#4F6487"} fontWeight={500}>Travel</Text>
<Flex align="center">
<Text mb={"2"} mr={2} fontWeight={600}>₹ 10,000</Text>
<Text mb={"2"} fontSize="xs" color="gray.500">20%</Text>
</Flex>
</Flex>
<Flex justify="space-between" fontSize="sm">
<Text mb={"2"} color={"#4F6487"} fontWeight={500}>Travel</Text>
<Flex align="center">
<Text mb={"2"} mr={2} fontWeight={600}>₹ 10,000</Text>
<Text mb={"2"} fontSize="xs" color="gray.500">10%</Text>
</Flex>
</Flex>
<Flex justify="space-between" fontSize="sm">
<Text mb={"2"} color={"#4F6487"} fontWeight={500}>Voucher</Text>
<Flex align="center">
<Text mb={"2"} mr={2} fontWeight={600}>₹ 5,000</Text>
<Text mb={"2"} fontSize="xs" color="gray.500">10%</Text>
</Flex>
</Flex>
<Flex justify="space-between" fontSize="sm">
<Text mb={"2"} color={"#4F6487"} fontWeight={500}>Voucher</Text>
<Flex align="center">
<Text mb={"2"} mr={2} fontWeight={600}>₹ 5,000</Text>
<Text mb={"2"} fontSize="xs" color="gray.500">10%</Text>
</Flex>
</Flex>
</VStack>
</Box>
</Box>
</HStack>
{/* Total spending's */}
<HStack alignItems={"start"} spacing={6} mt={6}>
{/* box */}
<Box
rounded={"md"}
boxShadow="md"
p={4}
bg="white"
flex={1}
>
<HStack justifyContent={"space-between"} mb={4} alignItems={"start"}>
<Text color={"#474279"} fontSize={"sm"} fontWeight={500} mb={0}>Total spending's</Text>
<Box
fontSize={"xs"}
display={"flex"}
alignItems={"center"}
bg={"#F2EEF8"}
py={2}
px={2}
rounded={"md"}
>
<Text
as={"span"}
display={"flex"}
alignItems={"center"}
color={"#6311CB"}
fontWeight={500}
fontSize={"10px"}
>
<Text as={"span"} me={1}>
Feb 20 - Jan 30, 2024{" "}
</Text>
<IoMdArrowDropdown />
</Text>
</Box>
</HStack>
<HStack justifyContent={"space-between"} borderBottom={"1px dashed rgba(99, 17, 203, 0.3)"} pb={"4"} mb={"4"}>
<Box>
<Text fontSize={"sm"} fontWeight={500} mb={1}>
Expense
</Text>
<Text fontSize={"xs"} color={"#878787"} fontWeight={500}>
₹ 50,000
</Text>
</Box>
<Box>
<CircularProgress value={40} color='#C33FAD' size={16}>
<CircularProgressLabel fontWeight={500} fontSize={"sm"}>40%</CircularProgressLabel>
</CircularProgress>
</Box>
</HStack>
<HStack justifyContent={"space-between"} borderBottom={"1px dashed rgba(99, 17, 203, 0.3)"} pb={"4"} mb={"4"}>
<Box>
<Text fontSize={"sm"} fontWeight={500} mb={1}>
Benefit
</Text>
<Text fontSize={"xs"} color={"#878787"} fontWeight={500}>
₹ 50,000
</Text>
</Box>
<Box>
<CircularProgress value={60} color='#C33FAD' size={16}>
<CircularProgressLabel fontWeight={500} fontSize={"sm"}>60%</CircularProgressLabel>
</CircularProgress>
</Box>
</HStack>
<HStack justifyContent={"space-between"} borderBottom={"1px dashed rgba(99, 17, 203, 0.3)"} pb={"4"} mb={"4"}>
<Box>
<Text fontSize={"sm"} fontWeight={500} mb={1}>
Gifts & voucher
</Text>
<Text fontSize={"xs"} color={"#878787"} fontWeight={500}>
₹ 50,000
</Text>
</Box>
<Box>
<CircularProgress value={80} color='#C33FAD' size={16}>
<CircularProgressLabel fontWeight={500} fontSize={"sm"}>80%</CircularProgressLabel>
</CircularProgress>
</Box>
</HStack>
</Box>
{/* table */}
<Box bg={"#fff"} shadow={"md"} rounded={"md"} p={4} >
<HStack justifyContent={"space-between"} mb={2}>
<Heading fontSize={"md"} fontWeight={500} mb={0} color={"#474279"}>
Employee Transaction
</Heading>
<HStack>
<Menu>
<MenuButton
as={Button}
rightIcon={<ChevronDownIcon />}
fontSize={"xs"}
color={"gray.700"}
variant="outline"
size={"sm"}
>
Expense
</MenuButton>
<MenuList>
<MenuItem fontSize={"sm"}>Ascending</MenuItem>
<MenuItem fontSize={"sm"}>Descending</MenuItem>
<MenuItem fontSize={"sm"}>Recently Viewed</MenuItem>
<MenuItem fontSize={"sm"}>Recently Added</MenuItem>
</MenuList>
</Menu>
<Box
fontSize={"xs"}
display={"flex"}
alignItems={"center"}
bg={"#F2EEF8"}
p={"6px 10px"}
rounded={"md"}
>
<Text
as={"span"}
display={"flex"}
alignItems={"center"}
gap={1}
>
<AiOutlineCalendar fontSize={"16px"} /> Time Period :
</Text>
<Text
as={"span"}
display={"flex"}
alignItems={"center"}
color={"#6311CB"}
fontWeight={500}
mx={2}
>
<Text as={"span"} me={5}>
Feb 20 - Jan 30, 2024{" "}
</Text>
<IoMdArrowDropdown />
</Text>
</Box>
<BsArrowsAngleExpand
// onClick={() => navigate("")}
as={Button}
color={"#6311CB"}
size={18}
cursor={"pointer"}
/>
</HStack>
</HStack>
<HStack justifyContent={"space-between"} mt={2}>
<HStack bg={"#F2EEF8"} p={2} rounded={"md"}>
<Text fontSize={"xs"} color={"#888888"} mb={0}>Total report amount</Text>
<Text fontSize={"sm"} color={"#6311CB"} mb={0} fontWeight={500}>₹ 50,000</Text>
</HStack>
<Menu>
<MenuButton
as={Button}
leftIcon={<LuListFilter fontSize={"16px"} />}
rightIcon={<ChevronDownIcon />}
fontSize={"xs"}
color={"gray.700"}
variant="outline"
size={"sm"}
me={2}
>
Filter
</MenuButton>
<MenuList>
<MenuItem fontSize={"sm"}>Ascending</MenuItem>
<MenuItem fontSize={"sm"}>Descending</MenuItem>
<MenuItem fontSize={"sm"}>Recently Viewed</MenuItem>
<MenuItem fontSize={"sm"}>Recently Added</MenuItem>
</MenuList>
</Menu>
</HStack>
<Box mt={4}>
<NormalTable
emptyMessage={`We don't have any Sponers `}
tableHeadRow={dashHeadSecRow}
data={dashSecArr}
isLoading={isLoading}
/>
</Box>
</Box>
</HStack>
</Box>
)
}

2
src/Pages/ManageHumanResource/Approvers.jsx
View File

@@ -229,7 +229,6 @@ const Approvers = () => {
flexDirection={"column"}
bg={"#fff"}
shadow={"md"}
minH={"100%"}
mb={5}
>
<VStack px={3} alignItems={"start"} gap={0}>
@@ -389,7 +388,6 @@ const Approvers = () => {
flexDirection={"column"}
bg={"#fff"}
shadow={"md"}
minH={"100%"}
>
<VStack px={3} alignItems={"start"} gap={0}>
<Box

195
src/Pages/ManageHumanResource/EmployeesView.jsx
View File

@@ -23,144 +23,180 @@ import GlobalStateContext from '../../Contexts/GlobalStateContext'
import { MdDeleteOutline, MdNoFood, MdOutlineModeEdit } from 'react-icons/md'
import SecondaryButton from '../../Components/Buttons/SecondaryButton'
import { useNavigate } from 'react-router-dom'
import SwitchButton from '../../Components/SwitchButton'
const EmployeesView = () => {
const { reimbursementStatus } = useContext(GlobalStateContext);
const { advanceStatus } = useContext(GlobalStateContext);
const { reimbursementStatus, advanceStatus, walletExpense } = useContext(GlobalStateContext);
const [isLoading, setIsLoading] = useState(false);
const [searchTerm, setSearchTerm] = useState("");
const [searchTerm, setSearchTerm] = useState('');
const [isSwitchOn, setIsSwitchOn] = useState(true);
const navigate = useNavigate();
useEffect(() => {
// Set isLoading to true
setIsLoading(true);
// Simulate a 3-second delay
const timer = setTimeout(() => {
setIsLoading(false); // Set isLoading to false after 3 seconds
}, 500);
setIsLoading(false);
}, 500); // Simulated delay
// Cleanup the timer when the component unmounts or when the useEffect re-runs
return () => clearTimeout(timer);
}, []); // Empty dependency array means this effect runs once after the component mounts
}, []);
// ===============================[ Table Header ]
// ===============================[ Table Headers ]
const tableHeadRow = [
"Report name",
"Report amount",
"Date & time",
"Order Status",
"Approver",
"Disburser",
"",
'Report name',
'Report amount',
'Date & time',
'Order Status',
'Approver',
'Disburser',
'',
];
const tableHeadRowAdvance = [
"Wallet Name",
"Card",
"Date & time",
"Amount",
"Merchant",
'Wallet Name',
'Card',
'Date & time',
'Amount',
'Merchant',
];
// const extractedArray = reportsHistory.map((item)=>({ }))
const walletExpenseHeader = [
'Wallet',
'Wallet amount',
'Balance remaining',
'Status',
];
const extractedArray = reimbursementStatus.map((item, index) => ({
"Report name": (
// ===============================[ Extracted Data for Reimbursement Status ]
const extractedArray = reimbursementStatus.map((item) => ({
'Report name': (
<HStack>
<Box p={2} bg={"#ebe0f8"} rounded={"full"}>
<LuScrollText color='#6311CB' />
<Box p={2} bg="#ebe0f8" rounded="full">
<LuScrollText color="#6311CB" />
</Box>
<Text mb={0} fontWeight={600} fontSize={"xs"}>
Food for June 30
<Text mb={0} fontWeight={600} fontSize="xs">
{item.reportName || 'Food for June 30'}
</Text>
</HStack>
),
"Report amount": (
<Text mb={0} fontWeight={500} fontSize={"xs"} color={"#00A438"}>
₹ 5000
'Report amount': (
<Text mb={0} fontWeight={500} fontSize="xs" color="#00A438">
₹ {item.reportAmount || 5000}
</Text>
),
"Date & time": (
<Text mb={0} fontSize={"xs"}>
Jun 10, 2024,
'Date & time': (
<Text mb={0} fontSize="xs">
{item.date || 'Jun 10, 2024'}
</Text>
),
"Order Status": (
'Order Status': (
<Tag
my={1}
size={"sm"}
size="sm"
borderRadius="full"
color={
item?.orderStatus === "Approved"
? "#027A48"
: item?.orderStatus === "Fully reimbursed"
? "#3725EA"
: "red"
item.orderStatus === 'Approved'
? '#027A48'
: item.orderStatus === 'Fully reimbursed'
? '#3725EA'
: 'red'
}
>
{item?.orderStatus}
{item.orderStatus}
</Tag>
),
Approver: (
<Text mb={0} fontSize={"xs"}>
Reethik Thota
<Text mb={0} fontSize="xs">
{item.approver || 'Reethik Thota'}
</Text>
),
Disburser: (
<Text mb={0} fontSize={"xs"} >
Reethik Thota L1
<Text mb={0} fontSize="xs">
{item.disburser || 'Reethik Thota L1'}
</Text>
),
"": (
<Text mb={0} fontSize={"xs"} bg={"#6211CB"} color={"#fff"} py={2} rounded={"md"}>
'': (
<Text mb={0} size="xs" bg="#6311CB" rounded="md" p={1} fontWeight={400} color="#fff">
View Reports
</Text>
),
}));
const extractedArrayAdvance = advanceStatus.map((item, index) => ({
"Wallet Name": (
// ===============================[ Extracted Data for Advance Status ]
const extractedArrayAdvance = advanceStatus.map((item) => ({
'Wallet Name': (
<HStack>
<Box p={2} bg={"#ebe0f8"} rounded={"full"}>
<MdNoFood color='#6311CB' />
<Box p={2} bg="#ebe0f8" rounded="full">
<MdNoFood color="#6311CB" />
</Box>
<Text mb={0} fontSize={"xs"}>
Food
<Text mb={0} fontSize="xs">
{item.walletName || 'Food'}
</Text>
</HStack>
),
"Card": (
<Text mb={0} fontWeight={600} fontSize={"xs"}>
Visa card **** 4831
Card: (
<Text mb={0} fontWeight={600} fontSize="xs">
{item.card || 'Visa card **** 4831'}
</Text>
),
"Date & time": (
<Text mb={0} fontSize={"xs"}>
Jun 10, 2024,
'Date & time': (
<Text mb={0} fontSize="xs">
{item.date || 'Jun 10, 2024'}
</Text>
),
"Amount": (
<Text mb={0} fontWeight={500} fontSize={"xs"} color={"#00A438"}>
₹ 5000
Amount: (
<Text mb={0} fontWeight={500} fontSize="xs" color="#00A438">
₹ {item.amount || 5000}
</Text>
),
"Merchant": (
<Text mb={0} fontSize={"xs"}>
Dine in
Merchant: (
<Text mb={0} fontSize="xs">
{item.merchant || 'Dine in'}
</Text>
),
}));
// ===============================[ Wallet Expense Table ]
const extractedWalletExpense = walletExpense.map((item, index) => ({
Wallet: (
<HStack key={`wallet-${index}`}>
<Box p={2} bg="#ebe0f8" rounded="full">
<MdNoFood color="#6311CB" />
</Box>
<Text mb={0} fontSize="xs">
{item.wallet || 'Food'} {/* Render wallet name */}
</Text>
</HStack>
),
'Wallet amount': (
<Text key={`walletAmount-${index}`} mb={0} color={"#00A438"} fontSize="xs">
{item.walletAmount || 5000} {/* Render walletAmount */}
</Text>
),
'Balance remaining': (
<Text key={`balance-${index}`} mb={0} color={"#00A438"} fontSize="xs">
{item.balanceRemaining || '₹ 2000'} {/* Render balanceRemaining */}
</Text>
),
Status: (
<Box
display={"flex"}
gap={1}
alignItems={"center"}
justifyContent={"center"}
>
<SwitchButton isSwitchOn={isSwitchOn} setIsSwitchOn={setIsSwitchOn} />
</Box>
),
}));
return (
<Box as={"span"} {...OPACITY_ON_LOAD} p={4} pb={3} overflowX={"scroll"}>
<MiniHeader backButton={true} title={""} />
@@ -285,6 +321,7 @@ const EmployeesView = () => {
<PrimaryButton
leftIcon={<BsPrinter size={"16"} />}
title={"Pull back funds"}
onClick={()=>navigate("/employees/view/wallet-pull-back-funds")}
/>
</HStack>
<Box>
@@ -319,24 +356,24 @@ const EmployeesView = () => {
<TabPanel px={0}>
<NormalTable
emptyMessage={`We don't have any Sponers `}
tableHeadRow={tableHeadRow}
data={extractedArray}
tableHeadRow={walletExpenseHeader}
data={extractedWalletExpense}
isLoading={isLoading}
/>
</TabPanel>
<TabPanel px={0}>
<NormalTable
emptyMessage={`We don't have any Sponers `}
tableHeadRow={tableHeadRowAdvance}
data={extractedArrayAdvance}
tableHeadRow={walletExpenseHeader}
data={extractedWalletExpense}
isLoading={isLoading}
/>
</TabPanel>
<TabPanel px={0}>
<NormalTable
emptyMessage={`We don't have any Sponers `}
tableHeadRow={tableHeadRow}
data={extractedArray}
tableHeadRow={walletExpenseHeader}
data={extractedWalletExpense}
isLoading={isLoading}
/>
</TabPanel>

9
src/Pages/ManageHumanResource/EmployeesViewRecentReports.jsx
View File

@@ -116,7 +116,14 @@ const EmployeesViewRecentReports = () => {
</Text>
),
"": (
<Text mb={0} fontSize={"xs"} bg={"#6211CB"} color={"#fff"} py={2} rounded={"md"}
<Text
mb={0}
size={"xs"}
bg={"#6311CB"}
rounded={"md"}
p={1}
fontWeight={400}
color="#fff"
onClick={()=>navigate("/employees/view/recent-reports/view")}
>
View Reports

176
src/Pages/ManageHumanResource/EmployeesViewRecentReportsView.jsx
View File

@@ -1,5 +1,5 @@
import {
Badge, Box, HStack, Image, Tab, TabIndicator, TabList, TabPanel, TabPanels, Tabs, Text,
Badge, Box, HStack, Image, Text,
Heading, Menu, MenuButton, MenuItem, MenuList, VStack, Button,
Tag,
Divider,
@@ -8,33 +8,25 @@ import React, { useContext, useEffect, useState } from 'react'
import { OPACITY_ON_LOAD } from '../../Layout/animations'
import MiniHeader from '../../Components/MiniHeader'
import { GoDotFill } from 'react-icons/go'
import PayCard from '../../Components/PayCard'
import PrimaryButton from '../../Components/Buttons/PrimaryButton'
import { BsPrinter } from 'react-icons/bs'
import { LuListFilter, LuScrollText } from "react-icons/lu";
import NormalTable from "../../Components/DataTable/NormalTable";
import { FaArrowUpFromBracket } from "react-icons/fa6";
import pdfIcon from "../../assets/pdfIcon.svg";
import ExcelIcon from "../../assets/ExcelIcon.svg";
import { AiOutlineCalendar } from "react-icons/ai";
import { IoMdArrowDropdown } from "react-icons/io";
import { BsArrowsAngleExpand, BsFilterRight } from "react-icons/bs";
import { ChevronDownIcon, SearchIcon } from "@chakra-ui/icons";
import GlobalStateContext from '../../Contexts/GlobalStateContext'
import { MdDeleteOutline, MdNoFood, MdOutlineModeEdit } from 'react-icons/md'
import SecondaryButton from '../../Components/Buttons/SecondaryButton'
import { useNavigate } from 'react-router-dom'
const EmployeesViewRecentReportsView = () => {
const { reimbursementStatus } = useContext(GlobalStateContext);
const { advanceStatus } = useContext(GlobalStateContext);
const [isLoading, setIsLoading] = useState(false);
const [searchTerm, setSearchTerm] = useState("");
const [ selectedRadio, setSelectedRadio] = useState([])
console.log(selectedRadio);
const navigate = useNavigate();
useEffect(() => {
// Set isLoading to true
@@ -51,27 +43,19 @@ const EmployeesViewRecentReportsView = () => {
// ===============================[ Table Header ]
const tableHeadRow = [
"Report name",
"Report amount",
"Date & time",
"Order Status",
"Approver",
"Disburser",
"Invoice",
"Amount",
"Paid from wallet",
"Status",
"",
];
const tableHeadRowAdvance = [
"Wallet Name",
"Card",
"Date & time",
"Amount",
"Merchant",
];
// const extractedArray = reportsHistory.map((item)=>({ }))
const extractedArray = reimbursementStatus.map((item, index) => ({
"Report name": (
id:item.id,
"Invoice": (
<HStack>
<Box p={2} bg={"#ebe0f8"} rounded={"full"}>
<LuScrollText color='#6311CB' />
@@ -81,18 +65,18 @@ const EmployeesViewRecentReportsView = () => {
</Text>
</HStack>
),
"Report amount": (
"Amount": (
<Text mb={0} fontWeight={500} fontSize={"xs"} color={"#00A438"}>
₹ 5000
</Text>
),
"Date & time": (
"Paid from wallet": (
<Text mb={0} fontSize={"xs"}>
Jun 10, 2024,
Food
</Text>
),
"Order Status": (
"Status": (
<Tag
my={1}
size={"sm"}
@@ -105,67 +89,21 @@ const EmployeesViewRecentReportsView = () => {
: "red"
}
>
{item?.orderStatus}
Approved
</Tag>
),
Approver: (
<Text mb={0} fontSize={"xs"}>
Reethik Thota
</Text>
),
Disburser: (
<Text mb={0} fontSize={"xs"} >
Reethik Thota L1
</Text>
),
"": (
<Text mb={0} fontSize={"xs"} bg={"#6211CB"} color={"#fff"} py={2} rounded={"md"}>
View Reports
<Text mb={0} fontWeight={600} fontSize={"xs"} color={"#00A438"}>
Download
</Text>
),
}));
const extractedArrayAdvance = advanceStatus.map((item, index) => ({
"Wallet Name": (
<HStack>
<Box p={2} bg={"#ebe0f8"} rounded={"full"}>
<MdNoFood color='#6311CB' />
</Box>
<Text mb={0} fontSize={"xs"}>
Food
</Text>
</HStack>
),
"Card": (
<Text mb={0} fontWeight={600} fontSize={"xs"}>
Visa card **** 4831
</Text>
),
"Date & time": (
<Text mb={0} fontSize={"xs"}>
Jun 10, 2024,
</Text>
),
"Amount": (
<Text mb={0} fontWeight={500} fontSize={"xs"} color={"#00A438"}>
₹ 5000
</Text>
),
"Merchant": (
<Text mb={0} fontSize={"xs"}>
Dine in
</Text>
),
}));
return (
<Box as={"span"} {...OPACITY_ON_LOAD} p={4} pb={3} overflowX={"scroll"}>
<Box shadow={'md'} p={4} bg={'#fff'} rounded={"md"}>
<Box shadow={'md'} p={4} bg={'#fff'} rounded={"md"} mb={4}>
<HStack justifyContent={"space-between"} mb={4}>
<Box>
<Text mb={0} fontSize={"sm"} fontWeight={600}>
@@ -192,23 +130,89 @@ const EmployeesViewRecentReportsView = () => {
</HStack>
<Divider />
<HStack>
<VStack>
<HStack justifyContent={"space-between"}>
<VStack alignItems={"start"}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Report by
</Text>
<Text mb={0} color={"#696969"}>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
Kartikey Gautam
</Text>
</VStack>
<VStack alignItems={"start"}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Report amount
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 10,000
</Text>
</VStack>
<VStack alignItems={"start"}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Date & time
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
22 June, 2024
</Text>
</VStack>
<VStack alignItems={"start"}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Approver
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
Pooja Patade
</Text>
</VStack>
<VStack alignItems={"start"}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Disburser
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
Pooja Patade
</Text>
</VStack>
</HStack>
{/* <NormalTable
</Box>
<Box shadow={'md'} p={4} bg={'#fff'} rounded={"md"}>
<HStack justifyContent={"space-between"} mb={4}>
<Box>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Bills for the report
</Text>
</Box>
<Box>
<Menu>
<MenuButton
as={Button}
leftIcon={<FaArrowUpFromBracket />}
rightIcon={<ChevronDownIcon />}
fontSize={"xs"}
colorScheme="gray"
color={"gray.700"}
variant="outline"
size={"sm"}
me={2}
>
Export
</MenuButton>
<MenuList>
<MenuItem fontSize={"sm"}><Image src={pdfIcon} me={2} /> Export as PDF</MenuItem>
<MenuItem fontSize={"sm"}><Image src={ExcelIcon} me={2} /> Export as Excel</MenuItem>
</MenuList>
</Menu>
</Box>
</HStack>
<NormalTable
emptyMessage={`We don't have any reports available`}
tableHeadRow={tableHeadRow}
data={extractedArray}
isLoading={isLoading}
/> */}
showRadioButton={true}
setSelectedRadio={setSelectedRadio}
selectedRadio={selectedRadio}
/>
</Box>
</Box>
)

360
src/Pages/ManageHumanResource/WalletsPullBackFunds.jsx Normal file
View File

@@ -0,0 +1,360 @@
import {
Box, HStack, Text, VStack,
Divider,
Checkbox,
} from '@chakra-ui/react'
import React, { useState } from 'react'
import { OPACITY_ON_LOAD } from '../../Layout/animations'
import MiniHeader from '../../Components/MiniHeader'
const WalletsPullBackFunds = () => {
const [isLoading, setIsLoading] = useState(false);
return (
<Box as={"span"} {...OPACITY_ON_LOAD} p={4} pb={3} overflowX={"scroll"}>
<Box shadow={'md'} p={4} bg={'#fff'} rounded={"md"} mb={4}>
<Box>
<Text mb={0} fontSize={"sm"} fontWeight={600}>
Pooja shah
</Text>
</Box>
<Divider />
<HStack spacing={16}>
<VStack alignItems={"start"}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Employee ID
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
WD-012
</Text>
</VStack>
<VStack alignItems={"start"}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Department
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
Design
</Text>
</VStack>
<VStack alignItems={"start"}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Role
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
Sr. Designer
</Text>
</VStack>
</HStack>
</Box>
<Box shadow={'md'} p={4} bg={'#fff'} rounded={"md"} mb={4}>
<Box mb={6}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Select expense wallet
</Text>
</Box>
<Box>
<HStack justifyContent={"space-between"} mb={6}>
<Box>
<Checkbox defaultChecked alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Food
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Fuel
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Books & periodicals
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Gadget & equipment
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Telecom
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
</HStack>
<HStack justifyContent={"space-between"}>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Food
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Fuel
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Books & periodicals
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Gadget & equipment
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Telecom
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
</HStack>
</Box>
</Box>
<Box shadow={'md'} p={4} bg={'#fff'} rounded={"md"} mb={4}>
<Box mb={6}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Select benefit wallet
</Text>
</Box>
<Box>
<HStack justifyContent={"space-between"} mb={6}>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Food
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Fuel
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Books & periodicals
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Gadget & equipment
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Telecom
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
</HStack>
<HStack justifyContent={"space-between"}>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Food
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Fuel
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Books & periodicals
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Gadget & equipment
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
Telecom
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
</HStack>
</Box>
</Box>
<Box shadow={'md'} p={4} bg={'#fff'} rounded={"md"} mb={4}>
<Box mb={6}>
<Text mb={0} fontSize={"sm"} fontWeight={500}>
Select gift card
</Text>
</Box>
<Box>
<HStack justifyContent={"space-between"} mb={6}>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
4512 **** **** 4512
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
4512 **** **** 4512
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
4512 **** **** 4512
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
4512 **** **** 4512
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
<Box>
<Checkbox alignItems={"start"} colorScheme='purple'>
<Text mb={0} fontSize={"sm"} fontWeight={500} mt={-1}>
4512 **** **** 4512
</Text>
<Text mb={0} color={"#696969"} fontSize={"xs"} fontWeight={500}>
₹ 5000
</Text>
</Checkbox>
</Box>
</HStack>
</Box>
</Box>
</Box>
)
}
export default WalletsPullBackFunds

3
src/Pages/OptiFiiGifsAndVouchers/GiftCard.jsx
View File

@@ -94,9 +94,6 @@ const GiftCard = () => {
"Total employees",
"Total valuation",
"Activation Status",
// "Role",
// "Status",
// "Action",
];
const physicaltableHeadRow = [

7
src/Routes/Routes.js
View File

@@ -34,6 +34,7 @@ import BrandVoucher from "../Pages/OptiFiiGifsAndVouchers/BrandVoucher";
import BuyVoucher from "../Pages/OptiFiiGifsAndVouchers/BuyVoucher";
import BuySingleVouchers from "../Pages/OptiFiiGifsAndVouchers/BuySingleVouchers";
import Preview from "../Pages/OptiFiiGifsAndVouchers/Preview";
import WalletsPullBackFunds from "../Pages/ManageHumanResource/WalletsPullBackFunds";
export const RouteLink = [
{ path: "/", Component: Dashbaord },
{ path: "/expenses", Component: Expenses },
@@ -50,7 +51,8 @@ export const RouteLink = [
path: "/advance-expense-request-view",
Component: AdvanceExpenseRequestView,
},
{ path: "/optiFii-benefit", Component: OptiFiiTaxBenefit },
// { path: "/optiFii-benefit", Component: OptiFiiTaxBenefit },
{ path: "/optiFii-benefit", Component: OptiFiiExpenseDashboard },
{ path: "/optiFii-vouchers", Component: OptiFiiGifsAndVouchers },
{ path: "/reports", Component: Report },
{ path: "/support-ticket", Component: SupportAndTicket },
@@ -65,8 +67,9 @@ export const RouteLink = [
{ path: "/employees/pull-back-funds", Component: EmployeesPullBackFunds },
{ path: "/employees/view", Component: EmployeesView },
{ path: "/employees/view/recent-reports", Component: EmployeesViewRecentReports },
// { path: "/employees/view/recent-reports/view", Component: EmployeesViewRecentReportsView },
{ path: "/employees/view/recent-reports/view", Component: EmployeesViewRecentReportsView },
{ path: "/employees/view/recent-transaction", Component: EmployeesViewRecentTransaction },
{ path: "/employees/view/wallet-pull-back-funds", Component: WalletsPullBackFunds },

3
src/assets/Platinum.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="51" height="8" viewBox="0 0 51 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.614031 7.56738L1.78733 0.500004H4.30646C4.854 0.500004 5.29111 0.600079 5.61779 0.800229C5.94677 1.00038 6.17223 1.273 6.29416 1.61809C6.41839 1.96317 6.44485 2.35312 6.37353 2.78793C6.29991 3.22274 6.14347 3.61384 5.90421 3.96123C5.66725 4.30631 5.35092 4.58008 4.95522 4.78253C4.55952 4.98268 4.08906 5.08276 3.54382 5.08276H1.80803L1.95642 4.17863H3.59213C3.93952 4.17863 4.23169 4.11881 4.46865 3.99918C4.70791 3.87725 4.89541 3.71161 5.03114 3.50226C5.16688 3.29061 5.25545 3.0525 5.29686 2.78793C5.34057 2.51876 5.32907 2.2818 5.26235 2.07705C5.19563 1.87 5.06335 1.70781 4.8655 1.59048C4.66995 1.47315 4.39618 1.41448 4.04419 1.41448H2.70526L1.68035 7.56738H0.614031ZM6.81093 7.56738L7.98422 0.500004H9.05054L8.02908 6.64945H11.2315L11.0797 7.56738H6.81093ZM13.2537 7.56738H12.1218L15.8384 0.500004H17.0704L18.4404 7.56738H17.3085L16.2767 1.78373H16.2214L13.2537 7.56738ZM13.9025 4.79979H17.5742L17.4223 5.69701H13.7506L13.9025 4.79979ZM19.2988 1.41794L19.4506 0.500004H24.9202L24.7684 1.41794H22.5633L21.5418 7.56738H20.479L21.5004 1.41794H19.2988ZM27.1952 0.500004L26.0219 7.56738H24.9556L26.1289 0.500004H27.1952ZM34.4524 0.500004L33.2791 7.56738H32.299L29.5694 2.38418H29.5073L28.6411 7.56738H27.5748L28.7481 0.500004H29.735L32.4681 5.69011H32.5337L33.3964 0.500004H34.4524ZM40.5527 0.500004H41.6224L40.8529 5.14832C40.7724 5.64295 40.5837 6.08121 40.2869 6.4631C39.9902 6.8427 39.6129 7.14178 39.1551 7.36033C38.6972 7.57659 38.1865 7.68471 37.6229 7.68471C37.0569 7.68471 36.5819 7.57659 36.1977 7.36033C35.8135 7.14178 35.5362 6.8427 35.366 6.4631C35.1981 6.08121 35.1555 5.64295 35.2383 5.14832L36.0079 0.500004H37.0742L36.3184 5.06205C36.2678 5.38183 36.292 5.66595 36.3909 5.91442C36.4921 6.16288 36.6601 6.35843 36.8947 6.50106C37.1317 6.6414 37.4296 6.71157 37.7885 6.71157C38.1474 6.71157 38.4683 6.6414 38.7513 6.50106C39.0366 6.35843 39.2689 6.16288 39.4484 5.91442C39.6301 5.66595 39.7463 5.38183 39.7969 5.06205L40.5527 0.500004ZM43.1727 0.500004H44.4668L45.8126 5.99379H45.8955L49.0496 0.500004H50.3436L49.1703 7.56738H48.1558L49.0081 2.4532H48.9426L46.0093 7.55703H45.1639L43.9354 2.44974H43.8698L43.014 7.56738H41.9994L43.1727 0.500004Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

37
src/assets/gift.svg Normal file
View File

@@ -0,0 +1,37 @@
<svg width="91" height="111" viewBox="0 0 91 111" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35.1797 60.4707L38.4199 62.0521L38.9526 61.3784C38.9526 61.3784 38.982 61.3439 39.033 61.2813C39.0585 61.2512 39.0878 61.2143 39.1244 61.1701C40.5107 59.5145 49.7719 48.8781 55.6143 53.6663C60.1427 57.3799 48.3418 61.3808 41.2661 63.3558C41.2295 63.365 41.1896 63.3766 41.1492 63.3883L41.5072 63.562C41.5105 63.562 41.5144 63.562 41.5178 63.562C41.551 63.5572 41.5837 63.5528 41.614 63.5455C42.9497 63.3029 56.7504 60.6469 60.352 55.236L60.3631 55.2176C60.5101 55.0002 60.6406 54.7719 60.7533 54.5346C63.702 48.3598 54.0356 44.3472 48.8066 45.3495C43.5777 46.3518 35.1797 60.4707 35.1797 60.4707Z" fill="#E2231A"/>
<path d="M55.614 54.0688C60.1424 57.6304 48.3415 61.4668 41.2658 63.3607L41.5063 63.5587C41.5097 63.5587 41.5136 63.5587 41.5169 63.5587C41.5501 63.5543 41.5829 63.55 41.6132 63.5432C54.8119 61.5182 59.0159 57.6925 60.3512 55.5744L60.3623 55.5569C60.3806 55.5278 60.3988 55.5011 60.4133 55.4749C60.9204 54.6308 60.8512 53.7008 60.2526 52.8815C59.2455 51.4982 57.1037 49.4466 53.4256 49.7951C48.3896 50.2703 40.3616 59.7597 39.125 61.2673C40.5098 59.6767 49.7715 49.4776 55.614 54.0688Z" fill="#9D162E"/>
<path d="M25.7489 45.9017C20.5199 44.8906 10.8536 48.9372 13.8017 55.164C13.9148 55.4031 14.0454 55.6333 14.1925 55.8527C14.1958 55.86 14.1997 55.8644 14.2035 55.8716C17.8051 61.3262 31.6082 64.0035 32.9411 64.2511C32.9704 64.2583 33.0031 64.2627 33.0373 64.2676C33.0412 64.2676 33.045 64.27 33.0484 64.27L33.4059 64.0948C33.3659 64.0831 33.326 64.0715 33.2894 64.0618C26.2137 62.0718 14.4128 58.0359 18.9412 54.2908C24.7832 49.4623 34.0449 60.1885 35.4312 61.8582C35.4677 61.9024 35.4971 61.9397 35.5226 61.9698C35.5736 62.0354 35.6029 62.0703 35.6029 62.0703L36.1356 62.7498L39.3759 61.1554C39.3759 61.1554 30.9827 46.9107 25.7489 45.9017Z" fill="#E2231A"/>
<path d="M18.9389 54.2921C14.4105 58.0372 26.2114 62.0716 33.2871 64.0631L33.0465 64.2713C33.0432 64.2713 33.0393 64.2689 33.0355 64.2689C33.0027 64.264 32.97 64.2597 32.9392 64.2524C19.7405 62.1231 15.5369 58.1003 14.2017 55.873C14.1978 55.8657 14.194 55.8613 14.1906 55.854C14.1723 55.8239 14.154 55.7958 14.1396 55.7676C13.6324 54.8804 13.7017 53.9024 14.2998 53.0408C15.3069 51.5847 17.4491 49.4287 21.1273 49.7952C26.1633 50.2951 34.1908 60.2738 35.4279 61.8595C34.0426 60.1898 24.7809 49.4637 18.9389 54.2921Z" fill="#9D162E"/>
<path d="M60.3695 62.7422L59.6208 72.4908L13.3488 73.2524L12.002 65.0268L27.9694 64.2711L47.4253 63.3542L60.3695 62.7422Z" fill="#FFCE00"/>
<path d="M60.2579 62.7422L59.4688 72.4908L70.0441 76.6034L72.2536 69.6728L60.2579 62.7422Z" fill="#FFCE00"/>
<path d="M14.1172 74.1648L18.647 110.265H56.852L59.1174 72.5039L14.1172 74.1648Z" fill="#FFCE00"/>
<path d="M66.8379 104.86L70.1403 76.6019L59.117 72.5039L56.8516 110.265L66.8379 104.86Z" fill="#FFCE00"/>
<path d="M69.8903 76.6017L60.0243 73.2507L13.8668 74.1647L13.1113 73.2507L59.7726 72.2354L69.8903 76.6017Z" fill="#FFB819"/>
<path d="M32.3477 64.0653L33.3423 73.78V110.266H42.2041V73.6047L41.4992 63.6328L32.3477 64.0653Z" fill="#E2231A"/>
<path d="M65.8629 65.9795L64.0869 74.0988L62.3652 107.283L65.8629 105.39L67.7693 75.6879L69.3553 67.9972L65.8629 65.9795Z" fill="#E2231A"/>
<path d="M47.4262 63.8123L27.9703 64.271C27.9313 64.1694 27.9109 64.0615 27.9102 63.9526C27.9102 62.3509 32.2802 61.0583 37.6742 61.0583C42.9109 61.0583 47.1813 62.2786 47.4262 63.8123Z" fill="#E2231A"/>
<path d="M15.6852 39.1119L-5.80039 28.4148L-6.83203 21.209L0.215299 21.9997L15.6852 39.1119Z" fill="#FFB819"/>
<path d="M24.2795 26.7811L14.998 10.2101L17.0604 5.87573L24.2795 26.7811Z" fill="#FFB819"/>
<path d="M36.4848 29.4558L39.5788 32.4034L35.2819 0.673828L29.4375 2.23429L36.4848 29.4558Z" fill="#FFB819"/>
<path d="M48.1738 25.8152V14.3721H51.096L48.1738 25.8152Z" fill="#FFB819"/>
<path d="M69.4857 8.12988L56.0781 30.1613V31.5368L71.7202 10.0369L69.4857 8.12988Z" fill="#FFB819"/>
<path d="M63.9004 33.6176L74.9872 24.363L75.6748 27.4194L63.9004 33.6176Z" fill="#FFB819"/>
<path d="M85.9877 31.5369L66.5645 40.0323L84.0971 37.952L90.1133 34.6573L85.9877 31.5369Z" fill="#FFB819"/>
<path d="M1.23619 47.2689C-0.191949 47.2689 -1.35352 46.206 -1.35352 44.8994C-1.35352 43.5927 -0.191949 42.5293 1.23619 42.5293C2.66432 42.5293 3.82636 43.5923 3.82636 44.8994C3.82636 46.2065 2.66432 47.2689 1.23619 47.2689ZM1.23619 42.7492C-0.059144 42.7492 -1.11341 43.7136 -1.11341 44.8994C-1.11341 46.0851 -0.059144 47.0491 1.23619 47.0491C2.53152 47.0491 3.58578 46.0846 3.58578 44.8994C3.58578 43.7141 2.53152 42.7492 1.23619 42.7492Z" fill="#FF9E16"/>
<path d="M10.2563 83.6581C9.5422 83.6581 8.96094 83.1267 8.96094 82.4734C8.96094 81.8201 9.5422 81.2881 10.2563 81.2881C10.9703 81.2881 11.5511 81.822 11.5511 82.4734C11.5511 83.1247 10.9703 83.6581 10.2563 83.6581ZM10.2563 81.3983C9.60812 81.3983 9.08123 81.8807 9.08123 82.4734C9.08123 83.066 9.60812 83.548 10.2563 83.548C10.9044 83.548 11.4308 83.066 11.4308 82.4734C11.4308 81.8807 10.9039 81.3983 10.2563 81.3983Z" fill="#605B55"/>
<path d="M72.539 86.0283C71.8249 86.0283 71.2441 85.4944 71.2441 84.8435C71.2441 84.1926 71.8249 83.6582 72.539 83.6582C73.2531 83.6582 73.8343 84.1921 73.8343 84.8435C73.8343 85.4948 73.2531 86.0283 72.539 86.0283ZM72.539 83.7684C71.8913 83.7684 71.3644 84.2504 71.3644 84.8435C71.3644 85.4366 71.8937 85.9181 72.539 85.9181C73.1842 85.9181 73.714 85.4361 73.714 84.8435C73.714 84.2508 73.1867 83.7684 72.539 83.7684Z" fill="#FF9E16"/>
<path d="M75.1297 59.203C74.6174 59.2031 74.1165 59.05 73.6905 58.7629C73.2645 58.4759 72.9324 58.0678 72.7363 57.5904C72.5402 57.1129 72.4889 56.5876 72.5888 56.0807C72.6887 55.5738 72.9354 55.1082 73.2977 54.7428C73.66 54.3774 74.1216 54.1285 74.624 54.0277C75.1265 53.9269 75.6474 53.9787 76.1207 54.1765C76.594 54.3743 76.9985 54.7093 77.2831 55.139C77.5677 55.5688 77.7195 56.074 77.7194 56.5908C77.7187 57.2834 77.4456 57.9473 76.9601 58.4371C76.4746 58.9268 75.8163 59.2023 75.1297 59.203ZM75.1297 54.2207C74.665 54.2207 74.2108 54.3597 73.8244 54.6201C73.438 54.8806 73.1368 55.2507 72.959 55.6838C72.7812 56.1169 72.7346 56.5934 72.8253 57.0531C72.9159 57.5129 73.1397 57.9352 73.4683 58.2667C73.7969 58.5981 74.2156 58.8238 74.6713 58.9153C75.1271 59.0067 75.5995 58.9598 76.0289 58.7804C76.4582 58.601 76.8252 58.2973 77.0833 57.9075C77.3415 57.5177 77.4793 57.0595 77.4793 56.5908C77.4786 55.9624 77.2308 55.36 76.7903 54.9157C76.3498 54.4714 75.7526 54.2215 75.1297 54.2207Z" fill="#E2231A"/>
<path d="M33.4237 46.4868C33.7599 46.1477 33.7599 45.5979 33.4237 45.2588C33.0876 44.9197 32.5425 44.9197 32.2064 45.2588C31.8702 45.5979 31.8702 46.1477 32.2064 46.4868C32.5425 46.8259 33.0876 46.8259 33.4237 46.4868Z" fill="#605B55"/>
<path d="M8.32648 100.601C8.43569 100.134 8.14912 99.6663 7.68641 99.5561C7.2237 99.446 6.76007 99.735 6.65087 100.202C6.54166 100.669 6.82822 101.136 7.29093 101.246C7.75364 101.356 8.21727 101.067 8.32648 100.601Z" fill="#FF9E16"/>
<path d="M76.3632 72.4292C76.6994 72.0901 76.6994 71.5403 76.3632 71.2012C76.027 70.8621 75.482 70.8621 75.1458 71.2012C74.8096 71.5403 74.8096 72.0901 75.1458 72.4292C75.482 72.7683 76.027 72.7683 76.3632 72.4292Z" fill="#FF9E16"/>
<path d="M14.3515 25.932C14.5651 25.0192 14.0046 24.1045 13.0996 23.889C12.1946 23.6736 11.2878 24.2389 11.0742 25.1518C10.8607 26.0647 11.4211 26.9793 12.3261 27.1948C13.2311 27.4103 14.1379 26.8449 14.3515 25.932Z" fill="#E2231A"/>
<path d="M60.9736 35.5023C61.5242 35.5023 61.9706 35.0521 61.9706 34.4967C61.9706 33.9412 61.5242 33.491 60.9736 33.491C60.4229 33.491 59.9766 33.9412 59.9766 34.4967C59.9766 35.0521 60.4229 35.5023 60.9736 35.5023Z" fill="#FF9E16"/>
<path d="M47.8469 33.6261L47.549 33.3262L46.2984 34.5876L45.0474 33.3262L44.75 33.6261L46.0006 34.8881L44.75 36.1496L45.0474 36.45L46.2984 35.1881L47.549 36.45L47.8469 36.1496L46.5958 34.8881L47.8469 33.6261Z" fill="#FFCE00"/>
<path d="M75.7545 95.7942L75.6347 95.6729L75.1294 96.1825L74.6242 95.6729L74.5039 95.7942L75.0091 96.3038L74.5039 96.8135L74.6242 96.9348L75.1294 96.4252L75.6347 96.9348L75.7545 96.8135L75.2497 96.3038L75.7545 95.7942Z" fill="#FF9E16"/>
<path d="M11.8062 60.0054L11.6571 59.8555L11.032 60.486L10.4065 59.8555L10.2578 60.0054L10.8829 60.6364L10.2578 61.2674L10.4065 61.4174L11.032 60.7864L11.6571 61.4174L11.8062 61.2674L11.1807 60.6364L11.8062 60.0054Z" fill="#FF9E16"/>
<path d="M60.7516 57.7847L60.6029 57.6348L59.9773 58.2653L59.3518 57.6348L59.2031 57.7847L59.8287 58.4157L59.2031 59.0462L59.3518 59.1967L59.9773 58.5657L60.6029 59.1967L60.7516 59.0462L60.126 58.4157L60.7516 57.7847Z" fill="#FF9E16"/>
<path d="M23.3219 32.9864L23.1732 32.8359L22.5477 33.4669L21.9221 32.8359L21.7734 32.9864L22.399 33.6169L21.7734 34.2479L21.9221 34.3979L22.5477 33.7669L23.1732 34.3979L23.3219 34.2479L22.6963 33.6169L23.3219 32.9864Z" fill="#FF9E16"/>
<path d="M66.2418 44.0118L66.0926 43.8613L65.4676 44.4923L64.842 43.8613L64.6934 44.0118L65.3184 44.6423L64.6934 45.2733L64.842 45.4232L65.4676 44.7928L66.0926 45.4232L66.2418 45.2733L65.6163 44.6423L66.2418 44.0118Z" fill="#605B55"/>
<path opacity="0.15" d="M29.8105 104.428C29.8105 104.428 48.4803 88.3349 53.0346 81.6271C55.3659 78.1936 59.0137 65.8525 59.0137 65.8525L68.7508 71.478L66.829 77.1039L65.2281 99.3256L56.2489 104.428H29.8105Z" fill="#F19A00"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

13
src/assets/logo_card copy.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg width="81" height="33" viewBox="0 0 81 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.9669 10.7619C31.5777 10.9704 30.5078 11.4171 29.5974 12.1617C28.628 12.954 27.9895 14.1036 27.7886 15.432C27.7472 15.694 27.7354 16.2004 27.7531 16.6531C27.8004 17.8861 28.0841 18.6962 28.7994 19.6493C29.7807 20.9598 31.3885 21.752 33.422 21.9307C35.6802 22.1213 37.7787 21.4303 39.0378 20.0841C40.0013 19.0596 40.3737 18.1065 40.4269 16.5637C40.4506 15.8906 40.4387 15.5868 40.356 15.1937C39.9895 13.3709 38.7245 11.9056 36.9156 11.2146C36.023 10.8691 35.4496 10.7738 34.2378 10.7559C33.6348 10.744 33.0674 10.75 32.9669 10.7619ZM35.6151 12.5668C37.1225 12.9659 38.1984 14.0679 38.4407 15.4558C38.5412 16.0455 38.4821 17.213 38.3225 17.6538C37.9796 18.6247 37.359 19.3336 36.4723 19.7684C35.7215 20.1318 35.2191 20.2271 34.0605 20.2211C33.1738 20.2152 33.0378 20.2033 32.5531 20.0544C31.093 19.6076 30.1708 18.6903 29.8339 17.3679C29.7275 16.9569 29.7156 15.9144 29.8102 15.3962C29.8398 15.2056 29.9876 14.8005 30.1294 14.5027C30.3422 14.0619 30.4664 13.8951 30.8329 13.5437C31.4654 12.9301 32.0861 12.6502 33.2329 12.4298C33.3156 12.4179 33.7826 12.4119 34.2674 12.4238C34.9294 12.4357 35.2723 12.4715 35.6151 12.5668Z" fill="white"/>
<path d="M61.3891 11.0891C61.058 11.2559 60.8984 11.518 60.8984 11.9112C60.8984 12.2686 60.9989 12.4949 61.2531 12.7094C61.7674 13.1501 62.7191 13.0489 63.0679 12.5187C63.2511 12.2507 63.2511 11.8099 63.0738 11.4942C62.8019 11.0117 61.9566 10.8032 61.3891 11.0891Z" fill="white"/>
<path d="M75.2916 11.3449C75.0434 11.4521 74.801 11.7559 74.7537 12.0061C74.6887 12.3695 74.7774 12.6375 75.0552 12.9115C75.6286 13.4596 76.6158 13.3762 76.9291 12.7447C77.1537 12.3159 76.9882 11.744 76.5567 11.4581C76.3498 11.3211 76.2315 11.2913 75.8887 11.2734C75.6227 11.2675 75.404 11.2913 75.2916 11.3449Z" fill="white"/>
<path d="M79.0327 11.3807C78.749 11.4641 78.5243 11.6726 78.4239 11.9466C78.1401 12.6912 78.8317 13.4238 79.7362 13.3285C80.6406 13.2332 80.9539 12.2444 80.2682 11.6368C79.949 11.3509 79.4583 11.2496 79.0327 11.3807Z" fill="white"/>
<path d="M65.0947 12.2561C65.0947 12.6433 65.1243 13.924 65.1538 15.1034C65.1834 16.2828 65.2248 18.2247 65.2425 19.422C65.2602 20.6193 65.2898 21.7094 65.3075 21.8464L65.3371 22.1025H66.2297H67.1223L67.0809 19.9462L67.0336 17.7958L70.2908 17.8375L73.5479 17.8852L73.5124 17.087C73.4888 16.6224 73.4415 16.2769 73.406 16.2531C73.3705 16.2292 72.7676 16.2054 72.0701 16.2054C71.3725 16.2054 69.942 16.1875 68.9016 16.1637L67.0041 16.128L66.9568 14.6984C66.9331 13.918 66.9391 13.2509 66.9686 13.2271C66.9923 13.2032 68.4819 13.2151 70.2671 13.2509C72.0582 13.2926 73.5361 13.3045 73.5597 13.2866C73.5834 13.2688 73.5893 12.9114 73.5656 12.5003L73.5302 11.7498L72.6375 11.7141C71.6385 11.6783 66.2652 11.5592 65.5558 11.5592H65.0947V12.2561Z" fill="white"/>
<path d="M54.6374 12.613C54.5015 13.036 54.33 13.5244 54.265 13.7091L54.1527 14.0367L53.2956 14.2392L52.4443 14.4358V14.8349V15.234L53.2778 15.2697C53.7389 15.2876 54.1231 15.3174 54.135 15.3293C54.1468 15.3412 54.1704 16.3002 54.1941 17.4618C54.2236 19.2428 54.2473 19.6419 54.3419 20.0351C54.5369 20.875 54.9685 21.4349 55.6896 21.8042C56.2039 22.0603 56.7241 22.1676 57.5221 22.1676C58.2433 22.1735 58.6571 22.114 59.3074 21.9293C59.9872 21.7327 59.9517 21.7863 59.9517 20.9762C59.9517 20.589 59.934 20.2614 59.9162 20.2376C59.8926 20.2197 59.8216 20.2376 59.7507 20.2853C59.4138 20.5056 58.9172 20.6248 58.1724 20.6546C57.2325 20.6963 56.8778 20.6069 56.4995 20.2376C56.0798 19.8325 56.0502 19.6658 56.0088 17.3188L55.9734 15.3055L57.8414 15.3471L59.7152 15.3888V14.7277C59.7152 14.3643 59.6916 14.0545 59.662 14.0367C59.6325 14.0128 58.7931 13.9831 57.8 13.9592L55.9911 13.9235L55.9793 13.0836C55.9734 12.619 55.9675 12.1603 55.9616 12.065L55.9556 11.8863L55.4295 11.8684L54.8975 11.8565L54.6374 12.613Z" fill="white"/>
<path d="M47.213 13.6203C47.148 13.6322 46.947 13.6739 46.7697 13.7097C45.8594 13.8943 44.8131 14.6389 44.2397 15.5026C44.1628 15.6277 44.0741 15.729 44.0564 15.729C44.0328 15.729 44.0209 15.2822 44.0209 14.7283V13.7335L43.0929 13.7156L42.1589 13.6978V15.175C42.1589 15.9911 42.1411 18.3619 42.1175 20.4467L42.082 24.2471H43.0338H43.9914V22.0133C43.9914 20.7862 44.0091 19.7795 44.0387 19.7795C44.0623 19.7855 44.1569 19.9106 44.2515 20.0595C44.6948 20.7624 45.617 21.5308 46.3382 21.8048C47.4554 22.2277 48.8091 22.1801 49.8081 21.6738C50.6948 21.227 51.3805 20.4169 51.7175 19.3924C51.8652 18.9516 51.8771 18.8384 51.883 17.933C51.883 17.1348 51.8593 16.8786 51.7707 16.5629C51.4514 15.455 50.7125 14.5317 49.7845 14.073C49.5066 13.936 49.1224 13.7812 48.9273 13.7275C48.5786 13.6382 47.4495 13.5608 47.213 13.6203ZM47.8337 15.0797C49.1106 15.2822 49.9322 16.2294 50.0505 17.647C50.1214 18.4631 49.8731 19.2375 49.3588 19.8093C48.549 20.7028 47.1658 20.8756 45.948 20.2263C45.2091 19.8332 44.6594 19.2315 44.1865 18.3082L43.9323 17.8079L44.2397 17.2063C44.8308 16.0387 45.7943 15.2584 46.8465 15.0797C47.2781 15.0082 47.3963 15.0082 47.8337 15.0797Z" fill="white"/>
<path d="M61.2103 15.7636C61.2339 16.7465 61.2694 18.5573 61.2871 19.7904L61.3285 22.042H62.2448H63.1551L63.1196 21.1008C63.1019 20.5886 63.0723 19.0934 63.0546 17.783C63.0369 16.4725 63.0073 15.0846 62.9896 14.7033L62.9541 14.0004L62.7058 14.0481C62.3807 14.1017 61.8191 14.1017 61.4645 14.0362L61.1748 13.9826L61.2103 15.7636Z" fill="white"/>
<path d="M75.1029 15.0558C75.1206 15.5085 75.1856 17.2895 75.2388 19.011L75.3452 22.1502L75.6408 22.1859C75.8063 22.2038 76.2024 22.2217 76.5216 22.2217H77.095V21.7749C77.095 21.3639 76.8762 15.0498 76.8408 14.5078C76.829 14.2457 76.8585 14.2516 76.2556 14.3529C76.0664 14.3886 75.8359 14.3886 75.7235 14.3588C75.6171 14.335 75.4221 14.2933 75.2979 14.2695L75.0674 14.2278L75.1029 15.0558Z" fill="white"/>
<path d="M78.7092 14.7584C78.7328 15.0146 78.8038 16.7777 78.8747 18.6779C78.9456 20.5781 79.0166 22.1507 79.0402 22.1745C79.058 22.1924 79.4599 22.2222 79.9269 22.2341L80.7722 22.252L80.7368 21.2691C80.6954 20.1612 80.6185 18.3741 80.5181 15.9974C80.4826 15.1099 80.4412 14.3772 80.4294 14.3653C80.4176 14.3474 80.2107 14.3653 79.9742 14.407C79.6373 14.4546 79.4718 14.4546 79.1644 14.3891C78.9516 14.3415 78.7565 14.3057 78.7269 14.2998C78.6974 14.2998 78.6915 14.5023 78.7092 14.7584Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4688 0.298735C8.91207 0.298735 3.28392 4.30495 0.863514 10.0207C3.07895 11.1596 4.61106 13.4552 4.67588 16.1175C4.76876 10.1917 9.5648 5.41677 15.4676 5.41677C21.4284 5.41677 26.2607 10.2861 26.2607 16.2927C26.2607 22.2994 21.4284 27.1687 15.4676 27.1687C9.56508 27.1687 4.76921 22.3942 4.67589 16.4688C4.61127 19.1312 3.0793 21.4269 0.863949 22.5659C3.2846 28.2811 8.91246 32.2869 15.4688 32.2869C22.0255 32.2869 27.6537 28.2806 30.0741 22.5648C27.8124 21.4001 26.2641 19.0295 26.2641 16.2944C26.2641 13.5589 27.813 11.1879 30.0752 10.0234C27.6554 4.30622 22.0265 0.298735 15.4688 0.298735Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
src/assets/platinium_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 288 KiB

109
src/assets/splash_pattern.svg Normal file
View File

@@ -0,0 +1,109 @@
<svg width="220" height="217" viewBox="0 0 220 217" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M218.554 70.5246C218.554 70.9073 218.441 71.2813 218.23 71.5995C218.019 71.9177 217.719 72.1657 217.368 72.3121C217.017 72.4585 216.63 72.4969 216.258 72.4222C215.885 72.3476 215.542 72.1633 215.274 71.8927C215.005 71.6221 214.822 71.2774 214.748 70.9021C214.674 70.5268 214.712 70.1377 214.857 69.7842C215.003 69.4307 215.249 69.1285 215.565 68.9159C215.881 68.7033 216.252 68.5898 216.632 68.5898C217.142 68.5898 217.631 68.7937 217.991 69.1565C218.351 69.5194 218.554 70.0115 218.554 70.5246Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M187.382 55.1054C187.382 55.4881 187.269 55.8622 187.058 56.1803C186.847 56.4985 186.547 56.7465 186.196 56.8929C185.845 57.0394 185.458 57.0777 185.086 57.003C184.713 56.9284 184.371 56.7441 184.102 56.4735C183.833 56.2029 183.65 55.8582 183.576 55.4829C183.502 55.1076 183.54 54.7185 183.685 54.365C183.831 54.0115 184.077 53.7093 184.393 53.4967C184.709 53.2841 185.08 53.1707 185.461 53.1707C185.97 53.1707 186.459 53.3745 186.819 53.7373C187.18 54.1002 187.382 54.5923 187.382 55.1054Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M194.029 11.152C194.029 11.2602 193.997 11.366 193.937 11.4558C193.877 11.5457 193.792 11.6156 193.693 11.6567C193.593 11.6977 193.484 11.7081 193.379 11.6865C193.273 11.6648 193.177 11.6121 193.101 11.5351C193.026 11.4581 192.975 11.3602 192.955 11.2539C192.935 11.1476 192.947 11.0377 192.989 10.9382C193.031 10.8386 193.101 10.7539 193.191 10.6949C193.281 10.6358 193.387 10.6051 193.494 10.6065C193.637 10.6084 193.773 10.6667 193.873 10.7688C193.973 10.8709 194.029 11.0086 194.029 11.152Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M156.164 103.692C156.164 103.8 156.132 103.906 156.072 103.996C156.013 104.085 155.928 104.155 155.829 104.196C155.73 104.238 155.621 104.249 155.516 104.228C155.411 104.206 155.315 104.155 155.239 104.078C155.163 104.002 155.111 103.905 155.09 103.799C155.07 103.693 155.08 103.583 155.121 103.484C155.162 103.384 155.232 103.299 155.321 103.239C155.41 103.179 155.515 103.147 155.622 103.147C155.765 103.149 155.902 103.207 156.003 103.309C156.104 103.411 156.162 103.548 156.164 103.692Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M113.759 98.4193C113.759 98.5275 113.727 98.6333 113.667 98.7232C113.608 98.813 113.523 98.8829 113.423 98.924C113.324 98.9651 113.214 98.9754 113.109 98.9538C113.004 98.9322 112.907 98.8795 112.832 98.8024C112.756 98.7254 112.705 98.6275 112.685 98.5213C112.665 98.415 112.677 98.305 112.719 98.2055C112.761 98.106 112.832 98.0213 112.922 97.9622C113.012 97.9032 113.117 97.8724 113.225 97.8738C113.296 97.8738 113.366 97.888 113.431 97.9155C113.496 97.943 113.556 97.9833 113.605 98.034C113.655 98.0848 113.694 98.145 113.721 98.2111C113.747 98.2773 113.76 98.3481 113.759 98.4193Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M161.675 78.7961C161.675 78.9043 161.643 79.01 161.583 79.0999C161.524 79.1897 161.439 79.2596 161.339 79.3007C161.24 79.3418 161.13 79.3521 161.025 79.3305C160.92 79.3088 160.823 79.2562 160.748 79.1792C160.672 79.1021 160.621 79.0042 160.601 78.8979C160.581 78.7917 160.593 78.6818 160.635 78.5822C160.677 78.4827 160.748 78.398 160.838 78.3389C160.928 78.2799 161.033 78.2491 161.141 78.2505C161.283 78.2524 161.419 78.3108 161.519 78.4129C161.619 78.515 161.675 78.6526 161.675 78.7961Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M198.478 46.7336C198.478 46.8414 198.446 46.9469 198.387 47.0366C198.327 47.1263 198.243 47.1963 198.144 47.2375C198.045 47.2788 197.936 47.2896 197.831 47.2686C197.726 47.2475 197.629 47.1956 197.553 47.1193C197.477 47.043 197.426 46.9458 197.405 46.84C197.384 46.7342 197.395 46.6245 197.436 46.5248C197.477 46.4251 197.546 46.3399 197.635 46.28C197.724 46.22 197.829 46.188 197.936 46.188C198.008 46.1871 198.079 46.2005 198.145 46.2276C198.211 46.2546 198.271 46.2948 198.322 46.3456C198.372 46.3965 198.412 46.457 198.439 46.5236C198.466 46.5903 198.479 46.6616 198.478 46.7336Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M204.488 137.733C204.488 137.841 204.456 137.946 204.397 138.036C204.337 138.126 204.252 138.195 204.153 138.237C204.054 138.278 203.945 138.289 203.84 138.268C203.735 138.247 203.639 138.195 203.563 138.119C203.487 138.042 203.436 137.945 203.415 137.839C203.394 137.733 203.405 137.624 203.446 137.524C203.487 137.424 203.556 137.339 203.645 137.279C203.734 137.219 203.839 137.187 203.946 137.187C204.09 137.187 204.228 137.245 204.329 137.347C204.431 137.449 204.488 137.588 204.488 137.733Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M213.972 169.017C213.972 169.125 213.94 169.23 213.881 169.32C213.821 169.41 213.737 169.48 213.638 169.521C213.539 169.562 213.43 169.573 213.325 169.552C213.22 169.531 213.123 169.479 213.047 169.403C212.972 169.326 212.92 169.229 212.899 169.123C212.878 169.018 212.889 168.908 212.93 168.808C212.971 168.709 213.04 168.623 213.129 168.563C213.219 168.503 213.323 168.471 213.43 168.471C213.574 168.471 213.712 168.529 213.814 168.631C213.915 168.734 213.972 168.872 213.972 169.017Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M183.201 188.401C183.201 188.509 183.169 188.614 183.109 188.704C183.05 188.794 182.965 188.864 182.866 188.905C182.767 188.946 182.658 188.957 182.553 188.936C182.448 188.915 182.352 188.863 182.276 188.787C182.2 188.71 182.149 188.613 182.128 188.507C182.107 188.402 182.117 188.292 182.158 188.192C182.199 188.093 182.269 188.007 182.358 187.947C182.447 187.887 182.552 187.855 182.659 187.855C182.803 187.855 182.94 187.913 183.042 188.015C183.144 188.118 183.201 188.256 183.201 188.401Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M219.65 50.5947C219.651 50.7032 219.621 50.8097 219.562 50.9005C219.503 50.9913 219.418 51.0623 219.319 51.1045C219.22 51.1467 219.11 51.1581 219.004 51.1373C218.898 51.1165 218.801 51.0644 218.725 50.9876C218.649 50.9109 218.597 50.8131 218.576 50.7066C218.556 50.6001 218.567 50.4898 218.609 50.3898C218.651 50.2899 218.721 50.2047 218.812 50.1453C218.902 50.086 219.008 50.055 219.115 50.0564C219.186 50.0564 219.255 50.0704 219.32 50.0974C219.385 50.1245 219.444 50.1641 219.493 50.2141C219.543 50.2641 219.582 50.3234 219.609 50.3887C219.636 50.454 219.65 50.524 219.65 50.5947Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M200.451 204.89C200.452 204.998 200.422 205.104 200.363 205.195C200.304 205.285 200.22 205.356 200.121 205.399C200.022 205.441 199.913 205.453 199.808 205.433C199.702 205.413 199.605 205.361 199.528 205.285C199.452 205.209 199.4 205.112 199.378 205.006C199.357 204.9 199.367 204.79 199.408 204.69C199.449 204.59 199.518 204.504 199.607 204.444C199.696 204.384 199.801 204.351 199.909 204.351C199.98 204.35 200.05 204.364 200.116 204.39C200.181 204.417 200.241 204.456 200.292 204.506C200.342 204.556 200.382 204.616 200.409 204.682C200.437 204.748 200.451 204.818 200.451 204.89Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M172.712 164.674C172.714 164.782 172.683 164.888 172.625 164.979C172.566 165.07 172.482 165.141 172.383 165.183C172.284 165.226 172.175 165.237 172.069 165.217C171.964 165.197 171.867 165.146 171.79 165.07C171.714 164.994 171.661 164.896 171.64 164.79C171.618 164.684 171.629 164.574 171.669 164.474C171.71 164.374 171.78 164.288 171.869 164.228C171.958 164.168 172.063 164.136 172.171 164.136C172.313 164.136 172.45 164.192 172.551 164.293C172.653 164.394 172.71 164.531 172.712 164.674Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M146.564 170.086C146.565 170.194 146.535 170.3 146.476 170.391C146.418 170.482 146.333 170.553 146.235 170.595C146.136 170.637 146.027 170.649 145.921 170.629C145.815 170.609 145.718 170.557 145.642 170.481C145.565 170.405 145.513 170.308 145.491 170.202C145.47 170.096 145.48 169.986 145.521 169.886C145.562 169.786 145.631 169.7 145.72 169.64C145.81 169.58 145.915 169.548 146.022 169.548C146.093 169.547 146.163 169.56 146.229 169.587C146.295 169.613 146.354 169.653 146.405 169.703C146.455 169.753 146.495 169.812 146.523 169.878C146.55 169.944 146.564 170.015 146.564 170.086Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M180.789 151.138C180.789 151.246 180.757 151.351 180.697 151.441C180.638 151.531 180.553 151.601 180.454 151.642C180.355 151.683 180.246 151.694 180.141 151.673C180.036 151.652 179.94 151.6 179.864 151.524C179.788 151.447 179.736 151.35 179.715 151.244C179.695 151.139 179.705 151.029 179.746 150.929C179.787 150.83 179.857 150.744 179.946 150.684C180.035 150.625 180.14 150.593 180.247 150.593C180.391 150.593 180.528 150.65 180.63 150.752C180.732 150.855 180.789 150.993 180.789 151.138Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M124.126 70.8666C124.126 70.9745 124.095 71.0799 124.035 71.1696C123.976 71.2593 123.891 71.3293 123.792 71.3705C123.693 71.4118 123.584 71.4226 123.479 71.4016C123.374 71.3805 123.277 71.3286 123.202 71.2523C123.126 71.176 123.074 71.0788 123.053 70.973C123.032 70.8672 123.043 70.7575 123.084 70.6578C123.125 70.5581 123.195 70.4729 123.284 70.413C123.373 70.353 123.478 70.321 123.585 70.321C123.728 70.321 123.866 70.3785 123.968 70.4808C124.069 70.5831 124.126 70.7219 124.126 70.8666Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M181.605 79.3412C181.605 79.4494 181.573 79.5552 181.513 79.645C181.453 79.7349 181.368 79.8048 181.269 79.8459C181.169 79.8869 181.06 79.8973 180.955 79.8757C180.85 79.854 180.753 79.8013 180.678 79.7243C180.602 79.6473 180.551 79.5494 180.531 79.4431C180.511 79.3368 180.523 79.2269 180.565 79.1274C180.607 79.0278 180.678 78.9431 180.768 78.8841C180.858 78.825 180.963 78.7943 181.07 78.7957C181.141 78.7957 181.211 78.8099 181.277 78.8374C181.342 78.8649 181.401 78.9052 181.451 78.9559C181.501 79.0067 181.54 79.0669 181.566 79.133C181.593 79.1992 181.606 79.2699 181.605 79.3412Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M134.505 107.06C134.505 107.168 134.473 107.274 134.414 107.364C134.354 107.454 134.269 107.524 134.169 107.565C134.07 107.606 133.961 107.616 133.855 107.595C133.75 107.573 133.653 107.52 133.578 107.443C133.503 107.366 133.452 107.268 133.431 107.162C133.411 107.056 133.423 106.946 133.465 106.846C133.507 106.747 133.578 106.662 133.668 106.603C133.758 106.544 133.863 106.513 133.971 106.515C134.113 106.517 134.249 106.575 134.349 106.677C134.449 106.779 134.505 106.917 134.505 107.06Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M148.63 57.5862C148.929 57.5862 149.171 57.3419 149.171 57.0406C149.171 56.7394 148.929 56.4951 148.63 56.4951C148.33 56.4951 148.088 56.7394 148.088 57.0406C148.088 57.3419 148.33 57.5862 148.63 57.5862Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M167.396 40.6389C167.397 40.7471 167.367 40.8532 167.308 40.9439C167.25 41.0346 167.165 41.1056 167.067 41.148C166.968 41.1904 166.859 41.2023 166.753 41.1821C166.647 41.1618 166.55 41.1105 166.474 41.0345C166.397 40.9585 166.345 40.8613 166.323 40.7553C166.302 40.6493 166.312 40.5392 166.353 40.4391C166.394 40.339 166.463 40.2534 166.552 40.1931C166.642 40.1328 166.747 40.1006 166.854 40.1006C166.925 40.0997 166.995 40.1129 167.061 40.1395C167.127 40.1661 167.186 40.2056 167.237 40.2557C167.287 40.3058 167.327 40.3654 167.355 40.4312C167.382 40.497 167.396 40.5676 167.396 40.6389Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M152.71 25.7845C152.71 25.8924 152.679 25.9979 152.619 26.0876C152.56 26.1773 152.475 26.2472 152.376 26.2885C152.277 26.3298 152.168 26.3406 152.063 26.3196C151.958 26.2985 151.861 26.2466 151.786 26.1703C151.71 26.094 151.658 25.9968 151.637 25.891C151.616 25.7851 151.627 25.6755 151.668 25.5758C151.709 25.4761 151.779 25.3909 151.868 25.3309C151.957 25.271 152.062 25.239 152.169 25.239C152.312 25.239 152.45 25.2965 152.552 25.3988C152.653 25.5011 152.71 25.6399 152.71 25.7845Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M93.3628 49.192C93.3628 49.2999 93.331 49.4054 93.2715 49.4951C93.212 49.5848 93.1274 49.6547 93.0284 49.696C92.9294 49.7373 92.8205 49.7481 92.7154 49.727C92.6103 49.706 92.5137 49.654 92.438 49.5777C92.3622 49.5015 92.3106 49.4042 92.2897 49.2984C92.2688 49.1926 92.2795 49.0829 92.3205 48.9832C92.3615 48.8836 92.431 48.7984 92.5201 48.7384C92.6092 48.6785 92.7139 48.6465 92.8211 48.6465C92.9642 48.6484 93.1009 48.7064 93.2021 48.8083C93.3033 48.9102 93.3609 49.0479 93.3628 49.192Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M62.3081 57.5851C62.3081 57.7297 62.2511 57.8685 62.1495 57.9708C62.0479 58.0731 61.9101 58.1306 61.7664 58.1306C61.6227 58.1306 61.4849 58.0731 61.3833 57.9708C61.2817 57.8685 61.2246 57.7297 61.2246 57.5851C61.2246 57.4404 61.2817 57.3016 61.3833 57.1993C61.4849 57.097 61.6227 57.0396 61.7664 57.0396C61.9101 57.0396 62.0479 57.097 62.1495 57.1993C62.2511 57.3016 62.3081 57.4404 62.3081 57.5851Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M175.871 41.191C175.871 41.2989 175.839 41.4044 175.779 41.4941C175.72 41.5838 175.635 41.6537 175.536 41.695C175.437 41.7363 175.328 41.7471 175.223 41.7261C175.118 41.705 175.022 41.6531 174.946 41.5768C174.87 41.5005 174.818 41.4033 174.798 41.2974C174.777 41.1916 174.787 41.0819 174.828 40.9823C174.869 40.8826 174.939 40.7974 175.028 40.7374C175.117 40.6775 175.222 40.6455 175.329 40.6455C175.472 40.6474 175.609 40.7055 175.71 40.8074C175.811 40.9093 175.869 41.0469 175.871 41.191Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M117.316 51.2367C117.316 51.3446 117.284 51.45 117.225 51.5398C117.165 51.6295 117.081 51.6994 116.982 51.7407C116.883 51.782 116.774 51.7928 116.668 51.7717C116.563 51.7507 116.467 51.6987 116.391 51.6224C116.315 51.5461 116.264 51.4489 116.243 51.3431C116.222 51.2373 116.233 51.1276 116.274 51.0279C116.315 50.9282 116.384 50.843 116.473 50.7831C116.562 50.7232 116.667 50.6912 116.774 50.6912C116.917 50.693 117.054 50.7511 117.155 50.853C117.256 50.9549 117.314 51.0926 117.316 51.2367Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M54.0874 94.3678C54.0874 94.4757 54.0557 94.5812 53.9961 94.6709C53.9366 94.7606 53.852 94.8305 53.753 94.8718C53.654 94.9131 53.5451 94.9239 53.44 94.9029C53.3349 94.8818 53.2383 94.8299 53.1626 94.7536C53.0868 94.6773 53.0352 94.5801 53.0143 94.4743C52.9934 94.3684 53.0041 94.2587 53.0451 94.1591C53.0861 94.0594 53.1556 93.9742 53.2447 93.9143C53.3338 93.8543 53.4385 93.8223 53.5457 93.8223C53.6171 93.8213 53.688 93.8348 53.7541 93.8618C53.8203 93.8889 53.8804 93.9291 53.9309 93.9799C53.9814 94.0308 54.0213 94.0913 54.0482 94.1579C54.075 94.2245 54.0884 94.2959 54.0874 94.3678Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M66.8882 128.087C66.8882 128.195 66.8564 128.301 66.7969 128.39C66.7374 128.48 66.6528 128.55 66.5538 128.591C66.4548 128.633 66.3458 128.643 66.2408 128.622C66.1357 128.601 66.0391 128.549 65.9634 128.473C65.8876 128.397 65.836 128.3 65.8151 128.194C65.7942 128.088 65.8049 127.978 65.8459 127.879C65.8869 127.779 65.9564 127.694 66.0455 127.634C66.1346 127.574 66.2393 127.542 66.3464 127.542C66.4895 127.544 66.6263 127.602 66.7275 127.704C66.8287 127.806 66.8863 127.943 66.8882 128.087Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M49.9564 182.829C49.9592 182.937 49.9299 183.044 49.8722 183.136C49.8144 183.227 49.7308 183.299 49.6321 183.343C49.5334 183.386 49.4241 183.399 49.3181 183.38C49.212 183.36 49.1142 183.31 49.0369 183.234C48.9597 183.158 48.9067 183.061 48.8846 182.955C48.8625 182.849 48.8723 182.738 48.9129 182.638C48.9534 182.537 49.0228 182.451 49.1122 182.391C49.2016 182.33 49.3069 182.298 49.4146 182.298C49.5558 182.298 49.6915 182.353 49.7927 182.452C49.8939 182.551 49.9526 182.686 49.9564 182.829Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M79.6323 193.39C79.6323 193.498 79.6006 193.603 79.541 193.693C79.4815 193.783 79.3969 193.853 79.2979 193.894C79.1989 193.935 79.09 193.946 78.9849 193.925C78.8798 193.904 78.7833 193.852 78.7075 193.776C78.6317 193.699 78.5801 193.602 78.5592 193.496C78.5383 193.391 78.5491 193.281 78.5901 193.181C78.6311 193.082 78.7005 192.996 78.7896 192.936C78.8787 192.876 78.9834 192.844 79.0906 192.844C79.2343 192.844 79.3721 192.902 79.4737 193.004C79.5753 193.107 79.6323 193.245 79.6323 193.39Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M122.509 179.592C122.511 179.7 122.48 179.807 122.421 179.898C122.362 179.988 122.277 180.059 122.178 180.102C122.079 180.144 121.969 180.155 121.864 180.134C121.758 180.114 121.661 180.061 121.584 179.985C121.508 179.908 121.457 179.81 121.436 179.704C121.415 179.597 121.427 179.487 121.468 179.387C121.51 179.287 121.581 179.202 121.671 179.142C121.761 179.083 121.867 179.052 121.975 179.054C122.116 179.054 122.252 179.11 122.353 179.211C122.453 179.312 122.509 179.449 122.509 179.592Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M150.694 183.913C150.993 183.913 151.236 183.669 151.236 183.368C151.236 183.066 150.993 182.822 150.694 182.822C150.395 182.822 150.152 183.066 150.152 183.368C150.152 183.669 150.395 183.913 150.694 183.913Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M100.99 82.389C100.99 82.4969 100.958 82.6024 100.898 82.6921C100.839 82.7818 100.754 82.8517 100.655 82.893C100.556 82.9343 100.447 82.9451 100.342 82.9241C100.237 82.903 100.141 82.8511 100.065 82.7748C99.9892 82.6985 99.9376 82.6013 99.9167 82.4954C99.8958 82.3896 99.9065 82.2799 99.9475 82.1803C99.9885 82.0806 100.058 81.9954 100.147 81.9354C100.236 81.8755 100.341 81.8435 100.448 81.8435C100.592 81.8435 100.729 81.901 100.831 82.0033C100.933 82.1056 100.99 82.2443 100.99 82.389Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M36.7671 201.361C36.7685 201.469 36.7379 201.576 36.6793 201.666C36.6206 201.757 36.5365 201.828 36.4377 201.87C36.3388 201.913 36.2297 201.925 36.1241 201.904C36.0185 201.884 35.9213 201.833 35.8449 201.757C35.7684 201.681 35.716 201.584 35.6945 201.478C35.673 201.372 35.6833 201.262 35.7241 201.162C35.7649 201.061 35.8343 200.976 35.9236 200.916C36.0128 200.855 36.1179 200.823 36.2253 200.823C36.2961 200.822 36.3664 200.835 36.4321 200.862C36.4978 200.889 36.5576 200.928 36.608 200.978C36.6584 201.028 36.6984 201.088 36.7257 201.154C36.753 201.219 36.7671 201.29 36.7671 201.361Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M88.1753 123.382C88.1767 123.49 88.1461 123.596 88.0875 123.687C88.0288 123.777 87.9447 123.848 87.8459 123.891C87.747 123.933 87.6379 123.945 87.5323 123.925C87.4267 123.905 87.3295 123.853 87.2531 123.777C87.1766 123.701 87.1242 123.604 87.1027 123.498C87.0813 123.392 87.0916 123.282 87.1323 123.182C87.1731 123.082 87.2425 122.996 87.3318 122.936C87.421 122.876 87.5261 122.844 87.6335 122.844C87.776 122.843 87.9127 122.9 88.0141 123.001C88.1155 123.101 88.1734 123.238 88.1753 123.382Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M64.9663 117.781C64.9677 117.889 64.9372 117.996 64.8785 118.086C64.8199 118.177 64.7358 118.248 64.6369 118.29C64.538 118.333 64.4289 118.345 64.3233 118.324C64.2178 118.304 64.1206 118.253 64.0441 118.177C63.9676 118.101 63.9153 118.004 63.8938 117.898C63.8723 117.792 63.8826 117.681 63.9233 117.581C63.9641 117.481 64.0336 117.396 64.1228 117.335C64.212 117.275 64.3171 117.243 64.4245 117.243C64.567 117.243 64.7037 117.299 64.8051 117.4C64.9065 117.501 64.9644 117.638 64.9663 117.781Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M41.4702 118.327C41.4702 118.434 41.4385 118.54 41.3789 118.63C41.3194 118.719 41.2348 118.789 41.1358 118.831C41.0368 118.872 40.9279 118.883 40.8228 118.862C40.7177 118.841 40.6212 118.789 40.5454 118.712C40.4696 118.636 40.418 118.539 40.3971 118.433C40.3762 118.327 40.387 118.217 40.428 118.118C40.469 118.018 40.5384 117.933 40.6275 117.873C40.7166 117.813 40.8213 117.781 40.9285 117.781C41.0722 117.781 41.21 117.838 41.3116 117.941C41.4132 118.043 41.4702 118.182 41.4702 118.327Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M115.798 80.2435C115.798 80.3514 115.767 80.4569 115.707 80.5466C115.648 80.6363 115.563 80.7062 115.464 80.7475C115.365 80.7888 115.256 80.7996 115.151 80.7785C115.046 80.7575 114.949 80.7055 114.874 80.6293C114.798 80.553 114.746 80.4558 114.725 80.3499C114.704 80.2441 114.715 80.1344 114.756 80.0348C114.797 79.9351 114.867 79.8499 114.956 79.7899C115.045 79.73 115.149 79.698 115.257 79.698C115.4 79.698 115.538 79.7555 115.64 79.8578C115.741 79.9601 115.798 80.0988 115.798 80.2435Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M97.394 116.88C97.3954 116.988 97.3649 117.094 97.3062 117.185C97.2476 117.275 97.1635 117.347 97.0646 117.389C96.9658 117.431 96.8566 117.443 96.7511 117.423C96.6455 117.403 96.5483 117.351 96.4718 117.275C96.3953 117.199 96.343 117.102 96.3215 116.996C96.3 116.89 96.3103 116.78 96.3511 116.68C96.3919 116.58 96.4613 116.494 96.5505 116.434C96.6398 116.374 96.7448 116.342 96.8523 116.342C96.9947 116.342 97.1314 116.398 97.2328 116.499C97.3342 116.599 97.3921 116.736 97.394 116.88Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M76.6753 99.0814C76.6753 99.1893 76.6435 99.2948 76.584 99.3845C76.5245 99.4742 76.4399 99.5441 76.3409 99.5854C76.2419 99.6267 76.133 99.6375 76.0279 99.6164C75.9228 99.5954 75.8262 99.5434 75.7505 99.4671C75.6747 99.3909 75.6231 99.2937 75.6022 99.1878C75.5813 99.082 75.592 98.9723 75.633 98.8727C75.674 98.773 75.7435 98.6878 75.8326 98.6278C75.9217 98.5679 76.0264 98.5359 76.1336 98.5359C76.2772 98.5359 76.415 98.5934 76.5166 98.6957C76.6182 98.798 76.6753 98.9367 76.6753 99.0814Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M72.9839 102.821C72.9853 102.929 72.9545 103.035 72.8956 103.126C72.8366 103.217 72.7521 103.288 72.6528 103.33C72.5535 103.373 72.444 103.384 72.3382 103.363C72.2325 103.342 72.1353 103.29 72.0591 103.213C71.9829 103.137 71.9311 103.039 71.9105 102.932C71.8898 102.826 71.9011 102.716 71.943 102.616C71.9849 102.516 72.0555 102.431 72.1457 102.371C72.2358 102.312 72.3416 102.281 72.4493 102.282C72.5911 102.282 72.7271 102.339 72.8273 102.44C72.9275 102.541 72.9839 102.678 72.9839 102.821Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M156.388 146.134C156.39 146.242 156.359 146.348 156.3 146.439C156.242 146.529 156.158 146.6 156.059 146.643C155.96 146.685 155.851 146.697 155.745 146.677C155.64 146.656 155.542 146.605 155.466 146.529C155.389 146.453 155.337 146.356 155.316 146.25C155.294 146.144 155.304 146.034 155.345 145.934C155.386 145.834 155.455 145.748 155.545 145.688C155.634 145.627 155.739 145.595 155.846 145.595C155.917 145.594 155.987 145.608 156.053 145.634C156.119 145.661 156.179 145.7 156.229 145.75C156.279 145.8 156.319 145.86 156.347 145.926C156.374 145.992 156.388 146.062 156.388 146.134Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M143.825 185.972C144.124 185.972 144.367 185.727 144.367 185.426C144.367 185.125 144.124 184.881 143.825 184.881C143.526 184.881 143.283 185.125 143.283 185.426C143.283 185.727 143.526 185.972 143.825 185.972Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M103.591 180.348C103.591 180.456 103.56 180.562 103.5 180.651C103.441 180.741 103.356 180.811 103.257 180.852C103.158 180.894 103.049 180.904 102.944 180.883C102.839 180.862 102.742 180.81 102.666 180.734C102.591 180.658 102.539 180.56 102.518 180.455C102.497 180.349 102.508 180.239 102.549 180.139C102.59 180.04 102.66 179.955 102.749 179.895C102.838 179.835 102.942 179.803 103.05 179.803C103.193 179.805 103.329 179.863 103.431 179.965C103.532 180.066 103.589 180.204 103.591 180.348Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M116.195 209.61C116.196 209.718 116.166 209.824 116.107 209.915C116.048 210.005 115.964 210.076 115.865 210.119C115.767 210.161 115.657 210.173 115.552 210.153C115.446 210.132 115.349 210.081 115.273 210.005C115.196 209.929 115.144 209.832 115.122 209.726C115.101 209.62 115.111 209.51 115.152 209.41C115.193 209.31 115.262 209.224 115.351 209.164C115.441 209.103 115.546 209.071 115.653 209.071C115.795 209.071 115.932 209.128 116.034 209.228C116.135 209.329 116.193 209.466 116.195 209.61Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M92.4234 175.825C92.4234 175.932 92.3916 176.038 92.3321 176.128C92.2725 176.217 92.1879 176.287 92.0889 176.329C91.9899 176.37 91.881 176.381 91.7759 176.36C91.6708 176.339 91.5743 176.287 91.4985 176.21C91.4228 176.134 91.3712 176.037 91.3503 175.931C91.3293 175.825 91.3401 175.715 91.3811 175.616C91.4221 175.516 91.4915 175.431 91.5806 175.371C91.6697 175.311 91.7745 175.279 91.8816 175.279C92.0253 175.279 92.1631 175.337 92.2647 175.439C92.3663 175.541 92.4234 175.68 92.4234 175.825Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M105.757 185.971C105.757 186.079 105.726 186.184 105.666 186.274C105.607 186.364 105.522 186.434 105.423 186.475C105.324 186.516 105.215 186.527 105.11 186.506C105.005 186.485 104.908 186.433 104.833 186.357C104.757 186.281 104.705 186.183 104.684 186.078C104.663 185.972 104.674 185.862 104.715 185.762C104.756 185.663 104.826 185.577 104.915 185.518C105.004 185.458 105.108 185.426 105.216 185.426C105.287 185.425 105.358 185.438 105.424 185.465C105.49 185.492 105.55 185.532 105.601 185.583C105.651 185.634 105.691 185.695 105.718 185.761C105.745 185.828 105.758 185.899 105.757 185.971Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M138.769 203.296C138.769 203.404 138.737 203.51 138.678 203.599C138.618 203.689 138.534 203.759 138.435 203.8C138.336 203.842 138.227 203.852 138.122 203.831C138.017 203.81 137.92 203.758 137.844 203.682C137.768 203.606 137.717 203.509 137.696 203.403C137.675 203.297 137.686 203.187 137.727 203.087C137.768 202.988 137.837 202.903 137.926 202.843C138.015 202.783 138.12 202.751 138.227 202.751C138.371 202.751 138.509 202.808 138.61 202.911C138.712 203.013 138.769 203.152 138.769 203.296Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M101.533 21.37C101.534 21.4782 101.504 21.5844 101.445 21.6751C101.386 21.7657 101.302 21.8368 101.203 21.8792C101.104 21.9216 100.995 21.9334 100.89 21.9132C100.784 21.893 100.687 21.8416 100.61 21.7656C100.534 21.6896 100.482 21.5924 100.46 21.4864C100.439 21.3804 100.449 21.2704 100.49 21.1703C100.531 21.0702 100.6 20.9845 100.689 20.9242C100.778 20.864 100.883 20.8318 100.991 20.8318C101.133 20.8318 101.27 20.8882 101.371 20.989C101.473 21.0897 101.531 21.2266 101.533 21.37Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M121.029 123.615C121.029 123.723 120.997 123.829 120.937 123.919C120.877 124.009 120.792 124.078 120.693 124.12C120.593 124.161 120.484 124.171 120.379 124.149C120.273 124.128 120.177 124.075 120.101 123.998C120.026 123.921 119.975 123.823 119.955 123.717C119.935 123.611 119.947 123.501 119.989 123.401C120.031 123.301 120.101 123.217 120.191 123.158C120.281 123.099 120.387 123.068 120.494 123.069C120.637 123.071 120.773 123.13 120.873 123.232C120.973 123.334 121.029 123.471 121.029 123.615Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M91.1304 65.9584C91.1304 66.0663 91.0986 66.1717 91.0391 66.2614C90.9796 66.3511 90.8949 66.4211 90.796 66.4623C90.697 66.5036 90.588 66.5144 90.4829 66.4934C90.3779 66.4723 90.2813 66.4204 90.2056 66.3441C90.1298 66.2678 90.0782 66.1706 90.0573 66.0648C90.0364 65.959 90.0471 65.8493 90.0881 65.7496C90.1291 65.6499 90.1986 65.5647 90.2876 65.5048C90.3767 65.4448 90.4815 65.4128 90.5886 65.4128C90.7317 65.4147 90.8684 65.4728 90.9696 65.5747C91.0708 65.6766 91.1285 65.8143 91.1304 65.9584Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M180.882 170.085C180.882 170.468 180.769 170.842 180.558 171.16C180.347 171.478 180.047 171.726 179.696 171.872C179.345 172.019 178.958 172.057 178.586 171.983C178.213 171.908 177.871 171.724 177.602 171.453C177.333 171.182 177.15 170.838 177.076 170.462C177.002 170.087 177.04 169.698 177.185 169.345C177.331 168.991 177.577 168.689 177.893 168.476C178.209 168.264 178.58 168.15 178.961 168.15C179.47 168.15 179.959 168.354 180.319 168.717C180.68 169.08 180.882 169.572 180.882 170.085Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M207.146 180.349C207.146 180.731 207.033 181.105 206.822 181.423C206.611 181.742 206.311 181.99 205.959 182.136C205.608 182.283 205.222 182.321 204.849 182.246C204.477 182.172 204.134 181.987 203.865 181.717C203.597 181.446 203.414 181.101 203.34 180.726C203.266 180.351 203.304 179.962 203.449 179.608C203.594 179.255 203.841 178.952 204.157 178.74C204.473 178.527 204.844 178.414 205.224 178.414C205.477 178.414 205.726 178.464 205.959 178.561C206.193 178.658 206.404 178.801 206.583 178.98C206.761 179.16 206.903 179.373 206.999 179.608C207.096 179.843 207.146 180.095 207.146 180.349Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M138.364 88.1718C138.364 88.5545 138.252 88.9286 138.041 89.2467C137.829 89.5649 137.529 89.8129 137.178 89.9593C136.827 90.1058 136.441 90.1441 136.068 90.0694C135.695 89.9948 135.353 89.8105 135.084 89.5399C134.816 89.2693 134.633 88.9246 134.558 88.5493C134.484 88.174 134.522 87.785 134.668 87.4314C134.813 87.0779 135.059 86.7757 135.375 86.5631C135.691 86.3505 136.063 86.2371 136.443 86.2371C136.953 86.2371 137.441 86.4409 137.802 86.8037C138.162 87.1666 138.364 87.6587 138.364 88.1718Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M74.9073 53.1706C74.9073 53.5533 74.7946 53.9273 74.5835 54.2455C74.3724 54.5637 74.0723 54.8117 73.7212 54.9581C73.3701 55.1045 72.9838 55.1429 72.611 55.0682C72.2383 54.9935 71.896 54.8093 71.6272 54.5387C71.3585 54.2681 71.1755 53.9234 71.1014 53.5481C71.0272 53.1728 71.0653 52.7837 71.2107 52.4302C71.3561 52.0767 71.6024 51.7745 71.9184 51.5619C72.2344 51.3493 72.6059 51.2358 72.9859 51.2358C73.4955 51.2358 73.9842 51.4397 74.3446 51.8025C74.7049 52.1654 74.9073 52.6575 74.9073 53.1706Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M127.118 30.5351C127.118 30.9178 127.006 31.2918 126.794 31.61C126.583 31.9282 126.283 32.1762 125.932 32.3226C125.581 32.469 125.195 32.5073 124.822 32.4327C124.449 32.358 124.107 32.1738 123.838 31.9032C123.569 31.6326 123.386 31.2879 123.312 30.9126C123.238 30.5373 123.276 30.1482 123.422 29.7947C123.567 29.4412 123.813 29.139 124.129 28.9264C124.445 28.7138 124.817 28.6003 125.197 28.6003C125.706 28.6003 126.195 28.8042 126.555 29.167C126.916 29.5299 127.118 30.022 127.118 30.5351Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M94.4308 129.929C94.4308 130.311 94.3181 130.685 94.1069 131.004C93.8958 131.322 93.5957 131.57 93.2446 131.716C92.8935 131.863 92.5072 131.901 92.1345 131.826C91.7618 131.752 91.4194 131.567 91.1507 131.297C90.882 131.026 90.6989 130.681 90.6248 130.306C90.5507 129.931 90.5887 129.542 90.7342 129.188C90.8796 128.835 91.1259 128.533 91.4418 128.32C91.7578 128.107 92.1293 127.994 92.5093 127.994C93.0189 127.994 93.5077 128.198 93.868 128.561C94.2283 128.923 94.4308 129.416 94.4308 129.929Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M66.3472 198.212C67.4084 198.212 68.2687 197.346 68.2687 196.277C68.2687 195.209 67.4084 194.343 66.3472 194.343C65.286 194.343 64.4258 195.209 64.4258 196.277C64.4258 197.346 65.286 198.212 66.3472 198.212Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M89.5558 103.409C89.5558 103.792 89.4431 104.166 89.232 104.484C89.0208 104.802 88.7207 105.05 88.3696 105.197C88.0185 105.343 87.6322 105.381 87.2595 105.307C86.8868 105.232 86.5444 105.048 86.2757 104.777C86.007 104.507 85.8239 104.162 85.7498 103.787C85.6757 103.411 85.7137 103.022 85.8592 102.669C86.0046 102.315 86.2509 102.013 86.5668 101.8C86.8828 101.588 87.2543 101.474 87.6343 101.474C88.1439 101.474 88.6327 101.678 88.993 102.041C89.3533 102.404 89.5558 102.896 89.5558 103.409Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M142.944 130.432C142.944 130.815 142.832 131.189 142.62 131.507C142.409 131.826 142.108 132.074 141.757 132.22C141.405 132.366 141.018 132.404 140.645 132.329C140.273 132.253 139.93 132.068 139.662 131.797C139.393 131.526 139.211 131.18 139.138 130.805C139.064 130.429 139.103 130.04 139.25 129.686C139.396 129.333 139.644 129.031 139.961 128.819C140.278 128.608 140.65 128.495 141.03 128.497C141.539 128.499 142.025 128.703 142.384 129.066C142.743 129.429 142.944 129.92 142.944 130.432Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M49.4151 138.409C49.4151 138.792 49.3023 139.166 49.0908 139.485C48.8794 139.803 48.5789 140.051 48.2273 140.197C47.8758 140.343 47.4891 140.381 47.1162 140.306C46.7433 140.231 46.4009 140.046 46.1325 139.774C45.8641 139.503 45.6816 139.158 45.6083 138.782C45.535 138.406 45.5741 138.017 45.7206 137.663C45.8671 137.31 46.1145 137.008 46.4315 136.797C46.7484 136.585 47.1206 136.473 47.5009 136.474C48.0093 136.476 48.4961 136.681 48.8549 137.043C49.2137 137.406 49.4152 137.897 49.4151 138.409Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M72.9839 93.2555C72.9839 93.3637 72.9519 93.4695 72.8921 93.5593C72.8322 93.6492 72.7472 93.7191 72.6478 93.7602C72.5484 93.8012 72.4391 93.8116 72.3338 93.79C72.2285 93.7683 72.132 93.7156 72.0565 93.6386C71.981 93.5616 71.93 93.4637 71.9099 93.3574C71.8899 93.2511 71.9016 93.1412 71.9437 93.0417C71.9858 92.9421 72.0564 92.8574 72.1464 92.7984C72.2365 92.7393 72.3419 92.7086 72.4494 92.71C72.5202 92.71 72.5903 92.7242 72.6556 92.7517C72.7209 92.7792 72.7802 92.8195 72.8299 92.8702C72.8797 92.921 72.9189 92.9812 72.9453 93.0473C72.9717 93.1135 72.9849 93.1842 72.9839 93.2555Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M30.0476 88.5205C30.3468 88.5205 30.5894 88.2762 30.5894 87.975C30.5894 87.6737 30.3468 87.4294 30.0476 87.4294C29.7484 87.4294 29.5059 87.6737 29.5059 87.975C29.5059 88.2762 29.7484 88.5205 30.0476 88.5205Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M23.9527 106.064C23.9527 106.172 23.9209 106.277 23.8614 106.367C23.8018 106.457 23.7172 106.527 23.6182 106.568C23.5192 106.609 23.4103 106.62 23.3052 106.599C23.2001 106.578 23.1036 106.526 23.0278 106.45C22.9521 106.374 22.9005 106.276 22.8796 106.17C22.8586 106.065 22.8694 105.955 22.9104 105.855C22.9514 105.756 23.0208 105.67 23.1099 105.61C23.199 105.551 23.3037 105.519 23.4109 105.519C23.554 105.52 23.6907 105.579 23.7919 105.68C23.8931 105.782 23.9508 105.92 23.9527 106.064Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M63.3921 159.648C63.3921 159.756 63.3603 159.861 63.3008 159.951C63.2413 160.041 63.1567 160.111 63.0577 160.152C62.9587 160.193 62.8498 160.204 62.7447 160.183C62.6396 160.162 62.543 160.11 62.4673 160.034C62.3915 159.957 62.3399 159.86 62.319 159.754C62.2981 159.648 62.3088 159.539 62.3498 159.439C62.3908 159.339 62.4603 159.254 62.5494 159.194C62.6385 159.134 62.7432 159.102 62.8504 159.102C62.9935 159.104 63.1302 159.162 63.2314 159.264C63.3326 159.366 63.3902 159.504 63.3921 159.648Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M40.9488 60.4223C40.9487 60.5305 40.9168 60.6362 40.8569 60.7261C40.7971 60.8159 40.712 60.8859 40.6126 60.9269C40.5132 60.968 40.4039 60.9784 40.2986 60.9567C40.1933 60.9351 40.0968 60.8824 40.0214 60.8054C39.9459 60.7283 39.8949 60.6305 39.8748 60.5242C39.8547 60.4179 39.8665 60.308 39.9086 60.2084C39.9507 60.1089 40.0213 60.0242 40.1113 59.9651C40.2013 59.9061 40.3068 59.8753 40.4142 59.8768C40.5566 59.8787 40.6926 59.937 40.7926 60.0391C40.8927 60.1412 40.9488 60.2788 40.9488 60.4223Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M51.3354 96.6154C51.3369 96.7236 51.3063 96.8298 51.2477 96.9204C51.189 97.0111 51.1049 97.0821 51.006 97.1245C50.9072 97.1669 50.798 97.1788 50.6925 97.1586C50.5869 97.1384 50.4897 97.087 50.4132 97.011C50.3367 96.935 50.2844 96.8378 50.2629 96.7318C50.2414 96.6258 50.2517 96.5157 50.2925 96.4156C50.3333 96.3155 50.4027 96.2299 50.4919 96.1696C50.5812 96.1093 50.6862 96.0772 50.7937 96.0771C50.9361 96.0771 51.0728 96.1336 51.1742 96.2343C51.2756 96.3351 51.3335 96.472 51.3354 96.6154Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M66.0288 46.5954C66.0302 46.7036 65.9997 46.8098 65.941 46.9004C65.8824 46.9911 65.7983 47.0622 65.6994 47.1046C65.6005 47.147 65.4914 47.1588 65.3858 47.1386C65.2803 47.1184 65.1831 47.067 65.1066 46.991C65.0301 46.915 64.9778 46.8178 64.9563 46.7118C64.9348 46.6058 64.9451 46.4958 64.9858 46.3956C65.0266 46.2955 65.0961 46.2099 65.1853 46.1496C65.2745 46.0894 65.3796 46.0572 65.487 46.0572C65.5578 46.0562 65.6281 46.0694 65.6938 46.096C65.7595 46.1227 65.8193 46.1622 65.8697 46.2122C65.9201 46.2623 65.9601 46.322 65.9874 46.3877C66.0147 46.4535 66.0288 46.5241 66.0288 46.5954Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M39.3374 169.156C39.3374 169.264 39.3057 169.369 39.2461 169.459C39.1866 169.548 39.102 169.618 39.003 169.66C38.904 169.701 38.7951 169.712 38.69 169.691C38.5849 169.67 38.4883 169.618 38.4126 169.541C38.3368 169.465 38.2852 169.368 38.2643 169.262C38.2434 169.156 38.2541 169.047 38.2951 168.947C38.3361 168.847 38.4056 168.762 38.4947 168.702C38.5838 168.642 38.6885 168.61 38.7957 168.61C38.9388 168.612 39.0755 168.67 39.1767 168.772C39.2779 168.874 39.3356 169.012 39.3374 169.156Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M68.0581 172.93C68.0581 173.039 68.0262 173.144 67.9663 173.234C67.9064 173.324 67.8214 173.394 67.722 173.435C67.6226 173.476 67.5133 173.486 67.408 173.465C67.3027 173.443 67.2062 173.39 67.1307 173.313C67.0553 173.236 67.0042 173.139 66.9842 173.032C66.9641 172.926 66.9758 172.816 67.018 172.716C67.0601 172.617 67.1306 172.532 67.2207 172.473C67.3107 172.414 67.4161 172.383 67.5236 172.385C67.666 172.387 67.802 172.445 67.902 172.547C68.0021 172.649 68.0581 172.787 68.0581 172.93Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M17.8198 71.9433C17.8212 72.0515 17.7907 72.1576 17.732 72.2483C17.6734 72.339 17.5893 72.41 17.4904 72.4524C17.3916 72.4948 17.2824 72.5067 17.1768 72.4865C17.0713 72.4662 16.9741 72.4149 16.8976 72.3389C16.8211 72.2629 16.7688 72.1657 16.7473 72.0597C16.7258 71.9537 16.7361 71.8436 16.7769 71.7435C16.8176 71.6434 16.8871 71.5578 16.9763 71.4975C17.0656 71.4372 17.1706 71.405 17.278 71.405C17.4205 71.405 17.5572 71.4615 17.6586 71.5622C17.76 71.663 17.8179 71.7999 17.8198 71.9433Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M5.5386 147.079C5.5386 147.187 5.50682 147.293 5.44729 147.383C5.38776 147.472 5.30315 147.542 5.20416 147.583C5.10517 147.625 4.99624 147.636 4.89115 147.614C4.78605 147.593 4.68952 147.541 4.61376 147.465C4.53799 147.389 4.48639 147.292 4.46549 147.186C4.44458 147.08 4.45531 146.97 4.49632 146.871C4.53732 146.771 4.60676 146.686 4.69585 146.626C4.78494 146.566 4.88969 146.534 4.99684 146.534C5.14052 146.534 5.27832 146.591 5.37992 146.694C5.48152 146.796 5.5386 146.935 5.5386 147.079Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M30.0484 131.419C30.0484 131.527 30.0166 131.633 29.9571 131.722C29.8975 131.812 29.8129 131.882 29.7139 131.923C29.6149 131.965 29.506 131.975 29.4009 131.954C29.2958 131.933 29.1993 131.881 29.1235 131.805C29.0478 131.729 28.9962 131.632 28.9753 131.526C28.9543 131.42 28.9651 131.31 29.0061 131.211C29.0471 131.111 29.1165 131.026 29.2056 130.966C29.2947 130.906 29.3995 130.874 29.5066 130.874C29.578 130.873 29.6489 130.886 29.7151 130.913C29.7812 130.94 29.8413 130.981 29.8919 131.031C29.9424 131.082 29.9822 131.143 30.0091 131.209C30.036 131.276 30.0493 131.347 30.0484 131.419Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M32.6206 69.7985C32.6206 69.9067 32.5887 70.0124 32.5288 70.1023C32.4689 70.1922 32.3839 70.2621 32.2845 70.3031C32.1851 70.3442 32.0758 70.3546 31.9705 70.3329C31.8652 70.3113 31.7687 70.2586 31.6932 70.1816C31.6178 70.1046 31.5667 70.0067 31.5467 69.9004C31.5266 69.7941 31.5383 69.6842 31.5805 69.5846C31.6226 69.4851 31.6931 69.4004 31.7832 69.3414C31.8732 69.2823 31.9786 69.2515 32.0861 69.253C32.2285 69.2549 32.3645 69.3132 32.4645 69.4153C32.5646 69.5174 32.6206 69.6551 32.6206 69.7985Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M22.0457 140.33C22.3449 140.33 22.5874 140.086 22.5874 139.785C22.5874 139.483 22.3449 139.239 22.0457 139.239C21.7465 139.239 21.5039 139.483 21.5039 139.785C21.5039 140.086 21.7465 140.33 22.0457 140.33Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M68.812 141.813C68.812 141.921 68.7803 142.026 68.7207 142.116C68.6612 142.206 68.5766 142.276 68.4776 142.317C68.3786 142.358 68.2697 142.369 68.1646 142.348C68.0595 142.327 67.963 142.275 67.8872 142.199C67.8114 142.122 67.7598 142.025 67.7389 141.919C67.718 141.813 67.7288 141.704 67.7698 141.604C67.8108 141.504 67.8802 141.419 67.9693 141.359C68.0584 141.299 68.1631 141.267 68.2703 141.267C68.414 141.267 68.5518 141.325 68.6534 141.427C68.755 141.529 68.812 141.668 68.812 141.813Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M61.1968 175.024C61.1968 175.132 61.165 175.237 61.1055 175.327C61.046 175.417 60.9614 175.486 60.8624 175.528C60.7634 175.569 60.6544 175.58 60.5493 175.559C60.4443 175.538 60.3477 175.486 60.272 175.41C60.1962 175.333 60.1446 175.236 60.1237 175.13C60.1028 175.024 60.1135 174.915 60.1545 174.815C60.1955 174.715 60.265 174.63 60.3541 174.57C60.4432 174.51 60.5479 174.478 60.655 174.478C60.7987 174.478 60.9365 174.536 61.0381 174.638C61.1397 174.74 61.1968 174.879 61.1968 175.024Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M20.4409 169.932C20.4409 170.04 20.4092 170.145 20.3496 170.235C20.2901 170.325 20.2055 170.395 20.1065 170.436C20.0075 170.477 19.8986 170.488 19.7935 170.467C19.6884 170.446 19.5919 170.394 19.5161 170.318C19.4403 170.241 19.3887 170.144 19.3678 170.038C19.3469 169.933 19.3577 169.823 19.3987 169.723C19.4397 169.624 19.5091 169.538 19.5982 169.478C19.6873 169.419 19.792 169.387 19.8992 169.387C19.9706 169.386 20.0415 169.399 20.1076 169.426C20.1738 169.453 20.2339 169.493 20.2844 169.544C20.3349 169.595 20.3748 169.655 20.4017 169.722C20.4286 169.789 20.4419 169.86 20.4409 169.932Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M19.3803 86.4404C17.0399 86.4404 17.0399 90.0772 19.3803 90.0772C21.7207 90.0772 21.7279 86.4404 19.3803 86.4404Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M28.7256 158.796C28.7213 159.178 28.6048 159.55 28.3908 159.866C28.1767 160.181 27.8747 160.426 27.5229 160.569C27.171 160.712 26.785 160.746 26.4135 160.669C26.042 160.591 25.7017 160.404 25.4355 160.132C25.1692 159.86 24.9889 159.515 24.9173 159.139C24.8457 158.764 24.8861 158.376 25.0332 158.024C25.1804 157.672 25.4278 157.371 25.7442 157.161C26.0606 156.95 26.432 156.838 26.8114 156.84C27.0649 156.841 27.3158 156.892 27.5495 156.991C27.7832 157.09 27.9951 157.235 28.1731 157.417C28.351 157.598 28.4914 157.814 28.5863 158.051C28.6811 158.288 28.7284 158.541 28.7256 158.796Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M64.2295 72.2415C64.2252 72.6232 64.1089 72.9951 63.8952 73.3104C63.6815 73.6257 63.3799 73.8703 63.0284 74.0134C62.677 74.1565 62.2914 74.1917 61.9201 74.1146C61.5488 74.0375 61.2085 73.8515 60.9419 73.5801C60.6753 73.3086 60.4945 72.9639 60.4221 72.5892C60.3497 72.2145 60.389 71.8266 60.535 71.4743C60.6811 71.1221 60.9273 70.8212 61.2428 70.6095C61.5583 70.3979 61.9289 70.2849 62.308 70.2849C62.5622 70.2849 62.8138 70.3357 63.0484 70.4342C63.2829 70.5328 63.4957 70.6773 63.6744 70.8593C63.8531 71.0413 63.9942 71.2571 64.0895 71.4944C64.1848 71.7317 64.2323 71.9856 64.2295 72.2415Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M105.224 202.366C105.224 202.749 105.111 203.123 104.9 203.441C104.689 203.759 104.389 204.007 104.038 204.153C103.687 204.3 103.3 204.338 102.927 204.264C102.555 204.189 102.212 204.005 101.944 203.734C101.675 203.463 101.492 203.119 101.418 202.743C101.344 202.368 101.382 201.979 101.527 201.626C101.673 201.272 101.919 200.97 102.235 200.757C102.551 200.545 102.922 200.431 103.302 200.431C103.812 200.431 104.301 200.635 104.661 200.998C105.021 201.361 105.224 201.853 105.224 202.366Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M197.193 66.1755C196.969 66.1755 196.754 66.2652 196.595 66.4248C196.437 66.5844 196.348 66.8008 196.348 67.0265C196.348 67.2522 196.437 67.4687 196.595 67.6283C196.754 67.7879 196.969 67.8775 197.193 67.8775C197.417 67.8775 197.632 67.7879 197.79 67.6283C197.949 67.4687 198.038 67.2522 198.038 67.0265C198.038 66.8008 197.949 66.5844 197.79 66.4248C197.632 66.2652 197.417 66.1755 197.193 66.1755Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M209.856 27.9167C209.71 27.9167 209.57 27.975 209.467 28.0787C209.364 28.1823 209.307 28.3229 209.307 28.4695C209.307 28.6161 209.364 28.7568 209.467 28.8604C209.57 28.9641 209.71 29.0223 209.856 29.0223C210.001 29.0223 210.141 28.9641 210.244 28.8604C210.347 28.7568 210.405 28.6161 210.405 28.4695C210.405 28.3229 210.347 28.1823 210.244 28.0787C210.141 27.975 210.001 27.9167 209.856 27.9167Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M156.539 60.4592L156.358 60.2628C156.287 60.19 156.202 60.1322 156.108 60.0927C156.015 60.0533 155.914 60.033 155.813 60.033C155.711 60.033 155.611 60.0533 155.517 60.0927C155.424 60.1322 155.339 60.19 155.267 60.2628L155.094 60.4592C154.938 60.6215 154.838 60.8303 154.809 61.0545C154.781 61.2786 154.825 61.5061 154.935 61.703L155.043 61.8848C155.124 62.0188 155.237 62.1297 155.373 62.2066C155.508 62.2835 155.661 62.324 155.816 62.324C155.972 62.324 156.125 62.2835 156.26 62.2066C156.396 62.1297 156.509 62.0188 156.589 61.8848L156.698 61.703C156.807 61.5058 156.85 61.2786 156.822 61.0547C156.793 60.8308 156.694 60.6221 156.539 60.4592Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M166.854 28.1712C166.851 28.1373 166.851 28.1032 166.854 28.0693C166.882 27.9921 166.894 27.9099 166.89 27.8278C166.885 27.7457 166.864 27.6654 166.827 27.5919C166.791 27.5183 166.74 27.453 166.677 27.4001C166.615 27.3471 166.542 27.3075 166.464 27.2838C166.294 27.2397 166.116 27.2381 165.945 27.2793C165.774 27.3205 165.616 27.4032 165.484 27.5201C165.352 27.6371 165.251 27.7847 165.189 27.9502C165.127 28.1156 165.106 28.2939 165.128 28.4694C165.13 28.6031 165.163 28.7345 165.223 28.8539C165.283 28.9732 165.369 29.0773 165.474 29.1584C165.58 29.2396 165.702 29.2956 165.832 29.3224C165.962 29.3492 166.097 29.346 166.226 29.3131C166.441 29.2535 166.624 29.1108 166.735 28.9159C166.846 28.7211 166.876 28.49 166.818 28.273C166.818 28.273 166.847 28.2148 166.854 28.1712Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M114.037 23.6621C113.997 23.5181 113.929 23.3836 113.838 23.2662C113.746 23.1488 113.632 23.051 113.502 22.9784C113.388 22.9139 113.257 22.8888 113.127 22.9068C112.998 22.9248 112.877 22.9849 112.785 23.0779C112.693 23.171 112.633 23.292 112.615 23.4224C112.597 23.5528 112.622 23.6855 112.686 23.8003C112.758 23.9308 112.855 24.0456 112.972 24.138C113.088 24.2304 113.222 24.2986 113.365 24.3385C113.458 24.3634 113.556 24.3633 113.649 24.3382C113.742 24.313 113.827 24.2637 113.895 24.1952C113.963 24.1267 114.012 24.0414 114.037 23.9478C114.062 23.8542 114.062 23.7557 114.037 23.6621Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M159.523 134.002H158.598C158.466 134.002 158.339 134.055 158.246 134.149C158.152 134.243 158.1 134.37 158.1 134.504C158.1 134.637 158.152 134.764 158.246 134.858C158.339 134.953 158.466 135.005 158.598 135.005H159.523C159.655 135.005 159.782 134.953 159.875 134.858C159.969 134.764 160.021 134.637 160.021 134.504C160.021 134.37 159.969 134.243 159.875 134.149C159.782 134.055 159.655 134.002 159.523 134.002Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M116.448 136.772C116.276 136.809 116.119 136.898 116 137.029C115.881 137.159 115.805 137.324 115.784 137.5C115.761 137.589 115.762 137.683 115.786 137.773C115.811 137.862 115.857 137.943 115.922 138.009C115.987 138.075 116.067 138.123 116.155 138.148C116.244 138.174 116.337 138.176 116.427 138.154C116.601 138.128 116.763 138.049 116.892 137.928C117.02 137.808 117.11 137.651 117.149 137.478C117.181 137.38 117.185 137.274 117.161 137.174C117.137 137.074 117.086 136.982 117.013 136.909C116.941 136.836 116.85 136.785 116.75 136.76C116.65 136.736 116.546 136.74 116.448 136.772Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M110.418 129.288C110.273 129.288 110.133 129.346 110.03 129.45C109.927 129.553 109.869 129.694 109.869 129.841C109.869 129.987 109.927 130.128 110.03 130.232C110.133 130.335 110.273 130.393 110.418 130.393C110.564 130.393 110.703 130.335 110.806 130.232C110.909 130.128 110.967 129.987 110.967 129.841C110.967 129.694 110.909 129.553 110.806 129.45C110.703 129.346 110.564 129.288 110.418 129.288Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M84.1377 146.891V146.804V146.636C84.1324 146.447 84.0665 146.264 83.9498 146.115C83.8332 145.967 83.672 145.86 83.4902 145.811C83.3084 145.762 83.1157 145.773 82.9409 145.843C82.766 145.913 82.6183 146.038 82.5197 146.2C82.4051 146.393 82.3498 146.616 82.3607 146.841C82.3717 147.066 82.4483 147.282 82.5811 147.463C82.7138 147.644 82.8967 147.782 83.1069 147.859C83.317 147.935 83.5449 147.948 83.7621 147.895C83.8551 147.857 83.9393 147.8 84.0094 147.728C84.0795 147.656 84.1339 147.57 84.1693 147.476C84.2046 147.382 84.22 147.281 84.2146 147.18C84.2092 147.079 84.183 146.981 84.1377 146.891Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M202.732 210.083C202.639 209.992 202.528 209.923 202.405 209.882C202.283 209.841 202.153 209.828 202.025 209.845C201.897 209.862 201.774 209.908 201.667 209.979C201.559 210.05 201.468 210.146 201.402 210.257C201.31 210.436 201.235 210.624 201.179 210.817C201.149 210.932 201.149 211.053 201.179 211.168C201.21 211.283 201.27 211.388 201.353 211.472C201.436 211.557 201.54 211.618 201.654 211.65C201.767 211.682 201.887 211.683 202.002 211.654C202.194 211.587 202.378 211.5 202.551 211.392C202.659 211.327 202.75 211.238 202.82 211.132C202.889 211.026 202.934 210.906 202.951 210.781C202.968 210.655 202.958 210.528 202.92 210.407C202.882 210.286 202.817 210.175 202.732 210.083Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M173.111 179.177C172.984 179.178 172.86 179.212 172.751 179.276C172.642 179.34 172.551 179.432 172.488 179.543C172.425 179.653 172.392 179.778 172.393 179.906C172.393 180.033 172.426 180.158 172.489 180.268L172.634 180.494C172.684 180.575 172.753 180.642 172.836 180.688C172.919 180.735 173.012 180.759 173.107 180.759C173.202 180.759 173.295 180.735 173.378 180.688C173.461 180.642 173.53 180.575 173.58 180.494L173.732 180.268C173.795 180.158 173.828 180.033 173.829 179.906C173.829 179.778 173.796 179.653 173.733 179.543C173.67 179.432 173.579 179.34 173.47 179.276C173.361 179.212 173.237 179.178 173.111 179.177Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M160.548 162.972C160.184 162.972 159.835 163.118 159.578 163.377C159.32 163.636 159.176 163.988 159.176 164.354C159.176 164.721 159.32 165.072 159.578 165.332C159.835 165.591 160.184 165.736 160.548 165.736C160.912 165.736 161.261 165.591 161.519 165.332C161.776 165.072 161.921 164.721 161.921 164.354C161.921 163.988 161.776 163.636 161.519 163.377C161.261 163.118 160.912 162.972 160.548 162.972Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M155.196 4.09619H155.008C154.731 4.09619 154.464 4.20731 154.268 4.4051C154.071 4.60289 153.961 4.87114 153.961 5.15086C153.961 5.43057 154.071 5.69883 154.268 5.89662C154.464 6.09441 154.731 6.20553 155.008 6.20553H155.196C155.474 6.20553 155.74 6.09441 155.937 5.89662C156.133 5.69883 156.244 5.43057 156.244 5.15086C156.244 4.87114 156.133 4.60289 155.937 4.4051C155.74 4.20731 155.474 4.09619 155.196 4.09619Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M125.551 4.35132C125.211 4.35132 124.879 4.45284 124.596 4.64306C124.313 4.83328 124.093 5.10364 123.963 5.41996C123.833 5.73628 123.799 6.08435 123.865 6.42015C123.931 6.75595 124.095 7.0644 124.336 7.3065C124.576 7.5486 124.882 7.71348 125.216 7.78027C125.549 7.84707 125.895 7.81279 126.209 7.68176C126.523 7.55074 126.792 7.32886 126.981 7.04418C127.17 6.7595 127.27 6.42481 127.27 6.08243C127.263 5.62565 127.079 5.18967 126.759 4.86664C126.438 4.5436 126.005 4.35881 125.551 4.35132Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M83.5539 8.05347C83.3355 8.05347 83.1261 8.14082 82.9717 8.29633C82.8172 8.45183 82.7305 8.66274 82.7305 8.88265C82.7305 9.10257 82.8172 9.31347 82.9717 9.46897C83.1261 9.62448 83.3355 9.71184 83.5539 9.71184C83.7723 9.71184 83.9818 9.62448 84.1362 9.46897C84.2907 9.31347 84.3774 9.10257 84.3774 8.88265C84.3774 8.66274 84.2907 8.45183 84.1362 8.29633C83.9818 8.14082 83.7723 8.05347 83.5539 8.05347Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M89.1445 26.9333C88.9855 26.9333 88.833 26.997 88.7205 27.1102C88.6081 27.2234 88.5449 27.3769 88.5449 27.5371C88.5449 27.6972 88.6081 27.8507 88.7205 27.9639C88.833 28.0772 88.9855 28.1408 89.1445 28.1408C89.3035 28.1408 89.456 28.0772 89.5684 27.9639C89.6809 27.8507 89.744 27.6972 89.744 27.5371C89.744 27.3769 89.6809 27.2234 89.5684 27.1102C89.456 26.997 89.3035 26.9333 89.1445 26.9333Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M46.1862 39.2263C45.8562 39.2263 45.5336 39.3249 45.2592 39.5095C44.9848 39.6941 44.7709 39.9565 44.6446 40.2635C44.5183 40.5705 44.4853 40.9084 44.5496 41.2343C44.614 41.5602 44.7729 41.8596 45.0063 42.0946C45.2397 42.3296 45.537 42.4896 45.8607 42.5544C46.1843 42.6192 46.5199 42.586 46.8248 42.4588C47.1297 42.3316 47.3903 42.1163 47.5736 41.84C47.757 41.5637 47.8548 41.2388 47.8548 40.9065C47.8492 40.4627 47.6716 40.0386 47.3599 39.7247C47.0482 39.4108 46.627 39.232 46.1862 39.2263Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M202.754 22.6797C202.622 22.6797 202.495 22.7326 202.402 22.8267C202.308 22.9208 202.256 23.0485 202.256 23.1816C202.256 23.3147 202.308 23.4423 202.402 23.5364C202.495 23.6306 202.622 23.6834 202.754 23.6834C202.886 23.6834 203.013 23.6306 203.107 23.5364C203.2 23.4423 203.253 23.3147 203.253 23.1816C203.253 23.0485 203.2 22.9208 203.107 22.8267C203.013 22.7326 202.886 22.6797 202.754 22.6797Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M14.3241 121.403C14.146 121.403 13.9751 121.475 13.8491 121.601C13.7231 121.728 13.6523 121.9 13.6523 122.08C13.6523 122.259 13.7231 122.431 13.8491 122.558C13.9751 122.685 14.146 122.756 14.3241 122.756C14.5023 122.756 14.6732 122.685 14.7991 122.558C14.9251 122.431 14.9959 122.259 14.9959 122.08C14.9959 121.9 14.9251 121.728 14.7991 121.601C14.6732 121.475 14.5023 121.403 14.3241 121.403Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M1.90073 83.988C1.74938 83.988 1.60424 84.0486 1.49722 84.1563C1.3902 84.2641 1.33008 84.4103 1.33008 84.5627C1.33008 84.7151 1.3902 84.8612 1.49722 84.969C1.60424 85.0767 1.74938 85.1373 1.90073 85.1373C2.05208 85.1373 2.19723 85.0767 2.30424 84.969C2.41126 84.8612 2.47138 84.7151 2.47138 84.5627C2.47138 84.4103 2.41126 84.2641 2.30424 84.1563C2.19723 84.0486 2.05208 83.988 1.90073 83.988Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M14.3232 61.7533H14.1354C14.0177 61.7246 13.8934 61.7428 13.7887 61.8042C13.6922 61.8444 13.6111 61.9151 13.5577 62.0055C13.5044 62.096 13.4815 62.2014 13.4926 62.3061C13.4721 62.4184 13.4903 62.5344 13.5441 62.6349C13.598 62.7354 13.6843 62.8144 13.7887 62.8588C13.8932 62.921 14.0177 62.9393 14.1354 62.9098H14.3232C14.4645 62.8938 14.5949 62.826 14.6896 62.7193C14.7843 62.6127 14.8366 62.4746 14.8366 62.3315C14.8366 62.1884 14.7843 62.0504 14.6896 61.9437C14.5949 61.837 14.4645 61.7692 14.3232 61.7533Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M27.2041 40.1875C27.1256 40.2101 27.0565 40.2578 27.0074 40.3234C26.9582 40.389 26.9316 40.469 26.9316 40.5512C26.9316 40.6334 26.9582 40.7133 27.0074 40.7789C27.0565 40.8446 27.1256 40.8923 27.2041 40.9149C27.2826 40.8923 27.3516 40.8446 27.4008 40.7789C27.4499 40.7133 27.4765 40.6334 27.4765 40.5512C27.4765 40.469 27.4499 40.389 27.4008 40.3234C27.3516 40.2578 27.2826 40.2101 27.2041 40.1875Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M13.9189 193.688C13.7209 193.745 13.5372 193.844 13.3803 193.978C13.2233 194.112 13.0966 194.279 13.0088 194.466C12.9365 194.633 12.8715 194.801 12.8065 194.975C12.757 195.163 12.7572 195.36 12.8072 195.547C12.8571 195.734 12.955 195.905 13.0911 196.042C13.2272 196.179 13.3967 196.277 13.5825 196.327C13.7684 196.378 13.9641 196.378 14.1501 196.328L14.6557 196.124C14.8487 196.04 15.0211 195.915 15.1608 195.756C15.3006 195.598 15.4043 195.411 15.4648 195.208C15.523 194.994 15.5233 194.768 15.4656 194.554C15.4079 194.339 15.2942 194.145 15.1365 193.989C14.9788 193.834 14.7827 193.725 14.5686 193.672C14.3544 193.618 14.1301 193.624 13.9189 193.688Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M36.8603 189.332C36.7818 189.354 36.7128 189.402 36.6636 189.467C36.6145 189.533 36.5879 189.613 36.5879 189.695C36.5879 189.777 36.6145 189.857 36.6636 189.923C36.7128 189.989 36.7818 190.036 36.8603 190.059C36.9388 190.036 37.0079 189.989 37.057 189.923C37.1062 189.857 37.1328 189.777 37.1328 189.695C37.1328 189.613 37.1062 189.533 37.057 189.467C37.0079 189.402 36.9388 189.354 36.8603 189.332Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M29.4995 216.004C27.0002 216.004 27.0002 219.917 29.4995 219.917C31.9988 219.917 32.006 216.004 29.4995 216.004Z" fill="#F2F9FF" fill-opacity="0.5"/>
<path d="M27.8597 27.7566C27.8601 27.4133 27.7398 27.081 27.5202 26.8183C27.3541 26.651 27.1663 26.5056 26.9857 26.3456C26.9229 26.2861 26.846 26.2439 26.7624 26.2228C26.6787 26.2017 26.5912 26.2025 26.5079 26.2251C26.4247 26.2477 26.3486 26.2913 26.2868 26.3519C26.225 26.4124 26.1797 26.4879 26.155 26.571C26.0882 26.8421 26.0351 27.1164 25.9961 27.393C26.0098 27.7548 26.1306 28.1044 26.3428 28.3967C26.4465 28.5681 26.6074 28.6966 26.7968 28.7592C26.9861 28.8219 27.1914 28.8146 27.3758 28.7386C27.5575 28.6574 27.7053 28.5148 27.7937 28.3355C27.8821 28.1562 27.9055 27.9514 27.8597 27.7566Z" fill="#F2F9FF" fill-opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB