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

Merge pull request #1338 from influxdata/new-homepage 

New homepage
pull/1343/head
Scott Anderson 2020-08-18 18:15:43 -06:00 committed by GitHub
parent 19aaca184f bc29b7ee26
commit 7f3e95815c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 1103 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/js/search-interactions.js
View File

@ -1,10 +1,10 @@
// Fade content wrapper when focusing on search input
$('#algolia-search-input').focus(function() {
$('.content-wrapper').fadeTo(400, .35);
$('.content-wrapper, .group-wrapper').fadeTo(300, .35);
})
// Hide search dropdown when leaving search input
$('#algolia-search-input').blur(function() {
$('.content-wrapper').fadeTo(200, 1);
$('.content-wrapper, .group-wrapper').fadeTo(200, 1);
$('.ds-dropdown-menu').hide();
})

1
assets/styles/layouts/_content-wrapper.scss
View File

@ -4,6 +4,7 @@
position: relative;
border-radius: $radius 0 0 $radius;
overflow: hidden;
z-index: 0;
.copyright {
padding: .5rem 1rem .5rem .5rem;

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 ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

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

@ -0,0 +1,311 @@
//////////////////////////////// HOMEPAGE STYLES ///////////////////////////////
.home {
display: flex;
flex-direction: column;
align-items: flex-start;
.section {
display: flex;
width: 100%;
padding: 0rem 3rem;
flex-grow: 1;
.row{
flex-direction: row;
}
.half { width: 50%; }
.third { width: 33.33%; }
.quarter { width: 25%; }
.two-thirds { width: 66.67%; }
.three-quarters { width: 75%; }
}
///////////////////////////// HERO SECTION STYLES ////////////////////////////
.hero {
position: relative;
padding-top: 3.5rem;
padding-bottom: 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-top: 2rem;
padding-bottom: 2.25rem;
.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, .algolia-autocomplete.algolia-autocomplete-right {
.ds-dropdown-menu {
top: auto !important;
left: 0 !important;
margin-bottom: 1.5rem;
&:after {
content: "";
box-shadow: 2px 2px 10px $sidebar-search-shadow;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}
}
}
}
}
/////////////////////////////// PRODUCT CARDS ////////////////////////////////
.group-wrapper {
display: flex;
flex-grow: 1;
width: 100%;
border-radius: $radius;
background-color: $sidebar-search-bg;
box-shadow: 2px 2px 10px $sidebar-search-shadow;
overflow: hidden;
color: $article-text;
h2 {
margin-top: .5rem;
font-weight: $medium;
color: $article-heading-alt;
a {color: inherit; &:hover{color: inherit;}}
}
p {
line-height: 1.45rem;
max-width: 700px;
}
a {
color: $article-link;
text-decoration: none;
font-weight: $medium;
&:hover{ color: $article-link-hover; }
}
}
.card {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1.25rem 1.5rem .75rem;
flex: 1 0;
.card-content p { margin-bottom: 0; }
span.version {
font-size: 1.15rem;
opacity: .65;
}
}
#tick-cards {
display: flex;
flex-wrap: wrap;
position: relative;
color: $g20-white;
a {
display: inline-block;
position: relative;
color: $g20-white;
&:after{
content: "";
margin-top: .15rem;
width: 0;
display: block;
height: 2px;
@include gradient($grad-whiteFade)
transition: width .2s;
}
&:hover{
&:after { width: 100%; }
}
}
}
.telegraf {@include gradient($telegraf-dropdown-gradient);}
.influxdb {@include gradient($default-dropdown-gradient);}
.chronograf {@include gradient($chronograf-dropdown-gradient);}
.kapacitor {@include gradient($kapacitor-dropdown-gradient);}
#enterprise {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
//////////////////////////// HOMEPAGE MEDIA QUERIES ////////////////////////////
@include media(large) {
overflow-x: hidden;
.hero #hero-img{
max-height: 130%;
max-width: 70%;
right: -20%;
bottom: -30%;
}
}
@media (max-width: 1020px) {
#tick-stack #tick-cards .card { width: 50%; flex: none;}
.section {
.quarter { width: 33.33%; }
.three-quarters { width: 66.64%; }
}
}
@media (max-width: 920px) {
.section {
padding-left: 1.5rem;
padding-right: 1.5rem;
&.hero { padding-top: 2rem; padding-bottom: 3rem;}
&.search,
&#enterprise { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
.hero {
#hero-img{ display: none; }
.half { width: 100%; }
}
.search {
.sidebar--search { max-width: 100%; }
}
}
@include media(medium) {
.search .algolia-autocomplete.algolia-autocomplete-right, .algolia-autocomplete.algolia-autocomplete-right {
.ds-dropdown-menu {
width: 100%;
}
}
}
@include media(small) {
.section {
.quarter, .three-quarters { width: 100%; }
&.hero {
order: 2;
padding-top: 1.5rem;
padding-bottom: 2rem;
h2 { font-size: 2rem; margin-top: .5rem; }
p { font-size: 1rem; line-height: 1.5rem; }
}
&.search {
order: 1;
padding: 0 1rem .5rem;
width: 100%;
.sidebar--search {
max-width: 100%;
font-size: 1rem;
input {
padding: .5em 2.15rem .5rem .75rem
}
&:after {
top: .15rem;
right: .25rem;
font-size: 1.75rem;
}
.algolia-autocomplete.algolia-autocomplete-right, .algolia-autocomplete.algolia-autocomplete-right {
.ds-dropdown-menu {
width: 100vw;
left: -1rem !important;
right: inherit;
}
}
}
}
&#tick-stack {
order: 3;
padding-left: 0;
padding-right: 0;
#tick-cards {
flex-direction: column;
.card { width: 100%; }
}
}
&#enterprise { order: 4; padding-left: 0; padding-right: 0; }
}
.group-wrapper {flex-direction: column;}
.row {
flex-direction: column;
}
.card {
}
}
}

