Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

WIP new docs homepage

pull/1387/head
Scott Anderson 2020-08-17 14:31:11 -06:00
parent 54b5afdb3b
commit c71def42d3
8 changed files with 898 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
assets/styles/layouts/_global.scss
View File

@ -31,35 +31,6 @@ a {
flex-grow: 1;
}
/// Styles for the placeholder homepage only viewalbe with running locally ///
.home-placeholder {
max-width: 480px;
padding: 0 1.5rem;
margin: 20vh auto 0;
color: $article-text;
text-align:center;
font-style:italic;
.welcome {
text-align:center;
font-weight: bold;
color: $article-heading;
font-size: 1.1rem;
}
p {
margin-top: 1rem;
line-height: 1.25rem;
}
a {
color: $article-link;
font-weight: bold;
text-decoration: none;
&:hover {
color: $article-link-hover;
}
}
}
////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

132
assets/styles/layouts/_homepage.scss Normal file
View File

@ -0,0 +1,132 @@
/// Styles for the placeholder homepage only viewalbe with running locally ///
.home {
display: flex;
flex-direction: column;
h2 {font-weight: $medium;}
.section {
display: flex;
&.row{
flex-direction: row;
}
.card {
padding: 1.5rem;
}
.half { width: 50%; }
.third { width: 33.33%; }
.two-thirds { width: 66.67%; }
span.version {
font-size: 1.15rem;
opacity: .65;
}
}
///////////////////////////// HERO SECTION STYLES ////////////////////////////
.hero {
position: relative;
padding: 3.5rem 3rem 4.5rem;
@include gradient($grad-WarpSpeed)
color: $g20-white;
z-index: 0;
// overflow: hidden;
h2 {
margin: 1.5rem 0 .5rem;
font-weight: 300;
font-size: 3rem;
}
p {
font-size: 1.1rem;
line-height: 1.85rem;
}
#hero-img {
position: absolute;
max-width: 50%;
max-height: 135%;
bottom: -25%;
right: 0;
}
a.btn {
position: relative;
display: inline-block;
margin: .5rem .25rem .5rem 0;
padding: 1rem 2rem;
color: $article-btn-text !important;
border-radius: $radius;
font-weight: $medium;
text-decoration: none;
text-align: center;
z-index: 1;
@include gradient($article-btn-gradient);
&:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
width: 100%;
height: 100%;
border-radius: $radius;
@include gradient($article-btn-gradient-hover);
opacity: 0;
transition: opacity .2s;
z-index: -1;
}
&:hover {
cursor: pointer;
&:after {
opacity: 1;
}
}
}
}
//////////////////////////// SEARCH SECTION STYLES ///////////////////////////
.search {
padding: 2rem 3rem;
.sidebar--search {
max-width: 55%;
font-size: 1.1rem;
input {
padding: .75em 2.35rem .75rem 1rem
}
&:after {
font-size: 2rem;
top: .35rem;
right: .45rem;
}
.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu {
top: auto !important;
left: auto !important;
margin-bottom: 1.5rem;
&:after {
content: "";
box-shadow: 2px 2px 10px $sidebar-search-shadow;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}
}
}
}
.telegraf {@include gradient($telegraf-dropdown-gradient); color: $g20-white;}
.influxdb {@include gradient($default-dropdown-gradient); color: $g20-white;}
.chronograf {@include gradient($chronograf-dropdown-gradient); color: $g20-white;}
.kapacitor {@include gradient($kapacitor-dropdown-gradient); color: $g20-white;}
}

1
assets/styles/layouts/_top-nav.scss
View File

