IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-23 01:16:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Empty state: Add animation for Grot (#83770)

Browse Source 
* add animation for grot not found

* extract default interval out into constant

* improve relative path

* extract magic numbers out into constants + throttle properly

* better width/height definitions

* use consistent background + apply to PageNotFound as well

* increase gap in command palette empty state
This commit is contained in:
Ashley Harrison 2024-03-11 14:46:53 +00:00 committed by GitHub
parent d4b43640f3
commit b0848c9726
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 233 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
public/app/core/components/GrotNotFound/GrotNotFound.tsx Normal file
View File

@ -0,0 +1,62 @@
import { css } from '@emotion/css';
import React, { SVGProps } from 'react';
import SVG from 'react-inlinesvg';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2, useTheme2 } from '@grafana/ui';
import dark404 from '../../../../img/grot-404-dark.svg';
import light404 from '../../../../img/grot-404-light.svg';
import useMousePosition from './useMousePosition';
const MIN_ARM_ROTATION = -20;
const MAX_ARM_ROTATION = 5;
const MIN_ARM_TRANSLATION = -5;
const MAX_ARM_TRANSLATION = 5;
export interface Props {
width?: SVGProps<SVGElement>['width'];
height?: SVGProps<SVGElement>['height'];
show404?: boolean;
}
export const GrotNotFound = ({ width = 'auto', height, show404 = false }: Props) => {
const theme = useTheme2();
const { x, y } = useMousePosition();
const styles = useStyles2(getStyles, x, y, show404);
return <SVG src={theme.isDark ? dark404 : light404} className={styles.svg} height={height} width={width} />;
};
GrotNotFound.displayName = 'GrotNotFound';
const getStyles = (theme: GrafanaTheme2, xPos: number | null, yPos: number | null, show404: boolean) => {
const { innerWidth, innerHeight } = window;
const heightRatio = yPos && yPos / innerHeight;
const widthRatio = xPos && xPos / innerWidth;
const rotation = heightRatio !== null ? getIntermediateValue(heightRatio, MIN_ARM_ROTATION, MAX_ARM_ROTATION) : 0;
const translation =
widthRatio !== null ? getIntermediateValue(widthRatio, MIN_ARM_TRANSLATION, MAX_ARM_TRANSLATION) : 0;
return {
svg: css({
'#grot-404-arm, #grot-404-magnifier': {
transform: `rotate(${rotation}deg) translateX(${translation}%)`,
transformOrigin: 'center',
transition: 'transform 50ms linear',
},
'#grot-404-text': {
display: show404 ? 'block' : 'none',
},
}),
};
};
/**
* Given a start value, end value, and a ratio, return the intermediate value
* Works with negative and inverted start/end values
*/
const getIntermediateValue = (ratio: number, start: number, end: number) => {
const value = ratio * (end - start) + start;
return value;
};

29
public/app/core/components/GrotNotFound/useMousePosition.ts Normal file
View File

@ -0,0 +1,29 @@
import { throttle } from 'lodash';
import { useState, useEffect } from 'react';
interface MousePosition {
x: number | null;
y: number | null;
}
// For performance reasons, we throttle the mouse position updates
const DEFAULT_THROTTLE_INTERVAL_MS = 50;
const useMousePosition = (throttleInterval = DEFAULT_THROTTLE_INTERVAL_MS) => {
const [mousePosition, setMousePosition] = useState<MousePosition>({ x: null, y: null });
useEffect(() => {
const updateMousePosition = throttle((event: MouseEvent) => {
setMousePosition({ x: event.clientX, y: event.clientY });
}, throttleInterval);
window.addEventListener('mousemove', updateMousePosition);
return () => {
window.removeEventListener('mousemove', updateMousePosition);
};
}, [throttleInterval]);
return mousePosition;
};
export default useMousePosition;

10
public/app/core/components/PageNotFound/EntityNotFound.tsx
View File