3
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';
@ -51,7 +52,7 @@
.selector-dropdowns {
display: flex;
z-index: 100;
right: 5.5rem;
padding-right: .25rem;
}
.dropdown {

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",

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

@ -142,3 +142,6 @@ $grad-ScotchBonnet: $y-pineapple,$r-curacao;
// New gradients
$grad-PurpleFog: $p-potassium, $cp-munchkin;
$grad-PurpleRain: $p-void, $cp-marguerite;
// Transparent gradients
$grad-whiteFade: rgba($g20-white, .75), rgba($g20-white, 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.
---

110
layouts/index.html
View File

@ -1,14 +1,104 @@
{{ 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 id="tick-stack" class="section row">
<div class="group-wrapper">
<div id="platform" class="card quarter">
<div class="card-content">
<h2><a href="/platform/">InfluxData TICK stack</a></h2>
<p>The leading modern time series platform, built for metrics and events.</p>
</div>
<p><a href="/platform/">Learn more</a></p>
</div>
<div id="tick-cards" class="three-quarters row">
<div class="card telegraf">
<div class="card-content">
<h2><a href="/telegraf/{{ $telegrafVersion }}/">Telegraf <span class="version">{{ $telegrafVersion }}</span></a></h2>
<p>Collect metrics from stacks, sensors and systems.</p>
</div>
<p><a href="/telegraf/{{ $telegrafVersion }}/">View documentation</a></p>
</div>
<div class="card influxdb">
<div class="card-content">
<h2><a href="/influxdb/{{ $influxdbVersionV1 }}/">InfluxDB <span class="version">{{ $influxdbVersionV1 }}</span></a></h2>
<p>Write and query time series data.</p>
</div>
<p><a href="/influxdb/{{ $influxdbVersionV1 }}/">View documentation</a></p>
</div>
<div class="card chronograf">
<div class="card-content">
<h2><a href="/chronograf/{{ $chronografVersion }}/">Chronograf <span class="version">{{ $chronografVersion }}</span></a></h2>
<p>Visualize and manage time series data.</p>
</div>
<p><a href="/chronograf/{{ $chronografVersion }}/">View documentation</a></p>
</div>
<div class="card kapacitor">
<div class="card-content">
<h2><a href="/kapacitor/{{ $kapacitorVersion }}/">Kapacitor <span class="version">{{ $kapacitorVersion }}</span></a></h2>
<p>Process and alert on time series data.</p>
</div>
<p><a href="/kapacitor/{{ $kapacitorVersion }}/">View documentation</a></p>
</div>
</div>
</div>
</div>
<div id="enterprise" class="section row">
<div class="group-wrapper">
<div class="card quarter">
<div class="card-content">
<h2>Enterprise offerings</h2>
<p>Enterprise tools to meet your business needs.</p>
</div>
<p><a href="https://www.influxdata.com/contact-sales/">Contact Sales</a></p>
</div>
<div id="tick-cards" class="three-quarters row">
<div class="card influxdb">
<div class="card-content">
<h2><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">InfluxDB Enterprise <span class="version">{{ $enterpriseVersion }}</span></a></h2>
<p>A scalable InfluxDB cluster designed for heavy workloads. Run InfluxDB Enterprise on your own infrastructure—on-premises, private cloud, public cloud, or at the edge.</p>
</div>
<p><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">View documentation</a></p>
</div>
</div>
</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