ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-04 11:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

create new apex banner with animations

Browse Source
This commit is contained in:
akcodez
2025-02-13 14:44:40 -08:00
parent 1da5893639
commit f7582f685c
14 changed files with 618 additions and 1045 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
@theme/components/Navbar/Navbar.tsx
View File

@@ -10,10 +10,10 @@ import { AlgoliaSearch } from "./AlgoliaSearch";
// @ts-ignore
const alertBanner = {
show: false,
message: "XRP Ledger Apex is back in Amsterdam",
button: "Register Now",
link: "https://www.xrpledgerapex.com/?utm_source=email&utm_medium=email_marketing&utm_campaign=EVENTS_XRPL_Apex_2024_Q2&utm_term=events_page_cta_button",
show: true,
message: "XRP Ledger Apex 2025 | June 10-12",
button: "GET TICKETS",
link: "https://www.xrpledgerapex.com/?utm_source=xrplwebsite&utm_medium=direct&utm_campaign=xrpl-event-ho-xrplapex-glb-2025-q1_xrplwebsite_ari_arp_bf_rsvp&utm_content=cta_btn_english_gettickets",
};
export function Navbar(props) {
@@ -120,23 +120,30 @@ export function Navbar(props) {
);
}
const StyledColorModeSwitcher = styled(ColorModeSwitcher)`
padding: 10px;
`;
export function AlertBanner({ message, button, link, show }) {
const { useTranslate } = useThemeHooks();
const { translate } = useTranslate();
if (show) {
return (
<div className="top-banner fixed-top">
<div className="inner-apex">
<span>
<p className="mb-0 apex-banner-text">{message}</p>
</span>
<span>
<Link to={link} target="_blank" className="apex-btn">
{button}
</Link>
</span>
<div className={`web-banner`}>
<div className="banner-content">
<div className="event-info">{translate(message)}</div>
<a
href={link}
target="_blank"
className="ticket-button"
rel="noopener noreferrer"
aria-label="Get Tickets for XRP Ledger Apex 2025 Event"
>
<span className="button-text">{translate(button)}</span>
<img
src={require("../../static/img/icons/arrow-up-right-purple.svg")}
alt="Get Tickets Icon"
className="button-icon"
/>
</a>
</div>
</div>
</div>
);

85
resources/dev-tools/components/AlertTemplate.tsx
View File

@@ -1,44 +1,55 @@
import clsx from 'clsx'
import * as React from 'react';
import { useThemeHooks } from '@redocly/theme/core/hooks';
const alertStyle = {
import * as React from "react";
import { useThemeHooks } from "@redocly/theme/core/hooks";
const alertStyle: React.CSSProperties = {
position: "relative",
margin: "0px",
zIndex: "9999",
}
function typeToClass(type: string): string {
if(type === "error") {
return "alert-danger"
} else if(type === "success") {
return "alert-success"
} else if(type === "info") {
return "alert-info"
} else {
return ""
}
zIndex: 9999,
};
interface AlertTemplateProps {
message: string;
link: string;
button: string;
show: boolean;
}
interface AlertTemplateProps {
message: string
options: {
type: string
}
style: any
close: any // Callback to close the alert early
}
export default function AlertTemplate ({ message, options, style, close }: AlertTemplateProps): React.JSX.Element {
export default function AlertTemplate({
message,
link,
button,
show,
}: AlertTemplateProps): React.JSX.Element {
const { useTranslate } = useThemeHooks();
const { translate } = useTranslate()
return(
<div className={clsx("bootstrap-growl alert alert-dismissible", typeToClass(options.type))} style={{ ...alertStyle, ...style }}>
<button className="close" data-dismiss="alert" type="button" onClick={close}>
<span aria-hidden="true">×</span>
<span className="sr-only">{translate("Close")}</span>
</button>
{message}
const { translate } = useTranslate();
if (!show) return null;
return (
<div
className={`web-banner`}
style={{ ...alertStyle }}
>
<div className="banner-content">
<div className="event-info">{translate(message)}</div>
<button
onClick={() => window.open(link, "_blank")}
className="ticket-button"
>
<span className="button-text">{translate(button)}</span>
<img
src="https://cdn.builder.io/api/v1/image/assets/7f21b7559e5f46cebba4373859bcb6b5/bb74a0f169c7bf5ebfe70eabaef024556dd89f9a3e47a03da76851b4f66dab43?apiKey=7f21b7559e5f46cebba4373859bcb6b5&"
alt=""
className="button-icon"
/>
</button>
</div>
</div>
)
);
// return(
// <div className={clsx("bootstrap-growl alert alert-dismissible", typeToClass(options.type))} style={{ ...alertStyle, ...style }}>
// <button className="close" data-dismiss="alert" type="button" onClick={close}>
// <span aria-hidden="true">×</span>
// <span className="sr-only">{translate("Close")}</span>
// </button>
// {message}
// </div>
// )
}

89
scripts/cleanup-unused-images.js Normal file
View File

@@ -0,0 +1,89 @@
import fs from 'fs';
import path from 'path';
import { fileURLToPath } from 'url';
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const publicFolderPath = path.join(__dirname, '../static');
const srcFolderPath = path.join(__dirname, '../');
const imageExtensions = ['.jpg', '.jpeg', '.png', '.webp', '.gif', '.svg'];
const srcExtensions = ['.js', '.jsx', '.ts', '.tsx', '.css', '.scss', '.html', '.md', '.toml', '.json'];
/**
* Recursively get all files with specified extensions from a directory.
*/
function getAllFiles(dirPath, extensions, excludeDirs = []) {
let arrayOfFiles = [];
const files = fs.readdirSync(dirPath);
files.forEach((file) => {
const filePath = path.join(dirPath, file);
if (fs.statSync(filePath).isDirectory()) {
if (!excludeDirs.includes(file)) {
arrayOfFiles = arrayOfFiles.concat(getAllFiles(filePath, extensions, excludeDirs));
}
} else {
if (!extensions || extensions.includes(path.extname(file).toLowerCase())) {
arrayOfFiles.push(filePath);
}
}
});
return arrayOfFiles;
}
/**
* Escape special characters for use in a regular expression.
*/
function escapeRegExp(string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}
// Step 1: Get all image files in the public folder.
const imageFiles = getAllFiles(publicFolderPath, imageExtensions);
// Step 2: Get all source files in the project folder, excluding 'out' and 'node_modules'.
const srcFiles = getAllFiles(srcFolderPath, srcExtensions, ['out', 'node_modules']);
// Step 3: Check if each image is used in the source files.
const usedImages = new Set();
imageFiles.forEach((imageFile) => {
// Get the filename with extension.
const imageFileName = path.basename(imageFile);
console.log('adding image', imageFileName);
// Create a regex pattern to search for the filename.
const regexPattern = new RegExp(escapeRegExp(imageFileName), 'g');
let imageUsed = false;
for (const srcFile of srcFiles) {
const content = fs.readFileSync(srcFile, 'utf8');
console.log('checking', srcFile);
if (regexPattern.test(content)) {
imageUsed = true;
usedImages.add(imageFile);
console.log('image used', imageFile);
break;
}
}
});
// Step 4: Delete unused images and write to deleted_files.js.
const unusedImages = imageFiles.filter((imageFile) => !usedImages.has(imageFile));
// Array to store deleted file paths
const deletedFiles = [];
unusedImages.forEach((unusedImage) => {
console.log('Deleting unused image:', unusedImage);
fs.unlinkSync(unusedImage);
deletedFiles.push(unusedImage);
});
// Write the array of deleted files to deleted_files.js
fs.writeFileSync(path.join(__dirname, 'deleted_files.js'), `export const deletedFiles = ${JSON.stringify(deletedFiles, null, 2)};`);
console.log('Cleanup complete. Total unused images deleted:', unusedImages.length);

232
scripts/deleted_files.js Normal file
View File

@@ -0,0 +1,232 @@
export const deletedFiles = [
"/static/favicons/android-chrome-192x192.png",
"/static/favicons/android-chrome-512x512.png",
"/static/favicons/apple-touch-icon.png",
"/static/favicons/favicon-16x16.png",
"/static/favicons/favicon-32x32.png",
"/static/favicons/mstile-150x150.png",
"/static/img/apex-texture-green-diamond.svg",
"/static/img/apex-texture-orange-diamond.svg",
"/static/img/apex-texture-polkadots.svg",
"/static/img/apex-texture-purple-diamond.svg",
"/static/img/apex-texture-red-diamond.svg",
"/static/img/apex-texture-yellow-grid.svg",
"/static/img/apex-xrpl-logo.svg",
"/static/img/backgrounds/bg-apex-banner-2-lg.png",
"/static/img/backgrounds/bg-apex-banner-2-md.png",
"/static/img/backgrounds/bg-apex-banner-2.png",
"/static/img/backgrounds/bg-business-bot.png",
"/static/img/backgrounds/bg-business-bot@2x.png",
"/static/img/backgrounds/bg-business-mid.png",
"/static/img/backgrounds/bg-business-mid@2x.png",
"/static/img/backgrounds/bg-business-top.png",
"/static/img/backgrounds/bg-business-top@2x.png",
"/static/img/backgrounds/bg-contribute.png",
"/static/img/backgrounds/bg-contribute@2x.png",
"/static/img/backgrounds/bg-docs.png",
"/static/img/backgrounds/bg-docs@2x.png",
"/static/img/backgrounds/bg-exchanges-bot.png",
"/static/img/backgrounds/bg-exchanges-bot@2x.png",
"/static/img/backgrounds/bg-exchanges-top.png",
"/static/img/backgrounds/bg-exchanges-top@2x.png",
"/static/img/backgrounds/bg-history-mid.png",
"/static/img/backgrounds/bg-history-mid@2x.png",
"/static/img/backgrounds/bg-history-top.png",
"/static/img/backgrounds/bg-history-top@2x.png",
"/static/img/backgrounds/bg-home.png",
"/static/img/backgrounds/bg-home@2x.png",
"/static/img/backgrounds/bg-impact-left.png",
"/static/img/backgrounds/bg-impact-left@2x.png",
"/static/img/backgrounds/bg-impact-right.png",
"/static/img/backgrounds/bg-impact-right@2x.png",
"/static/img/backgrounds/bg-learning-banner-lg.png",
"/static/img/backgrounds/bg-learning-banner-md.png",
"/static/img/backgrounds/bg-learning-banner.png",
"/static/img/backgrounds/bg-overview-top.png",
"/static/img/backgrounds/bg-overview-top@2x.png",
"/static/img/backgrounds/bg-uses-top.png",
"/static/img/backgrounds/bg-uses-top@2x.png",
"/static/img/backgrounds/bg-wallets-bot.png",
"/static/img/backgrounds/bg-wallets-bot@2x.png",
"/static/img/backgrounds/bg-wallets-top.png",
"/static/img/backgrounds/bg-wallets-top@2x.png",
"/static/img/backgrounds/calculator-purple.svg",
"/static/img/backgrounds/community-magenta.svg",
"/static/img/backgrounds/cta-community-green.svg",
"/static/img/backgrounds/cta-foundation-magenta.svg",
"/static/img/backgrounds/cta-foundation-orange.svg",
"/static/img/backgrounds/cta-funding-orange.svg",
"/static/img/backgrounds/cta-xrp-overview-green.svg",
"/static/img/backgrounds/cta-xrp-overview-orange.svg",
"/static/img/backgrounds/foundation-magenta.svg",
"/static/img/backgrounds/foundation-orange.svg",
"/static/img/backgrounds/impact-green.svg",
"/static/img/backgrounds/impact-magenta.svg",
"/static/img/backgrounds/impact-orange.svg",
"/static/img/backgrounds/use-cases-orange.svg",
"/static/img/blog/gateway_bulletin.png",
"/static/img/businesses/bitpay.png",
"/static/img/businesses/coil.png",
"/static/img/businesses/exodus.png",
"/static/img/businesses/gatehub-logo.png",
"/static/img/businesses/raised-in-space.png",
"/static/img/businesses/towo-labs.png",
"/static/img/businesses/xrpl-labs.png",
"/static/img/businesses/xrplorer.png",
"/static/img/calculator/co2-cash/img_0.png",
"/static/img/calculator/co2-cash/img_1.png",
"/static/img/calculator/co2-cash/img_2.png",
"/static/img/calculator/co2-cash/img_3.png",
"/static/img/calculator/co2-credit/img_0.png",
"/static/img/calculator/co2-credit/img_1.png",
"/static/img/calculator/co2-credit/img_2.png",
"/static/img/calculator/co2-credit/img_3.png",
"/static/img/calculator/co2-crypto/img_0.png",
"/static/img/calculator/co2-crypto/img_1.png",
"/static/img/calculator/co2-crypto/img_2.png",
"/static/img/calculator/gas-cash/img_0.png",
"/static/img/calculator/gas-cash/img_1.png",
"/static/img/calculator/gas-crypto/img_0.png",
"/static/img/calculator/gas-crypto/img_1.png",
"/static/img/cards/4-col-red.svg",
"/static/img/community/community-design-assets.png",
"/static/img/community/community-events-apex-small@2x.png",
"/static/img/community/community-events-apex@2x.png",
"/static/img/community/community-events-hackathon-small@2x.png",
"/static/img/community/community-events-hackathon@2x.png",
"/static/img/community/community-events-meetup-small@2x.png",
"/static/img/community/community-events-meetup@2x.png",
"/static/img/community/community-five@2x.png",
"/static/img/community/community-four@2x.png",
"/static/img/community/community-grants-1.svg",
"/static/img/community/community-grants-2.svg",
"/static/img/community/community-grants-3.svg",
"/static/img/currency-calculator-card-fb.png",
"/static/img/currency-calculator-card-tw.png",
"/static/img/events/commons-france.png",
"/static/img/events/event-conference-apex-2021.png",
"/static/img/events/event-hack-2021.svg",
"/static/img/events/event-hack-impact@2x.png",
"/static/img/events/event-hack-new-year.svg",
"/static/img/events/event-hack-nft@2x.png",
"/static/img/events/event-hero3@2x.png",
"/static/img/events/event-meetup-abu-dhabi@2x.jpg",
"/static/img/events/event-meetup-sao-paulo@2x.jpg",
"/static/img/events/xrpl-card@2x.jpg",
"/static/img/exchanges/currency.svg",
"/static/img/graphics/home-bg.png",
"/static/img/graphics/overview-supply.png",
"/static/img/graphics/overview-supply@2x.png",
"/static/img/graphics/table-border.svg",
"/static/img/graphics/validator.png",
"/static/img/green/Portugal.png",
"/static/img/green/energy-web.png",
"/static/img/green/green-graphic.png",
"/static/img/green/green-graphic@2x.png",
"/static/img/green/reba.png",
"/static/img/green/rocky-mountain-inst.png",
"/static/img/icons/bitcoin.png",
"/static/img/icons/bitcoin@2x.png",
"/static/img/icons/bw-bitcoin.png",
"/static/img/icons/bw-bitcoin@2x.png",
"/static/img/icons/bw-cash.png",
"/static/img/icons/bw-cash@2x.png",
"/static/img/icons/bw-ethereum.png",
"/static/img/icons/bw-ethereum@2x.png",
"/static/img/icons/bw-mastercard.png",
"/static/img/icons/bw-mastercard@2x.png",
"/static/img/icons/bw-visa.png",
"/static/img/icons/bw-visa@2x.png",
"/static/img/icons/bw-xrp.png",
"/static/img/icons/bw-xrp@2x.png",
"/static/img/icons/cbdc.svg",
"/static/img/icons/dash-line.png",
"/static/img/icons/defi.svg",
"/static/img/icons/ethereum.png",
"/static/img/icons/ethereum@2x.png",
"/static/img/icons/exchanges.svg",
"/static/img/icons/fast.png",
"/static/img/icons/fast@2x.png",
"/static/img/icons/green-up-arrow.svg",
"/static/img/icons/lightmode/cbdc.svg",
"/static/img/icons/lightmode/defi.svg",
"/static/img/icons/lightmode/exchanges.svg",
"/static/img/icons/lightmode/micropayments.svg",
"/static/img/icons/lightmode/stablecoins.svg",
"/static/img/icons/lightmode/wallets.svg",
"/static/img/icons/low-cost.png",
"/static/img/icons/low-cost@2x.png",
"/static/img/icons/mastercard.png",
"/static/img/icons/mastercard@2x.png",
"/static/img/icons/micropayments.svg",
"/static/img/icons/paper-money.png",
"/static/img/icons/paper-money@2x.png",
"/static/img/icons/scalable.png",
"/static/img/icons/scalable@2x.png",
"/static/img/icons/stablecoins.svg",
"/static/img/icons/sustainable.png",
"/static/img/icons/visa.png",
"/static/img/icons/visa@2x.png",
"/static/img/icons/wallets.svg",
"/static/img/icons/xrp@2x.png",
"/static/img/impact/impact/hero-impact.png",
"/static/img/impact/impact/impact-building-future.png",
"/static/img/impact/impact/impact-building-future@2x.png",
"/static/img/impact/impact/impact-crypto-strengths.png",
"/static/img/impact/impact/impact-crypto-strengths@2x.png",
"/static/img/impact/impact/impact-democratizing-payments.png",
"/static/img/impact/impact/impact-democratizing-payments@2x.png",
"/static/img/impact/world_map@2x.png",
"/static/img/logos/bitcoin.svg",
"/static/img/logos/ethereum.svg",
"/static/img/logos/facebook.svg",
"/static/img/logos/linkedin.svg",
"/static/img/logos/mastercard.svg",
"/static/img/logos/paper-currency.svg",
"/static/img/logos/ripplex.svg",
"/static/img/logos/twitter-link.svg",
"/static/img/logos/visa.svg",
"/static/img/logos/youttube.svg",
"/static/img/overview/overview/fast.png",
"/static/img/overview/overview/low-cost.png",
"/static/img/overview/overview/real.png",
"/static/img/overview/overview/scalable.png",
"/static/img/overview/overview/sustainable.png",
"/static/img/overview/overview/xrp-community.png",
"/static/img/overview/overview/xrp-community@2x.png",
"/static/img/overview/overview/xrp-text-logo.png",
"/static/img/overview/video_explainer_consensus.png",
"/static/img/overview/video_explainer_intro.png",
"/static/img/overview/video_explainer_nodes.png",
"/static/img/overview/video_explainer_sustainability.png",
"/static/img/sun-moon.svg",
"/static/img/uses/exodus.svg",
"/static/img/uses/left-arrow.png",
"/static/img/uses/lightmode/allbridge.png",
"/static/img/uses/lightmode/blockforce.png",
"/static/img/uses/lightmode/casino-coin.png",
"/static/img/uses/lightmode/momento.png",
"/static/img/uses/lightmode/onxrp.png",
"/static/img/uses/lightmode/rootmaker.png",
"/static/img/uses/lightmode/styngr.png",
"/static/img/uses/modallogos/Momento.png",
"/static/img/uses/modallogos/allbridge.png",
"/static/img/uses/modallogos/blockforce.png",
"/static/img/uses/modallogos/casino-coin.png",
"/static/img/uses/modallogos/onxrp.png",
"/static/img/uses/modallogos/rootmaker.png",
"/static/img/uses/modallogos/styngr.png",
"/static/img/uses/raised.png",
"/static/img/uses/right-arrow.png",
"/static/img/uses/ripple.svg",
"/static/img/uses/xrpl-labs.svg",
"/static/img/uses/xrplorer.svg",
"/static/img/xrp-ledger-dev-portal-text.svg",
"/static/img/xrp-ledger-dev-portal.svg",
"/static/img/xrpl-fb-li-card.png",
"/static/img/xrpl-fb-li-card@2x.png",
"/static/img/xrpl-twitter-card.png",
"/static/img/xrpl-twitter-card@2x.png",
"/static/vendor/github-marks/GitHub-Mark-32px.png",
"/static/vendor/github-marks/GitHub-Mark-Light-32px.png"
];

110
scripts/optimize-images.js Normal file
View File

@@ -0,0 +1,110 @@
import { promises as fs } from 'node:fs';
import path from 'node:path';
import imagemin from 'imagemin';
import imageminMozjpeg from 'imagemin-mozjpeg';
import imageminPngquant from 'imagemin-pngquant';
// Default file size threshold: 500KB (adjust as needed)
const DEFAULT_THRESHOLD = 500 * 1024;
/**
* Optimize a single image file using lossy compression similar to TinyPNG.
*
* @param {string} filePath - Path to the image file.
*/
async function optimizeImage(filePath) {
const ext = path.extname(filePath).toLowerCase();
let plugins = [];
if (ext === '.jpg' || ext === '.jpeg') {
// Use mozjpeg with a quality setting (adjust quality as needed).
plugins.push(imageminMozjpeg({
quality: 75, // Adjust this value (e.g., 70-80) to balance quality & size
progressive: true // Enable progressive rendering
}));
} else if (ext === '.png') {
// Use pngquant with a quality range. This reduces the color palette.
plugins.push(imageminPngquant({
quality: [0.6, 0.8] // Adjust the range to get more aggressive compression
}));
} else {
// Unsupported file type.
return;
}
try {
// Read the original file.
const originalBuffer = await fs.readFile(filePath);
// Optimize the image.
const optimizedBuffer = await imagemin.buffer(originalBuffer, { plugins });
// Write back if a smaller file is produced.
if (optimizedBuffer.length < originalBuffer.length) {
await fs.writeFile(filePath, optimizedBuffer);
const sizeDecreasePercentage = ((originalBuffer.length - optimizedBuffer.length) / originalBuffer.length * 100).toFixed(2);
console.log(`Optimized: ${filePath} (${originalBuffer.length} → ${optimizedBuffer.length} bytes, -${sizeDecreasePercentage}%)`);
} else {
console.log(`No size improvement for: ${filePath}`);
}
} catch (error) {
console.error(`Error optimizing ${filePath}: ${error}`);
}
}
/**
* Recursively process a directory.
*
* @param {string} directory - The directory to scan.
* @param {number} threshold - File size threshold in bytes.
*/
async function processDirectory(directory, threshold) {
let entries;
try {
entries = await fs.readdir(directory, { withFileTypes: true });
} catch (error) {
console.error(`Error reading directory ${directory}: ${error}`);
return;
}
for (const entry of entries) {
const fullPath = path.join(directory, entry.name);
if (entry.isDirectory()) {
await processDirectory(fullPath, threshold);
} else if (entry.isFile()) {
const ext = path.extname(entry.name).toLowerCase();
if (['.jpg', '.jpeg', '.png'].includes(ext)) {
let stats;
try {
stats = await fs.stat(fullPath);
} catch (err) {
console.error(`Error getting stats for ${fullPath}: ${err}`);
continue;
}
if (stats.size > threshold) {
console.log(`Processing ${fullPath} (size: ${stats.size} bytes)`);
await optimizeImage(fullPath);
} else {
console.log(`Skipping ${fullPath} (size: ${stats.size} bytes)`);
}
}
}
}
}
/**
* Main function: Parses command-line arguments and starts the optimization process.
*/
async function main() {
// Usage: node optimize-images.js [directory] [sizeThresholdInBytes]
const args = process.argv.slice(2);
const directory = args[0] || '.';
const threshold = args[1] ? parseInt(args[1], 10) : DEFAULT_THRESHOLD;
console.log(`Scanning directory: ${directory}`);
console.log(`Size threshold: ${threshold} bytes`);
await processDirectory(directory, threshold);
}
main().catch(err => console.error(err));

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

BIN
static/img/backgrounds/bg-apex-banner-2-lg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
static/img/backgrounds/bg-apex-banner-2-md.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.3 KiB

BIN
static/img/backgrounds/bg-apex-banner-2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

306
static/img/backgrounds/bg-apex-banner-md.svg
View File

@@ -1,306 +0,0 @@
<svg width="1024" height="46" viewBox="0 0 1024 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_377_62523)">
<rect width="1024" height="46" fill="#111112"/>
<g clip-path="url(#clip1_377_62523)">
<path d="M53.821 254.758C-27.8655 92.9389 -15.8644 -91.7194 69.533 -237.232C117.569 -319.13 188.881 -388.628 279.805 -434.686C409.512 -500.372 553.92 -505.575 680.989 -460.799C801.285 -418.442 906.058 -331.293 968.148 -208.319C1095.82 44.5718 994.629 353.248 742.132 481.125C489.666 609.001 181.475 507.665 53.821 254.758Z" fill="url(#paint0_linear_377_62523)"/>
<path d="M274.957 -309.212C392.237 -392.755 538.571 -405.234 662.909 -355.286C732.879 -327.196 795.9 -279.303 842.847 -213.19C909.8 -118.876 931.039 -5.80316 911 99.5509C892.051 199.29 836.104 292.133 746.98 355.621C563.695 486.187 309.429 443.181 179.091 259.599C48.7522 76.0159 91.6562 -178.646 274.957 -309.212Z" fill="url(#paint1_linear_377_62523)"/>
<path d="M293.733 -176.527C364.208 -253.427 465.964 -284.396 561.547 -267.82C615.331 -258.504 667.188 -234.115 710.392 -194.4C772.024 -137.729 804.111 -60.8604 805.801 16.7831C807.412 90.2826 781.783 164.494 728.236 222.936C618.094 343.11 431.556 351.098 311.561 240.793C191.581 130.488 183.591 -56.3685 293.733 -176.543V-176.527Z" fill="url(#paint2_linear_377_62523)"/>
<path d="M372.514 -139.738C430.008 -188.754 505.915 -201.945 573.169 -181.525C611.02 -170.043 646.123 -147.884 673.662 -115.475C712.95 -69.2437 729.183 -11.1178 723.514 44.8569C718.146 97.8424 693.133 148.93 649.455 186.162C559.604 262.762 424.766 251.896 348.306 161.899C271.831 71.9033 282.679 -63.1385 372.529 -139.738H372.514Z" fill="url(#paint3_linear_377_62523)"/>
<path d="M480.745 146.462C437.256 135.754 404.585 103.757 391.068 64.2633C383.457 42.0411 381.909 17.4305 387.925 -7.06932C396.5 -42.0397 418.781 -70.035 447.647 -86.7057C474.965 -102.506 508.173 -108.169 541.208 -100.039C609.172 -83.3209 650.718 -14.5664 634.027 53.4923C617.336 121.567 548.709 163.196 480.745 146.462Z" fill="url(#paint4_linear_377_62523)"/>
<mask id="mask0_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-2" y="-490" width="1026" height="1027">
<path d="M742.117 481.111C994.613 353.234 1095.8 44.5578 968.132 -208.333C906.058 -331.307 801.285 -418.44 680.99 -460.797C553.92 -505.558 409.512 -500.37 279.79 -434.684C188.865 -388.642 117.554 -319.128 69.5176 -237.23C-15.8798 -91.7176 -27.8967 92.9407 53.7898 254.744C181.46 507.635 489.635 608.972 742.101 481.111H742.117ZM159.684 -184.039C197.914 -249.203 254.666 -304.514 327.036 -341.161C430.246 -393.434 545.156 -397.578 646.266 -361.943C741.99 -328.238 825.366 -258.899 874.776 -161.042C976.375 40.2083 895.841 285.839 694.933 387.603C494.025 489.367 248.776 408.718 147.177 207.468C82.1661 78.7057 91.7354 -68.23 159.684 -184.039Z" fill="white"/>
</mask>
<g mask="url(#mask0_377_62523)">
<path d="M741.375 481.332L279.174 -434.209" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M641.466 519.403L379.415 -472.39" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M535.824 535.821L485.372 -488.855" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M429.093 529.889L592.434 -482.908" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M325.915 501.862L695.928 -454.786" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M230.822 452.958L791.321 -405.739" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M147.951 385.31L874.445 -337.886" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M80.9347 301.893L941.667 -254.217" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M32.6932 206.346L990.05 -158.367" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M5.34341 102.827L1017.49 -54.5323" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M0.0692444 -4.1095L1022.77 52.7352" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M17.1236 -109.811L1005.67 158.77" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M55.7321 -209.662L966.932 258.92" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M114.238 -299.278L908.253 348.821" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M190.066 -374.754L832.204 424.52" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
</g>
<mask id="mask1_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="-386" width="816" height="818">
<path d="M731.788 366.425C921.043 244.258 975.6 -8.4278 853.647 -197.973C794.352 -290.136 704.217 -350.413 605.508 -373.964C501.241 -398.844 387.372 -382.758 290.148 -320.014C221.994 -276.028 171.305 -215.103 140.071 -146.301C84.5181 -24.0387 90.2818 123.087 168.305 244.368C290.258 433.93 542.55 488.56 731.788 366.409V366.425ZM242.633 -99.4204C265.245 -149.195 301.912 -193.276 351.227 -225.099C421.56 -270.492 503.925 -282.149 579.359 -264.134C650.765 -247.1 715.982 -203.509 758.886 -136.811C847.125 0.334595 807.648 183.142 670.741 271.509C533.833 359.877 351.306 320.351 263.082 183.221C206.629 95.4712 202.461 -10.9742 242.648 -99.4204H242.633Z" fill="white"/>
</mask>
<g mask="url(#mask1_377_62523)">
<path d="M731.204 366.661L289.69 -319.572" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M655.281 405.08L365.865 -358.101" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M573.026 426.844L448.357 -379.943" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M488.071 431.003L533.581 -384.119" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M404.095 417.385L617.826 -370.438" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M324.793 386.574L697.364 -339.532" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M253.607 339.915L768.771 -292.731" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M193.665 279.449L828.903 -232.09" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M147.587 207.832L875.123 -160.251" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M117.379 128.18L905.41 -80.3456" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M104.367 43.9718L918.469 4.11401" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M109.121 -41.0894L913.7 89.4447" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M131.433 -123.32L891.324 171.928" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M170.31 -199.097L852.32 247.942" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M224.078 -265.131L798.394 314.166" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
</g>
<mask id="mask2_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="216" y="-273" width="590" height="592">
<path d="M697.554 251.974C823.708 148.755 842.436 -37.3422 739.384 -163.685C689.28 -225.116 619.594 -261.115 546.719 -270.004C469.739 -279.415 389.189 -258.584 324.383 -205.551C278.953 -168.382 247.465 -120.458 230.585 -68.4534C200.566 23.9628 216.642 129.269 282.569 210.108C385.62 336.45 571.416 355.193 697.554 251.99V251.974ZM308.118 -43.1152C320.341 -80.7428 343.127 -115.413 375.988 -142.301C422.871 -180.656 481.14 -195.729 536.834 -188.928C589.544 -182.491 639.965 -156.457 676.221 -112.012C750.77 -20.6083 737.221 114.038 645.965 188.708C554.71 263.378 420.281 249.823 345.732 158.403C298.028 99.9139 286.39 23.7256 308.118 -43.1152Z" fill="white"/>
</mask>
<g mask="url(#mask2_377_62523)">
<path d="M697.602 252.765L323.609 -205.788" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M645.997 286.645L375.372 -239.778" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M588.502 309.04L433.04 -262.238" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M527.596 318.973L494.135 -272.186" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M465.98 316L555.941 -269.212" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M406.322 300.262L615.789 -253.428" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M351.227 272.441L671.057 -225.527" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M303.113 233.754L719.314 -186.713" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M264.077 185.893L758.475 -138.71" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M235.827 130.962L786.804 -83.6058" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M219.61 71.3338L803.085 -23.8027" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M216.12 9.633L806.574 38.087" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M225.5 -51.4344L797.163 99.3606" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M247.371 -109.228L775.23 157.312" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M280.753 -161.201L741.753 209.46" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
</g>
<mask id="mask3_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="297" y="-191" width="428" height="428">
<path d="M627.947 201.946C726.498 137.241 754.038 4.76151 689.421 -93.9496C658.013 -141.953 610.593 -173.127 558.83 -185.037C504.162 -197.643 444.63 -188.754 393.989 -155.508C358.507 -132.21 332.215 -100.102 316.139 -63.9772C287.558 0.237976 291.174 77.2172 332.515 140.388C397.115 239.1 529.38 266.668 627.931 201.962L627.947 201.946ZM395.015 -28.6905C404.584 -50.201 420.233 -69.2916 441.346 -83.1627C471.475 -102.949 506.91 -108.232 539.439 -100.735C570.247 -93.6491 598.466 -75.0805 617.162 -46.5158C655.613 12.2427 639.222 91.0883 580.574 129.602C521.927 168.115 443.193 151.713 404.742 92.9547C380.14 55.3587 377.993 9.53809 394.999 -28.6747L395.015 -28.6905Z" fill="white"/>
</mask>
<g mask="url(#mask3_377_62523)">
<path d="M627.916 202.516L393.452 -155.745" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M588.233 222.982L433.261 -176.275" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M545.171 234.734L476.449 -188.074" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M500.609 237.265L521.153 -190.604" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M456.489 230.464L565.415 -183.787" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M414.754 214.615L607.277 -167.892" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M377.219 190.432L644.938 -143.629" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M345.51 158.957L676.725 -112.06" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M321.05 121.567L701.28 -74.5425" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M304.88 79.8904L717.497 -32.7551" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M297.696 35.7622L724.698 11.5154" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M299.843 -8.88824L722.535 56.3076" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M311.213 -52.1304L711.134 99.6769" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M331.299 -92.0514L690.985 139.724" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M359.249 -126.911L662.956 174.695" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
</g>
<mask id="mask4_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="383" y="-105" width="255" height="256">
<path d="M580.591 129.587C639.254 91.0734 655.629 12.2279 617.178 -46.5306C598.482 -75.0953 570.263 -93.6482 539.455 -100.75C506.91 -108.247 471.491 -102.964 441.346 -83.1776C420.218 -69.3065 404.585 -50.2001 395.016 -28.7054C378.009 9.50742 380.156 55.328 404.759 92.9239C443.21 151.667 521.927 168.084 580.575 129.571L580.591 129.587Z" fill="white"/>
</mask>
<g mask="url(#mask4_377_62523)">
<path d="M544.256 146.242L477.318 -99.7369" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M518.027 150.513L503.61 -104.023" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M491.498 149.232L530.233 -102.742" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M465.807 142.463L556.004 -95.9401" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M442.089 130.49L579.801 -83.9353" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M421.371 113.835L600.582 -67.2174" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M404.553 93.2254L617.431 -46.5455" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M392.394 69.5638L629.637 -22.8207" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M385.415 43.8941L636.648 2.9292" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M383.899 17.3224L638.149 29.5803" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M387.942 -8.9657L634.091 55.9612" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M397.369 -33.8607L624.648 80.9201" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M411.739 -56.2255L610.231 103.363" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M430.435 -75.1265L591.471 122.312" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M452.653 -89.7086L569.19 136.943" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
</g>
<mask id="mask5_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="5" y="-492" width="742" height="581">
<path d="M746.759 -433.055C730.652 -421.889 715.035 -409.868 699.781 -397.389C653.482 -359.524 609.109 -315.744 583.449 -259.058C554.978 -196.155 552.12 -123.431 533.992 -56.0995C515.88 11.2315 472.881 80.2233 409.07 87.7362C340.111 95.8501 284.906 31.2395 226.495 -9.67795C161.594 -55.1505 82.9237 -73.4186 5.6745 -69.0216C28.4766 -196.487 99.2042 -315.444 212.883 -396.408C375.119 -511.964 581.586 -519.366 746.759 -433.055Z" fill="white"/>
</mask>
<g mask="url(#mask5_377_62523)">
<path d="M53.2372 253.416C-28.4493 91.5967 -16.4482 -93.0615 68.9492 -238.574C116.985 -320.472 188.297 -389.97 279.221 -436.028C408.928 -501.714 553.336 -506.902 680.406 -462.141C800.701 -419.784 905.474 -332.635 967.564 -209.661C1095.23 43.2297 994.045 351.906 741.548 479.782C489.083 607.659 180.891 506.323 53.2372 253.416Z" fill="url(#paint5_linear_377_62523)"/>
<path d="M201.988 288.26C108.001 179.094 81.9455 34.3247 119.986 -94.3271C141.383 -166.735 183.102 -234.035 244.434 -287.02C331.932 -362.592 442.358 -394.336 548.947 -384.181C649.866 -374.597 747.375 -327.479 818.798 -244.521C965.685 -73.9238 946.673 183.649 776.352 330.774C606.031 477.884 348.891 458.873 202.004 288.26H201.988Z" fill="url(#paint6_linear_377_62523)"/>
<path d="M365.835 279.323C275.006 228.157 221.68 135.993 215.979 38.9905C212.758 -15.5924 224.632 -71.7096 253.372 -122.924C294.381 -195.964 361.792 -244.79 436.878 -264.165C507.953 -282.513 585.945 -274.462 654.967 -235.585C796.927 -155.616 847.269 24.4867 767.43 166.662C687.591 308.837 507.795 359.276 365.835 279.307V279.323Z" fill="url(#paint7_linear_377_62523)"/>
<path d="M459.427 229.675C386.11 211.629 331.016 157.678 308.229 91.1064C295.391 53.637 292.801 12.166 302.939 -29.1785C317.404 -88.1268 354.97 -135.323 403.622 -163.461C449.669 -190.096 505.663 -199.649 561.374 -185.936C675.953 -157.735 746.017 -41.8475 717.862 72.9174C689.707 187.682 574.006 257.86 459.427 229.659V229.675Z" fill="url(#paint8_linear_377_62523)"/>
<path d="M480.161 145.135C436.673 134.428 404.001 102.431 390.484 62.9367C382.873 40.7144 381.326 16.1039 387.342 -8.39598C395.916 -43.3664 418.197 -71.3617 447.063 -88.0323C474.382 -103.833 507.59 -109.495 540.625 -101.366C608.589 -84.6476 650.135 -15.893 633.444 52.1656C616.753 120.24 548.125 161.869 480.161 145.135Z" fill="url(#paint9_linear_377_62523)"/>
<mask id="mask6_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-3" y="-492" width="1026" height="1028">
<path d="M741.533 479.768C994.03 351.891 1095.22 43.2152 967.548 -209.676C905.474 -332.649 800.701 -419.783 680.406 -462.14C553.336 -506.9 408.928 -501.713 279.206 -436.026C188.282 -389.984 116.97 -320.471 68.9338 -238.573C-16.4635 -93.0602 -28.4804 91.598 53.2061 253.401C180.876 506.292 489.052 607.629 741.517 479.768H741.533ZM159.1 -185.381C197.33 -250.546 254.083 -305.856 326.452 -342.503C429.662 -394.777 544.572 -398.921 645.682 -363.286C741.406 -329.581 824.783 -260.241 874.192 -162.384C975.791 38.8657 895.257 284.497 694.349 386.26C493.441 488.008 248.192 407.376 146.594 206.126C81.5824 77.3632 91.1517 -69.5726 159.1 -185.381Z" fill="white"/>
</mask>
<g mask="url(#mask6_377_62523)">
<path d="M740.791 480.005L278.59 -435.552" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M640.881 518.059L378.831 -473.718" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M535.24 534.477L484.788 -490.199" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M428.51 528.546L591.851 -484.252" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M325.331 500.519L695.344 -456.13" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M230.238 451.614L790.737 -407.082" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M147.367 383.982L873.861 -339.23" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M80.3508 300.551L941.083 -255.544" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M32.1094 205.003L989.466 -159.696" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M4.75949 101.499L1016.91 -55.8757" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M-0.514694 -5.45294L1022.18 51.3918" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M16.5395 -111.155L1005.08 157.426" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M55.1484 -210.989L966.348 257.577" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M113.654 -300.622L907.669 347.478" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M189.482 -376.098L831.62 423.192" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
</g>
<mask id="mask7_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="102" y="-387" width="817" height="818">
<path d="M731.205 365.095C920.46 242.928 975.017 -9.7572 853.064 -199.303C793.769 -291.466 703.634 -351.743 604.925 -375.294C500.658 -400.173 386.789 -384.088 289.565 -321.343C221.411 -277.357 170.722 -216.432 139.488 -147.63C83.9351 -25.3681 89.6988 121.757 167.722 243.039C289.675 432.6 541.967 487.231 731.205 365.079V365.095ZM242.05 -100.75C264.662 -150.525 301.329 -194.605 350.644 -226.428C420.977 -271.822 503.342 -283.478 578.776 -265.463C650.182 -248.429 715.399 -204.839 758.303 -138.14C846.542 -0.994812 807.065 181.813 670.158 270.18C533.25 358.547 350.723 319.022 262.499 181.892C206.046 94.1418 201.878 -12.3036 242.065 -100.75H242.05Z" fill="white"/>
</mask>
<g mask="url(#mask7_377_62523)">
<path d="M730.621 365.334L289.106 -320.915" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M654.698 403.752L365.281 -359.444" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M572.443 425.516L447.773 -381.271" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M487.488 429.675L532.997 -385.447" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M403.512 416.042L617.242 -371.781" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M324.21 385.231L696.781 -340.875" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M253.024 338.572L768.187 -294.074" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M193.082 278.106L828.319 -233.433" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M147.004 206.488L874.539 -161.579" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M116.796 126.836L904.826 -81.6896" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M103.784 42.6443L917.885 2.77075" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M108.537 -42.4324L913.117 88.1174" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M130.85 -124.663L890.741 170.585" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M169.726 -200.44L851.737 246.599" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
<path d="M223.495 -266.474L797.811 312.839" stroke="black" stroke-width="31.5" stroke-miterlimit="10"/>
</g>
<mask id="mask8_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="215" y="-274" width="591" height="592">
<path d="M696.97 250.648C823.124 147.429 841.852 -38.6683 738.801 -165.011C688.696 -226.442 619.01 -262.441 546.135 -271.33C469.155 -280.741 388.605 -259.91 323.799 -206.877C278.369 -169.708 246.881 -121.784 230.001 -69.7795C199.982 22.6367 216.058 127.943 281.985 208.782C385.036 335.124 570.832 353.867 696.97 250.664V250.648ZM307.534 -44.4571C319.757 -82.0847 342.543 -116.755 375.404 -143.643C422.287 -181.998 480.556 -197.071 536.25 -190.27C588.96 -183.833 639.381 -157.799 675.637 -113.354C750.186 -21.9502 736.637 112.696 645.381 187.366C554.126 262.036 419.697 248.481 345.148 157.062C297.444 98.572 285.806 22.3836 307.534 -44.4571Z" fill="white"/>
</mask>
<g mask="url(#mask8_377_62523)">
<path d="M697.018 251.422L323.026 -207.131" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M645.413 285.301L374.788 -241.105" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M587.918 307.698L432.457 -263.565" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M527.013 317.63L493.552 -273.529" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M465.396 314.657L555.357 -270.555" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M405.739 298.919L615.205 -254.771" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M350.644 271.098L670.473 -226.855" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M302.529 232.427L718.731 -188.056" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M263.494 184.566L757.892 -140.053" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M235.244 129.619L786.221 -84.9487" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M219.026 70.0063L802.501 -25.1303" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M215.537 8.30658L805.991 36.7448" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M224.917 -52.7773L796.58 98.0177" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M246.787 -110.571L774.646 155.985" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
<path d="M280.169 -162.528L741.17 208.117" stroke="black" stroke-width="23.625" stroke-miterlimit="10"/>
</g>
<mask id="mask9_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="296" y="-192" width="428" height="428">
<path d="M627.364 200.605C725.915 135.9 753.454 3.42007 688.838 -95.291C657.429 -143.294 610.009 -174.469 558.247 -186.379C503.578 -198.984 444.047 -190.095 393.405 -156.849C357.923 -133.551 331.631 -101.444 315.556 -65.3187C286.974 -1.10345 290.59 75.8757 331.931 139.047C396.532 237.758 528.797 265.326 627.348 200.621L627.364 200.605ZM394.432 -30.0319C404.001 -51.5424 419.65 -70.633 440.762 -84.5041C470.891 -104.291 506.326 -109.573 538.855 -102.076C569.663 -94.9905 597.882 -76.4219 616.578 -47.8572C655.029 10.9013 638.638 89.7468 579.991 128.26C521.343 166.773 442.61 150.372 404.159 91.6132C379.556 54.0173 377.409 8.1967 394.416 -30.0161L394.432 -30.0319Z" fill="white"/>
</mask>
<g mask="url(#mask9_377_62523)">
<path d="M627.332 201.173L392.868 -157.088" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M587.65 221.639L432.677 -177.618" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M544.587 233.391L475.881 -189.417" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M500.026 235.922L520.57 -191.947" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M455.906 229.121L564.831 -185.13" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M414.17 213.288L606.693 -169.235" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M376.635 189.089L644.355 -144.972" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M344.927 157.614L676.142 -113.386" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M320.467 120.224L700.697 -75.8856" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M304.297 78.5633L716.914 -34.098" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M297.112 34.4352L724.115 10.1725" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M299.26 -10.2313L721.952 54.9645" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M310.629 -53.4581L710.55 98.3333" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M330.715 -93.3792L690.401 138.381" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
<path d="M358.665 -128.254L662.372 173.352" stroke="black" stroke-width="14.625" stroke-miterlimit="10"/>
</g>
<mask id="mask10_377_62523" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="383" y="-106" width="255" height="256">
<path d="M580.007 128.243C638.671 89.7301 655.046 10.8846 616.595 -47.8739C597.898 -76.4386 569.68 -94.9914 538.872 -102.093C506.327 -109.59 470.908 -104.307 440.763 -84.5209C419.635 -70.6498 404.002 -51.5434 394.432 -30.0487C377.425 8.16414 379.573 53.9847 404.175 91.5806C442.626 150.323 521.344 166.741 579.991 128.228L580.007 128.243Z" fill="white"/>
</mask>
<g mask="url(#mask10_377_62523)">
<path d="M543.672 144.899L476.735 -101.08" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M517.444 149.185L503.027 -105.366" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M490.915 147.904L529.65 -104.085" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M465.223 141.119L555.421 -97.2835" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M441.505 129.146L579.218 -85.2635" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M420.787 112.491L599.999 -68.5608" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M403.97 91.8818L616.848 -47.889" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M391.811 68.2204L629.054 -24.1641" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M384.831 42.5507L636.065 1.58582" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M383.316 15.9944L637.566 28.2364" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M387.358 -10.3091L633.507 54.6179" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M396.785 -35.1877L624.064 79.5772" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M411.155 -57.569L609.647 102.02" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M429.852 -76.4698L590.888 120.984" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
<path d="M452.069 -91.0521L568.607 135.615" stroke="black" stroke-width="6.75" stroke-miterlimit="10"/>
</g>
</g>
</g>
<rect width="1024" height="46" fill="url(#paint10_linear_377_62523)"/>
</g>
<defs>
<linearGradient id="paint0_linear_377_62523" x1="968.504" y1="-207.566" x2="53.5376" y2="254.269" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint1_linear_377_62523" x1="747.306" y1="355.507" x2="274.235" y2="-308.599" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint2_linear_377_62523" x1="728.105" y1="222.999" x2="292.957" y2="-175.793" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint3_linear_377_62523" x1="649.172" y1="186.19" x2="371.728" y2="-139.278" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint4_linear_377_62523" x1="540.804" y1="-100.412" x2="480.167" y2="146.055" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint5_linear_377_62523" x1="967.919" y1="-208.898" x2="52.9673" y2="252.93" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint6_linear_377_62523" x1="819.279" y1="-243.761" x2="201.578" y2="287.997" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint7_linear_377_62523" x1="655.587" y1="-234.869" x2="365.703" y2="279.6" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint8_linear_377_62523" x1="560.956" y1="-186.299" x2="458.721" y2="229.25" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint9_linear_377_62523" x1="540.221" y1="-101.743" x2="479.584" y2="144.724" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint10_linear_377_62523" x1="0" y1="23" x2="1024" y2="23" gradientUnits="userSpaceOnUse">
<stop stop-color="#111112" stop-opacity="0"/>
<stop offset="0.5" stop-color="#111112" stop-opacity="0.8"/>
<stop offset="1" stop-color="#111112" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_377_62523">
<rect width="1024" height="46" fill="white"/>
</clipPath>
<clipPath id="clip1_377_62523">
<rect width="1026" height="1028.25" fill="white" transform="translate(-2 -491.34)"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 31 KiB

306
static/img/backgrounds/bg-apex-banner-sm.svg
View File

@@ -1,306 +0,0 @@
<svg width="375" height="46" viewBox="0 0 375 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_377_62301)">
<rect width="375" height="46" fill="#111112"/>
<g clip-path="url(#clip1_377_62301)">
<path d="M18.5112 108.023C-11.5042 48.5627 -7.09442 -19.2893 24.2845 -72.7572C41.9352 -102.85 68.1385 -128.387 101.548 -145.311C149.209 -169.447 202.271 -171.359 248.962 -154.906C293.164 -139.342 331.663 -107.32 354.477 -62.1334C401.389 30.7905 364.208 144.212 271.429 191.2C178.661 238.188 65.4172 200.952 18.5112 108.023Z" fill="url(#paint0_linear_377_62301)"/>
<path d="M99.767 -99.2062C142.861 -129.904 196.631 -134.489 242.318 -116.136C268.029 -105.814 291.186 -88.2162 308.436 -63.9232C333.038 -29.2678 340.842 12.2803 333.479 50.9923C326.516 87.6411 305.958 121.756 273.21 145.084C205.862 193.06 112.433 177.258 64.5411 109.801C16.6487 42.3444 32.4136 -51.2303 99.767 -99.2062Z" fill="url(#paint1_linear_377_62301)"/>
<path d="M106.666 -50.4515C132.562 -78.7081 169.952 -90.0875 205.073 -83.9968C224.836 -80.5737 243.891 -71.612 259.766 -57.0187C282.412 -36.1953 294.203 -7.95023 294.824 20.5796C295.415 47.5867 285.998 74.8554 266.323 96.3297C225.851 140.487 157.309 143.422 113.217 102.891C69.1307 62.3602 66.1947 -6.2997 106.666 -50.4573V-50.4515Z" fill="url(#paint2_linear_377_62301)"/>
<path d="M135.614 -36.9336C156.74 -54.9441 184.632 -59.7911 209.344 -52.2882C223.252 -48.0688 236.15 -39.9266 246.27 -28.0184C260.706 -11.0307 266.671 10.3275 264.588 30.8952C262.615 50.3645 253.424 69.1364 237.375 82.8173C204.36 110.964 154.814 106.971 126.719 73.9021C98.6181 40.8333 102.604 -8.78732 135.619 -36.9336H135.614Z" fill="url(#paint3_linear_377_62301)"/>
<path d="M175.383 68.2296C159.403 64.295 147.398 52.5379 142.431 38.026C139.635 29.8605 139.066 20.8174 141.277 11.8151C144.427 -1.03469 152.614 -11.3215 163.221 -17.447C173.259 -23.2529 185.461 -25.3336 197.6 -22.3463C222.573 -16.2033 237.839 9.0603 231.706 34.0682C225.573 59.0819 200.356 74.3784 175.383 68.2296Z" fill="url(#paint4_linear_377_62301)"/>
<mask id="mask0_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-2" y="-166" width="377" height="378">
<path d="M271.423 191.195C364.202 144.207 401.383 30.7853 354.472 -62.1385C331.663 -107.325 293.164 -139.342 248.962 -154.905C202.271 -171.353 149.209 -169.446 101.543 -145.31C68.1328 -128.392 41.9295 -102.85 24.2789 -72.7566C-7.10009 -19.2886 -11.5157 48.5634 18.4998 108.017C65.4115 200.941 178.65 238.177 271.417 191.195H271.423ZM57.4101 -53.2117C71.4575 -77.1561 92.3111 -97.4797 118.903 -110.945C156.827 -130.153 199.051 -131.676 236.203 -118.582C271.376 -106.197 302.013 -80.7187 320.168 -44.7614C357.5 29.1871 327.909 119.443 254.086 156.836C180.263 194.229 90.1468 164.595 52.8147 90.6462C28.9265 43.3329 32.4427 -10.6582 57.4101 -53.2117Z" fill="white"/>
</mask>
<g mask="url(#mask0_377_62301)">
<path d="M271.15 191.277L101.316 -145.136" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M234.439 205.265L138.15 -159.165" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M195.622 211.298L177.083 -165.215" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M156.404 209.119L216.423 -163.03" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M118.491 198.82L254.451 -152.697" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M83.5497 180.85L289.503 -134.675" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M53.0991 155.993L320.046 -109.742" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M28.4741 125.342L344.747 -78.9983" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M10.7479 90.2339L362.525 -43.7789" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M0.698349 52.196L372.61 -5.625" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M-1.23962 12.9026L374.548 33.79" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M5.02689 -25.937L368.264 72.7521" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M19.2134 -62.6267L354.031 109.552" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M40.7111 -95.556L332.469 142.586" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M68.5739 -123.289L304.525 170.401" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
</g>
<mask id="mask1_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="36" y="-128" width="301" height="301">
<path d="M267.628 149.054C337.169 104.164 357.216 11.3159 312.404 -58.3319C290.617 -92.1969 257.497 -114.345 221.227 -122.999C182.914 -132.141 141.073 -126.23 105.349 -103.175C80.3057 -87.0128 61.6803 -64.626 50.2033 -39.345C29.7907 5.57973 31.9086 59.6405 60.5779 104.205C105.389 173.859 198.093 193.932 267.628 149.048V149.054ZM87.8894 -22.119C96.1983 -40.4085 109.671 -56.6058 127.792 -68.2991C153.635 -84.9787 183.9 -89.262 211.618 -82.6424C237.856 -76.3832 261.82 -60.366 277.585 -35.8579C310.008 14.5356 295.502 81.7077 245.196 114.178C194.89 146.648 127.821 132.124 95.4034 81.7367C74.6601 49.4932 73.1283 10.3802 87.8952 -22.119H87.8894Z" fill="white"/>
</mask>
<g mask="url(#mask1_377_62301)">
<path d="M267.413 149.141L105.18 -103.013" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M239.516 163.258L133.171 -117.17" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M209.291 171.255L163.482 -125.196" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M178.075 172.783L194.797 -126.73" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M147.218 167.779L225.753 -121.703" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M118.079 156.458L254.979 -110.347" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M91.9219 139.313L281.217 -93.1503" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M69.8964 117.095L303.312 -70.868" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M52.9652 90.7796L320.296 -44.4711" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M41.8653 61.5119L331.424 -15.11" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M37.0842 30.57L336.223 15.9244" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M38.8307 -0.685425L334.471 47.2788" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M47.0294 -30.9007L326.249 77.587" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M61.3146 -58.7448L311.917 105.518" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M81.0715 -83.0089L292.102 129.852" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
</g>
<mask id="mask2_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="78" y="-86" width="217" height="218">
<path d="M255.049 107C301.403 69.0723 308.285 0.691437 270.419 -45.7327C252.008 -68.3055 226.403 -81.533 199.625 -84.7992C171.339 -88.2572 141.741 -80.6031 117.928 -61.1164C101.235 -47.4588 89.6651 -29.8492 83.4625 -10.7402C72.4322 23.2177 78.339 61.9123 102.564 91.616C140.43 138.04 208.7 144.927 255.049 107.006V107ZM111.952 -1.42983C116.443 -15.256 124.816 -27.9953 136.89 -37.8752C154.117 -51.9687 175.528 -57.5073 195.993 -55.0082C215.361 -52.6429 233.888 -43.0767 247.21 -26.7458C274.603 6.84026 269.624 56.3156 236.092 83.7528C202.561 111.19 153.166 106.209 125.773 72.6175C108.244 51.1257 103.968 23.1306 111.952 -1.42983Z" fill="white"/>
</mask>
<g mask="url(#mask2_377_62301)">
<path d="M255.066 107.29L117.644 -61.2034" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M236.104 119.739L136.664 -73.6927" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M214.978 127.968L157.854 -81.9457" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M192.598 131.618L180.303 -85.6011" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M169.957 130.526L203.013 -84.5084" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M148.036 124.743L225.004 -78.7085" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M127.792 114.52L245.312 -68.4565" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M110.112 100.305L263.044 -54.1945" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M95.7689 82.7185L277.434 -36.5558" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M85.3886 62.534L287.843 -16.308" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M79.4296 40.624L293.825 5.66644" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M78.1473 17.9523L295.108 28.4076" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M81.594 -4.48669L291.65 50.9224" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M89.6302 -25.7228L283.59 72.2165" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M101.896 -44.8201L271.289 91.3779" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
</g>
<mask id="mask3_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="108" y="-56" width="157" height="158">
<path d="M229.472 88.6172C265.684 64.8414 275.803 16.1623 252.06 -20.1087C240.519 -37.7474 223.095 -49.2023 204.075 -53.5785C183.987 -58.2105 162.113 -54.9443 143.505 -42.728C130.467 -34.1673 120.806 -22.3695 114.899 -9.09549C104.397 14.5002 105.726 42.7859 120.916 65.9979C144.654 102.269 193.254 112.399 229.466 88.623L229.472 88.6172ZM143.882 3.87049C147.398 -4.03347 153.148 -11.0482 160.906 -16.1451C171.977 -23.4156 184.997 -25.3567 196.95 -22.602C208.27 -19.9983 218.639 -13.1753 225.509 -2.67935C239.638 18.9112 233.615 47.8828 212.065 62.0343C190.515 76.1859 161.585 70.1591 147.456 48.5686C138.416 34.7541 137.627 17.9174 143.876 3.87629L143.882 3.87049Z" fill="white"/>
</mask>
<g mask="url(#mask3_377_62301)">
<path d="M229.46 88.8265L143.307 -42.8151" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M214.879 96.3468L157.935 -50.3589" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M199.056 100.665L173.804 -54.6945" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M182.682 101.595L190.231 -55.6242" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M166.47 99.0958L206.495 -53.1193" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M151.135 93.2723L221.877 -47.2787" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M137.343 84.3863L235.715 -38.3633" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M125.691 72.8209L247.395 -26.7632" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M116.704 59.0821L256.418 -12.9777" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M110.762 43.7681L262.377 2.37695" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M108.122 27.5534L265.023 18.644" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M108.911 11.1467L264.228 35.1027" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M113.089 -4.74243L260.038 51.0386" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M120.469 -19.4113L252.635 65.7539" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M130.74 -32.2203L242.336 78.6037" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
</g>
<mask id="mask4_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="139" y="-24" width="95" height="94">
<path d="M212.071 62.0288C233.626 47.8773 239.643 18.9058 225.515 -2.68482C218.645 -13.1808 208.276 -19.998 196.956 -22.6075C184.997 -25.3622 171.983 -23.4211 160.906 -16.1506C153.142 -11.0537 147.398 -4.03315 143.882 3.865C137.633 17.9062 138.422 34.7428 147.462 48.5573C161.591 70.142 190.515 76.1746 212.065 62.023L212.071 62.0288Z" fill="white"/>
</mask>
<g mask="url(#mask4_377_62301)">
<path d="M198.72 68.1488L174.124 -22.2353" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M189.082 69.7181L183.785 -23.8101" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M179.334 69.2473L193.567 -23.3394" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M169.894 66.7601L203.037 -20.8401" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M161.179 62.3607L211.781 -16.429" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M153.566 56.2408L219.417 -10.2861" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M147.387 48.668L225.608 -2.69031" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M142.919 39.9737L230.093 6.02731" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M140.354 30.5414L232.669 15.489" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M139.797 20.7777L233.221 25.2818" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M141.283 11.1183L231.729 34.9754" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M144.747 1.9707L228.26 44.1465" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M150.027 -6.24719L222.962 52.3932" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M156.897 -13.1923L216.069 59.3556" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M165.061 -18.5504L207.882 64.7318" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
</g>
<mask id="mask5_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="-167" width="274" height="214">
<path d="M273.129 -144.712C267.21 -140.609 261.472 -136.192 255.867 -131.606C238.854 -117.693 222.55 -101.606 213.121 -80.777C202.66 -57.6637 201.609 -30.9413 194.948 -6.20078C188.293 18.5398 172.493 43.8906 149.046 46.6512C123.707 49.6326 103.422 25.8916 81.9597 10.8567C58.1121 -5.85207 29.205 -12.5646 0.820007 -10.949C9.19856 -57.7857 35.1872 -101.496 76.9581 -131.246C136.571 -173.707 212.436 -176.427 273.129 -144.712Z" fill="white"/>
</mask>
<g mask="url(#mask5_377_62301)">
<path d="M18.297 107.529C-11.7184 48.0696 -7.30867 -19.7825 24.0703 -73.2504C41.721 -103.344 67.9242 -128.88 101.334 -145.804C148.994 -169.94 202.056 -171.847 248.748 -155.399C292.95 -139.835 331.448 -107.813 354.263 -62.6266C401.175 30.2973 363.993 143.719 271.214 190.707C178.447 237.695 65.2029 200.459 18.297 107.529Z" fill="url(#paint5_linear_377_62301)"/>
<path d="M72.9548 120.333C38.4193 80.22 28.8455 27.0252 42.8233 -20.2475C50.6855 -46.8536 66.0152 -71.5826 88.5514 -91.0519C120.702 -118.82 161.278 -130.484 200.443 -126.753C237.526 -123.231 273.355 -105.918 299.599 -75.4357C353.572 -12.7503 346.586 81.8938 284.003 135.955C221.419 190.01 126.934 183.024 72.9606 120.333H72.9548Z" fill="url(#paint6_linear_377_62301)"/>
<path d="M133.16 117.049C99.7847 98.248 80.1903 64.383 78.0956 28.7396C76.912 8.68331 81.2753 -11.9367 91.8355 -30.7551C106.904 -57.5937 131.674 -75.5345 159.264 -82.6539C185.381 -89.3955 214.038 -86.4374 239.4 -72.1521C291.563 -42.768 310.061 23.4103 280.724 75.6519C251.388 127.894 185.323 146.427 133.16 117.043V117.049Z" fill="url(#paint7_linear_377_62301)"/>
<path d="M167.55 98.806C140.61 92.1748 120.365 72.351 111.993 47.8894C107.275 34.1214 106.324 18.883 110.049 3.69112C115.364 -17.9692 129.168 -35.3114 147.044 -45.6505C163.964 -55.4375 184.539 -58.9478 205.01 -53.909C247.111 -43.5467 272.856 -0.964085 262.511 41.2059C252.165 83.3758 209.652 109.163 167.55 98.8002V98.806Z" fill="url(#paint8_linear_377_62301)"/>
<path d="M175.168 67.7421C159.189 63.8076 147.184 52.0505 142.217 37.5386C139.42 29.3731 138.852 20.33 141.062 11.3276C144.213 -1.52212 152.4 -11.8089 163.007 -17.9345C173.045 -23.7404 185.247 -25.821 197.385 -22.8337C222.359 -16.6907 237.625 8.57287 231.492 33.5808C225.358 58.5945 200.142 73.891 175.168 67.7421Z" fill="url(#paint9_linear_377_62301)"/>
<mask id="mask6_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-3" y="-167" width="378" height="379">
<path d="M271.208 190.702C363.988 143.714 401.169 30.2921 354.257 -62.6318C331.448 -107.818 292.95 -139.835 248.748 -155.399C202.056 -171.846 148.994 -169.94 101.328 -145.804C67.9183 -128.886 41.715 -103.343 24.0644 -73.2498C-7.31459 -19.7819 -11.7302 48.0701 18.2852 107.524C65.197 200.448 178.435 237.684 271.203 190.702H271.208ZM57.1956 -53.705C71.243 -77.6493 92.0966 -97.973 118.689 -111.439C156.613 -130.647 198.836 -132.169 235.988 -119.075C271.162 -106.691 301.798 -81.2119 319.954 -45.2547C357.286 28.6938 327.694 118.95 253.871 156.343C180.048 193.73 89.9323 164.101 52.6002 90.1529C28.712 42.8396 32.2282 -11.1514 57.1956 -53.705Z" fill="white"/>
</mask>
<g mask="url(#mask6_377_62301)">
<path d="M270.936 190.789L101.102 -145.629" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M234.224 204.772L137.935 -159.653" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M195.407 210.804L176.869 -165.709" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M156.189 208.625L216.208 -163.524" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M118.277 198.327L254.237 -153.19" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M83.3351 180.357L289.288 -135.168" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M52.8844 155.506L319.832 -110.236" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M28.2594 124.849L344.532 -79.4858" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M10.5333 89.7402L362.311 -44.2668" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M0.483658 51.7081L372.395 -6.11865" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M-1.45432 12.409L374.333 33.2964" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M4.81219 -26.4307L368.049 72.2584" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M18.9989 -63.1143L353.816 109.058" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M40.4964 -96.0496L332.255 142.092" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M68.3593 -123.783L304.311 169.913" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
</g>
<mask id="mask7_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="36" y="-128" width="301" height="301">
<path d="M267.414 148.566C336.955 103.676 357.002 10.8274 312.19 -58.8204C290.403 -92.6854 257.283 -114.834 221.013 -123.488C182.7 -132.629 140.859 -126.719 105.134 -103.664C80.0916 -87.5013 61.4662 -65.1145 49.9892 -39.8335C29.5766 5.09126 31.6944 59.152 60.3637 103.716C105.175 173.37 197.879 193.444 267.414 148.56V148.566ZM87.6752 -22.6075C95.9842 -40.897 109.457 -57.0943 127.578 -68.7875C153.421 -85.4672 183.686 -89.7505 211.404 -83.1309C237.642 -76.8717 261.606 -60.8545 277.371 -36.3464C309.794 14.0471 295.288 81.2192 244.982 113.689C194.676 146.16 127.607 131.636 95.1892 81.2482C74.4459 49.0047 72.9141 9.89175 87.681 -22.6075H87.6752Z" fill="white"/>
</mask>
<g mask="url(#mask7_377_62301)">
<path d="M267.199 148.653L104.966 -103.506" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M239.301 162.77L132.956 -117.664" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M209.077 170.767L163.268 -125.684" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M177.861 172.295L194.583 -127.218" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M147.004 167.286L225.538 -122.197" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M117.865 155.965L254.765 -110.841" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M91.7076 138.82L281.003 -93.6439" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M69.6821 116.602L303.098 -71.3615" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M52.751 90.2859L320.081 -44.959" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M41.6511 61.018L331.21 -15.6039" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M36.87 30.0822L336.009 15.4308" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M38.6165 -1.17896L334.256 46.7911" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M46.8152 -31.3942L326.034 77.0934" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M61.1003 -59.2383L311.703 105.025" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
<path d="M80.8573 -83.5024L291.888 129.364" stroke="black" stroke-width="11.5746" stroke-miterlimit="10"/>
</g>
<mask id="mask8_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="77" y="-87" width="218" height="219">
<path d="M254.834 106.512C301.189 68.585 308.07 0.204132 270.205 -46.22C251.794 -68.7928 226.188 -82.0203 199.41 -85.2865C171.124 -88.7445 141.526 -81.0904 117.714 -61.6037C101.02 -47.9461 89.4507 -30.3365 83.248 -11.2276C72.2178 22.7304 78.1245 61.425 102.349 91.1287C140.215 137.553 208.485 144.44 254.834 106.518V106.512ZM111.737 -1.92296C116.228 -15.7491 124.601 -28.4884 136.676 -38.3684C153.903 -52.4618 175.313 -58.0004 195.778 -55.5014C215.146 -53.136 233.673 -43.5699 246.995 -27.2389C274.388 6.34714 269.41 55.8224 235.878 83.2596C202.346 110.697 152.951 105.716 125.559 72.1244C108.03 50.6326 103.753 22.6374 111.737 -1.92296Z" fill="white"/>
</mask>
<g mask="url(#mask8_377_62301)">
<path d="M254.852 106.797L117.43 -61.6969" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M235.89 119.246L136.45 -74.1805" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M214.764 127.475L157.64 -82.4332" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M192.384 131.125L180.089 -86.0946" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M169.743 130.032L202.799 -85.0018" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M147.822 124.25L224.79 -79.202" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M127.578 114.027L245.098 -68.9443" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M109.898 99.817L262.83 -54.688" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M95.5547 82.2309L277.22 -37.0492" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M85.1745 62.0406L287.629 -16.8015" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M79.2155 40.1362L293.611 5.17865" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M77.9331 17.4649L294.893 27.9144" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M81.3798 -4.98016L291.435 50.4289" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M89.416 -26.2162L283.376 71.7289" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
<path d="M101.682 -45.3078L271.075 90.8844" stroke="black" stroke-width="8.68092" stroke-miterlimit="10"/>
</g>
<mask id="mask9_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="107" y="-57" width="158" height="158">
<path d="M229.257 88.1243C265.47 64.3485 275.589 15.6694 251.846 -20.6017C240.305 -38.2403 222.881 -49.6952 203.861 -54.0714C183.773 -58.7034 161.898 -55.4372 143.29 -43.2209C130.252 -34.6602 120.592 -22.8624 114.685 -9.58841C104.183 14.0072 105.511 42.293 120.702 65.505C144.439 101.776 193.039 111.906 229.252 88.1301L229.257 88.1243ZM143.667 3.37757C147.184 -4.52639 152.934 -11.5412 160.691 -16.6381C171.762 -23.9085 184.783 -25.8496 196.735 -23.0949C208.056 -20.4912 218.424 -13.6682 225.294 -3.17225C239.423 18.4184 233.4 47.3898 211.85 61.5414C190.301 75.693 161.37 69.6662 147.242 48.0756C138.202 34.2611 137.412 17.4245 143.662 3.38339L143.667 3.37757Z" fill="white"/>
</mask>
<g mask="url(#mask9_377_62301)">
<path d="M229.246 88.333L143.093 -43.3087" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M214.665 95.8532L157.721 -50.8524" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M198.842 100.171L173.596 -55.188" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M182.468 101.101L190.016 -56.1177" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M166.256 98.6024L206.28 -53.6128" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M150.92 92.7846L221.662 -47.7723" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M137.128 83.8929L235.501 -38.8568" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M125.477 72.3275L247.181 -27.2507" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M116.489 58.5885L256.203 -13.4712" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M110.548 43.2805L262.163 1.88348" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M107.908 27.0658L264.808 18.1505" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M108.697 10.6532L264.013 34.6092" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M112.875 -5.23035L259.824 50.5449" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M120.255 -19.8992L252.42 65.2602" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
<path d="M130.525 -32.7138L242.121 78.1102" stroke="black" stroke-width="5.3739" stroke-miterlimit="10"/>
</g>
<mask id="mask10_377_62301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="139" y="-25" width="94" height="95">
<path d="M211.857 61.5353C233.412 47.3837 239.429 18.4122 225.3 -3.17842C218.431 -13.6744 208.062 -20.4916 196.741 -23.101C184.783 -25.8558 171.768 -23.9147 160.692 -16.6442C152.928 -11.5473 147.184 -4.52674 143.668 3.3714C137.419 17.4126 138.208 34.2492 147.248 48.0636C161.376 69.6484 190.301 75.681 211.851 61.5294L211.857 61.5353Z" fill="white"/>
</mask>
<g mask="url(#mask10_377_62301)">
<path d="M198.505 67.6552L173.909 -22.7289" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M188.868 69.2303L183.57 -24.3038" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M179.12 68.7595L193.353 -23.8331" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M169.68 66.2665L202.822 -21.3338" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M160.964 61.8668L211.566 -16.9171" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M153.352 55.7472L219.202 -10.7797" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M147.172 48.1743L225.393 -3.18396" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M142.704 39.48L229.879 5.53366" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M140.14 30.0478L232.455 14.9954" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M139.583 20.2897L233.006 24.788" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M141.068 10.6246L231.515 34.4818" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M144.532 1.48309L228.045 43.653" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M149.812 -6.74084L222.748 51.8996" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M156.682 -13.6859L215.854 58.8678" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
<path d="M164.846 -19.0441L207.667 64.2439" stroke="black" stroke-width="2.48026" stroke-miterlimit="10"/>
</g>
</g>
</g>
<rect x="-42" width="458" height="46" fill="url(#paint10_linear_377_62301)"/>
</g>
<defs>
<linearGradient id="paint0_linear_377_62301" x1="354.608" y1="-61.8566" x2="18.4071" y2="107.843" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint1_linear_377_62301" x1="273.33" y1="145.042" x2="99.5016" y2="-98.981" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint2_linear_377_62301" x1="266.274" y1="96.3527" x2="106.381" y2="-50.1817" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint3_linear_377_62301" x1="237.271" y1="82.8274" x2="135.325" y2="-36.7643" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint4_linear_377_62301" x1="197.451" y1="-22.4835" x2="175.171" y2="68.0799" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint5_linear_377_62301" x1="354.394" y1="-62.346" x2="18.1978" y2="107.351" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint6_linear_377_62301" x1="299.776" y1="-75.1565" x2="72.8042" y2="120.236" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint7_linear_377_62301" x1="239.628" y1="-71.8889" x2="133.111" y2="117.151" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint8_linear_377_62301" x1="204.856" y1="-54.0424" x2="167.29" y2="98.6498" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint9_linear_377_62301" x1="197.237" y1="-22.9724" x2="174.956" y2="67.5911" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint10_linear_377_62301" x1="-42" y1="23" x2="416" y2="23" gradientUnits="userSpaceOnUse">
<stop stop-color="#111112" stop-opacity="0"/>
<stop offset="0.5" stop-color="#111112" stop-opacity="0.8"/>
<stop offset="1" stop-color="#111112" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_377_62301">
<rect width="375" height="46" fill="white"/>
</clipPath>
<clipPath id="clip1_377_62301">
<rect width="377" height="377.827" fill="white" transform="translate(-2 -166.128)"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 31 KiB

306
static/img/backgrounds/bg-apex-banner.svg
View File

@@ -1,306 +0,0 @@
<svg width="1440" height="46" viewBox="0 0 1440 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_377_62970)">
<rect width="1440" height="46" fill="#111112"/>
<g clip-path="url(#clip1_377_62970)">
<path d="M76.7909 350.213C-38.509 121.807 -21.5695 -138.837 98.9682 -344.227C166.771 -459.825 267.427 -557.921 395.766 -622.931C578.846 -715.647 782.677 -722.992 962.035 -659.79C1131.83 -600.004 1279.72 -476.993 1367.36 -303.417C1547.56 53.537 1404.73 489.231 1048.34 669.728C691.984 850.225 256.973 707.189 76.7909 350.213Z" fill="url(#paint0_linear_377_62970)"/>
<path d="M388.923 -445.826C554.462 -563.747 761.012 -581.361 936.514 -510.859C1035.28 -471.21 1124.23 -403.61 1190.49 -310.292C1285 -177.168 1314.98 -17.567 1286.69 131.14C1259.95 271.921 1180.98 402.968 1055.18 492.58C796.474 676.873 437.58 616.171 253.608 357.046C69.6365 97.92 130.195 -261.534 388.923 -445.826Z" fill="url(#paint1_linear_377_62970)"/>
<path d="M415.424 -258.542C514.899 -367.086 658.528 -410.798 793.442 -387.402C869.358 -374.252 942.554 -339.827 1003.54 -283.769C1090.53 -203.779 1135.82 -95.2798 1138.21 14.3134C1140.48 118.057 1104.3 222.806 1028.72 305.297C873.258 474.922 609.961 486.196 440.588 330.502C271.238 174.807 259.96 -88.9396 415.424 -258.565V-258.542Z" fill="url(#paint2_linear_377_62970)"/>
<path d="M526.623 -206.615C607.777 -275.8 714.919 -294.419 809.847 -265.598C863.273 -249.39 912.821 -218.112 951.693 -172.369C1007.15 -107.113 1030.06 -25.0685 1022.06 53.9395C1014.48 128.728 979.175 200.838 917.524 253.391C790.701 361.51 600.377 346.173 492.454 219.144C384.51 92.1151 399.822 -98.4953 526.645 -206.615H526.623Z" fill="url(#paint3_linear_377_62970)"/>
<path d="M679.39 197.354C618.007 182.24 571.892 137.077 552.812 81.3314C542.069 49.9649 539.885 15.2272 548.377 -19.3541C560.48 -68.7146 591.929 -108.23 632.673 -131.76C671.233 -154.063 718.106 -162.055 764.734 -150.58C860.665 -126.983 919.307 -29.9361 895.748 66.1281C872.188 162.215 775.321 220.974 679.39 197.354Z" fill="url(#paint4_linear_377_62970)"/>
<mask id="mask0_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-2" y="-701" width="1448" height="1449">
<path d="M1048.32 669.708C1404.71 489.211 1547.54 53.5171 1367.33 -303.436C1279.72 -477.013 1131.83 -600.001 962.035 -659.787C782.677 -722.967 578.846 -715.644 395.744 -622.929C267.405 -557.941 166.749 -459.823 98.9466 -344.224C-21.5911 -138.835 -38.5529 121.809 76.747 350.193C256.952 707.147 691.94 850.183 1048.29 669.708H1048.32ZM226.216 -269.145C280.177 -361.124 360.283 -439.194 462.432 -490.921C608.112 -564.705 770.307 -570.555 913.022 -520.256C1048.14 -472.682 1165.82 -374.809 1235.56 -236.685C1378.97 47.3777 1265.3 394.084 981.716 537.723C698.136 681.362 351.969 567.527 208.563 283.464C116.8 101.717 130.307 -105.682 226.216 -269.145Z" fill="white"/>
</mask>
<g mask="url(#mask0_377_62970)">
<path d="M1047.27 670.021L394.875 -622.258" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M906.247 723.758L536.365 -676.15" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M757.135 746.931L685.922 -699.391" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M606.485 738.559L837.04 -690.997" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M460.85 698.999L983.121 -651.303" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M326.627 629.97L1117.77 -582.073" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M209.655 534.486L1235.1 -486.3" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M115.062 416.745L1329.98 -368.201" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M46.9693 281.881L1398.27 -232.91" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M8.3653 135.763L1437.01 -86.3478" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M0.920837 -15.1764L1444.45 65.0595" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M24.9928 -164.374L1420.32 214.726" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M79.4884 -305.312L1365.64 356.087" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M162.068 -431.805L1282.82 482.983" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M269.099 -538.339L1175.47 589.83" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
</g>
<mask id="mask1_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="146" y="-554" width="1152" height="1154">
<path d="M1033.74 507.83C1300.87 335.392 1377.88 -21.2716 1205.74 -288.814C1122.05 -418.901 994.821 -503.982 855.493 -537.224C708.321 -572.341 547.596 -549.636 410.364 -461.073C314.166 -398.987 242.619 -312.992 198.532 -215.878C120.12 -43.3063 128.255 164.36 238.384 335.548C410.52 603.113 766.628 680.223 1033.74 507.807V507.83ZM343.297 -149.707C375.215 -219.964 426.969 -282.183 496.577 -327.101C595.851 -391.174 712.11 -407.627 818.583 -382.199C919.373 -358.155 1011.43 -296.628 1071.98 -202.483C1196.53 -8.90356 1140.81 249.128 947.568 373.858C754.325 498.587 496.689 442.797 372.161 249.24C292.479 125.381 286.594 -24.8659 343.319 -149.707H343.297Z" fill="white"/>
</mask>
<g mask="url(#mask1_377_62970)">
<path d="M1032.91 508.163L409.718 -460.449" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M925.748 562.391L517.239 -514.833" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M809.645 593.111L633.676 -545.662" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M689.732 598.982L753.968 -551.557" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M571.2 579.76L872.879 -532.246" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M459.266 536.271L985.148 -488.623" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M358.788 470.412L1085.94 -422.564" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M274.18 385.064L1170.81 -336.969" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M209.141 283.977L1236.05 -235.569" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M166.503 171.549L1278.8 -122.783" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M148.137 52.69L1297.23 -3.56891" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M154.846 -67.3731L1290.5 116.875" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M186.34 -183.441L1258.92 233.299" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M241.214 -290.4L1203.87 340.593" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M317.108 -383.607L1127.75 434.067" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
</g>
<mask id="mask2_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="305" y="-394" width="834" height="835">
<path d="M985.416 346.284C1163.48 200.591 1189.92 -62.084 1044.46 -240.416C973.736 -327.126 875.376 -377.937 772.513 -390.484C663.855 -403.767 550.16 -374.365 458.687 -299.51C394.562 -247.046 350.119 -179.402 326.292 -105.997C283.921 24.4474 306.611 173.087 399.667 287.19C545.123 465.521 807.373 491.977 985.416 346.306V346.284ZM435.73 -70.2326C452.981 -123.344 485.144 -172.28 531.527 -210.232C597.702 -264.37 679.948 -285.646 758.56 -276.046C832.96 -266.96 904.129 -230.213 955.304 -167.48C1060.53 -38.4642 1041.41 151.588 912.598 256.984C783.791 362.38 594.047 343.248 488.822 214.21C421.487 131.652 405.06 24.1126 435.73 -70.2326Z" fill="white"/>
</mask>
<g mask="url(#mask2_377_62970)">
<path d="M985.482 347.401L457.595 -299.844" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M912.643 395.221L530.657 -347.82" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M831.489 426.832L612.056 -379.523" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M745.521 440.853L698.291 -393.565" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M658.55 436.656L785.529 -389.367" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M574.343 414.442L870.004 -367.088" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M496.577 375.173L948.014 -327.706" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M428.664 320.566L1016.13 -272.921" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M373.566 253.011L1071.41 -205.164" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M333.691 175.476L1111.39 -127.385" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M310.801 91.3112L1134.37 -42.9734" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M305.875 4.22107L1139.3 44.3837" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M319.115 -81.9752L1126.01 130.871" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M349.985 -163.551L1095.05 212.669" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M397.103 -236.91L1047.8 286.275" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
</g>
<mask id="mask3_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="420" y="-279" width="604" height="605">
<path d="M887.166 275.67C1026.27 184.339 1065.14 -2.65509 973.936 -141.985C929.604 -209.741 862.671 -253.744 789.608 -270.554C712.444 -288.347 628.415 -275.801 556.935 -228.874C506.852 -195.989 469.742 -150.669 447.052 -99.6793C406.709 -9.04001 411.813 99.6155 470.165 188.781C561.348 328.111 748.039 367.024 887.144 275.692L887.166 275.67ZM558.384 -49.8723C571.891 -80.2343 593.979 -107.18 623.779 -126.759C666.306 -154.688 716.322 -162.145 762.237 -151.562C805.723 -141.561 845.553 -115.351 871.943 -75.0326C926.216 7.9046 903.08 119.194 820.3 173.556C737.519 227.917 626.387 204.766 572.114 121.829C537.388 68.7625 534.357 4.08701 558.362 -49.8501L558.384 -49.8723Z" fill="white"/>
</mask>
<g mask="url(#mask3_377_62970)">
<path d="M887.121 276.474L556.177 -229.208" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M831.11 305.362L612.367 -258.187" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M770.328 321.949L673.327 -274.841" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M707.429 325.522L736.427 -278.412" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M645.154 315.922L798.902 -268.79" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M586.245 293.552L857.99 -246.355" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M533.264 259.418L911.148 -212.107" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M488.508 214.991L956.015 -167.547" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M453.983 162.215L990.675 -114.592" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M431.159 103.389L1013.57 -55.6094" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M421.018 41.1023L1023.73 6.87811" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M424.05 -21.9215L1020.68 70.1019" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M440.097 -82.9575L1004.58 131.317" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M468.449 -139.306L976.143 187.844" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M507.9 -188.51L936.58 237.205" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
</g>
<mask id="mask4_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="542" y="-157" width="360" height="360">
<path d="M820.323 173.535C903.125 119.174 926.239 7.88371 871.966 -75.0535C845.576 -115.372 805.746 -141.56 762.26 -151.583C716.323 -162.165 666.329 -154.709 623.78 -126.78C593.958 -107.201 571.892 -80.2329 558.385 -49.8933C534.38 4.04379 537.411 68.7191 572.137 121.786C626.41 204.7 737.52 227.874 820.3 173.513L820.323 173.535Z" fill="white"/>
</mask>
<g mask="url(#mask4_377_62970)">
<path d="M769.036 197.044L674.554 -150.154" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M732.014 203.072L711.665 -156.203" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M694.569 201.264L749.244 -154.395" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M658.306 191.709L785.619 -144.794" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M624.828 174.809L819.208 -127.85" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M595.585 151.301L848.54 -104.253" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M571.847 122.211L872.322 -75.0745" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M554.685 88.8129L889.551 -41.5871" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M544.833 52.5803L899.448 -5.24133" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M542.694 15.0746L901.566 32.3765" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M548.4 -22.0308L895.837 69.6131" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M561.706 -57.1699L882.509 104.842" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M581.989 -88.7378L862.159 136.521" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M608.379 -115.416L835.68 163.266" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M639.739 -135.999L804.23 183.918" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
</g>
<mask id="mask5_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="8" y="-703" width="1047" height="819">
<path d="M1054.87 -620.631C1032.13 -604.869 1010.09 -587.902 988.558 -570.288C923.208 -516.842 860.576 -455.046 824.357 -375.034C784.17 -286.247 780.136 -183.597 754.548 -88.56C728.983 6.47729 668.291 103.859 578.222 114.463C480.887 125.916 402.965 34.7184 320.519 -23.0363C228.912 -87.2205 117.869 -113.006 8.83249 -106.799C41.0175 -286.716 140.849 -454.622 301.306 -568.904C530.301 -732.01 821.727 -742.458 1054.87 -620.631Z" fill="white"/>
</mask>
<g mask="url(#mask5_377_62970)">
<path d="M75.9669 348.319C-39.3329 119.912 -22.3935 -140.732 98.1443 -346.121C165.947 -461.72 266.603 -559.815 394.942 -624.826C578.022 -717.541 781.853 -724.864 961.211 -661.684C1131.01 -601.898 1278.89 -478.887 1366.53 -305.311C1546.74 51.6426 1403.91 487.336 1047.51 667.833C691.16 848.331 256.149 705.295 75.9669 348.319Z" fill="url(#paint5_linear_377_62970)"/>
<path d="M285.928 397.5C153.265 243.414 116.488 39.0732 170.182 -142.518C200.383 -244.722 259.27 -339.714 345.84 -414.503C469.342 -521.171 625.208 -565.978 775.657 -551.645C918.105 -538.116 1055.74 -471.61 1156.55 -354.516C1363.88 -113.719 1337.04 249.843 1096.64 457.51C856.231 665.154 493.28 638.32 285.95 397.5H285.928Z" fill="url(#paint6_linear_377_62970)"/>
<path d="M517.196 384.887C388.991 312.665 313.722 182.578 305.676 45.6589C301.129 -31.3845 317.89 -110.593 358.456 -182.882C416.34 -285.978 511.49 -354.895 617.474 -382.243C717.795 -408.14 827.88 -396.777 925.304 -341.902C1125.68 -229.027 1196.74 25.187 1084.04 225.866C971.353 426.545 717.573 497.739 517.196 384.864V384.887Z" fill="url(#paint7_linear_377_62970)"/>
<path d="M649.301 314.809C545.815 289.336 468.049 213.186 435.886 119.22C417.766 66.3324 414.11 7.79639 428.42 -50.561C448.836 -133.766 501.861 -200.384 570.533 -240.1C635.527 -277.695 714.563 -291.179 793.198 -271.824C954.925 -232.018 1053.82 -68.4433 1014.08 93.5465C974.339 255.536 811.029 354.592 649.301 314.787V314.809Z" fill="url(#paint8_linear_377_62970)"/>
<path d="M678.567 195.482C617.183 180.368 571.068 135.204 551.989 79.4587C541.246 48.0922 539.061 13.3546 547.553 -21.2268C559.656 -70.5872 591.106 -110.102 631.85 -133.633C670.409 -155.935 717.282 -163.928 763.911 -152.453C859.841 -128.855 918.483 -31.8088 894.924 64.2555C871.365 160.342 774.498 219.101 678.567 195.482Z" fill="url(#paint9_linear_377_62970)"/>
<mask id="mask6_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-3" y="-703" width="1448" height="1449">
<path d="M1047.49 667.813C1403.89 487.316 1546.72 51.6218 1366.51 -305.332C1278.89 -478.908 1131.01 -601.896 961.211 -661.683C781.853 -724.862 578.022 -717.54 394.92 -624.824C266.581 -559.836 165.925 -461.718 98.1226 -346.12C-22.4151 -140.73 -39.3769 119.914 75.923 348.298C256.128 705.252 691.116 848.288 1047.47 667.813H1047.49ZM225.392 -271.041C279.353 -363.019 359.459 -441.09 461.608 -492.817C607.288 -566.601 769.483 -572.45 912.198 -522.152C1047.31 -474.577 1165 -376.705 1234.74 -238.58C1378.15 45.4824 1264.47 392.189 980.892 535.828C697.312 679.444 351.145 565.631 207.739 281.569C115.976 99.8214 129.483 -107.577 225.392 -271.041Z" fill="white"/>
</mask>
<g mask="url(#mask6_377_62970)">
<path d="M1046.44 668.148L394.051 -624.154" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M905.422 721.861L535.54 -678.025" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M756.311 745.035L685.098 -701.287" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M605.661 736.663L836.216 -692.893" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M460.026 697.103L982.296 -653.199" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M325.803 628.074L1116.94 -583.969" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M208.831 532.612L1234.27 -488.196" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M114.237 414.849L1329.15 -370.074" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M46.1451 279.984L1397.45 -234.785" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M7.54089 133.889L1436.18 -88.244" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M0.0964508 -17.0726L1443.63 63.1632" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M24.1684 -166.27L1419.49 212.83" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M78.6646 -307.185L1364.82 354.192" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M161.244 -433.701L1281.99 481.086" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M268.275 -540.235L1174.65 587.956" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
</g>
<mask id="mask7_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="145" y="-555" width="1152" height="1153">
<path d="M1032.91 505.953C1300.05 333.515 1377.05 -23.1481 1204.92 -290.69C1121.22 -420.778 993.998 -505.858 854.671 -539.1C707.498 -574.217 546.773 -551.513 409.541 -462.95C313.343 -400.864 241.796 -314.868 197.709 -217.755C119.297 -45.1828 127.432 162.484 237.561 333.672C409.697 601.236 765.805 678.347 1032.91 505.931V505.953ZM342.474 -151.583C374.392 -221.84 426.146 -284.06 495.754 -328.978C595.029 -393.05 711.287 -409.504 817.76 -384.076C918.55 -360.032 1010.6 -298.504 1071.16 -204.36C1195.71 -10.78 1139.99 247.252 946.746 371.981C753.502 496.711 495.866 440.921 371.338 247.363C291.656 123.505 285.772 -26.7424 342.497 -151.583H342.474Z" fill="white"/>
</mask>
<g mask="url(#mask7_377_62970)">
<path d="M1032.09 506.29L408.895 -462.345" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M924.924 560.517L516.415 -516.728" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M808.822 591.237L632.852 -547.536" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M688.909 597.108L753.145 -553.431" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M570.377 577.864L872.056 -534.141" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M458.443 534.375L984.324 -490.518" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M357.964 468.516L1085.11 -424.459" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M273.357 383.169L1169.99 -338.865" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M208.318 282.08L1235.23 -237.443" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M165.679 169.652L1277.98 -124.68" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M147.313 50.8162L1296.41 -5.46497" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M154.022 -69.2689L1289.68 115.001" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M185.517 -185.337L1258.1 231.403" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M240.391 -292.295L1203.04 338.697" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
<path d="M316.284 -385.503L1126.93 432.193" stroke="black" stroke-width="44.462" stroke-miterlimit="10"/>
</g>
<mask id="mask8_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="304" y="-396" width="834" height="835">
<path d="M984.591 344.412C1162.66 198.719 1189.09 -63.9559 1043.63 -242.288C972.912 -328.998 874.552 -379.809 771.689 -392.356C663.031 -405.639 549.336 -376.237 457.863 -301.382C393.738 -248.918 349.294 -181.273 325.468 -107.869C283.097 22.5756 305.787 171.215 398.842 285.318C544.299 463.65 806.549 490.105 984.591 344.434V344.412ZM434.906 -72.1268C452.157 -125.238 484.32 -174.174 530.703 -212.127C596.878 -266.265 679.124 -287.54 757.736 -277.941C832.136 -268.854 903.304 -232.107 954.479 -169.374C1059.7 -40.3584 1040.58 149.694 911.774 255.09C782.967 360.486 593.223 341.354 487.997 212.315C420.663 129.758 404.236 22.2184 434.906 -72.1268Z" fill="white"/>
</mask>
<g mask="url(#mask8_377_62970)">
<path d="M984.659 345.505L456.771 -301.74" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M911.819 393.325L529.834 -349.694" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M830.666 424.937L611.233 -381.396" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M744.698 438.957L697.468 -395.46" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M657.727 434.761L784.706 -391.262" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M573.52 412.546L869.181 -368.983" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M495.754 373.277L947.191 -329.58" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M427.841 318.693L1015.31 -274.816" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M372.742 251.138L1070.58 -207.059" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M332.868 173.58L1110.57 -129.28" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M309.977 89.4374L1133.55 -44.8472" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M305.051 2.34875L1138.47 42.489" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M318.291 -83.8708L1125.19 128.975" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M349.161 -165.446L1094.23 210.796" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
<path d="M396.28 -238.784L1046.98 284.379" stroke="black" stroke-width="33.3465" stroke-miterlimit="10"/>
</g>
<mask id="mask9_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="420" y="-281" width="603" height="605">
<path d="M886.342 273.777C1025.45 182.445 1064.32 -4.5484 973.112 -143.878C928.78 -211.635 861.847 -255.637 788.784 -272.448C711.62 -290.241 627.591 -277.694 556.111 -230.767C506.028 -197.882 468.918 -152.563 446.228 -101.573C405.885 -10.9333 410.989 97.7222 469.341 186.888C560.525 326.218 747.215 365.13 886.32 273.799L886.342 273.777ZM557.56 -51.7656C571.067 -82.1276 593.155 -109.074 622.955 -128.653C665.482 -156.581 715.498 -164.038 761.413 -153.456C804.899 -143.454 844.729 -117.245 871.119 -76.9258C925.392 6.01135 902.256 117.301 819.476 171.662C736.695 226.024 625.563 202.873 571.29 119.936C536.564 66.8691 533.533 2.19379 557.538 -51.7433L557.56 -51.7656Z" fill="white"/>
</mask>
<g mask="url(#mask9_377_62970)">
<path d="M886.298 274.578L555.354 -231.104" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M830.286 303.466L611.544 -260.082" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M769.504 320.054L672.526 -276.737" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M706.606 323.626L735.603 -280.308" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M644.33 314.027L798.078 -270.686" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M585.421 291.679L857.166 -248.25" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M532.441 257.523L910.325 -214.003" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M487.685 213.096L955.192 -169.42" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M453.16 160.319L989.851 -116.488" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M430.336 101.516L1012.74 -57.505" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M420.194 39.2291L1022.91 4.9826" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M423.226 -23.8173L1019.85 68.2061" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M439.274 -84.8316L1003.76 129.421" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M467.625 -141.18L975.319 185.948" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
<path d="M507.076 -190.405L935.756 235.309" stroke="black" stroke-width="20.6431" stroke-miterlimit="10"/>
</g>
<mask id="mask10_377_62970" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="541" y="-159" width="360" height="361">
<path d="M819.499 171.639C902.302 117.278 925.415 5.98769 871.142 -76.9495C844.752 -117.268 804.922 -143.456 761.437 -153.479C715.499 -164.061 665.506 -156.605 622.956 -128.676C593.134 -109.097 571.068 -82.1289 557.561 -51.7893C533.556 2.14777 536.587 66.8231 571.313 119.89C625.587 202.804 736.696 225.978 819.477 171.616L819.499 171.639Z" fill="white"/>
</mask>
<g mask="url(#mask10_377_62970)">
<path d="M768.213 195.148L673.731 -152.05" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M731.191 201.198L710.841 -158.1" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M693.746 199.39L748.42 -156.291" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M657.482 189.813L784.796 -146.691" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M624.004 172.912L818.385 -129.725" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M594.761 149.405L847.717 -106.149" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M571.024 120.315L871.499 -76.9708" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M553.861 86.9167L888.728 -43.4833" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M544.01 50.6841L898.624 -7.13751" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M541.87 13.2001L900.742 30.4796" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M547.576 -23.9271L895.014 67.7168" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M560.882 -59.043L881.685 102.947" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M581.165 -90.6341L861.335 134.625" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M607.556 -117.312L834.857 161.392" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
<path d="M638.916 -137.895L803.407 182.044" stroke="black" stroke-width="9.52757" stroke-miterlimit="10"/>
</g>
</g>
</g>
<rect width="1439" height="46" fill="url(#paint10_linear_377_62970)"/>
</g>
<defs>
<linearGradient id="paint0_linear_377_62970" x1="1367.86" y1="-302.353" x2="76.3908" y2="349.522" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint1_linear_377_62970" x1="1055.64" y1="492.42" x2="387.904" y2="-444.961" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint2_linear_377_62970" x1="1028.54" y1="305.385" x2="414.33" y2="-257.506" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint3_linear_377_62970" x1="917.125" y1="253.43" x2="525.515" y2="-205.965" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint4_linear_377_62970" x1="764.163" y1="-151.107" x2="678.575" y2="196.779" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF00"/>
<stop offset="0.39" stop-color="#FF0093"/>
<stop offset="0.58" stop-color="#FF24D2"/>
<stop offset="0.75" stop-color="#D942FF"/>
<stop offset="1" stop-color="#A94BFF"/>
</linearGradient>
<linearGradient id="paint5_linear_377_62970" x1="1367.03" y1="-304.233" x2="75.586" y2="347.632" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint6_linear_377_62970" x1="1157.23" y1="-353.443" x2="285.349" y2="397.13" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint7_linear_377_62970" x1="926.18" y1="-340.891" x2="517.01" y2="385.278" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint8_linear_377_62970" x1="792.608" y1="-272.336" x2="648.305" y2="314.209" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint9_linear_377_62970" x1="763.34" y1="-152.985" x2="677.753" y2="194.901" gradientUnits="userSpaceOnUse">
<stop stop-color="#A775F7"/>
<stop offset="0.26" stop-color="#6000E1"/>
<stop offset="0.66" stop-color="#3B54EE"/>
<stop offset="0.75" stop-color="#17A2F4"/>
<stop offset="1" stop-color="#1AF387"/>
</linearGradient>
<linearGradient id="paint10_linear_377_62970" x1="0" y1="23" x2="1439" y2="23" gradientUnits="userSpaceOnUse">
<stop stop-color="#111112" stop-opacity="0"/>
<stop offset="0.5" stop-color="#111112" stop-opacity="0.8"/>
<stop offset="1" stop-color="#111112" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_377_62970">
<rect width="1440" height="46" fill="white"/>
</clipPath>
<clipPath id="clip1_377_62970">
<rect width="1448.19" height="1451.37" fill="white" transform="translate(-2 -702.899)"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

3
static/img/icons/arrow-up-right-purple.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
<path d="M31.3046 13.2652L6 38.5698L10.4302 43L35.7348 17.6954V39.8826H42V10.1326C42 8.40252 40.5975 7 38.8674 7H9.11741V13.2652L31.3046 13.2652Z" fill="#9A52FF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 309 B

183
styles/_top-banner.scss
View File

@@ -1,85 +1,124 @@
.top-banner {
.web-banner {
display: flex;
align-items: center;
justify-content: center;
height: 46px;
background: url(../img/backgrounds/bg-apex-banner.svg);
background-position: center !important;
background-size: cover;
background-color: $blue-purple-500;
color: $white;
background: var(--XRPL-Secondary-Blue-Purple, #7919ff);
padding: 7px 70px;
z-index: 9999;
.inner-apex {
@media (max-width: 991px) {
padding: 0 20px;
}
.banner-content {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
justify-content: flex-start;
flex-wrap: nowrap;
}
.apex-banner-text {
color: #FFF;
font-family: "Work Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.apex-btn {
margin-left: 16px;
color: var(--Gray-100, #000) !important;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
display: flex;
justify-content: center;
font-weight: 600;
align-items: center;
line-height: 100%;
letter-spacing: -0.16px;
padding: 2px 4px;
border-radius: 100px !important;
background: #18FF83 !important;
text-decoration: none !important;
width: 135px;
height: 28px;
}
@media (max-width: 1024px) {
background: url(../img/backgrounds/bg-apex-banner-md.svg);
.apex-banner-text {
font-size: 18px;
}
.apex-btn {
width: 122px;
height: 26px;
font-size: 14px;
letter-spacing: -0.14px;
}
}
@media (max-width: 535px) {
background: url(../img/backgrounds/bg-apex-banner-sm.svg);
.apex-btn {
margin-left: 0;
width: 85px;
height: 16px;
font-size: 10px;
line-height: 100%;
letter-spacing: -0.1px;
}
.apex-banner-text {
font-size: 12px;
line-height: 12px;
}
.inner-apex {
flex-direction: column;
@media (max-width: 524px) {
gap: 8px;
}
@media (max-width: 991px) {
max-width: 100%;
}
}
.event-info {
color: #fff;
font: 500 18px/1 Work Sans, -apple-system, Roboto, Helvetica, sans-serif;
align-self: stretch;
margin: auto 0;
@media (max-width: 524px) {
font-size: 12px;
}
}
.ticket-button {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
border-radius: 3141.892px;
background: var(--XRPL-Primary-White, #fff);
color: var(--XRPL-Secondary-Blue-Purple, #7919ff);
text-align: center;
letter-spacing: -0.16px;
padding: 8px 16px;
font: 600 18px/1 Work Sans Apex, -apple-system, Roboto, Helvetica, sans-serif;
cursor: pointer;
white-space: nowrap;
text-decoration: none;
transform-origin: center;
transition: background-color 0.3s ease, color 0.3s ease;
&:hover {
background: #f3f3f3;
color: #6a09f2;
}
@media (max-width: 524px) {
font: 600 12px/1 Work Sans Apex, -apple-system, Roboto, Helvetica, sans-serif;
width: 117px;
height: 27px;
padding: 6px 12px;
&:hover {
background: #f3f3f3;
color: #6a09f2;
}
}
}
.button-text {
align-self: stretch;
margin: auto 0;
font-size: 16px;
color: var(--XRPL-Secondary-Blue-Purple, #7919FF);
@media (max-width: 524px) {
font-size: 12px;
}
}
.button-icon {
aspect-ratio: 0.71;
object-fit: contain;
width: 12px;
@media (max-width: 524px) {
width: 10px;
}
align-self: stretch;
margin: auto 0;
transform-style: preserve-3d;
}
.ticket-button:hover .button-icon {
animation: iconJitter 0.7s ease forwards;
}
@keyframes iconJitter {
0% {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(22deg) skew(0deg, 0deg);
}
40% {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(55deg) skew(0deg, 0deg);
}
70% {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(40deg) skew(0deg, 0deg);
}
100% {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(45deg) skew(0deg, 0deg);
}
}
}