@ -2,7 +2,9 @@ import { css } from '@emotion/css';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2, useTheme2 } from '@grafana/ui';
import { useStyles2 } from '@grafana/ui';
import { GrotNotFound } from '../GrotNotFound/GrotNotFound';
export interface Props {
/**
@ -13,7 +15,6 @@ export interface Props {
export function EntityNotFound({ entity = 'Page' }: Props) {
const styles = useStyles2(getStyles);
const theme = useTheme2();
return (
<div className={styles.container}>
@ -29,7 +30,7 @@ export function EntityNotFound({ entity = 'Page' }: Props) {
</a>
</div>
<div className={styles.grot}>
<img src={`public/img/grot-404-${theme.isDark ? 'dark' : 'light'}.svg`} width="100%" alt="grot" />
<GrotNotFound show404={entity === 'Page'} />
</div>
</div>
);
@ -52,9 +53,10 @@ export function getStyles(theme: GrafanaTheme2) {
textAlign: 'center',
}),
grot: css({
alignSelf: 'center',
maxWidth: '450px',
paddingTop: theme.spacing(8),
margin: '0 auto',
width: '100%',
}),
};
}

6
public/app/features/commandPalette/EmptyState.tsx
View File

@ -3,13 +3,15 @@ import React from 'react';
import { Box, Stack, Text } from '@grafana/ui';
import { Trans } from 'app/core/internationalization';
import { GrotNotFound } from '../../core/components/GrotNotFound/GrotNotFound';
export interface Props {}
export const EmptyState = ({}: Props) => {
return (
<Box paddingY={8}>
<Stack direction="column" alignItems="center">
<img src={'public/img/grot-not-found.svg'} width="200px" alt="grot" />
<Stack direction="column" alignItems="center" gap={3}>
<GrotNotFound width={300} />
<Text variant="h5">
<Trans i18nKey="command-palette.empty-state.title">No results found</Trans>
</Text>

126
public/img/grot-404-dark.svg
View File

@ -1,61 +1,67 @@
<svg width="722" height="480" viewBox="0 0 722 480" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M514.59 3.80879C447.52 -7.78121 379.51 8.58879 314.8 32.5588C275.1 47.2688 236.85 58.9488 196.11 69.7588C150.35 81.8988 102.13 94.2588 62.7402 123.959C15.7502 159.389 -0.05983 214.349 0.000170029 274.969C0.04017 319.049 7.54023 365.349 33.0602 399.379C71.8302 451.069 139.04 459.809 196.03 455.539C267.53 450.189 313.45 436.549 383.95 458.929C471.35 486.669 580.88 498.339 659.07 416.129C765.14 304.599 726.89 126.169 614.63 45.6788C598.19 33.8888 580.48 24.2188 561.98 16.9888C546.27 10.8488 530.46 6.53878 514.59 3.79878V3.80879Z" fill="#9087E9" fill-opacity="0.3"/>
<path opacity="0.3" d="M273.041 410.45C346.097 410.45 405.321 403.497 405.321 394.92C405.321 386.343 346.097 379.39 273.041 379.39C199.985 379.39 140.761 386.343 140.761 394.92C140.761 403.497 199.985 410.45 273.041 410.45Z" fill="black"/>
<path d="M346.921 293.19C358.131 296.32 448.181 322.33 432.881 344.87C418.531 366 348.841 340.92 326.921 325.65" fill="#F99F10"/>
<path d="M346.921 293.19C358.131 296.32 448.181 322.33 432.881 344.87C418.531 366 348.841 340.92 326.921 325.65" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M218.861 115.04C187.091 92.89 146.441 87.92 139.291 95.87C133.491 102.31 155.401 137.59 151.851 147.9C148.311 158.21 117.231 151.54 113.831 164.65C112.221 170.88 136.061 185.91 135.421 194.61C134.781 203.31 116.371 200.85 115.021 212.11C114.111 219.68 130.911 221.35 130.271 230.37C129.631 239.39 117.501 237.74 118.031 246.48C118.461 253.57 131.721 248.9 135.271 260.82C138.811 272.74 218.871 115.04 218.871 115.04H218.861Z" fill="#EF6122"/>
<path d="M77.1408 326.59C78.1108 297.43 98.4608 290.96 113.241 295.94C128.011 300.92 127.191 318.09 123.461 324.55C117.501 334.86 108.751 330.41 112.021 323.19C114.441 316.26 114.891 306.64 103.441 309.7C89.2109 313.51 93.6408 351.77 123.601 344.25C144.121 339.1 142.511 317.37 140.881 285.68C136.511 255.02 141.241 214.82 154.281 176.66C180.701 99.34 339.851 74.21 392.681 145.73C461.311 238.63 385.631 329.37 373.991 340.96C337.731 369.1 343.611 394.56 317.631 396.25C292.941 397.86 294.971 372.77 278.641 371.37C277.681 371.37 276.721 371.37 275.761 371.35C256.591 372.76 252.891 396.67 223.981 396.25C200.421 395.91 210.911 375.33 195.171 365.46C191.871 363.9 189.011 362.8 186.371 362.08C184.291 361.64 181.981 361.32 179.371 361.16C178.771 361.12 175.141 361.14 174.081 361.14C164.731 361.31 159.121 363.52 137.991 367.82C99.9208 375.56 76.3208 351.26 77.1408 326.59Z" fill="#FAC20C" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M181.051 134.78C235.171 96.44 298.161 117.38 306.211 122.7C314.261 128.02 325.671 121.7 319.261 105.73C297.781 52.25 242.361 25.05 227.441 34.26C210.761 44.56 231.741 90.5 220.841 101.27C212.091 109.91 206.131 103.31 191.251 98.32C177.811 93.81 181.051 134.78 181.051 134.78Z" fill="#EF6122"/>
<path d="M262.101 239.52L410.381 239.52C428.197 239.52 442.641 225.077 442.641 207.26V207.25C442.641 189.433 428.197 174.99 410.381 174.99L262.101 174.99C244.284 174.99 229.841 189.433 229.841 207.25V207.26C229.841 225.077 244.284 239.52 262.101 239.52Z" fill="#5545EF" stroke="#231735" stroke-width="5" stroke-miterlimit="10"/>
<path d="M296.28 228.67L408.8 228.67C420.619 228.67 430.2 219.089 430.2 207.27C430.2 195.451 420.619 185.87 408.8 185.87H296.28C284.461 185.87 274.88 195.451 274.88 207.27C274.88 219.089 284.461 228.67 296.28 228.67Z" fill="#19052D"/>
<path d="M257.971 297.31C257.351 316.15 250.621 333.66 236.651 332.47C221.221 331.16 217.391 315.15 217.921 297.76" fill="#F99F10"/>
<path d="M257.971 297.31C257.351 316.15 250.621 333.66 236.651 332.47C221.221 331.16 217.391 315.15 217.921 297.76" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M200.23 104.32C172.95 91.48 146.34 84.67 139.29 95.87C131.67 107.98 157.65 133.7 151.85 147.9C146.43 161.18 115.82 149.78 113.83 164.65C112.24 176.55 136.06 185.91 135.42 194.61C134.78 203.31 116.14 199.76 114.78 211.03C113.87 218.6 130.91 221.35 130.26 230.37C129.62 239.39 118.02 237.73 118.02 246.48C118.02 253.6 138.81 254.21 139.4 269.02" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M306.211 122.7C314.261 128.02 325.671 121.7 319.261 105.73C297.781 52.25 244.001 24.95 227.441 34.26C210.061 44.03 231.741 90.5 220.841 101.27C214.751 107.29 206.751 107.03 199.421 103.95" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M306.531 122.94C277.581 105.78 226.39 104.87 180.98 138.83" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M341.4 253.66C351.4 254.03 366.49 259.17 366.02 269.49C365.55 279.82 349.3 283.19 335.71 279.29C322.12 275.39 323.16 265.5 325.3 262.15C327.44 258.8 332.12 253.32 341.41 253.66H341.4Z" fill="black"/>
<path d="M345.16 258.45C351.6 259.28 356.39 262.63 356.39 262.63C356.39 262.63 355.45 269.62 344.22 269.4C332.99 269.18 336.07 258.72 336.07 258.72C336.07 258.72 339.03 257.66 345.15 258.44L345.16 258.45Z" fill="white"/>
<g opacity="0.6">
<path d="M621.96 318.31V332.84" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M629.23 325.58H614.69" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M657.411 162.86V175.25" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M663.601 169.05H651.221" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<g opacity="0.4">
<path d="M497.061 209.35V221.73" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M503.25 215.54H490.87" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
</g>
<path d="M660.051 285.01L668.811 293.76" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M668.811 285.01L660.051 293.76" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M476.391 312.83L482.341 318.78" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M482.341 312.83L476.391 318.78" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M519 113.2H527.41" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M523.21 109V117.41" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M609.581 239.16L616.861 231.87C617.721 231.01 617.721 229.61 616.861 228.74C616.001 227.88 614.601 227.88 613.731 228.74L606.451 236.03L599.161 228.75C598.301 227.89 596.901 227.89 596.031 228.75C595.171 229.61 595.171 231.01 596.031 231.88L603.321 239.16L596.041 246.45C595.181 247.31 595.181 248.71 596.041 249.58C596.471 250.01 597.041 250.23 597.601 250.23C598.161 250.23 598.731 250.01 599.161 249.58L606.441 242.29L613.731 249.57C614.161 250 614.731 250.22 615.291 250.22C615.851 250.22 616.421 250 616.851 249.57C617.711 248.71 617.711 247.31 616.851 246.44L609.561 239.16H609.581Z" fill="#B4ADF8"/>
<path d="M557.84 280.71V267.77C557.83 266.23 556.581 264.99 555.051 264.99C553.521 264.99 552.271 266.23 552.271 267.77V280.71C552.281 282.25 553.531 283.49 555.061 283.49C556.591 283.49 557.84 282.25 557.84 280.71Z" fill="#A59DF7"/>
<path d="M648.21 244.27V257.21C648.22 258.75 649.47 259.99 651 259.99C652.53 259.99 653.78 258.75 653.78 257.21V244.27C653.77 242.73 652.52 241.49 650.99 241.49C649.46 241.49 648.21 242.73 648.21 244.27Z" fill="#402EED"/>
<path d="M561.34 181.68H548.4C546.86 181.69 545.62 182.94 545.62 184.47C545.62 186 546.86 187.25 548.4 187.25H561.34C562.88 187.24 564.12 185.99 564.12 184.46C564.12 182.93 562.88 181.68 561.34 181.68Z" fill="#5041E4"/>
<path d="M568.931 247.36L568.951 280.7C568.951 282.24 570.191 283.48 571.731 283.48C573.271 283.48 574.511 282.24 574.511 280.7L574.491 247.36C574.491 245.82 573.251 244.58 571.711 244.58C570.171 244.58 568.931 245.82 568.931 247.36Z" fill="#A59DF7"/>
<path d="M574.791 321.8L541.451 321.82C539.911 321.82 538.671 323.06 538.671 324.6C538.671 326.14 539.911 327.38 541.451 327.38L574.791 327.36C576.331 327.36 577.571 326.12 577.571 324.58C577.571 323.04 576.331 321.8 574.791 321.8Z" fill="#5041E4"/>
<path d="M601.3 192.84H588.12C586.46 192.84 585.11 194.2 585.11 195.86V209.04C585.11 210.71 586.47 212.05 588.13 212.05H601.31C602.97 212.05 604.32 210.7 604.32 209.03V195.85C604.32 194.19 602.96 192.84 601.3 192.84ZM599.82 207.55H589.61V197.35H599.82V207.55Z" fill="#7C6FFD"/>
<path d="M541.171 280.72V258.49C541.161 256.95 539.911 255.71 538.381 255.71C536.851 255.71 535.601 256.95 535.601 258.49V280.72C535.611 282.26 536.861 283.5 538.391 283.5C539.921 283.5 541.171 282.26 541.171 280.72Z" fill="#A59DF7"/>
<path d="M524.981 318.59C528.361 318.59 531.111 321.34 531.111 324.72C531.111 328.1 528.361 330.85 524.981 330.85C521.601 330.85 518.851 328.1 518.851 324.72C518.851 321.34 521.601 318.59 524.981 318.59ZM524.981 326.76C526.111 326.76 527.021 325.84 527.021 324.72C527.021 323.6 526.101 322.68 524.981 322.68C523.861 322.68 522.941 323.6 522.941 324.72C522.941 325.84 523.861 326.76 524.981 326.76Z" fill="#5545EF"/>
<path d="M656.781 228.23C656.781 231.6 654.041 234.34 650.671 234.34C647.301 234.34 644.561 231.6 644.561 228.23C644.561 224.86 647.301 222.12 650.671 222.12C654.041 222.12 656.781 224.86 656.781 228.23ZM648.641 228.23C648.641 229.35 649.551 230.27 650.681 230.27C651.811 230.27 652.72 229.36 652.72 228.23C652.72 227.1 651.811 226.19 650.681 226.19C649.551 226.19 648.641 227.1 648.641 228.23Z" fill="#402EED"/>
<path d="M607.45 279.74C607.04 279.74 606.56 279.67 606.15 279.47C605.74 279.33 605.33 279.06 605.06 278.72C604.72 278.45 604.45 278.04 604.31 277.63C604.1 277.22 604.04 276.81 604.04 276.33C604.04 275.44 604.38 274.55 605.06 273.94C605.33 273.6 605.74 273.33 606.15 273.19C606.97 272.85 607.93 272.85 608.75 273.19C609.16 273.33 609.57 273.6 609.84 273.94C610.52 274.55 610.87 275.44 610.87 276.33C610.87 276.81 610.8 277.22 610.6 277.63C610.46 278.04 610.19 278.45 609.85 278.72C609.58 279.06 609.17 279.34 608.76 279.47C608.35 279.67 607.94 279.74 607.46 279.74H607.45Z" fill="#7F73F2"/>
<path d="M560.38 219.83C559.24 219.83 558.111 219.4 557.331 218.52C556.461 217.74 556.021 216.61 556.021 215.47C556.021 214.33 556.451 213.21 557.331 212.42C558.901 210.77 561.861 210.77 563.421 212.42C563.861 212.77 564.21 213.3 564.38 213.82C564.64 214.35 564.73 214.95 564.73 215.48C564.73 216.08 564.64 216.61 564.38 217.13C564.21 217.66 563.861 218.18 563.421 218.53C562.641 219.41 561.51 219.84 560.37 219.84L560.38 219.83Z" fill="#5545EF"/>
<path d="M678.98 214.927C678.2 214.927 677.43 214.627 676.89 214.027C676.29 213.487 676 212.717 676 211.937C676 211.157 676.3 210.387 676.89 209.847C677.96 208.717 679.99 208.717 681.06 209.847C681.36 210.087 681.6 210.447 681.72 210.807C681.9 211.167 681.96 211.578 681.96 211.948C681.96 212.358 681.9 212.717 681.72 213.077C681.6 213.437 681.36 213.798 681.06 214.038C680.52 214.638 679.75 214.937 678.97 214.937L678.98 214.927Z" fill="#B4ADF8"/>
<path d="M614.5 106.948C614.08 106.948 613.59 106.878 613.17 106.668C612.75 106.528 612.33 106.247 612.05 105.897C611.35 105.267 611 104.358 611 103.448C611 102.958 611.07 102.537 611.28 102.117C611.42 101.697 611.7 101.278 612.05 100.998C613.31 99.6675 615.69 99.6675 616.95 100.998C617.3 101.278 617.58 101.697 617.72 102.117C617.93 102.537 618 102.958 618 103.448C618 104.358 617.65 105.267 616.95 105.897C616.67 106.247 616.25 106.528 615.83 106.668C615.41 106.878 614.92 106.948 614.5 106.948Z" fill="#5545EF"/>
<path d="M614.231 301.93H493.311C485.081 301.93 477.641 296.42 475.231 288.53C474.831 287.21 475.571 285.81 476.891 285.41C478.211 285.01 479.611 285.75 480.011 287.07C481.791 292.88 487.261 296.93 493.311 296.93H614.231C621.901 296.93 628.131 290.69 628.131 283.03V192.28C628.131 184.62 621.891 178.38 614.231 178.38H575.251C573.871 178.38 572.751 177.26 572.751 175.88C572.751 174.5 573.871 173.38 575.251 173.38H614.231C624.651 173.38 633.131 181.86 633.131 192.28V283.03C633.131 293.45 624.651 301.93 614.231 301.93Z" fill="#5A49FA"/>
<path d="M564.94 154.74V131.41L549.33 148.14H569.88" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M624.88 154.74V131.41L609.271 148.14H629.831" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M589.431 152.79C595.202 152.79 599.88 148.402 599.88 142.99C599.88 137.578 595.202 133.19 589.431 133.19C583.659 133.19 578.98 137.578 578.98 142.99C578.98 148.402 583.659 152.79 589.431 152.79Z" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path d="M364.23 218.6L394.26 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M394.26 218.6L364.23 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M319.95 218.6L349.99 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M349.99 218.6L319.95 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path opacity="0.15" d="M459.55 269.6C493.527 269.6 521.07 242.057 521.07 208.08C521.07 174.103 493.527 146.56 459.55 146.56C425.574 146.56 398.03 174.103 398.03 208.08C398.03 242.057 425.574 269.6 459.55 269.6Z" fill="white"/>
<path d="M531.381 221.52C532.261 216.9 532.671 212.18 532.621 207.48C532.571 202.87 532.071 198.24 531.131 193.71C530.201 189.23 528.831 184.82 527.061 180.6C525.291 176.38 523.111 172.3 520.581 168.5C518.021 164.65 515.071 161.04 511.831 157.77C508.521 154.43 504.861 151.42 500.961 148.8C496.961 146.12 492.661 143.82 488.171 141.98C483.681 140.14 479.011 138.75 474.271 137.85C469.651 136.97 464.931 136.56 460.231 136.61C455.621 136.66 450.99 137.16 446.46 138.1C441.98 139.03 437.571 140.4 433.351 142.17C429.131 143.94 425.051 146.12 421.251 148.65C417.401 151.21 413.791 154.16 410.521 157.4C407.181 160.71 404.171 164.37 401.551 168.27C398.871 172.27 396.571 176.57 394.731 181.06C392.891 185.55 391.501 190.22 390.601 194.96C389.721 199.58 389.311 204.3 389.361 209C389.411 213.61 389.911 218.24 390.851 222.77C391.781 227.25 393.151 231.66 394.921 235.88C396.691 240.1 398.871 244.18 401.401 247.98C403.961 251.83 406.911 255.44 410.151 258.71C413.461 262.05 417.121 265.06 421.021 267.68C423.211 269.15 425.491 270.5 427.841 271.73L420.241 290.27L419.321 289.89C416.121 288.58 412.441 290.12 411.131 293.32L383.451 360.83C382.141 364.03 383.681 367.71 386.881 369.02L400.891 374.77C404.091 376.08 407.771 374.54 409.081 371.34L436.761 303.83C438.071 300.63 436.531 296.95 433.331 295.64L432.411 295.26L440.011 276.72C442.551 277.5 445.121 278.14 447.711 278.63C452.331 279.51 457.051 279.92 461.751 279.87C466.361 279.82 470.991 279.32 475.521 278.38C480.001 277.45 484.411 276.08 488.631 274.31C492.851 272.54 496.931 270.36 500.731 267.83C504.581 265.27 508.19 262.32 511.46 259.08C514.8 255.77 517.811 252.11 520.431 248.21C523.111 244.21 525.411 239.91 527.251 235.42C529.091 230.93 530.481 226.26 531.381 221.52ZM438.471 263.14C408.151 250.71 393.651 216.04 406.081 185.72C418.511 155.4 453.181 140.9 483.501 153.33C513.821 165.76 528.321 200.43 515.891 230.75C503.461 261.07 468.791 275.57 438.471 263.14Z" fill="black"/>
<path opacity="0.3" d="M431.661 246.88C433.981 248.49 436.401 249.85 438.881 250.99C422.951 235.18 420.151 209.77 433.381 190.69C446.611 171.61 471.401 165.33 491.781 174.71C489.841 172.79 487.721 171 485.401 169.39C464.001 154.55 434.621 159.86 419.781 181.26C404.941 202.66 410.251 232.04 431.651 246.88H431.661Z" fill="white"/>
<path d="M425.671 350.09C437.371 343.43 440.131 329.99 437.201 321.33C434.781 314.19 424.271 311.27 418.091 319.96C411.221 329.61 422.451 339.87 422.451 339.87" fill="#F99F10"/>
<path d="M425.671 350.09C437.371 343.43 440.131 329.99 437.201 321.33C434.781 314.19 424.271 311.27 418.091 319.96C411.221 329.61 422.451 339.87 422.451 339.87" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<svg viewBox="0 0 722 480" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M514.59 3.80879C447.52 -7.78121 379.51 8.58879 314.8 32.5588C275.1 47.2688 236.85 58.9488 196.11 69.7588C150.35 81.8988 102.13 94.2588 62.7402 123.959C15.7502 159.389 -0.05983 214.349 0.000170029 274.969C0.04017 319.049 7.54023 365.349 33.0602 399.379C71.8302 451.069 139.04 459.809 196.03 455.539C267.53 450.189 313.45 436.549 383.95 458.929C471.35 486.669 580.88 498.339 659.07 416.129C765.14 304.599 726.89 126.169 614.63 45.6788C598.19 33.8888 580.48 24.2188 561.98 16.9888C546.27 10.8488 530.46 6.53878 514.59 3.79878V3.80879Z" fill="#9087E9" fill-opacity="0.3"/>
<path opacity="0.3" d="M273.041 410.45C346.097 410.45 405.321 403.497 405.321 394.92C405.321 386.343 346.097 379.39 273.041 379.39C199.985 379.39 140.761 386.343 140.761 394.92C140.761 403.497 199.985 410.45 273.041 410.45Z" fill="black"/>
<g id="grot-404-arm">
<path d="M346.921 293.19C358.131 296.32 448.181 322.33 432.881 344.87C418.531 366 348.841 340.92 326.921 325.65" fill="#F99F10"/>
<path d="M346.921 293.19C358.131 296.32 448.181 322.33 432.881 344.87C418.531 366 348.841 340.92 326.921 325.65" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
</g>
<path d="M218.861 115.04C187.091 92.89 146.441 87.92 139.291 95.87C133.491 102.31 155.401 137.59 151.851 147.9C148.311 158.21 117.231 151.54 113.831 164.65C112.221 170.88 136.061 185.91 135.421 194.61C134.781 203.31 116.371 200.85 115.021 212.11C114.111 219.68 130.911 221.35 130.271 230.37C129.631 239.39 117.501 237.74 118.031 246.48C118.461 253.57 131.721 248.9 135.271 260.82C138.811 272.74 218.871 115.04 218.871 115.04H218.861Z" fill="#EF6122"/>
<path d="M77.1408 326.59C78.1108 297.43 98.4608 290.96 113.241 295.94C128.011 300.92 127.191 318.09 123.461 324.55C117.501 334.86 108.751 330.41 112.021 323.19C114.441 316.26 114.891 306.64 103.441 309.7C89.2109 313.51 93.6408 351.77 123.601 344.25C144.121 339.1 142.511 317.37 140.881 285.68C136.511 255.02 141.241 214.82 154.281 176.66C180.701 99.34 339.851 74.21 392.681 145.73C461.311 238.63 385.631 329.37 373.991 340.96C337.731 369.1 343.611 394.56 317.631 396.25C292.941 397.86 294.971 372.77 278.641 371.37C277.681 371.37 276.721 371.37 275.761 371.35C256.591 372.76 252.891 396.67 223.981 396.25C200.421 395.91 210.911 375.33 195.171 365.46C191.871 363.9 189.011 362.8 186.371 362.08C184.291 361.64 181.981 361.32 179.371 361.16C178.771 361.12 175.141 361.14 174.081 361.14C164.731 361.31 159.121 363.52 137.991 367.82C99.9208 375.56 76.3208 351.26 77.1408 326.59Z" fill="#FAC20C" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M181.051 134.78C235.171 96.44 298.161 117.38 306.211 122.7C314.261 128.02 325.671 121.7 319.261 105.73C297.781 52.25 242.361 25.05 227.441 34.26C210.761 44.56 231.741 90.5 220.841 101.27C212.091 109.91 206.131 103.31 191.251 98.32C177.811 93.81 181.051 134.78 181.051 134.78Z" fill="#EF6122"/>
<path d="M262.101 239.52L410.381 239.52C428.197 239.52 442.641 225.077 442.641 207.26V207.25C442.641 189.433 428.197 174.99 410.381 174.99L262.101 174.99C244.284 174.99 229.841 189.433 229.841 207.25V207.26C229.841 225.077 244.284 239.52 262.101 239.52Z" fill="#5545EF" stroke="#231735" stroke-width="5" stroke-miterlimit="10"/>
<path d="M296.28 228.67L408.8 228.67C420.619 228.67 430.2 219.089 430.2 207.27C430.2 195.451 420.619 185.87 408.8 185.87H296.28C284.461 185.87 274.88 195.451 274.88 207.27C274.88 219.089 284.461 228.67 296.28 228.67Z" fill="#19052D"/>
<path d="M257.971 297.31C257.351 316.15 250.621 333.66 236.651 332.47C221.221 331.16 217.391 315.15 217.921 297.76" fill="#F99F10"/>
<path d="M257.971 297.31C257.351 316.15 250.621 333.66 236.651 332.47C221.221 331.16 217.391 315.15 217.921 297.76" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M200.23 104.32C172.95 91.48 146.34 84.67 139.29 95.87C131.67 107.98 157.65 133.7 151.85 147.9C146.43 161.18 115.82 149.78 113.83 164.65C112.24 176.55 136.06 185.91 135.42 194.61C134.78 203.31 116.14 199.76 114.78 211.03C113.87 218.6 130.91 221.35 130.26 230.37C129.62 239.39 118.02 237.73 118.02 246.48C118.02 253.6 138.81 254.21 139.4 269.02" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M306.211 122.7C314.261 128.02 325.671 121.7 319.261 105.73C297.781 52.25 244.001 24.95 227.441 34.26C210.061 44.03 231.741 90.5 220.841 101.27C214.751 107.29 206.751 107.03 199.421 103.95" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M306.531 122.94C277.581 105.78 226.39 104.87 180.98 138.83" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M341.4 253.66C351.4 254.03 366.49 259.17 366.02 269.49C365.55 279.82 349.3 283.19 335.71 279.29C322.12 275.39 323.16 265.5 325.3 262.15C327.44 258.8 332.12 253.32 341.41 253.66H341.4Z" fill="black"/>
<path d="M345.16 258.45C351.6 259.28 356.39 262.63 356.39 262.63C356.39 262.63 355.45 269.62 344.22 269.4C332.99 269.18 336.07 258.72 336.07 258.72C336.07 258.72 339.03 257.66 345.15 258.44L345.16 258.45Z" fill="white"/>
<g opacity="0.6">
<path d="M621.96 318.31V332.84" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M629.23 325.58H614.69" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M657.411 162.86V175.25" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M663.601 169.05H651.221" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<g opacity="0.4">
<path d="M497.061 209.35V221.73" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M503.25 215.54H490.87" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
</g>
<path d="M660.051 285.01L668.811 293.76" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M668.811 285.01L660.051 293.76" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M476.391 312.83L482.341 318.78" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M482.341 312.83L476.391 318.78" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M519 113.2H527.41" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M523.21 109V117.41" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M609.581 239.16L616.861 231.87C617.721 231.01 617.721 229.61 616.861 228.74C616.001 227.88 614.601 227.88 613.731 228.74L606.451 236.03L599.161 228.75C598.301 227.89 596.901 227.89 596.031 228.75C595.171 229.61 595.171 231.01 596.031 231.88L603.321 239.16L596.041 246.45C595.181 247.31 595.181 248.71 596.041 249.58C596.471 250.01 597.041 250.23 597.601 250.23C598.161 250.23 598.731 250.01 599.161 249.58L606.441 242.29L613.731 249.57C614.161 250 614.731 250.22 615.291 250.22C615.851 250.22 616.421 250 616.851 249.57C617.711 248.71 617.711 247.31 616.851 246.44L609.561 239.16H609.581Z" fill="#B4ADF8"/>
<path d="M557.84 280.71V267.77C557.83 266.23 556.581 264.99 555.051 264.99C553.521 264.99 552.271 266.23 552.271 267.77V280.71C552.281 282.25 553.531 283.49 555.061 283.49C556.591 283.49 557.84 282.25 557.84 280.71Z" fill="#A59DF7"/>
<path d="M648.21 244.27V257.21C648.22 258.75 649.47 259.99 651 259.99C652.53 259.99 653.78 258.75 653.78 257.21V244.27C653.77 242.73 652.52 241.49 650.99 241.49C649.46 241.49 648.21 242.73 648.21 244.27Z" fill="#402EED"/>
<path d="M561.34 181.68H548.4C546.86 181.69 545.62 182.94 545.62 184.47C545.62 186 546.86 187.25 548.4 187.25H561.34C562.88 187.24 564.12 185.99 564.12 184.46C564.12 182.93 562.88 181.68 561.34 181.68Z" fill="#5041E4"/>
<path d="M568.931 247.36L568.951 280.7C568.951 282.24 570.191 283.48 571.731 283.48C573.271 283.48 574.511 282.24 574.511 280.7L574.491 247.36C574.491 245.82 573.251 244.58 571.711 244.58C570.171 244.58 568.931 245.82 568.931 247.36Z" fill="#A59DF7"/>
<path d="M574.791 321.8L541.451 321.82C539.911 321.82 538.671 323.06 538.671 324.6C538.671 326.14 539.911 327.38 541.451 327.38L574.791 327.36C576.331 327.36 577.571 326.12 577.571 324.58C577.571 323.04 576.331 321.8 574.791 321.8Z" fill="#5041E4"/>
<path d="M601.3 192.84H588.12C586.46 192.84 585.11 194.2 585.11 195.86V209.04C585.11 210.71 586.47 212.05 588.13 212.05H601.31C602.97 212.05 604.32 210.7 604.32 209.03V195.85C604.32 194.19 602.96 192.84 601.3 192.84ZM599.82 207.55H589.61V197.35H599.82V207.55Z" fill="#7C6FFD"/>
<path d="M541.171 280.72V258.49C541.161 256.95 539.911 255.71 538.381 255.71C536.851 255.71 535.601 256.95 535.601 258.49V280.72C535.611 282.26 536.861 283.5 538.391 283.5C539.921 283.5 541.171 282.26 541.171 280.72Z" fill="#A59DF7"/>
<path d="M524.981 318.59C528.361 318.59 531.111 321.34 531.111 324.72C531.111 328.1 528.361 330.85 524.981 330.85C521.601 330.85 518.851 328.1 518.851 324.72C518.851 321.34 521.601 318.59 524.981 318.59ZM524.981 326.76C526.111 326.76 527.021 325.84 527.021 324.72C527.021 323.6 526.101 322.68 524.981 322.68C523.861 322.68 522.941 323.6 522.941 324.72C522.941 325.84 523.861 326.76 524.981 326.76Z" fill="#5545EF"/>
<path d="M656.781 228.23C656.781 231.6 654.041 234.34 650.671 234.34C647.301 234.34 644.561 231.6 644.561 228.23C644.561 224.86 647.301 222.12 650.671 222.12C654.041 222.12 656.781 224.86 656.781 228.23ZM648.641 228.23C648.641 229.35 649.551 230.27 650.681 230.27C651.811 230.27 652.72 229.36 652.72 228.23C652.72 227.1 651.811 226.19 650.681 226.19C649.551 226.19 648.641 227.1 648.641 228.23Z" fill="#402EED"/>
<path d="M607.45 279.74C607.04 279.74 606.56 279.67 606.15 279.47C605.74 279.33 605.33 279.06 605.06 278.72C604.72 278.45 604.45 278.04 604.31 277.63C604.1 277.22 604.04 276.81 604.04 276.33C604.04 275.44 604.38 274.55 605.06 273.94C605.33 273.6 605.74 273.33 606.15 273.19C606.97 272.85 607.93 272.85 608.75 273.19C609.16 273.33 609.57 273.6 609.84 273.94C610.52 274.55 610.87 275.44 610.87 276.33C610.87 276.81 610.8 277.22 610.6 277.63C610.46 278.04 610.19 278.45 609.85 278.72C609.58 279.06 609.17 279.34 608.76 279.47C608.35 279.67 607.94 279.74 607.46 279.74H607.45Z" fill="#7F73F2"/>
<path d="M560.38 219.83C559.24 219.83 558.111 219.4 557.331 218.52C556.461 217.74 556.021 216.61 556.021 215.47C556.021 214.33 556.451 213.21 557.331 212.42C558.901 210.77 561.861 210.77 563.421 212.42C563.861 212.77 564.21 213.3 564.38 213.82C564.64 214.35 564.73 214.95 564.73 215.48C564.73 216.08 564.64 216.61 564.38 217.13C564.21 217.66 563.861 218.18 563.421 218.53C562.641 219.41 561.51 219.84 560.37 219.84L560.38 219.83Z" fill="#5545EF"/>
<path d="M678.98 214.927C678.2 214.927 677.43 214.627 676.89 214.027C676.29 213.487 676 212.717 676 211.937C676 211.157 676.3 210.387 676.89 209.847C677.96 208.717 679.99 208.717 681.06 209.847C681.36 210.087 681.6 210.447 681.72 210.807C681.9 211.167 681.96 211.578 681.96 211.948C681.96 212.358 681.9 212.717 681.72 213.077C681.6 213.437 681.36 213.798 681.06 214.038C680.52 214.638 679.75 214.937 678.97 214.937L678.98 214.927Z" fill="#B4ADF8"/>
<path d="M614.5 106.948C614.08 106.948 613.59 106.878 613.17 106.668C612.75 106.528 612.33 106.247 612.05 105.897C611.35 105.267 611 104.358 611 103.448C611 102.958 611.07 102.537 611.28 102.117C611.42 101.697 611.7 101.278 612.05 100.998C613.31 99.6675 615.69 99.6675 616.95 100.998C617.3 101.278 617.58 101.697 617.72 102.117C617.93 102.537 618 102.958 618 103.448C618 104.358 617.65 105.267 616.95 105.897C616.67 106.247 616.25 106.528 615.83 106.668C615.41 106.878 614.92 106.948 614.5 106.948Z" fill="#5545EF"/>
<path d="M614.231 301.93H493.311C485.081 301.93 477.641 296.42 475.231 288.53C474.831 287.21 475.571 285.81 476.891 285.41C478.211 285.01 479.611 285.75 480.011 287.07C481.791 292.88 487.261 296.93 493.311 296.93H614.231C621.901 296.93 628.131 290.69 628.131 283.03V192.28C628.131 184.62 621.891 178.38 614.231 178.38H575.251C573.871 178.38 572.751 177.26 572.751 175.88C572.751 174.5 573.871 173.38 575.251 173.38H614.231C624.651 173.38 633.131 181.86 633.131 192.28V283.03C633.131 293.45 624.651 301.93 614.231 301.93Z" fill="#5A49FA"/>
<g id="grot-404-text">
<path d="M564.94 154.74V131.41L549.33 148.14H569.88" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M624.88 154.74V131.41L609.271 148.14H629.831" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M589.431 152.79C595.202 152.79 599.88 148.402 599.88 142.99C599.88 137.578 595.202 133.19 589.431 133.19C583.659 133.19 578.98 137.578 578.98 142.99C578.98 148.402 583.659 152.79 589.431 152.79Z" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</g>
<path d="M364.23 218.6L394.26 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M394.26 218.6L364.23 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M319.95 218.6L349.99 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M349.99 218.6L319.95 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<g id="grot-404-magnifier">
<path opacity="0.15" d="M459.55 269.6C493.527 269.6 521.07 242.057 521.07 208.08C521.07 174.103 493.527 146.56 459.55 146.56C425.574 146.56 398.03 174.103 398.03 208.08C398.03 242.057 425.574 269.6 459.55 269.6Z" fill="white"/>
<path d="M531.381 221.52C532.261 216.9 532.671 212.18 532.621 207.48C532.571 202.87 532.071 198.24 531.131 193.71C530.201 189.23 528.831 184.82 527.061 180.6C525.291 176.38 523.111 172.3 520.581 168.5C518.021 164.65 515.071 161.04 511.831 157.77C508.521 154.43 504.861 151.42 500.961 148.8C496.961 146.12 492.661 143.82 488.171 141.98C483.681 140.14 479.011 138.75 474.271 137.85C469.651 136.97 464.931 136.56 460.231 136.61C455.621 136.66 450.99 137.16 446.46 138.1C441.98 139.03 437.571 140.4 433.351 142.17C429.131 143.94 425.051 146.12 421.251 148.65C417.401 151.21 413.791 154.16 410.521 157.4C407.181 160.71 404.171 164.37 401.551 168.27C398.871 172.27 396.571 176.57 394.731 181.06C392.891 185.55 391.501 190.22 390.601 194.96C389.721 199.58 389.311 204.3 389.361 209C389.411 213.61 389.911 218.24 390.851 222.77C391.781 227.25 393.151 231.66 394.921 235.88C396.691 240.1 398.871 244.18 401.401 247.98C403.961 251.83 406.911 255.44 410.151 258.71C413.461 262.05 417.121 265.06 421.021 267.68C423.211 269.15 425.491 270.5 427.841 271.73L420.241 290.27L419.321 289.89C416.121 288.58 412.441 290.12 411.131 293.32L383.451 360.83C382.141 364.03 383.681 367.71 386.881 369.02L400.891 374.77C404.091 376.08 407.771 374.54 409.081 371.34L436.761 303.83C438.071 300.63 436.531 296.95 433.331 295.64L432.411 295.26L440.011 276.72C442.551 277.5 445.121 278.14 447.711 278.63C452.331 279.51 457.051 279.92 461.751 279.87C466.361 279.82 470.991 279.32 475.521 278.38C480.001 277.45 484.411 276.08 488.631 274.31C492.851 272.54 496.931 270.36 500.731 267.83C504.581 265.27 508.19 262.32 511.46 259.08C514.8 255.77 517.811 252.11 520.431 248.21C523.111 244.21 525.411 239.91 527.251 235.42C529.091 230.93 530.481 226.26 531.381 221.52ZM438.471 263.14C408.151 250.71 393.651 216.04 406.081 185.72C418.511 155.4 453.181 140.9 483.501 153.33C513.821 165.76 528.321 200.43 515.891 230.75C503.461 261.07 468.791 275.57 438.471 263.14Z" fill="black"/>
<path opacity="0.3" d="M431.661 246.88C433.981 248.49 436.401 249.85 438.881 250.99C422.951 235.18 420.151 209.77 433.381 190.69C446.611 171.61 471.401 165.33 491.781 174.71C489.841 172.79 487.721 171 485.401 169.39C464.001 154.55 434.621 159.86 419.781 181.26C404.941 202.66 410.251 232.04 431.651 246.88H431.661Z" fill="white"/>
<path d="M425.671 350.09C437.371 343.43 440.131 329.99 437.201 321.33C434.781 314.19 424.271 311.27 418.091 319.96C411.221 329.61 422.451 339.87 422.451 339.87" fill="#F99F10"/>
<path d="M425.671 350.09C437.371 343.43 440.131 329.99 437.201 321.33C434.781 314.19 424.271 311.27 418.091 319.96C411.221 329.61 422.451 339.87 422.451 339.87" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

126
public/img/grot-404-light.svg
View File

@ -1,61 +1,67 @@
<svg width="722" height="480" viewBox="0 0 722 480" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M514.59 3.80879C447.52 -7.78121 379.51 8.58879 314.8 32.5588C275.1 47.2688 236.85 58.9488 196.11 69.7588C150.35 81.8988 102.13 94.2588 62.7402 123.959C15.7502 159.389 -0.05983 214.349 0.000170029 274.969C0.04017 319.049 7.54023 365.349 33.0602 399.379C71.8302 451.069 139.04 459.809 196.03 455.539C267.53 450.189 313.45 436.549 383.95 458.929C471.35 486.669 580.88 498.339 659.07 416.129C765.14 304.599 726.89 126.169 614.63 45.6788C598.19 33.8888 580.48 24.2188 561.98 16.9888C546.27 10.8488 530.46 6.53878 514.59 3.79878V3.80879Z" fill="#5545EF" fill-opacity="0.1"/>
<path opacity="0.1" d="M273.041 410.45C346.097 410.45 405.321 403.497 405.321 394.92C405.321 386.343 346.097 379.39 273.041 379.39C199.985 379.39 140.761 386.343 140.761 394.92C140.761 403.497 199.985 410.45 273.041 410.45Z" fill="black"/>
<path d="M346.921 293.19C358.131 296.32 448.181 322.33 432.881 344.87C418.531 366 348.841 340.92 326.921 325.65" fill="#F99F10"/>
<path d="M346.921 293.19C358.131 296.32 448.181 322.33 432.881 344.87C418.531 366 348.841 340.92 326.921 325.65" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M218.861 115.04C187.091 92.89 146.441 87.92 139.291 95.87C133.491 102.31 155.401 137.59 151.851 147.9C148.311 158.21 117.231 151.54 113.831 164.65C112.221 170.88 136.061 185.91 135.421 194.61C134.781 203.31 116.371 200.85 115.021 212.11C114.111 219.68 130.911 221.35 130.271 230.37C129.631 239.39 117.501 237.74 118.031 246.48C118.461 253.57 131.721 248.9 135.271 260.82C138.811 272.74 218.871 115.04 218.871 115.04H218.861Z" fill="#EF6122"/>
<path d="M77.1408 326.59C78.1108 297.43 98.4608 290.96 113.241 295.94C128.011 300.92 127.191 318.09 123.461 324.55C117.501 334.86 108.751 330.41 112.021 323.19C114.441 316.26 114.891 306.64 103.441 309.7C89.2109 313.51 93.6408 351.77 123.601 344.25C144.121 339.1 142.511 317.37 140.881 285.68C136.511 255.02 141.241 214.82 154.281 176.66C180.701 99.34 339.851 74.21 392.681 145.73C461.311 238.63 385.631 329.37 373.991 340.96C337.731 369.1 343.611 394.56 317.631 396.25C292.941 397.86 294.971 372.77 278.641 371.37C277.681 371.37 276.721 371.37 275.761 371.35C256.591 372.76 252.891 396.67 223.981 396.25C200.421 395.91 210.911 375.33 195.171 365.46C191.871 363.9 189.011 362.8 186.371 362.08C184.291 361.64 181.981 361.32 179.371 361.16C178.771 361.12 175.141 361.14 174.081 361.14C164.731 361.31 159.121 363.52 137.991 367.82C99.9208 375.56 76.3208 351.26 77.1408 326.59Z" fill="#FAC20C" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M181.051 134.78C235.171 96.44 298.161 117.38 306.211 122.7C314.261 128.02 325.671 121.7 319.261 105.73C297.781 52.25 242.361 25.05 227.441 34.26C210.761 44.56 231.741 90.5 220.841 101.27C212.091 109.91 206.131 103.31 191.251 98.32C177.811 93.81 181.051 134.78 181.051 134.78Z" fill="#EF6122"/>
<path d="M262.101 239.52L410.381 239.52C428.197 239.52 442.641 225.077 442.641 207.26V207.25C442.641 189.433 428.197 174.99 410.381 174.99L262.101 174.99C244.284 174.99 229.841 189.433 229.841 207.25V207.26C229.841 225.077 244.284 239.52 262.101 239.52Z" fill="#5545EF" stroke="#231735" stroke-width="5" stroke-miterlimit="10"/>
<path d="M296.28 228.67L408.8 228.67C420.619 228.67 430.2 219.089 430.2 207.27C430.2 195.451 420.619 185.87 408.8 185.87H296.28C284.461 185.87 274.88 195.451 274.88 207.27C274.88 219.089 284.461 228.67 296.28 228.67Z" fill="#19052D"/>
<path d="M257.971 297.31C257.351 316.15 250.621 333.66 236.651 332.47C221.221 331.16 217.391 315.15 217.921 297.76" fill="#F99F10"/>
<path d="M257.971 297.31C257.351 316.15 250.621 333.66 236.651 332.47C221.221 331.16 217.391 315.15 217.921 297.76" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M200.23 104.32C172.95 91.48 146.34 84.67 139.29 95.87C131.67 107.98 157.65 133.7 151.85 147.9C146.43 161.18 115.82 149.78 113.83 164.65C112.24 176.55 136.06 185.91 135.42 194.61C134.78 203.31 116.14 199.76 114.78 211.03C113.87 218.6 130.91 221.35 130.26 230.37C129.62 239.39 118.02 237.73 118.02 246.48C118.02 253.6 138.81 254.21 139.4 269.02" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M306.211 122.7C314.261 128.02 325.671 121.7 319.261 105.73C297.781 52.25 244.001 24.95 227.441 34.26C210.061 44.03 231.741 90.5 220.841 101.27C214.751 107.29 206.751 107.03 199.421 103.95" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M306.531 122.94C277.581 105.78 226.39 104.87 180.98 138.83" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M341.4 253.66C351.4 254.03 366.49 259.17 366.02 269.49C365.55 279.82 349.3 283.19 335.71 279.29C322.12 275.39 323.16 265.5 325.3 262.15C327.44 258.8 332.12 253.32 341.41 253.66H341.4Z" fill="black"/>
<path d="M345.16 258.45C351.6 259.28 356.39 262.63 356.39 262.63C356.39 262.63 355.45 269.62 344.22 269.4C332.99 269.18 336.07 258.72 336.07 258.72C336.07 258.72 339.03 257.66 345.15 258.44L345.16 258.45Z" fill="white"/>
<g opacity="0.5">
<path d="M621.96 318.31V332.84" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M629.23 325.58H614.69" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M657.411 162.86V175.25" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M663.601 169.05H651.221" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<g opacity="0.4">
<path d="M497.061 209.35V221.73" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M503.25 215.54H490.87" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
</g>
<path d="M668 293L676.76 301.75" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M676.76 293L668 301.75" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M476.391 312.83L482.341 318.78" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M482.341 312.83L476.391 318.78" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M515 125.2H523.41" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M519.21 121V129.41" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M609.581 239.16L616.861 231.87C617.721 231.01 617.721 229.61 616.861 228.74C616.001 227.88 614.601 227.88 613.731 228.74L606.451 236.03L599.161 228.75C598.301 227.89 596.901 227.89 596.031 228.75C595.171 229.61 595.171 231.01 596.031 231.88L603.321 239.16L596.041 246.45C595.181 247.31 595.181 248.71 596.041 249.58C596.471 250.01 597.041 250.23 597.601 250.23C598.161 250.23 598.731 250.01 599.161 249.58L606.441 242.29L613.731 249.57C614.161 250 614.731 250.22 615.291 250.22C615.851 250.22 616.421 250 616.851 249.57C617.711 248.71 617.711 247.31 616.851 246.44L609.561 239.16H609.581Z" fill="#B4ADF8"/>
<path d="M557.84 280.71V267.77C557.83 266.23 556.581 264.99 555.051 264.99C553.521 264.99 552.271 266.23 552.271 267.77V280.71C552.281 282.25 553.531 283.49 555.061 283.49C556.591 283.49 557.84 282.25 557.84 280.71Z" fill="#A59DF7"/>
<path d="M648.21 244.27V257.21C648.22 258.75 649.47 259.99 651 259.99C652.53 259.99 653.78 258.75 653.78 257.21V244.27C653.77 242.73 652.52 241.49 650.99 241.49C649.46 241.49 648.21 242.73 648.21 244.27Z" fill="#402EED"/>
<path d="M561.34 181.68H548.4C546.86 181.69 545.62 182.94 545.62 184.47C545.62 186 546.86 187.25 548.4 187.25H561.34C562.88 187.24 564.12 185.99 564.12 184.46C564.12 182.93 562.88 181.68 561.34 181.68Z" fill="#402EED"/>
<path d="M568.931 247.36L568.951 280.7C568.951 282.24 570.191 283.48 571.731 283.48C573.271 283.48 574.511 282.24 574.511 280.7L574.491 247.36C574.491 245.82 573.251 244.58 571.711 244.58C570.171 244.58 568.931 245.82 568.931 247.36Z" fill="#A59DF7"/>
<path d="M574.791 321.8L541.451 321.82C539.911 321.82 538.671 323.06 538.671 324.6C538.671 326.14 539.911 327.38 541.451 327.38L574.791 327.36C576.331 327.36 577.571 326.12 577.571 324.58C577.571 323.04 576.331 321.8 574.791 321.8Z" fill="#402EED"/>
<path d="M601.3 192.84H588.12C586.46 192.84 585.11 194.2 585.11 195.86V209.04C585.11 210.71 586.47 212.05 588.13 212.05H601.31C602.97 212.05 604.32 210.7 604.32 209.03V195.85C604.32 194.19 602.96 192.84 601.3 192.84ZM599.82 207.55H589.61V197.35H599.82V207.55Z" fill="#5545EF"/>
<path d="M541.171 280.72V258.49C541.161 256.95 539.911 255.71 538.381 255.71C536.851 255.71 535.601 256.95 535.601 258.49V280.72C535.611 282.26 536.861 283.5 538.391 283.5C539.921 283.5 541.171 282.26 541.171 280.72Z" fill="#A59DF7"/>
<path d="M524.981 318.59C528.361 318.59 531.111 321.34 531.111 324.72C531.111 328.1 528.361 330.85 524.981 330.85C521.601 330.85 518.851 328.1 518.851 324.72C518.851 321.34 521.601 318.59 524.981 318.59ZM524.981 326.76C526.111 326.76 527.021 325.84 527.021 324.72C527.021 323.6 526.101 322.68 524.981 322.68C523.861 322.68 522.941 323.6 522.941 324.72C522.941 325.84 523.861 326.76 524.981 326.76Z" fill="#5545EF"/>
<path d="M656.781 228.23C656.781 231.6 654.041 234.34 650.671 234.34C647.301 234.34 644.561 231.6 644.561 228.23C644.561 224.86 647.301 222.12 650.671 222.12C654.041 222.12 656.781 224.86 656.781 228.23ZM648.641 228.23C648.641 229.35 649.551 230.27 650.681 230.27C651.811 230.27 652.72 229.36 652.72 228.23C652.72 227.1 651.811 226.19 650.681 226.19C649.551 226.19 648.641 227.1 648.641 228.23Z" fill="#402EED"/>
<path d="M607.45 279.74C607.04 279.74 606.56 279.67 606.15 279.47C605.74 279.33 605.33 279.06 605.06 278.72C604.72 278.45 604.45 278.04 604.31 277.63C604.1 277.22 604.04 276.81 604.04 276.33C604.04 275.44 604.38 274.55 605.06 273.94C605.33 273.6 605.74 273.33 606.15 273.19C606.97 272.85 607.93 272.85 608.75 273.19C609.16 273.33 609.57 273.6 609.84 273.94C610.52 274.55 610.87 275.44 610.87 276.33C610.87 276.81 610.8 277.22 610.6 277.63C610.46 278.04 610.19 278.45 609.85 278.72C609.58 279.06 609.17 279.34 608.76 279.47C608.35 279.67 607.94 279.74 607.46 279.74H607.45Z" fill="#7F73F2"/>
<path d="M560.38 219.83C559.24 219.83 558.111 219.4 557.331 218.52C556.461 217.74 556.021 216.61 556.021 215.47C556.021 214.33 556.451 213.21 557.331 212.42C558.901 210.77 561.861 210.77 563.421 212.42C563.861 212.77 564.21 213.3 564.38 213.82C564.64 214.35 564.73 214.95 564.73 215.48C564.73 216.08 564.64 216.61 564.38 217.13C564.21 217.66 563.861 218.18 563.421 218.53C562.641 219.41 561.51 219.84 560.37 219.84L560.38 219.83Z" fill="#5545EF"/>
<path d="M659.59 202.46C658.81 202.46 658.04 202.16 657.5 201.56C656.9 201.02 656.61 200.25 656.61 199.47C656.61 198.69 656.91 197.92 657.5 197.38C658.57 196.25 660.6 196.25 661.67 197.38C661.97 197.62 662.21 197.98 662.33 198.34C662.51 198.7 662.57 199.11 662.57 199.48C662.57 199.89 662.51 200.25 662.33 200.61C662.21 200.97 661.97 201.33 661.67 201.57C661.13 202.17 660.36 202.47 659.58 202.47L659.59 202.46Z" fill="#B4ADF8"/>
<path d="M636.5 120.948C636.08 120.948 635.59 120.878 635.17 120.668C634.75 120.528 634.33 120.247 634.05 119.897C633.35 119.267 633 118.358 633 117.448C633 116.958 633.07 116.537 633.28 116.117C633.42 115.697 633.7 115.278 634.05 114.998C635.31 113.668 637.69 113.668 638.95 114.998C639.3 115.278 639.58 115.697 639.72 116.117C639.93 116.537 640 116.958 640 117.448C640 118.358 639.65 119.267 638.95 119.897C638.67 120.247 638.25 120.528 637.83 120.668C637.41 120.878 636.92 120.948 636.5 120.948Z" fill="#5545EF"/>
<path d="M614.231 301.93H493.311C485.081 301.93 477.641 296.42 475.231 288.53C474.831 287.21 475.571 285.81 476.891 285.41C478.211 285.01 479.611 285.75 480.011 287.07C481.791 292.88 487.261 296.93 493.311 296.93H614.231C621.901 296.93 628.131 290.69 628.131 283.03V192.28C628.131 184.62 621.891 178.38 614.231 178.38H575.251C573.871 178.38 572.751 177.26 572.751 175.88C572.751 174.5 573.871 173.38 575.251 173.38H614.231C624.651 173.38 633.131 181.86 633.131 192.28V283.03C633.131 293.45 624.651 301.93 614.231 301.93Z" fill="#402EED"/>
<path d="M564.94 154.74V131.41L549.33 148.14H569.88" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M624.88 154.74V131.41L609.271 148.14H629.831" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M589.431 152.79C595.202 152.79 599.88 148.402 599.88 142.99C599.88 137.578 595.202 133.19 589.431 133.19C583.659 133.19 578.98 137.578 578.98 142.99C578.98 148.402 583.659 152.79 589.431 152.79Z" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path d="M364.23 218.6L394.26 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M394.26 218.6L364.23 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M319.95 218.6L349.99 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M349.99 218.6L319.95 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path opacity="0.25" d="M459.55 269.6C493.527 269.6 521.07 242.057 521.07 208.08C521.07 174.103 493.527 146.56 459.55 146.56C425.574 146.56 398.03 174.103 398.03 208.08C398.03 242.057 425.574 269.6 459.55 269.6Z" fill="white"/>
<path d="M531.381 221.52C532.261 216.9 532.671 212.18 532.621 207.48C532.571 202.87 532.071 198.24 531.131 193.71C530.201 189.23 528.831 184.82 527.061 180.6C525.291 176.38 523.111 172.3 520.581 168.5C518.021 164.65 515.071 161.04 511.831 157.77C508.521 154.43 504.861 151.42 500.961 148.8C496.961 146.12 492.661 143.82 488.171 141.98C483.681 140.14 479.011 138.75 474.271 137.85C469.651 136.97 464.931 136.56 460.231 136.61C455.621 136.66 450.991 137.16 446.46 138.1C441.98 139.03 437.571 140.4 433.351 142.17C429.131 143.94 425.051 146.12 421.251 148.65C417.401 151.21 413.791 154.16 410.521 157.4C407.181 160.71 404.171 164.37 401.551 168.27C398.871 172.27 396.571 176.57 394.731 181.06C392.891 185.55 391.501 190.22 390.601 194.96C389.721 199.58 389.311 204.3 389.361 209C389.411 213.61 389.911 218.24 390.851 222.77C391.781 227.25 393.151 231.66 394.921 235.88C396.691 240.1 398.871 244.18 401.401 247.98C403.961 251.83 406.911 255.44 410.151 258.71C413.461 262.05 417.121 265.06 421.021 267.68C423.211 269.15 425.491 270.5 427.841 271.73L420.241 290.27L419.321 289.89C416.121 288.58 412.441 290.12 411.131 293.32L383.451 360.83C382.141 364.03 383.681 367.71 386.881 369.02L400.891 374.77C404.091 376.08 407.771 374.54 409.081 371.34L436.761 303.83C438.071 300.63 436.531 296.95 433.331 295.64L432.411 295.26L440.011 276.72C442.551 277.5 445.121 278.14 447.711 278.63C452.331 279.51 457.051 279.92 461.751 279.87C466.361 279.82 470.991 279.32 475.521 278.38C480.001 277.45 484.411 276.08 488.631 274.31C492.851 272.54 496.931 270.36 500.731 267.83C504.581 265.27 508.19 262.32 511.46 259.08C514.8 255.77 517.811 252.11 520.431 248.21C523.111 244.21 525.411 239.91 527.251 235.42C529.091 230.93 530.481 226.26 531.381 221.52ZM438.471 263.14C408.151 250.71 393.651 216.04 406.081 185.72C418.511 155.4 453.181 140.9 483.501 153.33C513.821 165.76 528.321 200.43 515.891 230.75C503.461 261.07 468.791 275.57 438.471 263.14Z" fill="#0A0016"/>
<path opacity="0.6" d="M431.661 246.88C433.981 248.49 436.401 249.85 438.881 250.99C422.951 235.18 420.151 209.77 433.381 190.69C446.611 171.61 471.401 165.33 491.781 174.71C489.841 172.79 487.721 171 485.401 169.39C464.001 154.55 434.621 159.86 419.781 181.26C404.941 202.66 410.251 232.04 431.651 246.88H431.661Z" fill="white"/>
<path d="M425.671 350.09C437.371 343.43 440.131 329.99 437.201 321.33C434.781 314.19 424.271 311.27 418.091 319.96C411.221 329.61 422.451 339.87 422.451 339.87" fill="#F99F10"/>
<path d="M425.671 350.09C437.371 343.43 440.131 329.99 437.201 321.33C434.781 314.19 424.271 311.27 418.091 319.96C411.221 329.61 422.451 339.87 422.451 339.87" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<svg viewBox="0 0 722 480" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M514.59 3.80879C447.52 -7.78121 379.51 8.58879 314.8 32.5588C275.1 47.2688 236.85 58.9488 196.11 69.7588C150.35 81.8988 102.13 94.2588 62.7402 123.959C15.7502 159.389 -0.05983 214.349 0.000170029 274.969C0.04017 319.049 7.54023 365.349 33.0602 399.379C71.8302 451.069 139.04 459.809 196.03 455.539C267.53 450.189 313.45 436.549 383.95 458.929C471.35 486.669 580.88 498.339 659.07 416.129C765.14 304.599 726.89 126.169 614.63 45.6788C598.19 33.8888 580.48 24.2188 561.98 16.9888C546.27 10.8488 530.46 6.53878 514.59 3.79878V3.80879Z" fill="#5545EF" fill-opacity="0.1"/>
<path opacity="0.1" d="M273.041 410.45C346.097 410.45 405.321 403.497 405.321 394.92C405.321 386.343 346.097 379.39 273.041 379.39C199.985 379.39 140.761 386.343 140.761 394.92C140.761 403.497 199.985 410.45 273.041 410.45Z" fill="black"/>
<g id="grot-404-arm">
<path d="M346.921 293.19C358.131 296.32 448.181 322.33 432.881 344.87C418.531 366 348.841 340.92 326.921 325.65" fill="#F99F10"/>
<path d="M346.921 293.19C358.131 296.32 448.181 322.33 432.881 344.87C418.531 366 348.841 340.92 326.921 325.65" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
</g>
<path d="M218.861 115.04C187.091 92.89 146.441 87.92 139.291 95.87C133.491 102.31 155.401 137.59 151.851 147.9C148.311 158.21 117.231 151.54 113.831 164.65C112.221 170.88 136.061 185.91 135.421 194.61C134.781 203.31 116.371 200.85 115.021 212.11C114.111 219.68 130.911 221.35 130.271 230.37C129.631 239.39 117.501 237.74 118.031 246.48C118.461 253.57 131.721 248.9 135.271 260.82C138.811 272.74 218.871 115.04 218.871 115.04H218.861Z" fill="#EF6122"/>
<path d="M77.1408 326.59C78.1108 297.43 98.4608 290.96 113.241 295.94C128.011 300.92 127.191 318.09 123.461 324.55C117.501 334.86 108.751 330.41 112.021 323.19C114.441 316.26 114.891 306.64 103.441 309.7C89.2109 313.51 93.6408 351.77 123.601 344.25C144.121 339.1 142.511 317.37 140.881 285.68C136.511 255.02 141.241 214.82 154.281 176.66C180.701 99.34 339.851 74.21 392.681 145.73C461.311 238.63 385.631 329.37 373.991 340.96C337.731 369.1 343.611 394.56 317.631 396.25C292.941 397.86 294.971 372.77 278.641 371.37C277.681 371.37 276.721 371.37 275.761 371.35C256.591 372.76 252.891 396.67 223.981 396.25C200.421 395.91 210.911 375.33 195.171 365.46C191.871 363.9 189.011 362.8 186.371 362.08C184.291 361.64 181.981 361.32 179.371 361.16C178.771 361.12 175.141 361.14 174.081 361.14C164.731 361.31 159.121 363.52 137.991 367.82C99.9208 375.56 76.3208 351.26 77.1408 326.59Z" fill="#FAC20C" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M181.051 134.78C235.171 96.44 298.161 117.38 306.211 122.7C314.261 128.02 325.671 121.7 319.261 105.73C297.781 52.25 242.361 25.05 227.441 34.26C210.761 44.56 231.741 90.5 220.841 101.27C212.091 109.91 206.131 103.31 191.251 98.32C177.811 93.81 181.051 134.78 181.051 134.78Z" fill="#EF6122"/>
<path d="M262.101 239.52L410.381 239.52C428.197 239.52 442.641 225.077 442.641 207.26V207.25C442.641 189.433 428.197 174.99 410.381 174.99L262.101 174.99C244.284 174.99 229.841 189.433 229.841 207.25V207.26C229.841 225.077 244.284 239.52 262.101 239.52Z" fill="#5545EF" stroke="#231735" stroke-width="5" stroke-miterlimit="10"/>
<path d="M296.28 228.67L408.8 228.67C420.619 228.67 430.2 219.089 430.2 207.27C430.2 195.451 420.619 185.87 408.8 185.87H296.28C284.461 185.87 274.88 195.451 274.88 207.27C274.88 219.089 284.461 228.67 296.28 228.67Z" fill="#19052D"/>
<path d="M257.971 297.31C257.351 316.15 250.621 333.66 236.651 332.47C221.221 331.16 217.391 315.15 217.921 297.76" fill="#F99F10"/>
<path d="M257.971 297.31C257.351 316.15 250.621 333.66 236.651 332.47C221.221 331.16 217.391 315.15 217.921 297.76" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M200.23 104.32C172.95 91.48 146.34 84.67 139.29 95.87C131.67 107.98 157.65 133.7 151.85 147.9C146.43 161.18 115.82 149.78 113.83 164.65C112.24 176.55 136.06 185.91 135.42 194.61C134.78 203.31 116.14 199.76 114.78 211.03C113.87 218.6 130.91 221.35 130.26 230.37C129.62 239.39 118.02 237.73 118.02 246.48C118.02 253.6 138.81 254.21 139.4 269.02" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M306.211 122.7C314.261 128.02 325.671 121.7 319.261 105.73C297.781 52.25 244.001 24.95 227.441 34.26C210.061 44.03 231.741 90.5 220.841 101.27C214.751 107.29 206.751 107.03 199.421 103.95" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M306.531 122.94C277.581 105.78 226.39 104.87 180.98 138.83" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10"/>
<path d="M341.4 253.66C351.4 254.03 366.49 259.17 366.02 269.49C365.55 279.82 349.3 283.19 335.71 279.29C322.12 275.39 323.16 265.5 325.3 262.15C327.44 258.8 332.12 253.32 341.41 253.66H341.4Z" fill="black"/>
<path d="M345.16 258.45C351.6 259.28 356.39 262.63 356.39 262.63C356.39 262.63 355.45 269.62 344.22 269.4C332.99 269.18 336.07 258.72 336.07 258.72C336.07 258.72 339.03 257.66 345.15 258.44L345.16 258.45Z" fill="white"/>
<g opacity="0.5">
<path d="M621.96 318.31V332.84" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M629.23 325.58H614.69" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M657.411 162.86V175.25" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M663.601 169.05H651.221" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<g opacity="0.4">
<path d="M497.061 209.35V221.73" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M503.25 215.54H490.87" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
</g>
<path d="M668 293L676.76 301.75" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M676.76 293L668 301.75" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M476.391 312.83L482.341 318.78" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M482.341 312.83L476.391 318.78" stroke="#5545EF" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M515 125.2H523.41" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M519.21 121V129.41" stroke="#7F73F2" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M609.581 239.16L616.861 231.87C617.721 231.01 617.721 229.61 616.861 228.74C616.001 227.88 614.601 227.88 613.731 228.74L606.451 236.03L599.161 228.75C598.301 227.89 596.901 227.89 596.031 228.75C595.171 229.61 595.171 231.01 596.031 231.88L603.321 239.16L596.041 246.45C595.181 247.31 595.181 248.71 596.041 249.58C596.471 250.01 597.041 250.23 597.601 250.23C598.161 250.23 598.731 250.01 599.161 249.58L606.441 242.29L613.731 249.57C614.161 250 614.731 250.22 615.291 250.22C615.851 250.22 616.421 250 616.851 249.57C617.711 248.71 617.711 247.31 616.851 246.44L609.561 239.16H609.581Z" fill="#B4ADF8"/>
<path d="M557.84 280.71V267.77C557.83 266.23 556.581 264.99 555.051 264.99C553.521 264.99 552.271 266.23 552.271 267.77V280.71C552.281 282.25 553.531 283.49 555.061 283.49C556.591 283.49 557.84 282.25 557.84 280.71Z" fill="#A59DF7"/>
<path d="M648.21 244.27V257.21C648.22 258.75 649.47 259.99 651 259.99C652.53 259.99 653.78 258.75 653.78 257.21V244.27C653.77 242.73 652.52 241.49 650.99 241.49C649.46 241.49 648.21 242.73 648.21 244.27Z" fill="#402EED"/>
<path d="M561.34 181.68H548.4C546.86 181.69 545.62 182.94 545.62 184.47C545.62 186 546.86 187.25 548.4 187.25H561.34C562.88 187.24 564.12 185.99 564.12 184.46C564.12 182.93 562.88 181.68 561.34 181.68Z" fill="#402EED"/>
<path d="M568.931 247.36L568.951 280.7C568.951 282.24 570.191 283.48 571.731 283.48C573.271 283.48 574.511 282.24 574.511 280.7L574.491 247.36C574.491 245.82 573.251 244.58 571.711 244.58C570.171 244.58 568.931 245.82 568.931 247.36Z" fill="#A59DF7"/>
<path d="M574.791 321.8L541.451 321.82C539.911 321.82 538.671 323.06 538.671 324.6C538.671 326.14 539.911 327.38 541.451 327.38L574.791 327.36C576.331 327.36 577.571 326.12 577.571 324.58C577.571 323.04 576.331 321.8 574.791 321.8Z" fill="#402EED"/>
<path d="M601.3 192.84H588.12C586.46 192.84 585.11 194.2 585.11 195.86V209.04C585.11 210.71 586.47 212.05 588.13 212.05H601.31C602.97 212.05 604.32 210.7 604.32 209.03V195.85C604.32 194.19 602.96 192.84 601.3 192.84ZM599.82 207.55H589.61V197.35H599.82V207.55Z" fill="#5545EF"/>
<path d="M541.171 280.72V258.49C541.161 256.95 539.911 255.71 538.381 255.71C536.851 255.71 535.601 256.95 535.601 258.49V280.72C535.611 282.26 536.861 283.5 538.391 283.5C539.921 283.5 541.171 282.26 541.171 280.72Z" fill="#A59DF7"/>
<path d="M524.981 318.59C528.361 318.59 531.111 321.34 531.111 324.72C531.111 328.1 528.361 330.85 524.981 330.85C521.601 330.85 518.851 328.1 518.851 324.72C518.851 321.34 521.601 318.59 524.981 318.59ZM524.981 326.76C526.111 326.76 527.021 325.84 527.021 324.72C527.021 323.6 526.101 322.68 524.981 322.68C523.861 322.68 522.941 323.6 522.941 324.72C522.941 325.84 523.861 326.76 524.981 326.76Z" fill="#5545EF"/>
<path d="M656.781 228.23C656.781 231.6 654.041 234.34 650.671 234.34C647.301 234.34 644.561 231.6 644.561 228.23C644.561 224.86 647.301 222.12 650.671 222.12C654.041 222.12 656.781 224.86 656.781 228.23ZM648.641 228.23C648.641 229.35 649.551 230.27 650.681 230.27C651.811 230.27 652.72 229.36 652.72 228.23C652.72 227.1 651.811 226.19 650.681 226.19C649.551 226.19 648.641 227.1 648.641 228.23Z" fill="#402EED"/>
<path d="M607.45 279.74C607.04 279.74 606.56 279.67 606.15 279.47C605.74 279.33 605.33 279.06 605.06 278.72C604.72 278.45 604.45 278.04 604.31 277.63C604.1 277.22 604.04 276.81 604.04 276.33C604.04 275.44 604.38 274.55 605.06 273.94C605.33 273.6 605.74 273.33 606.15 273.19C606.97 272.85 607.93 272.85 608.75 273.19C609.16 273.33 609.57 273.6 609.84 273.94C610.52 274.55 610.87 275.44 610.87 276.33C610.87 276.81 610.8 277.22 610.6 277.63C610.46 278.04 610.19 278.45 609.85 278.72C609.58 279.06 609.17 279.34 608.76 279.47C608.35 279.67 607.94 279.74 607.46 279.74H607.45Z" fill="#7F73F2"/>
<path d="M560.38 219.83C559.24 219.83 558.111 219.4 557.331 218.52C556.461 217.74 556.021 216.61 556.021 215.47C556.021 214.33 556.451 213.21 557.331 212.42C558.901 210.77 561.861 210.77 563.421 212.42C563.861 212.77 564.21 213.3 564.38 213.82C564.64 214.35 564.73 214.95 564.73 215.48C564.73 216.08 564.64 216.61 564.38 217.13C564.21 217.66 563.861 218.18 563.421 218.53C562.641 219.41 561.51 219.84 560.37 219.84L560.38 219.83Z" fill="#5545EF"/>
<path d="M659.59 202.46C658.81 202.46 658.04 202.16 657.5 201.56C656.9 201.02 656.61 200.25 656.61 199.47C656.61 198.69 656.91 197.92 657.5 197.38C658.57 196.25 660.6 196.25 661.67 197.38C661.97 197.62 662.21 197.98 662.33 198.34C662.51 198.7 662.57 199.11 662.57 199.48C662.57 199.89 662.51 200.25 662.33 200.61C662.21 200.97 661.97 201.33 661.67 201.57C661.13 202.17 660.36 202.47 659.58 202.47L659.59 202.46Z" fill="#B4ADF8"/>
<path d="M636.5 120.948C636.08 120.948 635.59 120.878 635.17 120.668C634.75 120.528 634.33 120.247 634.05 119.897C633.35 119.267 633 118.358 633 117.448C633 116.958 633.07 116.537 633.28 116.117C633.42 115.697 633.7 115.278 634.05 114.998C635.31 113.668 637.69 113.668 638.95 114.998C639.3 115.278 639.58 115.697 639.72 116.117C639.93 116.537 640 116.958 640 117.448C640 118.358 639.65 119.267 638.95 119.897C638.67 120.247 638.25 120.528 637.83 120.668C637.41 120.878 636.92 120.948 636.5 120.948Z" fill="#5545EF"/>
<path d="M614.231 301.93H493.311C485.081 301.93 477.641 296.42 475.231 288.53C474.831 287.21 475.571 285.81 476.891 285.41C478.211 285.01 479.611 285.75 480.011 287.07C481.791 292.88 487.261 296.93 493.311 296.93H614.231C621.901 296.93 628.131 290.69 628.131 283.03V192.28C628.131 184.62 621.891 178.38 614.231 178.38H575.251C573.871 178.38 572.751 177.26 572.751 175.88C572.751 174.5 573.871 173.38 575.251 173.38H614.231C624.651 173.38 633.131 181.86 633.131 192.28V283.03C633.131 293.45 624.651 301.93 614.231 301.93Z" fill="#402EED"/>
<g id="grot-404-text">
<path d="M564.94 154.74V131.41L549.33 148.14H569.88" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M624.88 154.74V131.41L609.271 148.14H629.831" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M589.431 152.79C595.202 152.79 599.88 148.402 599.88 142.99C599.88 137.578 595.202 133.19 589.431 133.19C583.659 133.19 578.98 137.578 578.98 142.99C578.98 148.402 583.659 152.79 589.431 152.79Z" stroke="#A69DF7" stroke-width="5.18" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</g>
<path d="M364.23 218.6L394.26 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M394.26 218.6L364.23 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M319.95 218.6L349.99 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M349.99 218.6L319.95 198.12" stroke="white" stroke-width="5.18" stroke-miterlimit="10" stroke-linecap="round"/>
<g id="grot-404-magnifier">
<path opacity="0.25" d="M459.55 269.6C493.527 269.6 521.07 242.057 521.07 208.08C521.07 174.103 493.527 146.56 459.55 146.56C425.574 146.56 398.03 174.103 398.03 208.08C398.03 242.057 425.574 269.6 459.55 269.6Z" fill="white"/>
<path d="M531.381 221.52C532.261 216.9 532.671 212.18 532.621 207.48C532.571 202.87 532.071 198.24 531.131 193.71C530.201 189.23 528.831 184.82 527.061 180.6C525.291 176.38 523.111 172.3 520.581 168.5C518.021 164.65 515.071 161.04 511.831 157.77C508.521 154.43 504.861 151.42 500.961 148.8C496.961 146.12 492.661 143.82 488.171 141.98C483.681 140.14 479.011 138.75 474.271 137.85C469.651 136.97 464.931 136.56 460.231 136.61C455.621 136.66 450.991 137.16 446.46 138.1C441.98 139.03 437.571 140.4 433.351 142.17C429.131 143.94 425.051 146.12 421.251 148.65C417.401 151.21 413.791 154.16 410.521 157.4C407.181 160.71 404.171 164.37 401.551 168.27C398.871 172.27 396.571 176.57 394.731 181.06C392.891 185.55 391.501 190.22 390.601 194.96C389.721 199.58 389.311 204.3 389.361 209C389.411 213.61 389.911 218.24 390.851 222.77C391.781 227.25 393.151 231.66 394.921 235.88C396.691 240.1 398.871 244.18 401.401 247.98C403.961 251.83 406.911 255.44 410.151 258.71C413.461 262.05 417.121 265.06 421.021 267.68C423.211 269.15 425.491 270.5 427.841 271.73L420.241 290.27L419.321 289.89C416.121 288.58 412.441 290.12 411.131 293.32L383.451 360.83C382.141 364.03 383.681 367.71 386.881 369.02L400.891 374.77C404.091 376.08 407.771 374.54 409.081 371.34L436.761 303.83C438.071 300.63 436.531 296.95 433.331 295.64L432.411 295.26L440.011 276.72C442.551 277.5 445.121 278.14 447.711 278.63C452.331 279.51 457.051 279.92 461.751 279.87C466.361 279.82 470.991 279.32 475.521 278.38C480.001 277.45 484.411 276.08 488.631 274.31C492.851 272.54 496.931 270.36 500.731 267.83C504.581 265.27 508.19 262.32 511.46 259.08C514.8 255.77 517.811 252.11 520.431 248.21C523.111 244.21 525.411 239.91 527.251 235.42C529.091 230.93 530.481 226.26 531.381 221.52ZM438.471 263.14C408.151 250.71 393.651 216.04 406.081 185.72C418.511 155.4 453.181 140.9 483.501 153.33C513.821 165.76 528.321 200.43 515.891 230.75C503.461 261.07 468.791 275.57 438.471 263.14Z" fill="#0A0016"/>
<path opacity="0.6" d="M431.661 246.88C433.981 248.49 436.401 249.85 438.881 250.99C422.951 235.18 420.151 209.77 433.381 190.69C446.611 171.61 471.401 165.33 491.781 174.71C489.841 172.79 487.721 171 485.401 169.39C464.001 154.55 434.621 159.86 419.781 181.26C404.941 202.66 410.251 232.04 431.651 246.88H431.661Z" fill="white"/>
<path d="M425.671 350.09C437.371 343.43 440.131 329.99 437.201 321.33C434.781 314.19 424.271 311.27 418.091 319.96C411.221 329.61 422.451 339.87 422.451 339.87" fill="#F99F10"/>
<path d="M425.671 350.09C437.371 343.43 440.131 329.99 437.201 321.33C434.781 314.19 424.271 311.27 418.091 319.96C411.221 329.61 422.451 339.87 422.451 339.87" stroke="#3A1103" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

29
public/img/grot-not-found.svg
View File

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

Before

Width:  |  Height:  |  Size: 13 KiB