@ -4,6 +4,7 @@
justify-content: space-between;
position: relative;
box-sizing: border-box;
z-index: 1;
.influx-home {
font-family: 'icomoon';

1
assets/styles/styles-default.scss
View File

@ -13,6 +13,7 @@
@import "normalize/import-now",
"layouts/global",
"layouts/top-nav",
"layouts/homepage",
"layouts/sidebar",
"layouts/sidebar-toggle",
"layouts/content-wrapper",

4
assets/styles/tools/_color-palette.scss
View File

@ -142,3 +142,7 @@ $grad-ScotchBonnet: $y-pineapple,$r-curacao;
// New gradients
$grad-PurpleFog: $p-potassium, $cp-munchkin;
$grad-PurpleRain: $p-void, $cp-marguerite;
// Transparent gradients
$grad-purpleFade: $br-pulsar, rgba($br-pulsar, 0);
$grad-blueFade: $b-ocean, rgba($b-ocean, 0);

10
content/_index.md Normal file
View File

@ -0,0 +1,10 @@
---
# Meta information for the documentation homepage
title: InfluxData Documentation
description: >
InfluxData provides the industry leading time series platform.
Store, process, and alert on time series data with InfluxDB and InfluxDB Cloud.
Use Telegraf to collect metrics from a growing number of technologies.
Visualize data with Chronograf.
Build robust monitoring and alerting pipelines with Kapacitor.
---

87
layouts/index.html
View File

@ -1,14 +1,81 @@
{{ partial "header.html" . }}
{{ $influxdbVersionV2 := .Site.Data.products.influxdb.latest }}
{{ $influxdbVersionV1 := (index (last 1 (findRE `v1\.[0-9]{1,2}` (delimit .Site.Data.products.influxdb.versions " "))) 0) }}
{{ $enterpriseVersion := .Site.Data.products.enterprise_influxdb.latest }}
{{ $telegrafVersion := .Site.Data.products.telegraf.latest }}
{{ $chronografVersion := .Site.Data.products.chronograf.latest }}
{{ $kapacitorVersion := .Site.Data.products.kapacitor.latest }}
<div class="home-placeholder">
<p class="welcome">
Welcome to the InfluxDB v2.x documentation
</p>
<p>
This page is never actually shown on the live docs since visiting the docs domain will redirect to the latest stable version.
Select your desired version from the dropdown above or go straight to the
<a href="/influxdb/{{ $.Site.Data.products.influxdb.latest }}">latest stable version</a>.
</p>
{{ partial "header.html" . }}
{{ partial "topnav.html" . }}
<div class="home">
<div class="section hero">
{{ partial "svgs/homepage-hero.svg" }}
<div class="half">
<h2>InfluxDB Cloud & <br />InfluxDB {{ $influxdbVersionV2 }} OSS</h2>
<p>
The most powerful time series database designed to handle high write and query loads.
Run in the cloud with <strong>InfluxDB Cloud</strong> or on your own hardware with <strong>InfluxDB {{ $influxdbVersionV2 }} OSS</strong>.
</p>
<a class="btn" href="/influxdb/{{ $influxdbVersionV2 }}">View InfluxDB {{ $influxdbVersionV2 }} Documentation</a>
</div>
</div>
<div class="section search">
<div class="sidebar--search">
<input class="sidebar--search-field"
id="algolia-search-input"
type="text"
accesskey="s"
autocomplete="off"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
dir="auto"
placeholder='Search the docs'>
</div>
</div>
<div class="section row">
<div class="card">
<h2>InfluxData Platform</h2>
<p>Some marketing description about the TICK Stack</p>
<a href="/platform/">Learn more about the platform</a>
</div>
<div class="card telegraf">
<h2>Telegraf <span class="version">{{ $telegrafVersion }}</span></h2>
<p>Open source server agent to collect metrics from stacks, sensors and systems.</p>
<a href="/telegraf/{{ $telegrafVersion }}/"></a>
</div>
<div class="card influxdb">
<h2>InfluxDB <span class="version">{{ $influxdbVersionV1 }}</span></h2>
<p>The time series database designed to handle high write and query loads.</p>
<a href="/influxdb/{{ $influxdbVersionV1 }}/"></a>
</div>
<div class="card chronograf">
<h2>Chronograf <span class="version">{{ $chronografVersion }}</span></h2>
<p>The administrative user interface and visualization engine for InfluxDB.</p>
<a href="/chronograf/{{ $chronografVersion }}/"></a>
</div>
<div class="card kapacitor">
<h2>Kapacitor <span class="version">{{ $kapacitorVersion }}</span></h2>
<p>Process and alert on stream and batch data from InfluxDB.</p>
<a href="/kapacitor/{{ $kapacitorVersion }}/"></a>
</div>
</div>
<div class="section row">
<div class="card">
<h2>InfluxData Enterprise offerings</h2>
<p>Some marketing description about Enterprise</p>
</div>
<div class="card influxdb">
<h2>InfluxDB Enterprise <span class="version">{{ $enterpriseVersion }}</span></h2>
<p>A production-ready InfluxDB cluster that can run anywhere.</p>
<a href="/enterprise_influxdb/{{ $enterpriseVersion }}/"></a>
</div>
<div>
</div>
{{ partial "footer.html" . }}

673
layouts/partials/svgs/homepage-hero.svg Normal file
View File

@ -0,0 +1,673 @@
<svg version="1.1" id="hero-img" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.25;fill:url(#SVGID_1_);}
.st1{fill:url(#SVGID_2_);}
.st2{fill:url(#SVGID_3_);}
.st3{fill:url(#SVGID_4_);}
.st4{fill:url(#SVGID_5_);}
.st5{opacity:0.51;fill:url(#SVGID_6_);}
.st6{opacity:0.69;fill:url(#SVGID_7_);}
.st7{fill:url(#SVGID_8_);}
.st8{fill:url(#SVGID_9_);}
.st9{fill:url(#SVGID_10_);}
.st10{fill:url(#SVGID_11_);}
.st11{fill:url(#SVGID_12_);}
.st12{fill:url(#SVGID_13_);}
.st13{fill:url(#SVGID_14_);}
.st14{fill:url(#SVGID_15_);}
.st15{fill:url(#SVGID_16_);}
.st16{fill:url(#SVGID_17_);}
.st17{fill:url(#SVGID_18_);}
.st18{opacity:0.5;fill:url(#SVGID_19_);}
.st19{opacity:0.65;}
.st20{fill:url(#SVGID_20_);}
.st21{opacity:0.64;}
.st22{fill:url(#SVGID_21_);}
.st23{opacity:0.54;fill:url(#SVGID_22_);}
.st24{opacity:0.88;}
.st25{opacity:0.31;}
.st26{fill:url(#SVGID_23_);}
.st27{opacity:0.3;}
.st28{fill:#439ED5;}
.st29{opacity:0.62;}
.st30{fill:url(#SVGID_24_);}
.st31{opacity:0.4;}
.st32{opacity:0.51;}
.st33{fill:url(#SVGID_25_);}
.st34{opacity:0.5;}
.st35{fill:url(#SVGID_26_);}
.st36{fill:url(#SVGID_27_);}
.st37{fill:url(#SVGID_28_);}
.st38{opacity:0.55;}
.st39{fill:url(#SVGID_29_);}
.st40{fill:url(#SVGID_30_);}
.st41{opacity:0.6;}
.st42{fill:url(#SVGID_31_);}
.st43{fill:url(#SVGID_32_);}
.st44{fill:url(#SVGID_33_);}
.st45{fill:url(#SVGID_34_);}
.st46{fill:url(#SVGID_35_);}
.st47{opacity:0.78;fill:url(#SVGID_36_);}
.st48{fill:url(#SVGID_37_);}
.st49{opacity:0.69;fill:url(#SVGID_38_);}
.st50{opacity:0.42;fill:url(#SVGID_39_);}
.st51{opacity:0.58;}
.st52{fill:#E5C9ED;}
.st53{opacity:0.59;fill:url(#SVGID_40_);}
.st54{opacity:0.85;fill:url(#SVGID_41_);}
.st55{fill:#CCEC22;}
.st56{fill:url(#SVGID_42_);}
.st57{fill:url(#SVGID_43_);}
.st58{fill:#292933;}
.st59{fill:#47BCEA;}
.st60{fill:url(#SVGID_44_);}
.st61{fill:url(#SVGID_45_);}
.st62{fill:url(#SVGID_46_);}
.st63{opacity:0.55;fill:url(#SVGID_47_);}
.st64{fill:#B67FEF;}
.st65{fill:url(#SVGID_48_);}
.st66{fill:#AA6FF7;}
.st67{fill:url(#SVGID_49_);}
.st68{fill:url(#SVGID_50_);}
.st69{fill:url(#SVGID_51_);}
.st70{fill:url(#SVGID_52_);}
.st71{fill:url(#SVGID_53_);}
.st72{fill:url(#SVGID_54_);}
</style>
<g id="back">
</g>
<g id="platform">
<g>
<radialGradient id="SVGID_1_" cx="-497.7702" cy="524.6248" r="115.4329" gradientTransform="matrix(1.8765 6.299008e-02 -6.241235e-02 0.9843 1265.2174 -21.8549)" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#7A64E4"/>
<stop offset="1" style="stop-color:#7A64E5;stop-opacity:0"/>
</radialGradient>
<ellipse class="st0" cx="287.2" cy="452.1" rx="245.6" ry="133.7"/>
<g>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="78.8085" y1="426.2571" x2="525.5908" y2="426.2571">
<stop offset="0" style="stop-color:#1D1A33"/>
<stop offset="1" style="stop-color:#1D1934"/>
</linearGradient>
<path class="st1" d="M525.5,424.8v-24H508v6.5L320.5,299.2c-11.3-6.5-25.2-6.5-36.5,0L96.3,407.5v-6.8L78.8,408l0.2,18.8l0,0.6
c0.3,4.7,2.8,9.2,7.5,11.9l197.5,114c11.3,6.5,25.2,6.5,36.5,0l197.5-114C523.6,436.1,526,430.4,525.5,424.8z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="309.4343" y1="426.4217" x2="536.4043" y2="431.9964">
<stop offset="0" style="stop-color:#1D1A33"/>
<stop offset="0.809" style="stop-color:#292645"/>
</linearGradient>
<path class="st2" d="M518.1,439.3l-197.5,114c-5.5,3.2-11.7,4.8-17.9,4.9v-264c6.2,0,12.4,1.7,17.9,4.9L508,407.4v-6.5l17.5,7.1
v16.9C526,430.4,523.6,436.1,518.1,439.3z"/>
</g>
<g>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="2204.7739" y1="525.7761" x2="2195.2732" y2="155.2478" gradientTransform="matrix(-1 0 0 1 2503.6987 0)">
<stop offset="3.828044e-03" style="stop-color:#524885"/>
<stop offset="1" style="stop-color:#36305F"/>
</linearGradient>
<path class="st3" d="M517.9,394.9L320.2,280.8c-11.3-6.5-25.2-6.5-36.5,0L86,394.9c-10.1,5.8-10.1,20.3,0,26.1l197.7,114.1
c11.3,6.5,25.2,6.5,36.5,0L517.9,421C528,415.2,528,400.7,517.9,394.9z"/>
<g>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="2201.7529" y1="273.9655" x2="2201.7529" y2="541.9379" gradientTransform="matrix(-1 0 0 1 2503.6987 0)">
<stop offset="0" style="stop-color:#36305F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4C387F"/>
</linearGradient>
<path class="st4" d="M301.9,541.9c-6.6,0-13.3-1.7-19.2-5.1L85,422.7c-5.3-3.1-8.5-8.6-8.5-14.7c0-6.1,3.2-11.6,8.5-14.7
l197.7-114.1c11.9-6.8,26.6-6.8,38.4,0l197.7,114.1c5.3,3.1,8.5,8.6,8.5,14.7c0,6.1-3.2,11.6-8.5,14.7L321.2,536.8
C315.2,540.2,308.6,541.9,301.9,541.9z M301.9,277.8c-6,0-12,1.5-17.3,4.6L86.9,396.5c-4.1,2.4-6.6,6.6-6.6,11.4
c0,4.8,2.5,9,6.6,11.4l197.7,114.1c10.7,6.2,23.9,6.2,34.6,0l197.7-114.1c4.1-2.4,6.6-6.6,6.6-11.4c0-4.8-2.5-9-6.6-11.4
L319.3,282.4C313.9,279.3,307.9,277.8,301.9,277.8z"/>
</g>
</g>
</g>
<radialGradient id="SVGID_6_" cx="-491.2517" cy="356.4801" r="105.5277" gradientTransform="matrix(1.429 -0.1202 9.611484e-02 1.1429 1006.0948 -159.5117)" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#22A4ED;stop-opacity:0.8"/>
<stop offset="0.925" style="stop-color:#B62FDC;stop-opacity:0"/>
</radialGradient>
<path class="st5" d="M509.1,292.6c5.7,68.1-66.1,129.7-160.4,137.7s-175.4-40.8-181.2-108.9c-5.7-68.1,66.1-129.7,160.4-137.7
C422.3,175.7,503.4,224.5,509.1,292.6z"/>
</g>
<g id="Layer_15">
<g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="203.0987" y1="422.3886" x2="124.6965" y2="383.8019">
<stop offset="0" style="stop-color:#1C1C23"/>
<stop offset="0.7663" style="stop-color:#2B264C;stop-opacity:0"/>
</linearGradient>
<polygon class="st6" points="199.1,409.5 199.7,398.9 126.9,384.7 117.5,402 186.6,415.1 182.6,408.8 "/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="190.1116" y1="456.9626" x2="192.0644" y2="212.8648">
<stop offset="0" style="stop-color:#241F4A"/>
<stop offset="1" style="stop-color:#565499"/>
</linearGradient>
<path class="st7" d="M205.8,409.8L199.4,164l-16.7,8.2l-7.5,237.6l0,0c0,2.3,1.5,4.7,4.5,6.5c6,3.6,15.7,3.6,21.7,0
C204.3,414.5,205.8,412.2,205.8,409.8L205.8,409.8z"/>
<g>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="167.5772" y1="189.1854" x2="187.9729" y2="149.6958">
<stop offset="0" style="stop-color:#565499"/>
<stop offset="1" style="stop-color:#2D2E5C"/>
</linearGradient>
<path class="st8" d="M152.6,153.1c-4,13.6,22,33,46.1,41l-1.5-18l15.2-9.2C192.8,148,156.1,141.2,152.6,153.1z"/>
<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="776.6206" y1="144.0618" x2="742.1387" y2="194.0606" gradientTransform="matrix(1 0 0 1 -547.1423 0)">
<stop offset="0" style="stop-color:#6365AD"/>
<stop offset="1" style="stop-color:#434280"/>
</linearGradient>
<path class="st9" d="M215.6,173.8c0,6.9-4.8,15.3-10.9,18.8c-2.8,1.6-5.3,1.9-7.2,1c-0.3-0.1-0.6-0.3-0.9-0.5
c-1.7-1.2-2.7-3.5-2.7-6.7c0-6.9,4.8-15.3,10.8-18.8c3.1-1.8,5.9-1.9,7.9-0.7C214.4,168,215.5,170.4,215.6,173.8z"/>
</g>
<g>
<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="87.1691" y1="301.1135" x2="216.6932" y2="179.1741">
<stop offset="0" style="stop-color:#241F4A"/>
<stop offset="1" style="stop-color:#565499"/>
</linearGradient>
<polygon class="st10" points="76,290.7 185.7,229.3 203.4,186.1 201.5,181 "/>
<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="532.9785" y1="363.2299" x2="713.1932" y2="209.5273" gradientTransform="matrix(1 0 0 1 -547.1423 0)">
<stop offset="0" style="stop-color:#B22FD8"/>
<stop offset="0.1405" style="stop-color:#A539D9"/>
<stop offset="0.3984" style="stop-color:#8453DD"/>
<stop offset="0.7419" style="stop-color:#4F7DE4"/>
<stop offset="1" style="stop-color:#22A0E9"/>
</linearGradient>
<polygon class="st11" points="76,290.7 70.2,286.9 201.5,181 "/>
<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="214.2197" y1="6.5763" x2="212.1984" y2="200.6273">
<stop offset="0" style="stop-color:#22A0E9"/>
<stop offset="0.2581" style="stop-color:#4F7DE4"/>
<stop offset="0.6016" style="stop-color:#8453DD"/>
<stop offset="0.8595" style="stop-color:#A539D9"/>
<stop offset="1" style="stop-color:#B22FD8"/>
</linearGradient>
<polygon class="st12" points="207.9,176.1 218.6,20.9 209.8,20.9 "/>
<linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="741.2304" y1="202.9234" x2="742.4446" y2="51.1512" gradientTransform="matrix(1 0 0 1 -547.1423 0)">
<stop offset="0" style="stop-color:#565499"/>
<stop offset="1" style="stop-color:#241F4A"/>
</linearGradient>
<polygon class="st13" points="204.2,179.4 180.2,153.4 209.9,20.9 207.9,176.1 "/>
<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="818.6823" y1="227.1644" x2="819.0865" y2="176.6261" gradientTransform="matrix(1 0 0 1 -547.1423 0)">
<stop offset="0" style="stop-color:#381565"/>
<stop offset="1" style="stop-color:#565499"/>
</linearGradient>
<polygon class="st14" points="210.3,176.8 243,166.3 333.2,219.8 210.5,181.3 "/>
<linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="366.8544" y1="235.6086" x2="149.5577" y2="156.7754">
<stop offset="0" style="stop-color:#22A0E9"/>
<stop offset="0.2581" style="stop-color:#4F7DE4"/>
<stop offset="0.6016" style="stop-color:#8453DD"/>
<stop offset="0.8595" style="stop-color:#A539D9"/>
<stop offset="1" style="stop-color:#B22FD8"/>
</linearGradient>
<polygon class="st15" points="333,226.9 333,219.8 210.5,181.3 "/>
<linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="211.0598" y1="194.1226" x2="202.5837" y2="151.742">
<stop offset="0" style="stop-color:#22A0E9"/>
<stop offset="0.2581" style="stop-color:#4F7DE4"/>
<stop offset="0.6016" style="stop-color:#8453DD"/>
<stop offset="0.8595" style="stop-color:#A539D9"/>
<stop offset="1" style="stop-color:#B22FD8"/>
</linearGradient>
<path class="st16" d="M218.9,182.1c-1.7-3.6-4.8-8.5-7.6-10.4c0,0-0.1,0-0.1,0c-1.3-0.7-3-0.5-4.9,0.6c-4,2.3-7.2,7.8-7.1,12.4
c0,2.1,0.7,3.6,1.8,4.4c0.2,0.1,0.4,0.3,0.6,0.4c0.7,0.3,1.5,0.4,2.3,0.2c0.4,0.1,0.7,0.2,1.1,0.1c7.8-0.5,10.1-0.4,12.1-2.3
C218.4,186.4,219.6,183.6,218.9,182.1z"/>
</g>
</g>
<g>
<linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="243.2493" y1="435.5272" x2="694.1861" y2="50.9293">
<stop offset="0" style="stop-color:#22A1EA"/>
<stop offset="0.2622" style="stop-color:#507DE5"/>
<stop offset="0.6038" style="stop-color:#8553DE"/>
<stop offset="0.8602" style="stop-color:#A639DA"/>
<stop offset="1" style="stop-color:#B32FD9"/>
</linearGradient>
<path class="st17" d="M458.4,273l-10.6-6.1c0,0,0,0,0,0L429,256.1c-32.4-18.7-72.3-18.7-104.7,0l-82.7,47.7c0,0,0,0,0,0l-12.5,7.2
c-2.6,1.5-4.2,4.3-4.2,7.3l0.2,102.9c0,3.3,3,5.6,6,5.2c-1.4-0.9-2.3-2.5-2.3-4.3L228.6,319c0-2.1,0.8-4,2.1-5.6
c0.5-0.5,1-0.9,1.7-1.3l91.9-53c32.4-18.7,72.3-18.7,104.7,0l17.6,10.1c0,0.1-0.1,0.2-0.1,0.3l9.1,5.2c2.6,1.5,4.2,4.3,4.2,7.3
l-0.2,102.9c0,1.3-0.4,2.4-1.1,3.2c2.2-0.5,4-2.5,4-5.1l0.2-102.9C462.6,277.2,461,274.5,458.4,273z"/>
<linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="233.7289" y1="404.7695" x2="735.3603" y2="146.7445">
<stop offset="0" style="stop-color:#22A1EA"/>
<stop offset="0.2622" style="stop-color:#507DE5"/>
<stop offset="0.6038" style="stop-color:#8553DE"/>
<stop offset="0.8602" style="stop-color:#A639DA"/>
<stop offset="1" style="stop-color:#B32FD9"/>
</linearGradient>
<path class="st18" d="M455.5,274.4L429,259.2c-32.4-18.7-72.3-18.7-104.8,0l-91.9,53c-2.6,1.5-4.2,4.3-4.2,7.3l0.2,102.9
c0,4,4.4,6.5,7.9,4.5l97.8-56.4c26.4-15.2,58.8-15.2,85.2,0l32.5,18.7c3.5,2,7.8-0.5,7.9-4.5l0.2-102.9
C459.7,278.7,458.1,275.9,455.5,274.4z"/>
<g class="st19">
<linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="240.5313" y1="439.3951" x2="447.1792" y2="263.148">
<stop offset="0" style="stop-color:#22A1EA"/>
<stop offset="0.2622" style="stop-color:#507DE5"/>
<stop offset="0.6038" style="stop-color:#8553DE"/>
<stop offset="0.8602" style="stop-color:#A639DA"/>
<stop offset="1" style="stop-color:#B32FD9"/>
</linearGradient>
<path class="st20" d="M233.6,428.1c-1,0-2-0.3-2.9-0.8c-1.8-1-2.9-2.9-2.9-5l-0.2-102.9c0-3.2,1.7-6.1,4.5-7.7l91.9-53
c32.5-18.7,72.8-18.7,105.3,0l26.5,15.2c2.8,1.6,4.5,4.6,4.5,7.7L460,384.6c0,2.1-1.1,3.9-2.9,5c-1.8,1-4,1-5.8,0l-32.5-18.7
c-26.1-15.1-58.6-15.1-84.7,0l-97.8,56.4C235.5,427.8,234.5,428.1,233.6,428.1z M376.6,245.8c-18,0-36,4.6-52.1,13.9l-91.9,53
c-2.4,1.4-3.9,4-3.9,6.8l0.2,102.9c0,1.7,0.9,3.2,2.4,4.1c1.5,0.8,3.2,0.8,4.7,0l97.8-56.4c26.4-15.2,59.3-15.2,85.7,0l32.5,18.7
c1.5,0.9,3.2,0.9,4.7,0c1.5-0.8,2.4-2.4,2.4-4.1l0.2-102.9c0-2.8-1.5-5.4-3.9-6.8l-26.5-15.2
C412.6,250.4,394.6,245.8,376.6,245.8z"/>
</g>
<g class="st21">
<linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="231.373" y1="436.8676" x2="453.0688" y2="247.7862">
<stop offset="0" style="stop-color:#22A1EA"/>
<stop offset="0.2622" style="stop-color:#507DE5"/>
<stop offset="0.6038" style="stop-color:#8553DE"/>
<stop offset="0.8602" style="stop-color:#A639DA"/>
<stop offset="1" style="stop-color:#B32FD9"/>
</linearGradient>
<path class="st22" d="M218.4,418.6c-1,0-1.9-0.3-2.8-0.8c-1.8-1-2.8-2.9-2.8-4.9l-0.2-102.1c0-3.1,1.7-6.1,4.4-7.6L322.5,242
c32.1-18.5,71.9-18.5,103.9,0l4,2.3l0,0l0,0l37.1,21.2c2.7,1.6,4.4,4.5,4.4,7.6l-0.2,102.1c0,2.1-1.1,3.9-2.8,4.9
c-1.8,1-3.9,1-5.7,0l-0.4-0.2c-0.2-0.1-0.3-0.5-0.2-0.7c0.1-0.2,0.5-0.3,0.7-0.2l0.4,0.2c1.5,0.8,3.2,0.8,4.6,0
c1.5-0.8,2.3-2.3,2.3-4l0.2-102.1c0-2.8-1.5-5.4-3.9-6.7l-14.4-8.3l-0.1,0.1l-0.1-0.1L426,242.9c-31.7-18.3-71.2-18.3-102.9,0
L217.5,304c-2.4,1.4-3.9,4-3.9,6.7l0.2,102.1c0,1.7,0.9,3.2,2.3,4s3.2,0.8,4.6,0l4.2-2.4c0.2-0.1,0.6-0.1,0.7,0.2
c0.1,0.2,0.1,0.6-0.2,0.7l-4.2,2.4C220.4,418.3,219.4,418.6,218.4,418.6z"/>
</g>
</g>
<linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="232.7789" y1="349.882" x2="544.8936" y2="349.882">
<stop offset="0" style="stop-color:#22A3EC"/>
<stop offset="0.2509" style="stop-color:#4C82E7;stop-opacity:0.5424"/>
<stop offset="0.5484" style="stop-color:#8258E1;stop-opacity:0"/>
</linearGradient>
<path class="st23" d="M428.5,340.3l-13.9,6.5c-25.5-12.7-55.7-11.9-80.6,2.5l-40.8,23.5l-60.5,30.5v-60.9c0,0,32.6-12.2,39.1-14
c19.6-5.6,35.9,23.1,53.7,14.9c14.9-6.8,33.3-45.9,47.2-46.7C392.9,295.3,404.9,342.2,428.5,340.3z"/>
<g class="st24">
<g class="st25">
<linearGradient id="SVGID_23_" gradientUnits="userSpaceOnUse" x1="393.4461" y1="259.7773" x2="393.4461" y2="328.015" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0.3296" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.7877" style="stop-color:#22A3EC"/>
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st26" points="372.7,328 372.4,259.8 373.5,259.8 373.8,328 "/>
</g>
<g class="st27">
<rect x="372.7" y="332" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -0.9499 1.065)" class="st28" width="1.1" height="3.8"/>
</g>
<g class="st29">
<linearGradient id="SVGID_24_" gradientUnits="userSpaceOnUse" x1="404.6429" y1="261.1703" x2="404.6429" y2="329.4081" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.7151" style="stop-color:#22A3EC"/>
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st30" points="361.5,329.4 361.2,261.2 362.3,261.2 362.6,329.4 "/>
</g>
<g class="st31">
<rect x="361.5" y="333.4" transform="matrix(1 -2.850099e-03 2.850099e-03 1 -0.954 1.0332)" class="st28" width="1.1" height="3.8"/>
</g>
<g class="st32">
<linearGradient id="SVGID_25_" gradientUnits="userSpaceOnUse" x1="415.8265" y1="264.5849" x2="415.8265" y2="332.8227" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.4637" style="stop-color:#22A3EC"/>
<stop offset="0.8966" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st33" points="350.3,332.8 350,264.6 351.1,264.6 351.4,332.8 "/>
</g>
<g class="st34">
<rect x="350.3" y="336.8" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -0.9637 1.0012)" class="st28" width="1.1" height="3.8"/>
</g>
<g class="st32">
<linearGradient id="SVGID_26_" gradientUnits="userSpaceOnUse" x1="427.0228" y1="269.0204" x2="427.0228" y2="337.2582" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.2737" style="stop-color:#22A3EC"/>
<stop offset="0.8575" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st35" points="339.1,337.3 338.8,269 339.9,269 340.2,337.3 "/>
</g>
<g class="st34">
<rect x="339.1" y="341.2" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -0.9764 0.9693)" class="st28" width="1.1" height="3.8"/>
</g>
<g>
<linearGradient id="SVGID_27_" gradientUnits="userSpaceOnUse" x1="438.2064" y1="274.4633" x2="438.2064" y2="342.7011" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0.2011" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.6313" style="stop-color:#22A3EC"/>
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st36" points="327.9,342.7 327.6,274.5 328.7,274.5 329,342.7 "/>
</g>
<g class="st34">
<rect x="327.9" y="346.7" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -0.9919 0.9375)" class="st28" width="1.1" height="3.8"/>
</g>
<g>
<linearGradient id="SVGID_28_" gradientUnits="userSpaceOnUse" x1="449.39" y1="280.9203" x2="449.39" y2="349.1581" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0.1341" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.7095" style="stop-color:#22A3EC"/>
<stop offset="1" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st37" points="316.7,349.2 316.5,280.9 317.5,280.9 317.8,349.2 "/>
</g>
<g class="st38">
<rect x="316.7" y="353.1" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.0104 0.9056)" class="st28" width="1.1" height="3.8"/>
</g>
<g>
<linearGradient id="SVGID_29_" gradientUnits="userSpaceOnUse" x1="305.9382" y1="287.3847" x2="305.9382" y2="355.6225">
<stop offset="0.2011" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.6313" style="stop-color:#22A3EC"/>
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st39" points="305.5,355.6 305.3,287.4 306.3,287.4 306.6,355.6 "/>
</g>
<g class="st38">
<rect x="305.5" y="359.6" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.0288 0.8737)" class="st28" width="1.1" height="3.8"/>
</g>
<g>
<linearGradient id="SVGID_30_" gradientUnits="userSpaceOnUse" x1="294.7542" y1="293.8412" x2="294.7542" y2="362.0795">
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.2737" style="stop-color:#22A3EC"/>
<stop offset="0.8575" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st40" points="294.3,362.1 294.1,293.8 295.2,293.8 295.4,362.1 "/>
</g>
<g class="st41">
<rect x="294.4" y="366" transform="matrix(1 -2.590665e-03 2.590665e-03 1 -0.9522 0.7652)" class="st28" width="1.1" height="3.8"/>
</g>
<g>
<linearGradient id="SVGID_31_" gradientUnits="userSpaceOnUse" x1="482.9671" y1="300.3056" x2="482.9671" y2="368.5434" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.4637" style="stop-color:#22A3EC"/>
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st42" points="283.2,368.5 282.9,300.3 284,300.3 284.2,368.5 "/>
</g>
<g class="st41">
<rect x="283.2" y="372.5" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.0657 0.81)" class="st28" width="1.1" height="3.8"/>
</g>
<linearGradient id="SVGID_32_" gradientUnits="userSpaceOnUse" x1="272.3743" y1="305.7839" x2="272.3743" y2="363.3116">
<stop offset="0" style="stop-color:#CCEC22;stop-opacity:0"/>
<stop offset="0.7467" style="stop-color:#CCEC22;stop-opacity:0.92"/>
</linearGradient>
<polygon class="st43" points="272,375 271.7,306.8 272.7,306.8 273,375 "/>
<g class="st41">
<rect x="272" y="379" transform="matrix(1 -2.850099e-03 2.850099e-03 1 -1.0843 0.7783)" class="st28" width="1.1" height="3.8"/>
</g>
<g>
<linearGradient id="SVGID_33_" gradientUnits="userSpaceOnUse" x1="505.347" y1="313.227" x2="505.347" y2="381.4648" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.4637" style="stop-color:#22A3EC"/>
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st44" points="260.8,381.5 260.5,313.2 261.6,313.2 261.9,381.5 "/>
</g>
<g class="st41">
<rect x="260.8" y="385.4" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.1027 0.7463)" class="st28" width="1.1" height="3.8"/>
</g>
<g>
<linearGradient id="SVGID_34_" gradientUnits="userSpaceOnUse" x1="516.5311" y1="319.684" x2="516.5311" y2="387.9218" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.4637" style="stop-color:#22A3EC"/>
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st45" points="249.6,387.9 249.3,319.7 250.4,319.7 250.7,387.9 "/>
</g>
<g class="st34">
<rect x="249.6" y="391.9" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.1211 0.7144)" class="st28" width="1.1" height="3.8"/>
</g>
<g>
<linearGradient id="SVGID_35_" gradientUnits="userSpaceOnUse" x1="527.7279" y1="326.1483" x2="527.7279" y2="394.3861" gradientTransform="matrix(-1 0 0 1 766.525 0)">
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
<stop offset="0.4637" style="stop-color:#22A3EC"/>
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
</linearGradient>
<polygon class="st46" points="238.4,394.4 238.1,326.2 239.2,326.1 239.5,394.4 "/>
</g>
<g class="st34">
<rect x="238.4" y="398.3" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.1396 0.6826)" class="st28" width="1.1" height="3.8"/>
</g>
</g>
<linearGradient id="SVGID_36_" gradientUnits="userSpaceOnUse" x1="237.282" y1="346.8969" x2="502.2392" y2="346.8969">
<stop offset="0" style="stop-color:#22A3EC"/>
<stop offset="0.3141" style="stop-color:#4C82E7;stop-opacity:0.5424"/>
<stop offset="0.6865" style="stop-color:#8258E1;stop-opacity:0"/>
</linearGradient>
<path class="st47" d="M423.3,303.9v43.4l-7.6,0.1c-25.7-13.3-56.5-12.6-81.7,1.9l-46,26.5l-50.8,26.4l0.2-12c0,0,23-6.2,34.1-28.9
c11.2-22.7,24.5-21.4,29.5-30.4c5-9,10.9-37.5,23-39.1c12.1-1.6,18.9,10.9,27,23.3c8.1,12.4,22.6,22.4,34.4,6.6
C397.2,305.8,410.8,303.1,423.3,303.9z"/>
<g>
<linearGradient id="SVGID_37_" gradientUnits="userSpaceOnUse" x1="236.3896" y1="340.8758" x2="424.3628" y2="340.8758">
<stop offset="0" style="stop-color:#E8CCF0;stop-opacity:0.2"/>
<stop offset="0.3855" style="stop-color:#E8CCF0"/>
<stop offset="0.454" style="stop-color:#E1C4EF;stop-opacity:0.8504"/>
<stop offset="0.5602" style="stop-color:#CEAEEC;stop-opacity:0.6186"/>
<stop offset="0.6907" style="stop-color:#AE8BE8;stop-opacity:0.3336"/>
<stop offset="0.8394" style="stop-color:#8359E1;stop-opacity:9.034276e-03"/>
<stop offset="0.8436" style="stop-color:#8258E1;stop-opacity:0"/>
</linearGradient>
<path class="st48" d="M237.4,391.2c-0.5,0-0.9-0.3-1-0.8c-0.2-0.6,0.2-1.1,0.7-1.3c0.2-0.1,22.6-6.4,33.5-28.3
c7.1-14.3,14.9-19.2,21.1-23.1c3.7-2.3,6.6-4.1,8.4-7.3c1.3-2.4,2.8-6.3,4.4-10.9c4.4-12.3,10-27.6,19.3-28.8
c11.8-1.5,18.7,9.3,26.1,20.8c0.6,1,1.3,2,1.9,3c5.7,8.7,12.9,14.1,19.4,14.3c4.8,0.2,9.3-2.4,13.2-7.7
c13.2-17.7,28.5-18.8,38.9-18.2c0.6,0,1,0.5,1,1.1c0,0.6-0.5,1-1.1,1c-9.9-0.6-24.5,0.4-37,17.3c-4.4,5.9-9.4,8.7-15,8.6
c-7.2-0.2-15.1-5.9-21.1-15.2c-0.6-1-1.3-2-1.9-3c-7.3-11.4-13.6-21.2-24.1-19.8c-8.1,1-13.6,16.3-17.6,27.4
c-1.7,4.6-3.1,8.6-4.5,11.2c-2,3.7-5.3,5.7-9.1,8.1c-6.1,3.8-13.6,8.5-20.4,22.3c-11.3,22.8-34.6,29.3-34.8,29.4
C237.6,391.2,237.5,391.2,237.4,391.2z"/>
</g>
<linearGradient id="SVGID_38_" gradientUnits="userSpaceOnUse" x1="342.2651" y1="479.428" x2="255.8897" y2="436.9172">
<stop offset="0" style="stop-color:#1C1C23"/>
<stop offset="0.7663" style="stop-color:#2B264C;stop-opacity:0"/>
</linearGradient>
<polygon class="st49" points="338.9,463.1 331.1,452.1 258.2,437.8 248.8,455.2 317.9,468.3 313.9,462 "/>
<linearGradient id="SVGID_39_" gradientUnits="userSpaceOnUse" x1="432.6669" y1="459.3523" x2="350.5956" y2="418.9599">
<stop offset="0" style="stop-color:#1C1C23"/>
<stop offset="0.7663" style="stop-color:#2B264C;stop-opacity:0"/>
</linearGradient>
<polygon class="st50" points="429.3,444.2 427.3,435.3 363.8,425.6 343.6,436.9 "/>
<g class="st51">
<g>
<path class="st52" d="M240.4,413c-0.2,0-0.4-0.1-0.5-0.3c-0.1-0.3-0.1-0.6,0.2-0.7l27.8-16c0.3-0.2,0.6-0.1,0.7,0.2
c0.1,0.3,0.1,0.6-0.2,0.7l-27.8,16C240.6,413,240.5,413,240.4,413z"/>
</g>
<g>
<path class="st52" d="M240.4,418.1c-0.2,0-0.4-0.1-0.5-0.3c0-0.1-0.1-0.2-0.1-0.3c0-0.2,0.1-0.4,0.3-0.5l17.2-9.9
c0.3-0.1,0.6-0.1,0.7,0.2c0,0.1,0.1,0.2,0.1,0.3c0,0.2-0.1,0.4-0.3,0.5l-17.2,9.9C240.6,418.1,240.5,418.1,240.4,418.1z"/>
</g>
</g>
<g class="st51">
<g>
<path class="st52" d="M451.1,282.5c-0.1,0-0.2,0-0.3-0.1l-27.8-16c-0.3-0.1-0.3-0.5-0.2-0.7c0.1-0.3,0.5-0.4,0.7-0.2l27.8,16
c0.3,0.1,0.3,0.5,0.2,0.7C451.5,282.4,451.3,282.5,451.1,282.5z"/>
</g>
<g>
<path class="st52" d="M451.1,287.6c-0.1,0-0.2,0-0.3-0.1l-17.2-9.9c-0.2-0.1-0.3-0.3-0.3-0.5c0-0.1,0-0.2,0.1-0.3
c0.1-0.3,0.5-0.3,0.7-0.2l17.2,9.9c0.2,0.1,0.3,0.3,0.3,0.5c0,0.1,0,0.2-0.1,0.3C451.4,287.5,451.3,287.6,451.1,287.6z"/>
</g>
</g>
<g>
<radialGradient id="SVGID_40_" cx="484.1053" cy="356.8961" r="14.2722" gradientTransform="matrix(-0.4933 0.8699 0.5131 0.2909 328.6372 -168.0508)" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#320D4F;stop-opacity:0.5"/>
<stop offset="0.1775" style="stop-color:#503946;stop-opacity:0.5887"/>
<stop offset="0.5826" style="stop-color:#929833;stop-opacity:0.7913"/>
<stop offset="0.8656" style="stop-color:#BCD527;stop-opacity:0.9328"/>
<stop offset="1" style="stop-color:#CCEC22"/>
</radialGradient>
<path class="st53" d="M272.9,344.8c-5.8,3.4-10.5,11.5-10.5,18.2c0,6.7,4.8,9.4,10.6,6c5.8-3.4,10.5-11.5,10.5-18.2
C283.5,344.1,278.7,341.4,272.9,344.8L272.9,344.8z"/>
<radialGradient id="SVGID_41_" cx="484.109" cy="356.8975" r="4.638" gradientTransform="matrix(-0.5108 0.8597 0.5852 0.3477 311.3646 -183.3821)" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#320D4F;stop-opacity:0.4"/>
<stop offset="8.102732e-03" style="stop-color:#330F4F;stop-opacity:0.4031"/>
<stop offset="0.375" style="stop-color:#746D3C;stop-opacity:0.5433"/>
<stop offset="0.6723" style="stop-color:#A3B12E;stop-opacity:0.6569"/>
<stop offset="0.8857" style="stop-color:#C1DC25;stop-opacity:0.7385"/>
<stop offset="0.9944" style="stop-color:#CCEC22;stop-opacity:0.78"/>
</radialGradient>
<path class="st54" d="M272.9,352.3c-2.2,1.3-4,4.4-4,7c0,2.5,1.8,3.6,4,2.3c2.2-1.3,4-4.4,4-6.9C277,352,275.2,351,272.9,352.3
L272.9,352.3z"/>
<path class="st55" d="M272.9,355c0.9-0.5,1.7-0.1,1.7,1c0,1.1-0.7,2.4-1.7,2.9c-0.9,0.5-1.7,0.1-1.7-1
C271.3,356.8,272,355.5,272.9,355L272.9,355z"/>
</g>
<linearGradient id="SVGID_42_" gradientUnits="userSpaceOnUse" x1="444.1624" y1="354.3044" x2="400.0417" y2="278.2922">
<stop offset="0" style="stop-color:#CCEC22"/>
<stop offset="3.531903e-02" style="stop-color:#CADD31;stop-opacity:0.935"/>
<stop offset="0.2178" style="stop-color:#C19379;stop-opacity:0.5991"/>
<stop offset="0.3692" style="stop-color:#BB5DAE;stop-opacity:0.3204"/>
<stop offset="0.4819" style="stop-color:#B73CCF;stop-opacity:0.113"/>
<stop offset="0.5433" style="stop-color:#B52FDB;stop-opacity:0"/>
</linearGradient>
<path class="st56" d="M429.3,310.3c-8.8-5.1-15.9-1-15.9,9.1c0,10.1,7.1,22.3,15.8,27.4c8.8,5.1,15.9,1,15.9-9.1
C445.1,327.6,438,315.4,429.3,310.3L429.3,310.3z"/>
<g>
<linearGradient id="SVGID_43_" gradientUnits="userSpaceOnUse" x1="445.5641" y1="356.7183" x2="412.8677" y2="300.388">
<stop offset="0" style="stop-color:#CCEC22"/>
<stop offset="6.500638e-02" style="stop-color:#CADD31;stop-opacity:0.935"/>
<stop offset="0.4009" style="stop-color:#C19379;stop-opacity:0.5991"/>
<stop offset="0.6796" style="stop-color:#BB5DAE;stop-opacity:0.3204"/>
<stop offset="0.887" style="stop-color:#B73CCF;stop-opacity:0.113"/>
<stop offset="1" style="stop-color:#B52FDB;stop-opacity:0"/>
</linearGradient>
<path class="st57" d="M439.4,358.3c-3.2,0-6.8-1.1-10.4-3.2c-12.7-7.3-23-25.1-22.9-39.7c0-7.1,2.5-12.5,6.9-15
c4.5-2.6,10.4-2,16.6,1.6c12.7,7.3,23,25.1,22.9,39.7c0,7.1-2.5,12.5-6.9,15C443.7,357.8,441.6,358.3,439.4,358.3z M419.1,299.7
c-2.1,0-4,0.5-5.7,1.5c-4.2,2.4-6.4,7.5-6.5,14.3c0,14.3,10.1,31.8,22.5,39c6,3.4,11.5,4,15.7,1.6c4.1-2.4,6.4-7.4,6.5-14.3
c0-14.3-10-31.8-22.5-39l0,0C425.5,300.7,422.1,299.7,419.1,299.7z"/>
</g>
<g>
<path class="st58" d="M341.5,460.5c0,0,0.6,3.4-4.5,3.1c-2.7-0.2-10.1-9.5-9.5-11.2c0.6-1.7,3.8-0.8,5.2,0.3L341.5,460.5z"/>
<path class="st58" d="M321.7,464.5c0,0,1.5,5.3-3.5,4.3c-5.1-1.1-12.8-4.6-12.9-8.1c-0.1-3.4,8,0,8,0L321.7,464.5z"/>
<path class="st59" d="M284.8,365.7l-3,5.3c-2.4-1.5-5.3-3.2-6.8-3.9c-2-0.8-1-5.7-1-5.7c-0.5-0.8-2.5-4.2-2.6-4.4l3,2.3
C277.2,362.1,282,364.4,284.8,365.7z"/>
<path class="st59" d="M324.5,350.8c-0.4-2-0.6-3-0.3-5.4c0,0-7.2-4.5,0.2-12.5l8.9,5c-1.5,5.3-2.9,10.6-2.2,13.7
c-2.1,1.6-4.1,1.8-6.1,0.5C324.7,351.9,324.5,351.4,324.5,350.8z"/>
<path class="st58" d="M331.4,347.8c2.6-4.3,3.6-1.8,6.4-7.2c2.5-4.8-0.8-8.8-3.9-9.6c0,0-2.8-3.2-6.5-3.4
c-3.5-0.1-6.8,3.4-3.9,7.4c1.5,2-1,2.7,1,3.6c2.8,1.2,0.2,6.9,4.8,8.2L331.4,347.8z"/>
<linearGradient id="SVGID_44_" gradientUnits="userSpaceOnUse" x1="279.1903" y1="469.3949" x2="387.2656" y2="377.2189">
<stop offset="0" style="stop-color:#22A0E9"/>
<stop offset="0.2581" style="stop-color:#4F7DE4"/>
<stop offset="0.6016" style="stop-color:#8453DD"/>
<stop offset="0.8595" style="stop-color:#A539D9"/>
<stop offset="1" style="stop-color:#B22FD8"/>
</linearGradient>
<path class="st60" d="M341.5,460.5c0,0-5.4,2.8-8.8-6.2l-0.5-9.5l-3.1-33.4l-5.2,18l-1.5,8.4c0,0-0.1,0-0.1-0.1l0.2,26.6
c-4.4,3.7-9.1-1.9-9.1-1.9l-1.3-31c-0.1-0.1-0.2-0.1-0.3-0.2l0.3-3.3l3-33.4l0.1,1c0,0,21,0.6,24.3-7l0.2-0.8c0,0,0,0,0,0
l-0.3,39.4l1.6,23.1c0,0.4,0,0.7-0.1,1L341.5,460.5z"/>
<linearGradient id="SVGID_45_" gradientUnits="userSpaceOnUse" x1="317.4543" y1="402.5235" x2="317.8119" y2="357.8183">
<stop offset="0" style="stop-color:#282447"/>
<stop offset="1" style="stop-color:#565499"/>
</linearGradient>
<path class="st61" d="M353.6,370.8c-4.8-12.3-11.2-21.7-17.9-21.8c-1.7,0-3.9,0.2-6.2,0.4c-6.5,0.8-12.9,2.5-18.8,5.3
c-5.3,2.5-13.6,16.6-26,10.7l-3.5,6c9.2,9.1,25.4,1.1,31.2-1.5l2.5,25.6c0,0,21,0.6,24.3-7l0.7-2.8
C340.1,385.7,356.6,378.6,353.6,370.8z M343.2,375.1l-2.7,2.3v-12.1l3.8,4.7C345.8,371.8,345,373.8,343.2,375.1z"/>
</g>
<g>
<linearGradient id="SVGID_46_" gradientUnits="userSpaceOnUse" x1="455.085" y1="341.5702" x2="430.8549" y2="299.8258">
<stop offset="0" style="stop-color:#CCEC22"/>
<stop offset="6.500638e-02" style="stop-color:#CADD31;stop-opacity:0.935"/>
<stop offset="0.4009" style="stop-color:#C19379;stop-opacity:0.5991"/>
<stop offset="0.6796" style="stop-color:#BB5DAE;stop-opacity:0.3204"/>
<stop offset="0.887" style="stop-color:#B73CCF;stop-opacity:0.113"/>
<stop offset="1" style="stop-color:#B52FDB;stop-opacity:0"/>
</linearGradient>
<path class="st62" d="M452,343.1C452,343.1,452,343.1,452,343.1c-0.8,0-1.4-0.6-1.4-1.4c0-14-9.8-31.1-22-38.1
c-0.7-0.4-0.9-1.3-0.5-1.9c0.4-0.7,1.3-0.9,1.9-0.5c13,7.5,23.5,25.7,23.4,40.6C453.4,342.5,452.8,343.1,452,343.1z"/>
</g>
<linearGradient id="SVGID_47_" gradientUnits="userSpaceOnUse" x1="-6456.9609" y1="385.2714" x2="-6438.8169" y2="199.292" gradientTransform="matrix(1 0 0 1 6671.7744 0)">
<stop offset="0" style="stop-color:#D1F122"/>
<stop offset="8.435863e-02" style="stop-color:#CFDD36"/>
<stop offset="0.4133" style="stop-color:#C6937E"/>
<stop offset="0.6862" style="stop-color:#BF5DB3"/>
<stop offset="0.8893" style="stop-color:#BB3CD4"/>
<stop offset="1" style="stop-color:#BA2FE0"/>
</linearGradient>
<path class="st63" d="M198,344.8l-0.1-31.1c0-2,1-3.9,2.5-4.9L241,283c1.9-1.2,4.3,0.3,4.3,2.8l0.1,31.1c0,2-1,3.9-2.5,4.9
l-40.6,25.9C200.4,348.8,198,347.3,198,344.8z"/>
<g>
<path class="st58" d="M427.2,440.9c0,0-1.2,4.2,2.7,3.3s10-3.6,10.1-6.3c0.1-2.7-6.2,0-6.2,0L427.2,440.9z"/>
<path class="st64" d="M432.9,338.7c0,0,3.5,0.1,6.6-1.7l-0.3-1c0,0-2.5,0.8-2.7,0.5s-0.7-2.1,5.1-5.9l-0.3-1l-5,1.8
c0,0-3.2-0.7-3.5,0.2l-2,3.5C432.1,336.1,432.9,337.2,432.9,338.7z"/>
<linearGradient id="SVGID_48_" gradientUnits="userSpaceOnUse" x1="443.4018" y1="333.7012" x2="419.1606" y2="343.47">
<stop offset="0" style="stop-color:#BA2FE0"/>
<stop offset="0.2167" style="stop-color:#AD3AE1"/>
<stop offset="0.6122" style="stop-color:#8C56E5"/>
<stop offset="1" style="stop-color:#6676EA"/>
</linearGradient>
<path class="st65" d="M431.3,333.8c0,0-11.4,6.1-17.4,7.6c0.1,0.2,0.2,0.3,0.3,0.5c0.3,0.5,0.6,1.1,0.8,1.6
c0.4,0.9,0.8,1.7,1.2,2.6c0.4,0.9,0.9,1.9,1.1,3c6.3-2.4,13.8-8.1,16.4-10.8C435.9,336,431.3,333.8,431.3,333.8z"/>
<path class="st58" d="M416.1,434.1l0.4,0.1c1.2,0.4,1.6,2,0.7,2.9c-2.3,2.4-5,4.3-8.4,5.4c-0.6,0.2-1.3,0.2-1.9,0l-1.1-0.3
c-1.1-0.4-1.7-1.6-1.4-2.7l1.7-1.4l8.6-3.9C415.1,434,415.6,434,416.1,434.1z"/>
<path class="st66" d="M412.9,414.5l-3.4,23.3c-2.1,4.1-4.7,2.5-4.7,2.5c-0.1-1.2-0.5-16.2-0.8-26.8
C406.8,413.9,409.8,414.3,412.9,414.5z"/>
<path class="st66" d="M433.2,413.9l-1.6,25.8c-0.7,1.9-2.4,2.8-4,2.1l-3.3-27C427.3,414.6,430.3,414.3,433.2,413.9z"/>
<path class="st64" d="M410.3,329.8c0,0,0.5,6.3-0.9,7c-1.4,0.6,7.2,1,7.2,1l0.8-4.7c0,0,6.7,1.4,4-11.4
C418.7,308.9,410.3,329.8,410.3,329.8z"/>
<linearGradient id="SVGID_49_" gradientUnits="userSpaceOnUse" x1="417.8302" y1="424.6173" x2="418.3395" y2="360.9489">
<stop offset="0" style="stop-color:#282447"/>
<stop offset="1" style="stop-color:#565499"/>
</linearGradient>
<path class="st67" d="M434.4,413.7c-10,1.6-20.9,1.2-30.9-0.3c-0.1-5.3-2.7-28.9-1.4-35.2c0.2-1.1,0.5-2,0.8-2.8
c6.8-0.5,16.4,6.6,20.1-0.4c0.7,4,2,8.4,4.1,12.9c5,10.6,6.6,18.9,6.6,18.9S434.1,409.9,434.4,413.7z"/>
<linearGradient id="SVGID_50_" gradientUnits="userSpaceOnUse" x1="228.785" y1="576.8905" x2="232.4312" y2="539.5176" gradientTransform="matrix(0.9656 -0.2599 0.2599 0.9656 46.6773 -155.8072)">
<stop offset="0" style="stop-color:#D1F122"/>
<stop offset="8.435863e-02" style="stop-color:#CFDD36"/>
<stop offset="0.4133" style="stop-color:#C6937E"/>
<stop offset="0.6862" style="stop-color:#BF5DB3"/>
<stop offset="0.8893" style="stop-color:#BB3CD4"/>
<stop offset="1" style="stop-color:#BA2FE0"/>
</linearGradient>
<path class="st68" d="M407.8,330.3c0,0,5.2,2.6,8.6-1.3c0,0-1.9-5.1,2.2-4.5c0,0,5.7-4.1,2.9-6.4c-2.5-2-6.3-2-9.4-0.7
c-0.8,0.3-1.5,0.9-2,1.6C406.8,323.2,405.5,327,407.8,330.3z"/>
<linearGradient id="SVGID_51_" gradientUnits="userSpaceOnUse" x1="220.382" y1="444.7877" x2="285.8488" y2="444.7877" gradientTransform="matrix(0.9951 -9.847216e-02 9.847216e-02 0.9951 119.2184 -61.2363)">
<stop offset="0" style="stop-color:#6676EA"/>
<stop offset="0.3878" style="stop-color:#8C56E5"/>
<stop offset="0.7833" style="stop-color:#AD3AE1"/>
<stop offset="1" style="stop-color:#BA2FE0"/>
</linearGradient>
<path class="st69" d="M424.9,345.4C424.9,345.4,424.9,345.4,424.9,345.4c0.1-1.3-0.4-2.6-1.4-3.4c-4-3.2-13-8.4-20-6
c-1.4,0.5-1.7,12.8-1.5,14.6c2.2,14.9,1.9,19.9,0.8,24.9c6.9-0.6,16.6,6.7,20.2-0.5c-1.6-10.1,1.4-16.9,1.4-16.9
S424.7,349.6,424.9,345.4z"/>
<linearGradient id="SVGID_52_" gradientUnits="userSpaceOnUse" x1="409.0752" y1="445.7468" x2="437.3948" y2="445.7468" gradientTransform="matrix(0.9951 -9.847216e-02 9.847216e-02 0.9951 -36.4767 -45.8298)">
<stop offset="0" style="stop-color:#9C48E4"/>
<stop offset="0.309" style="stop-color:#8F53E5"/>
<stop offset="0.8737" style="stop-color:#6E6FE9"/>
<stop offset="1" style="stop-color:#6676EA"/>
</linearGradient>
<path class="st70" d="M419.7,342.2c0.2-1.1,0.8-2.4,1.8-2.2c0.6,0.1,1,0.6,1.4,1.1c4.8,7.1,8.8,14.6,12.1,22.5
c0.9,2.2,1.7,4.7,0.5,6.8c-1.1,1.8-3.4,2.4-5.6,2.4s-4.2-0.5-6.3-0.1c0-1.3-0.1-2.7-0.1-4c1.4,0.5,3-0.3,3.6-1.6s0.4-2.9-0.4-4.1
c-1-1.5-2.4-1.7-3.7-2.7c-1.4-1-1.9-3.2-2.3-4.8C419.3,351.1,419,346.5,419.7,342.2z"/>
<path class="st64" d="M419.4,372.1c0.7,0.2,1.5,0.5,2.3,0.4c0.8-0.1,1.6-0.5,1.9-1.2c0.3-0.7,0.3-3.1-0.6-3.1
c-0.2,0-0.7,0.2-0.8,0.4c-0.2,0.5-0.1,1.2-0.5,1.6C420.8,371.2,419.3,370.5,419.4,372.1z"/>
<linearGradient id="SVGID_53_" gradientUnits="userSpaceOnUse" x1="-749.353" y1="117.4246" x2="-753.2183" y2="59.1229" gradientTransform="matrix(-0.988 -0.1542 -0.1542 0.988 -320.6753 122.1749)">
<stop offset="0" style="stop-color:#CDED22"/>
<stop offset="0.1777" style="stop-color:#C7BF4F"/>
<stop offset="0.4378" style="stop-color:#C0828B"/>
<stop offset="0.6588" style="stop-color:#BB55B7"/>
<stop offset="0.8292" style="stop-color:#B739D2"/>
<stop offset="0.9285" style="stop-color:#B62FDC"/>
</linearGradient>
<path class="st71" d="M408.8,344.9c-0.8,0.9-8.7,2.7-10-0.5c-1.3-3-0.2-4.1,1.7-5c1.7-0.9,1.4-3.6,1.1-5.5
c-0.5-2.5-0.4-5.7,0.9-8.5c1.7-3.6,3.6-4.2,7.1-4c3.6,0.2,2,3.4-0.1,5.1c-1.8,1.4-0.8,4.5,0.4,8.4
C411.5,340.2,410.1,343.5,408.8,344.9z"/>
<linearGradient id="SVGID_54_" gradientUnits="userSpaceOnUse" x1="-1380.7042" y1="326.9695" x2="-1380.6434" y2="319.3631" gradientTransform="matrix(-1 0 0 1 -970.6509 0)">
<stop offset="0.1936" style="stop-color:#7D73CA"/>
<stop offset="0.8746" style="stop-color:#6D6F80"/>
</linearGradient>
<path class="st72" d="M410.1,326.2c0.2-1.1-0.5-4.3-1.6-4.6c-1.1-0.3,1-0.7,1-0.7s1.7-0.9,2.2,2.2
C412.4,326.5,410.1,326.2,410.1,326.2z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB