Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <section>
		<div>
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1378.7 612">
				<style>
					.st0 {
						fill: #774fa0
					}

					.st1 {
						fill: #5fcbf1
					}

					.st2 {
						fill: #fff
					}

					.st3,
					.st4 {
						fill: none;
						stroke: #fff;
						stroke-width: .7666;
						stroke-miterlimit: 10
					}

					.st4 {
						stroke-width: 2
					}

					.st5 {
						fill: #b92025
					}

					.st6,
					.st8 {
						fill: none;
						stroke: #fff;
						stroke-width: .7671;
						stroke-miterlimit: 10
					}

					.st8 {
						stroke-width: 2;
						stroke-linecap: square
					}
				</style>
				<path d="M0 0h1378.7v612H0z" id="black_background" />
				<path class="st0" d="M976.3 371.4h56.1V475h-56.1z" id="thuEDM" />
				<path class="st1" d="M920.1 371.4h56.1V475h-56.1z" id="thuRap" />
				<g id="thuDial">
					<circle cx="975.4" cy="536.7" r="22.5" />
					<path class="st2" d="M975.4 514.6c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1-22.1-9.9-22.1-22.1 9.9-22.1 22.1-22.1m0-.8c-12.6 0-22.8 10.2-22.8 22.8s10.2 22.8 22.8 22.8 22.8-10.2 22.8-22.8-10.2-22.8-22.8-22.8z" />
					<path class="st2" d="M972.6 541.5h-1.2v-8.7h-3.3v-1.1h7.7v1.1h-3.3v8.7zM978.5 535.5c.1-.2.3-.3.4-.5.2-.1.3-.3.5-.4.2-.1.4-.2.6-.2.2-.1.5-.1.7-.1.3 0 .5 0 .8.1.3.1.5.2.7.4.2.2.4.4.5.8s.2.7.2 1.2v4.7h-1.1V537c0-.6-.1-1-.3-1.3-.2-.3-.6-.4-1-.4s-.8.1-1.1.3c-.4.2-.7.5-.9.9v4.9h-1.1v-10.6h1.1v4.7z" />
					<path class="st3" d="M975.4 556.8v-5.5M960.8 536.7h-5.6M995.5 536.7H990M990 522.9l-3.9 3.9M965.5 547.4l-3.9 4M964.9 526.5l-3.9-3.9M989.5 551.1l-4-4M975.4 522.1v-5.6" />
					<circle class="st3" cx="975.4" cy="536.7" r="12.2" />
				</g>
				<path class="st4" d="M920.1 474.9v23.3" id="wedLine" />
				<path class="st0" d="M864 319.6h56.1V475H864z" id="wedEDM" />
				<g id="wedDial">
					<path d="M892.1 559.1c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.5 22.5-22.5 22.5 10.1 22.5 22.5-10.1 22.5-22.5 22.5z" />
					<path class="st2" d="M892.1 514.6c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1-22.1-9.9-22.1-22.1 9.9-22.1 22.1-22.1m0-.8c-12.6 0-22.8 10.2-22.8 22.8s10.2 22.8 22.8 22.8 22.8-10.2 22.8-22.8-10.2-22.8-22.8-22.8z" />
					<path class="st2" d="M892 534c-.1.5-.3 1.2-.5 2.4l-1.5 5.8h-1.2l-3-9.8h1.2l1.7 5.7c.3.9.5 1.8.7 2.5.1-.5.2-.9.3-1.3s.2-.8.3-1.1l1.5-5.8h1.2l1.5 5.8c.4 1.4.6 2.2.6 2.5.2-.7.4-1.5.7-2.5l1.7-5.7h1.2l-3 9.8h-1.2l-1.5-5.8c-.4-1.2-.6-2-.7-2.5z" />
					<path class="st3" d="M892.1 556.8v-5.5M877.5 536.7h-5.6M912.2 536.7h-5.5M906.7 522.9l-3.9 3.9M882.2 547.4l-3.9 4M881.6 526.5l-3.9-3.9M906.2 551.1l-4-4M892.1 522.1v-5.6" />
					<circle class="st3" cx="892.1" cy="536.7" r="12.2" />
				</g>
				<path class="st4" d="M864 474.9v23.3" id="tueLine" />
				<path class="st1" d="M807.9 423.2H864V475h-56.1z" id="tueRap" />
				<path class="st0" d="M751.7 267.8h56.1V475h-56.1z" id="tueEDM" />
				<g id="tueDial">
					<path d="M806.7 559.1c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.5 22.5-22.5 22.5 10.1 22.5 22.5-10.1 22.5-22.5 22.5z" />
					<path class="st2" d="M806.7 514.6c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1-22.1-9.9-22.1-22.1 9.9-22.1 22.1-22.1m0-.8c-12.6 0-22.8 10.2-22.8 22.8s10.2 22.8 22.8 22.8c12.6 0 22.8-10.2 22.8-22.8s-10.2-22.8-22.8-22.8z" />
					<path class="st2" d="M803.7 541.5h-1.2v-8.7h-3.3v-1.1h7.7v1.1h-3.3v8.7zM810.2 541.7c-.4 0-.7 0-1-.1-.3-.1-.5-.2-.8-.3-.2-.1-.4-.3-.6-.5-.2-.2-.3-.4-.4-.6-.1-.2-.1-.4-.1-.6v-5h1.1v4.3c0 .4.1.7.2 1 .1.3.3.5.6.7.3.2.6.3 1 .3s.8-.1 1-.3c.3-.2.4-.4.6-.7.1-.2.1-.5.1-.9v-4.3h1.1v5c0 .2-.1.4-.1.6-.1.2-.2.5-.4.7-.2.2-.3.4-.6.5s-.5.3-.8.3c-.2-.2-.5-.1-.9-.1z" />
					<path class="st3" d="M806.7 556.8v-5.5M792.1 536.7h-5.5M826.8 536.7h-5.5M821.4 522.9l-3.9 3.9M796.8 547.4l-3.9 4M796.3 526.5l-3.9-3.9M820.8 551.1l-3.9-4M806.7 522.1v-5.6" />
					<circle class="st3" cx="806.7" cy="536.7" r="12.2" />
				</g>
				<path class="st4" d="M751.7 474.9v23.3" id="monLine" />
				<path class="st5" d="M695.6 319.6h56.1V475h-56.1z" id="monRock" />
				<path class="st1" d="M639.5 423.2h56.1V475h-56.1z" id="monRap" />
				<path class="st0" d="M583.3 319.6h56.1V475h-56.1z" id="monEDM" />
				<g id="monDial">
					<path d="M667.5 559.1c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.5 22.5-22.5 22.5 10.1 22.5 22.5-10.1 22.5-22.5 22.5z" />
					<path class="st2" d="M667.5 514.6c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1-22.1-9.9-22.1-22.1 9.9-22.1 22.1-22.1m0-.8c-12.6 0-22.8 10.2-22.8 22.8s10.2 22.8 22.8 22.8 22.8-10.2 22.8-22.8-10.2-22.8-22.8-22.8z" />
					<path class="st2" d="M667.8 541.5h-.5l-2.5-5.9c-.3-.8-.7-1.7-1-2.6h-.1c.1 1.4.1 2.6.1 3.7v4.7h-1.2v-9.8h1.7l2.3 5.5c.3.6.6 1.4.9 2.3.4-1 .6-1.8.9-2.3l2.3-5.5h1.7v9.8h-1.2v-4.7c0-1.1 0-2.4.1-3.7h-.1c-.4 1-.7 1.9-1 2.6l-2.4 5.9z" />
					<path class="st3" d="M667.5 556.8v-5.5M652.9 536.7h-5.5M687.7 536.7h-5.6M682.2 522.9l-3.9 3.9M657.7 547.4l-4 4M657.1 526.5l-3.9-3.9M681.6 551.1l-3.9-4M667.5 522.1v-5.6" />
					<circle class="st3" cx="667.5" cy="536.7" r="12.2" />
				</g>
				<path class="st4" d="M583.4 474.9v23.3" id="sunLine" />
				<path class="st1" d="M527.2 371.4h56.1V475h-56.1z" id="sunRap" />
				<path class="st0" d="M471.1 267.8h56.1V475h-56.1z" id="sunEDM" />
				<g id="sunDial">
					<path d="M527.2 559.2c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.5 22.5-22.5 22.5 10.1 22.5 22.5-10.1 22.5-22.5 22.5z" />
					<path class="st2" d="M527.2 514.6c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1c-12.2 0-22.1-9.9-22.1-22.1s9.9-22.1 22.1-22.1m0-.8c-12.6 0-22.9 10.3-22.9 22.9s10.3 22.9 22.9 22.9 22.9-10.3 22.9-22.9-10.3-22.9-22.9-22.9z" />
					<path class="st2" d="M521.4 534.3c0 .3.1.5.2.7.1.2.3.3.5.5s.4.2.7.3.5.2.8.2c.4.1.8.2 1.1.3.4.1.7.3 1 .5.3.2.5.5.7.8.2.3.3.7.3 1.2s-.1.9-.3 1.3c-.2.4-.5.7-.8.9-.3.2-.7.4-1.2.5-.5.1-1 .2-1.5.2h-.8c-.3 0-.5-.1-.8-.1-.2-.1-.5-.1-.7-.2s-.3-.1-.5-.2V540c.2.1.4.2.6.2.2.1.4.1.7.2.2.1.5.1.7.1h.7c.3 0 .7 0 1-.1.3-.1.6-.2.8-.3s.4-.3.6-.6c.1-.2.2-.5.2-.9 0-.3-.1-.5-.2-.7-.1-.2-.3-.3-.5-.5-.2-.1-.4-.2-.7-.3-.3-.1-.5-.2-.8-.2-.4-.1-.8-.2-1.1-.3-.4-.1-.7-.3-1-.5-.3-.2-.5-.4-.7-.8-.2-.3-.3-.7-.3-1.2s.1-.9.3-1.3c.2-.4.4-.7.7-.9.3-.2.7-.4 1.1-.5.4-.1.8-.2 1.3-.2s1 0 1.5.1.9.2 1.2.4v1.1c-.4-.2-.8-.3-1.3-.4-.4-.1-.9-.2-1.4-.2-.4 0-.7 0-1 .1-.3.1-.5.2-.7.3-.2.1-.3.3-.4.5v1.2zM531.3 541.7c-.4 0-.7 0-1-.1-.3-.1-.5-.2-.8-.3-.2-.1-.4-.3-.6-.5-.2-.2-.3-.4-.4-.6-.1-.2-.1-.4-.1-.6v-5h1.1v4.3c0 .4.1.7.2 1 .1.3.3.5.6.7.3.2.6.3 1 .3s.8-.1 1-.3c.3-.2.4-.4.6-.7.1-.2.1-.5.1-.9v-4.3h1.1v5c0 .2-.1.4-.1.6-.1.2-.2.5-.4.7-.2.2-.3.4-.6.5s-.5.3-.8.3c-.2-.2-.5-.1-.9-.1z" />
					<path class="st6" d="M527.2 556.8v-5.5M512.6 536.7H507M547.3 536.7h-5.5M541.9 522.9l-3.9 3.9M517.3 547.4l-3.9 4M516.8 526.5l-4-4M541.3 551.1l-3.9-4M527.2 522.1v-5.6" />
					<circle class="st6" cx="527.2" cy="536.7" r="12.2" />
				</g>
				<path class="st4" d="M471.1 474.9v23.3" id="satLine" />
				<path class="st1" d="M414.9 267.8H471V475h-56.1z" id="satRap" />
				<path class="st0" d="M358.8 267.8h56.1V475h-56.1z" id="satEDM" />
				<g id="satDial">
					<path d="M414.8 559.1c-12.4 0-22.5-10.1-22.5-22.5s10.1-22.5 22.5-22.5 22.5 10.1 22.5 22.5-10.1 22.5-22.5 22.5z" />
					<path class="st2" d="M414.8 514.6c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1-22.1-9.9-22.1-22.1 9.9-22.1 22.1-22.1m0-.8c-12.6 0-22.8 10.2-22.8 22.8s10.2 22.8 22.8 22.8 22.8-10.2 22.8-22.8-10.2-22.8-22.8-22.8z" />
					<path class="st3" d="M414.8 556.8v-5.5M400.2 536.7h-5.6M434.9 536.7h-5.5M429.4 522.9l-3.9 3.9M404.9 547.4l-3.9 4M404.3 526.5l-3.9-3.9M428.9 551.1l-3.9-4M414.8 522.1v-5.6" />
					<circle class="st3" cx="414.8" cy="536.7" r="12.2" />
					<g>
						<path class="st2" d="M409.3 534.3c0 .3.1.5.2.7.1.2.3.3.5.5s.4.2.7.3.5.2.8.2c.4.1.8.2 1.1.3.4.1.7.3 1 .5.3.2.5.5.7.8.2.3.3.7.3 1.2s-.1.9-.3 1.3c-.2.4-.5.7-.8.9-.3.2-.7.4-1.2.5-.5.1-1 .2-1.5.2h-.8c-.3 0-.5-.1-.8-.1-.2-.1-.5-.1-.7-.2s-.3-.1-.5-.2V540c.2.1.4.2.6.2.2.1.4.1.7.2.2.1.5.1.7.1h.7c.3 0 .7 0 1-.1.3-.1.6-.2.8-.3s.4-.3.6-.6c.1-.2.2-.5.2-.9 0-.3-.1-.5-.2-.7-.1-.2-.3-.3-.5-.5-.2-.1-.4-.2-.7-.3-.3-.1-.5-.2-.8-.2-.4-.1-.8-.2-1.1-.3-.4-.1-.7-.3-1-.5-.3-.2-.5-.4-.7-.8-.2-.3-.3-.7-.3-1.2s.1-.9.3-1.3c.2-.4.4-.7.7-.9.3-.2.7-.4 1.1-.5.4-.1.8-.2 1.3-.2s1 0 1.5.1.9.2 1.2.4v1.1c-.4-.2-.8-.3-1.3-.4-.4-.1-.9-.2-1.4-.2-.4 0-.7 0-1 .1-.3.1-.5.2-.7.3-.2.1-.3.3-.4.5v1.2zM420.5 540.7c-.1.1-.2.2-.4.3-.1.1-.3.2-.5.3-.2.1-.4.2-.6.2s-.5.1-.7.1c-.3 0-.6-.1-.9-.2-.3-.1-.5-.2-.7-.4-.2-.2-.4-.4-.5-.7s-.2-.6-.2-.9c0-.3.1-.7.2-.9.1-.3.3-.5.5-.7.2-.2.5-.3.8-.4.3-.1.7-.2 1-.2.4 0 .7 0 1 .1s.6.1.8.2v-.5-.5c0-.1-.1-.3-.1-.4-.1-.2-.3-.4-.6-.6-.3-.2-.7-.2-1.1-.2-.4 0-.7 0-1 .1l-.9.3v-1c.1-.1.3-.1.4-.2.2-.1.3-.1.5-.1s.4-.1.6-.1h.6c.7 0 1.3.1 1.7.4.4.2.8.6 1 1 .1.2.1.3.2.5V541.4h-1l-.1-.7zm0-2.3c-.2-.1-.5-.1-.7-.2-.3-.1-.6-.1-.9-.1-.5 0-.9.1-1.1.3-.3.2-.4.5-.4.9 0 .2 0 .4.1.6s.2.3.3.4c.1.1.3.2.4.2.2.1.3.1.5.1s.5 0 .7-.1l.6-.3c.2-.1.3-.2.4-.3s.2-.2.3-.2v-1.3z" />
					</g>
				</g>
				<path class="st4" d="M358.8 474.9v23.3" id="fridayLine" />
				<path class="st5" d="M302.7 423.2h56.1V475h-56.1z" id="fridayRock" />
				<path class="st1" d="M246.5 371.4h56.1V475h-56.1z" id="fridayRap" />
				<path class="st0" d="M190.4 319.6h56.1V475h-56.1z" id="fridayEDM" />
				<g id="fridayDial">
					<circle cx="274.6" cy="536.7" r="22.5" />
					<path class="st2" d="M274.6 514.6c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1c-12.2 0-22.1-9.9-22.1-22.1s9.9-22.1 22.1-22.1m0-.8c-12.6 0-22.8 10.2-22.8 22.8s10.2 22.8 22.8 22.8 22.8-10.2 22.8-22.8-10.2-22.8-22.8-22.8z" />
					<path class="st3" d="M274.6 556.8v-5.5M260 536.7h-5.5M294.7 536.7h-5.5M289.3 522.9l-4 3.9M264.7 547.4l-3.9 4M264.2 526.5l-4-3.9M288.7 551.1l-3.9-4M274.6 522.1v-5.6" />
					<circle cx="274.6" cy="536.7" r="12.2" fill="none" stroke="#fff" stroke-miterlimit="10" />
					<g>
						<path class="st2" d="M273.2 541.9H272v-9.8h5.8v1.1h-4.7v3.2h4.1v1.1h-4.1v4.4z" />
					</g>
				</g>
				<path class="st8" d="M148.7 267.8h23.2" id="fourLine" />
				<path class="st4" d="M149.7 319.6h23.2" id="threeLine" />
				<path class="st4" d="M149.7 371.4h23.2" id="twoLine" />
				<path class="st4" d="M149.7 423.2h23.2" id="oneLine" />
				<path class="st8" d="M148.7 474.9h23.2" id="zeroLine" />
				<path class="st4" d="M148.7 474.9V267.8" id="numberLine" />
				<path class="st2" d="M130.3 275.7h4.5v-3.8h1.9v3.8h2.5v1.7h-2.5v4.8h-1.9v-4.8H128V276l4.9-10.4h2.1l-4.7 10.1z" id="four" />
				<path class="st2" d="M135.5 325.3c.4 0 .9.2 1.3.3s.8.4 1.1.7c.3.3.6.7.7 1.2.2.5.3 1 .3 1.7 0 .8-.1 1.5-.4 2.1-.3.6-.6 1.2-1.1 1.6s-1.1.8-1.9 1-1.6.4-2.6.4c-.7 0-1.3-.1-1.9-.2-.6-.1-1.2-.3-1.6-.5V332c.6.3 1.2.4 1.8.6s1.1.2 1.6.2c.8 0 1.4-.1 1.9-.3.5-.2.9-.4 1.2-.7.3-.3.5-.7.7-1.1.1-.4.2-.8.2-1.3 0-1.1-.3-1.9-1-2.3-.7-.5-1.7-.7-3-.7h-1.3v-1.7h.8c.7 0 1.3-.1 1.8-.2.5-.2.9-.4 1.3-.7.3-.3.6-.6.7-1 .2-.4.2-.8.2-1.3s-.1-.9-.3-1.2c-.2-.3-.4-.6-.7-.9-.3-.2-.6-.4-1-.5-.4-.1-.8-.2-1.3-.2-.6 0-1.1.1-1.7.2-.6.1-1.1.3-1.7.5v-1.6c.7-.3 1.3-.5 2-.6.6-.1 1.2-.2 1.6-.2.8 0 1.5.1 2.2.3.6.2 1.2.5 1.6.9.4.4.8.9 1 1.4.2.5.3 1.1.3 1.8 0 .4 0 .8-.1 1.2-.1.4-.3.8-.5 1.1-.2.3-.5.6-.9.9s-.8.5-1.3.7z"
				  id="three" />
				<path class="st2" d="M132.2 379.2c1-.1 1.8-.1 2.6-.1h3.9v1.8H129v-1.3c1-.7 1.8-1.4 2.6-2 .8-.6 1.5-1.2 2.1-1.8.6-.6 1-1.1 1.4-1.6.3-.5.5-1.1.5-1.6 0-.7-.2-1.3-.7-1.7-.5-.4-1.1-.6-2-.6-.6 0-1.3.1-1.9.3-.6.2-1.2.4-1.9.7v-1.6c.5-.3 1.1-.5 1.8-.7s1.5-.3 2.3-.3c.7 0 1.3.1 1.8.3.5.2 1 .4 1.4.7s.7.7.9 1.2c.2.5.3 1 .3 1.6 0 .7-.1 1.3-.4 1.8-.3.6-.7 1.1-1.2 1.6s-1.1 1-1.7 1.6c-.7.6-1.4 1.2-2.1 1.7z"
				  id="two" />
				<path class="st2" d="M134.3 431v-8l-4.5 1.4v-1.8l4.8-1.7h1.7V431h3.3v1.8h-9.2V431h3.9z" id="one" />
				<path class="st2" d="M139 478.6c0 .9-.1 1.7-.4 2.5-.2.8-.6 1.4-1.1 2-.5.6-1 1-1.7 1.3s-1.4.5-2.3.5c-.9 0-1.7-.2-2.3-.5s-1.2-.8-1.7-1.3c-.5-.6-.8-1.2-1-2-.2-.8-.4-1.6-.4-2.5 0-.9.1-1.7.4-2.5s.6-1.4 1.1-2c.5-.6 1-1 1.7-1.3s1.4-.5 2.3-.5c.9 0 1.7.2 2.3.5s1.2.8 1.7 1.3c.5.6.8 1.2 1 2s.4 1.6.4 2.5zm-2 0c0-.7-.1-1.4-.2-1.9-.2-.6-.4-1.1-.7-1.4-.3-.4-.7-.7-1.1-.9-.4-.2-.9-.3-1.4-.3-.5 0-1 .1-1.4.3-.4.2-.8.5-1.1.9s-.5.9-.7 1.4c-.2.6-.2 1.2-.2 1.9s.1 1.3.2 1.9c.2.6.4 1.1.7 1.4.3.4.7.7 1.1.9.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.4-.2.8-.5 1.1-.9s.5-.9.7-1.4c.1-.5.2-1.2.2-1.9z"
				  id="zero" />
				<g id="rock">
					<path class="st2" d="M1225.4 302.7v4.9h-1.5v-11.9h3.1c.5 0 1 0 1.3.1.4 0 .7.1 1 .2.8.2 1.5.6 1.9 1.2.4.5.7 1.2.7 2 0 .5-.1.9-.2 1.3-.2.4-.4.7-.7 1s-.6.5-1 .7c-.4.2-.8.3-1.3.4l3.5 5.1h-1.5l-3.7-4.9h-1.6zm0-5.6v4.4h2.5c.3 0 .6-.1.8-.2.5-.2.9-.4 1.2-.7.3-.3.4-.8.4-1.3s-.1-.9-.4-1.2c-.3-.3-.6-.5-1.1-.7-.2-.1-.5-.1-.8-.1h-2.6zM1241.8 303.4c0 .7-.1 1.3-.3 1.8s-.5 1-.8 1.4c-.3.4-.8.7-1.3.9s-1 .3-1.7.3c-.6 0-1.2-.1-1.7-.3s-.9-.5-1.3-.9c-.3-.4-.6-.9-.8-1.4-.2-.5-.3-1.2-.3-1.8 0-.7.1-1.3.3-1.8.2-.5.5-1 .8-1.4.3-.4.8-.7 1.3-.9s1-.3 1.7-.3c.6 0 1.2.1 1.7.3s.9.5 1.3.9.6.9.8 1.4c.2.6.3 1.2.3 1.8zm-1.5 0c0-.5-.1-1-.2-1.4-.1-.4-.3-.8-.5-1-.2-.3-.5-.5-.8-.6-.3-.1-.7-.2-1-.2s-.7.1-1 .2c-.3.1-.6.4-.8.6-.2.3-.4.6-.5 1-.1.4-.2.9-.2 1.4 0 .5.1 1 .2 1.4s.3.8.5 1 .5.5.8.6c.3.1.7.2 1 .2s.7-.1 1-.2c.3-.1.6-.4.8-.6s.4-.6.5-1c.1-.4.2-.8.2-1.4zM1247.6 299c.4 0 .8 0 1.2.1.4.1.7.2 1 .4v1.1c-.4-.1-.7-.2-1-.3-.3-.1-.6-.1-1-.1-.3 0-.7.1-1 .2s-.6.3-.9.6c-.3.3-.5.6-.6 1-.2.4-.2 1-.2 1.6 0 .5.1.9.2 1.3s.3.7.5 1c.2.3.5.5.9.7.4.2.8.2 1.3.2.3 0 .7 0 1-.1s.7-.2 1-.3v1.1c-.1.1-.2.1-.4.2s-.3.1-.5.2c-.2 0-.4.1-.6.1h-.7c-.6 0-1.1-.1-1.6-.3-.5-.2-1-.4-1.3-.8s-.7-.8-.9-1.4c-.2-.5-.3-1.2-.3-1.9 0-.6.1-1.1.2-1.5.1-.4.3-.8.5-1.2.2-.3.4-.6.7-.9l.9-.6c.3-.2.6-.3.9-.3 0-.1.4-.1.7-.1zM1257.4 299.2h1.8l-4.1 3.9 4.1 4.6h-1.7l-4.1-4.5v4.5h-1.4v-12.9h1.4v8.2l4-3.8z" />
				</g>
				<path class="st5" d="M1157.7 286h48.7v29.6h-48.7z" id="rockSquare" />
				<g id="rap">
					<path class="st2" d="M1225.4 248.5v4.9h-1.5v-11.9h3.1c.5 0 1 0 1.3.1.4 0 .7.1 1 .2.8.2 1.5.6 1.9 1.2.4.5.7 1.2.7 2 0 .5-.1.9-.2 1.3-.2.4-.4.7-.7 1s-.6.5-1 .7c-.4.2-.8.3-1.3.4l3.5 5.1h-1.5l-3.7-4.9h-1.6zm0-5.7v4.4h2.5c.3 0 .6-.1.8-.2.5-.2.9-.4 1.2-.7.3-.3.4-.8.4-1.3s-.1-.9-.4-1.2c-.3-.3-.6-.5-1.1-.7-.2-.1-.5-.1-.8-.1h-2.6zM1239.5 252.5c-.1.1-.3.3-.5.4-.2.1-.4.3-.6.4s-.5.2-.7.3c-.3.1-.6.1-.9.1-.4 0-.8-.1-1.1-.2-.3-.1-.6-.3-.9-.5-.2-.2-.4-.5-.6-.9-.1-.3-.2-.7-.2-1.1 0-.4.1-.8.2-1.1.2-.3.4-.6.6-.8s.6-.4 1-.5c.4-.1.8-.2 1.3-.2.4 0 .8 0 1.2.1.4.1.7.2 1 .3v-.8-.6c0-.2-.1-.3-.2-.5-.2-.3-.4-.5-.7-.7-.3-.2-.8-.3-1.4-.3-.4 0-.8 0-1.2.1-.4.1-.8.2-1.1.3v-1.2c.1-.1.3-.1.5-.2s.4-.1.6-.2c.2 0 .4-.1.7-.1h.7c.9 0 1.6.2 2.1.5s.9.7 1.2 1.2c.1.2.2.4.2.6 0 .2.1.5.1.8v5.6h-1.2l-.1-.8zm-.1-2.8c-.3-.1-.6-.1-.9-.2s-.7-.1-1.2-.1c-.6 0-1 .1-1.4.4-.3.2-.5.6-.5 1.1 0 .3 0 .5.1.7.1.2.2.4.3.5.1.1.3.2.5.3.2.1.4.1.6.1.3 0 .6 0 .8-.1.3-.1.5-.2.7-.3.2-.1.4-.2.5-.4l.3-.3v-1.7zM1251 249.1c0 .6-.1 1.1-.2 1.6s-.3.9-.5 1.2c-.2.3-.4.6-.7.9-.3.2-.5.4-.8.6s-.6.2-.8.3c-.3.1-.6.1-.8.1-.5 0-1-.1-1.4-.3s-.7-.4-1-.8v4.9h-1.4V245h1l.3 1 .3-.3c.1-.1.3-.2.5-.4.2-.1.5-.2.7-.3.3-.1.6-.1.9-.1.5 0 .9.1 1.4.2.4.2.8.4 1.2.8.3.4.6.8.8 1.3.4.5.5 1.1.5 1.9zm-1.4 0c0-.5-.1-.9-.2-1.3s-.3-.7-.5-1c-.2-.3-.5-.5-.8-.6s-.7-.2-1.1-.2c-.3 0-.5 0-.8.1-.2.1-.5.2-.6.3-.2.1-.4.2-.5.4s-.2.3-.3.4v4.4c.3.3.6.5 1 .7.4.2.8.3 1.2.3.3 0 .5 0 .8-.1.3-.1.6-.3.8-.5s.5-.6.6-1 .4-1.2.4-1.9z" />
				</g>
				<path class="st1" d="M1157.7 231.8h48.7v29.6h-48.7z" id="rapSquare" />
				<g id="edm">
					<path class="st2" d="M1225.4 197.9h6.1v1.3h-7.6v-11.9h7.2v1.3h-5.8v3.8h5.1v1.3h-5.1v4.2zM1243.7 193.2c0 .7-.1 1.3-.3 2-.2.6-.4 1.2-.8 1.7s-.8.9-1.3 1.3-1.1.6-1.8.8c-.4.1-.8.2-1.3.2s-1 .1-1.5.1h-2.7v-11.9h2.7c.5 0 1 0 1.5.1.5 0 .9.1 1.3.2.7.2 1.3.5 1.8.8s1 .8 1.3 1.2c.3.5.6 1 .8 1.6.2.6.3 1.2.3 1.9zm-1.5 0c0-1.1-.3-2.1-.8-2.8-.5-.7-1.2-1.2-2.2-1.5-.4-.1-.8-.2-1.2-.2s-.9-.1-1.5-.1h-1.1v9.3h1.1c.6 0 1.1 0 1.5-.1s.8-.1 1.2-.2c.9-.3 1.7-.8 2.2-1.6s.8-1.6.8-2.8zM1252.6 199.2h-.7l-3-7.1c-.4-1-.8-2-1.2-3.2h-.1c.1 1.7.1 3.2.1 4.6v5.8h-1.5v-11.9h2.1l2.8 6.7c.3.8.7 1.7 1.1 2.8.4-1.2.8-2.1 1.1-2.8l2.8-6.7h2.1v11.9h-1.5v-5.8c0-1.3 0-2.9.1-4.6h-.1c-.4 1.2-.9 2.3-1.2 3.2l-2.9 7.1z" />
				</g>
				<path class="st0" d="M1157.7 177.6h48.7v29.6h-48.7z" id="edmSquare" />
				<g id="genre">
					<path class="st2" d="M476.5 132.3c.5 0 1 .1 1.4.2s.7.3 1 .5.5.4.7.6c.2.2.3.3.3.4h.1l.4-1.4h1.5v12.8c0 .9-.2 1.7-.5 2.4s-.7 1.3-1.3 1.7-1.2.8-2 1c-.8.2-1.6.3-2.6.3-.8 0-1.5-.1-2.1-.2s-1.1-.3-1.5-.5v-1.7c.3.1.6.2.8.3s.5.1.8.2.6.1.9.1h1c1.4 0 2.5-.3 3.3-1s1.1-1.7 1.1-3v-1.6c-.4.5-.9.8-1.5 1.1-.6.2-1.2.4-2 .4-.3 0-.7 0-1.1-.1s-.8-.2-1.2-.4-.8-.4-1.1-.7-.7-.7-.9-1.1-.5-1-.7-1.6c-.2-.6-.2-1.3-.2-2.1 0-1.1.2-2.1.5-2.9s.7-1.5 1.2-2.1 1.1-.9 1.7-1.2 1.3-.4 2-.4zm-3.3 6.4c0 .9.1 1.7.3 2.3s.5 1.1.9 1.4c.4.3.7.6 1.1.7s.8.2 1.2.2c.6 0 1.2-.1 1.7-.4s1-.6 1.4-1v-6.3c-.1-.2-.3-.3-.5-.5s-.4-.4-.7-.5c-.3-.2-.6-.3-.9-.4s-.7-.2-1.1-.2c-.6 0-1.1.1-1.5.3-.4.2-.8.6-1.1 1-.3.4-.5.9-.7 1.5s-.1 1.2-.1 1.9zM491.2 143.2c.7 0 1.2-.1 1.8-.2.5-.1 1.1-.3 1.6-.5v1.6c-.4.2-1 .4-1.6.5s-1.3.2-2 .2c-.9 0-1.7-.1-2.4-.3-.8-.2-1.4-.6-2-1.1s-1-1.1-1.3-1.9c-.3-.8-.5-1.7-.5-2.9 0-1.1.2-2.1.5-2.9s.7-1.5 1.2-2 1.1-.9 1.7-1.2c.7-.3 1.3-.4 2.1-.4.7 0 1.3.1 1.9.3s1.1.6 1.5 1.1.8 1.1 1 1.9.4 1.7.4 2.7v.8h-8.3c0 .8.1 1.4.3 2 .2.5.6 1 1 1.3.4.3.9.6 1.4.7s1.1.3 1.7.3zm-1-9.3c-.5 0-.9.1-1.3.3-.4.2-.7.4-1 .7s-.5.7-.7 1.1c-.2.4-.3.8-.3 1.3h6.2c0-.5-.1-.9-.2-1.3s-.3-.8-.5-1.1c-.2-.3-.5-.5-.9-.7-.5-.2-.9-.3-1.3-.3zM500.2 134.2l.8-.8c.3-.2.6-.5.9-.6s.7-.3 1.1-.4c.4-.1.8-.2 1.3-.2s1.1.1 1.5.2.9.4 1.3.7.6.8.8 1.3c.2.5.3 1.2.3 2v8.1h-2v-7.8c0-1-.2-1.8-.6-2.2-.4-.5-1-.7-1.8-.7-.7 0-1.3.2-2 .6s-1.2.9-1.6 1.6v8.6h-2v-12.1h1.5l.5 1.7zM518.4 134.2h-.2c-.5 0-.9 0-1.4.1s-.9.2-1.3.4-.8.4-1.1.6c-.3.3-.6.6-.8.9v8.4h-2v-12.1h1.5l.4 1.9c.2-.3.4-.6.7-.9.3-.3.6-.5 1-.7s.7-.4 1.2-.5.9-.2 1.3-.2h.5v2.1zM526.1 143.2c.7 0 1.2-.1 1.8-.2.5-.1 1.1-.3 1.6-.5v1.6c-.4.2-1 .4-1.6.5s-1.3.2-2 .2c-.9 0-1.7-.1-2.4-.3-.8-.2-1.4-.6-2-1.1s-1-1.1-1.3-1.9c-.3-.8-.5-1.7-.5-2.9 0-1.1.2-2.1.5-2.9s.7-1.5 1.2-2 1.1-.9 1.7-1.2c.7-.3 1.3-.4 2.1-.4.7 0 1.3.1 1.9.3s1.1.6 1.5 1.1.8 1.1 1 1.9.4 1.7.4 2.7v.8h-8.3c0 .8.1 1.4.3 2 .2.5.6 1 1 1.3.4.3.9.6 1.4.7s1.1.3 1.7.3zm-1.1-9.3c-.5 0-.9.1-1.3.3-.4.2-.7.4-1 .7s-.5.7-.7 1.1c-.2.4-.3.8-.3 1.3h6.2c0-.5-.1-.9-.2-1.3s-.3-.8-.5-1.1c-.2-.3-.5-.5-.9-.7-.4-.2-.8-.3-1.3-.3z" />
				</g>
				<g id="on">
					<path class="st2" d="M450.3 138.6c0 .9-.1 1.8-.4 2.6s-.7 1.4-1.1 2c-.5.6-1.1 1-1.8 1.3s-1.5.5-2.4.5c-.9 0-1.7-.2-2.4-.5s-1.3-.7-1.8-1.3c-.5-.6-.9-1.2-1.1-2s-.4-1.6-.4-2.6.1-1.8.4-2.6.7-1.4 1.1-2c.5-.6 1.1-1 1.8-1.3.7-.3 1.5-.5 2.4-.5.9 0 1.7.2 2.4.5s1.3.7 1.8 1.3.9 1.2 1.1 2 .4 1.7.4 2.6zm-2.1 0c0-.7-.1-1.4-.3-2-.2-.6-.4-1.1-.8-1.5-.3-.4-.7-.7-1.2-.9s-.9-.3-1.5-.3-1 .1-1.5.3-.8.5-1.2.9c-.3.4-.6.9-.8 1.5-.2.6-.3 1.2-.3 2 0 .7.1 1.4.3 2 .2.6.4 1.1.8 1.5s.7.7 1.2.9.9.3 1.5.3 1-.1 1.5-.3c.4-.2.8-.5 1.2-.9.3-.4.6-.9.8-1.5.2-.6.3-1.2.3-2zM455.1 134.2l.8-.8c.3-.2.6-.5.9-.6s.7-.3 1.1-.4c.4-.1.8-.2 1.3-.2s1.1.1 1.5.2.9.4 1.3.7.6.8.8 1.3c.2.5.3 1.2.3 2v8.1h-2v-7.8c0-1-.2-1.8-.6-2.2-.4-.5-1-.7-1.8-.7-.7 0-1.3.2-2 .6s-1.2.9-1.6 1.6v8.6h-2v-12.1h1.5l.5 1.7z" />
				</g>
				<g id="based">
					<path class="st2" d="M382 138.4c0 1.1-.2 2.1-.5 2.9s-.7 1.5-1.2 2-1.1.9-1.7 1.2-1.3.4-2 .4c-.5 0-1-.1-1.4-.2-.4-.1-.7-.3-1-.5-.3-.2-.5-.4-.7-.6-.2-.2-.3-.3-.3-.4l-.4 1.3h-1.5v-18.4h2v7.5c.4-.5.9-.8 1.5-1.1s1.2-.4 2-.4c.3 0 .7 0 1.1.1.4.1.8.2 1.2.4.4.2.8.4 1.1.7s.7.7.9 1.1.5 1 .6 1.6.3 1.6.3 2.4zm-2 .2c0-1-.1-1.7-.3-2.3-.2-.6-.5-1.1-.9-1.4-.4-.3-.7-.6-1.1-.7s-.8-.2-1.2-.2c-.6 0-1.2.1-1.7.4-.5.3-1 .6-1.4 1v6.3c.1.2.3.3.5.5s.4.4.7.5.6.3.9.4c.3.1.7.2 1.1.2.6 0 1.1-.1 1.5-.3.4-.2.8-.6 1.1-1 .3-.4.5-.9.7-1.5s.1-1.3.1-1.9zM392 143.3c-.2.2-.4.4-.7.6s-.5.4-.9.5-.7.3-1.1.4-.8.1-1.2.1c-.6 0-1.1-.1-1.6-.3-.5-.2-.9-.4-1.3-.8-.4-.3-.6-.7-.8-1.2s-.3-1-.3-1.6c0-.6.1-1.1.3-1.6.2-.5.5-.9.9-1.2s.9-.6 1.4-.8c.5-.2 1.1-.3 1.8-.3.6 0 1.2.1 1.7.2s1 .2 1.4.4h.1v-.8c0-.3 0-.6-.1-.9s-.1-.5-.2-.7c-.2-.4-.6-.7-1.1-1s-1.1-.4-2-.4c-.6 0-1.2.1-1.7.2s-1.1.3-1.6.5V133c.2-.1.4-.2.7-.3.3-.1.6-.2.9-.2s.6-.1 1-.1.7-.1 1-.1c1.2 0 2.2.2 3 .6.8.4 1.3 1 1.7 1.7l.3.9c.1.3.1.7.1 1.1v8H392v-1.3zm-.1-4c-.4-.1-.8-.2-1.3-.3s-1-.1-1.6-.2c-.8 0-1.5.2-2 .5s-.7.9-.7 1.6c0 .4.1.7.2 1s.3.5.5.7c.2.2.5.3.7.4s.6.1.9.1c.4 0 .8-.1 1.2-.2s.7-.3 1-.4.5-.3.7-.5l.4-.4v-2.3zM399 135.8c0 .3.1.6.2.8s.3.4.6.5c.2.1.5.2.8.3s.6.2 1 .2c.5.1.9.2 1.3.3s.8.3 1.1.6c.3.2.6.6.8 1s.3 1 .3 1.6c0 .6-.1 1.1-.4 1.6s-.6.9-1 1.2-.9.6-1.5.7-1.3.2-2 .2c-.4 0-.8 0-1.2-.1-.4 0-.7-.1-1-.2-.3-.1-.5-.1-.7-.2s-.4-.1-.5-.2v-1.7c.5.2 1 .4 1.5.5s1 .2 1.6.2c.5 0 .9 0 1.3-.1s.7-.2 1-.4c.3-.2.5-.4.6-.6.1-.2.2-.5.2-.9 0-.3-.1-.6-.2-.8s-.3-.4-.5-.5-.5-.3-.8-.4l-.9-.3c-.4-.1-.9-.2-1.3-.3-.4-.1-.8-.3-1.2-.5s-.6-.5-.9-.9c-.2-.4-.3-.9-.3-1.5s.1-1.2.3-1.7.5-.9.9-1.2.8-.5 1.4-.7 1.1-.2 1.6-.2c.7 0 1.3.1 1.9.2.6.1 1.1.3 1.6.5v1.7c-.5-.2-1-.4-1.5-.5s-1-.2-1.6-.2c-.5 0-.8 0-1.2.1s-.6.2-.8.4c-.2.2-.4.4-.5.6s0 .6 0 .9zM413.6 143.2c.7 0 1.2-.1 1.8-.2.5-.1 1.1-.3 1.6-.5v1.6c-.4.2-1 .4-1.6.5s-1.3.2-2 .2c-.9 0-1.7-.1-2.4-.3-.8-.2-1.4-.6-2-1.1s-1-1.1-1.3-1.9c-.3-.8-.5-1.7-.5-2.9 0-1.1.2-2.1.5-2.9s.7-1.5 1.2-2 1.1-.9 1.7-1.2c.7-.3 1.3-.4 2.1-.4.7 0 1.3.1 1.9.3s1.1.6 1.5 1.1.8 1.1 1 1.9.4 1.7.4 2.7v.8h-8.3c0 .8.1 1.4.3 2 .2.5.6 1 1 1.3.4.3.9.6 1.4.7s1.1.3 1.7.3zm-1-9.3c-.5 0-.9.1-1.3.3-.4.2-.7.4-1 .7s-.5.7-.7 1.1c-.2.4-.3.8-.3 1.3h6.2c0-.5-.1-.9-.2-1.3s-.3-.8-.5-1.1c-.2-.3-.5-.5-.9-.7-.4-.2-.8-.3-1.3-.3zM420 138.8c0-.8.1-1.6.2-2.2.2-.6.4-1.2.7-1.7s.6-.9 1-1.2.7-.6 1.1-.8.8-.3 1.2-.4c.4-.1.8-.1 1.1-.1.7 0 1.4.1 1.9.4s1 .6 1.5 1.1v-7.5h2v18.4h-1.5l-.4-1.3h-.1c-.2.2-.3.4-.5.6s-.4.4-.7.5c-.3.2-.6.3-1 .4-.4.1-.8.1-1.3.1-.7 0-1.3-.1-1.9-.3s-1.2-.6-1.7-1.1c-.5-.5-.9-1.1-1.2-1.9s-.4-1.9-.4-3zm2.1-.1c0 .7.1 1.3.2 1.9.2.6.4 1 .7 1.4s.7.7 1.1.9.9.3 1.5.3c.4 0 .8-.1 1.1-.2s.6-.2.9-.4c.3-.2.5-.3.7-.5.2-.2.3-.4.5-.5v-6.3c-.4-.4-.9-.7-1.4-1s-1.1-.4-1.7-.4c-.4 0-.8.1-1.2.2-.4.1-.8.4-1.1.8-.4.4-.6.9-.9 1.5s-.4 1.4-.4 2.3z" />
				</g>
				<g id="skips2">
					<path class="st2" d="M314.8 135.8c0 .3.1.6.2.8s.3.4.6.5c.2.1.5.2.8.3s.6.2 1 .2c.5.1.9.2 1.3.3s.8.3 1.1.6c.3.2.6.6.8 1s.3 1 .3 1.6c0 .6-.1 1.1-.4 1.6s-.6.9-1 1.2-.9.6-1.5.7-1.3.2-2 .2c-.4 0-.8 0-1.2-.1-.4 0-.7-.1-1-.2-.3-.1-.5-.1-.7-.2s-.4-.1-.5-.2v-1.7c.5.2 1 .4 1.5.5s1 .2 1.6.2c.5 0 .9 0 1.3-.1s.7-.2 1-.4c.3-.2.5-.4.6-.6.1-.2.2-.5.2-.9 0-.3-.1-.6-.2-.8s-.3-.4-.5-.5-.5-.3-.8-.4l-.9-.3c-.4-.1-.9-.2-1.3-.3-.4-.1-.8-.3-1.2-.5s-.6-.5-.9-.9c-.2-.4-.3-.9-.3-1.5s.1-1.2.3-1.7.5-.9.9-1.2.8-.5 1.4-.7 1.1-.2 1.6-.2c.7 0 1.3.1 1.9.2.6.1 1.1.3 1.6.5v1.7c-.5-.2-1-.4-1.5-.5s-1-.2-1.6-.2c-.5 0-.8 0-1.2.1s-.6.2-.8.4c-.2.2-.4.4-.5.6s0 .6 0 .9zM331.6 132.6h2.6l-5.9 5.5 5.9 6.5h-2.5l-5.8-6.4v6.4h-2v-18.4h2V138l5.7-5.4zM336.4 129.8v-2.2h2v2.2h-2zm0 14.8v-12.1h2v12.1h-2zM352.9 138.5c0 .8-.1 1.6-.2 2.2s-.4 1.2-.7 1.7c-.3.5-.6.9-1 1.2-.4.3-.7.6-1.1.8-.4.2-.8.3-1.2.4-.4.1-.8.1-1.1.1-.7 0-1.4-.1-1.9-.4s-1-.6-1.5-1.1v7h-1.9v-18h1.5l.4 1.4c.1-.2.3-.3.4-.5.2-.2.4-.3.7-.5.3-.2.6-.3 1.1-.5.4-.1.9-.2 1.3-.2.7 0 1.3.1 2 .3.6.2 1.2.6 1.7 1.1s.9 1.1 1.2 1.9c.1 1 .3 1.9.3 3.1zm-2.1 0c0-.7-.1-1.3-.2-1.9-.1-.6-.4-1-.7-1.4s-.7-.7-1.1-.9c-.4-.2-.9-.3-1.5-.3-.4 0-.8.1-1.1.2-.3.1-.6.2-.9.4s-.5.4-.7.5l-.5.5v6.3c.4.4.9.8 1.4 1s1.1.4 1.7.4c.4 0 .8-.1 1.2-.2s.8-.4 1.2-.7c.4-.4.6-.8.9-1.5s.3-1.5.3-2.4zM357.2 135.8c0 .3.1.6.2.8s.3.4.6.5c.2.1.5.2.8.3s.6.2 1 .2c.5.1.9.2 1.3.3s.8.3 1.1.6c.3.2.6.6.8 1s.3 1 .3 1.6c0 .6-.1 1.1-.4 1.6s-.6.9-1 1.2-.9.6-1.5.7-1.3.2-2 .2c-.4 0-.8 0-1.2-.1-.4 0-.7-.1-1-.2-.3-.1-.5-.1-.7-.2s-.4-.1-.5-.2v-1.7c.5.2 1 .4 1.5.5s1 .2 1.6.2c.5 0 .9 0 1.3-.1s.7-.2 1-.4c.3-.2.5-.4.6-.6.1-.2.2-.5.2-.9 0-.3-.1-.6-.2-.8s-.3-.4-.5-.5-.5-.3-.8-.4l-.9-.3c-.4-.1-.9-.2-1.3-.3-.4-.1-.8-.3-1.2-.5s-.6-.5-.9-.9c-.2-.4-.3-.9-.3-1.5s.1-1.2.3-1.7.5-.9.9-1.2.8-.5 1.4-.7 1.1-.2 1.6-.2c.7 0 1.3.1 1.9.2.6.1 1.1.3 1.6.5v1.7c-.5-.2-1-.4-1.5-.5s-1-.2-1.6-.2c-.5 0-.8 0-1.2.1s-.6.2-.8.4c-.2.2-.4.4-.5.6s0 .6 0 .9z" />
				</g>
				<g id="daily">
					<path class="st2" d="M257.3 138.8c0-.8.1-1.6.2-2.2.2-.6.4-1.2.7-1.7s.6-.9 1-1.2.7-.6 1.1-.8.8-.3 1.2-.4c.4-.1.8-.1 1.1-.1.7 0 1.4.1 1.9.4s1 .6 1.5 1.1v-7.5h2v18.4h-1.5l-.4-1.3h-.1c-.2.2-.3.4-.5.6s-.4.4-.7.5c-.3.2-.6.3-1 .4-.4.1-.8.1-1.3.1-.7 0-1.3-.1-1.9-.3s-1.2-.6-1.7-1.1c-.5-.5-.9-1.1-1.2-1.9s-.4-1.9-.4-3zm2-.1c0 .7.1 1.3.2 1.9.2.6.4 1 .7 1.4s.7.7 1.1.9.9.3 1.5.3c.4 0 .8-.1 1.1-.2s.6-.2.9-.4c.3-.2.5-.3.7-.5.2-.2.3-.4.5-.5v-6.3c-.4-.4-.9-.7-1.4-1s-1.1-.4-1.7-.4c-.4 0-.8.1-1.2.2-.4.1-.8.4-1.1.8-.4.4-.6.9-.9 1.5s-.4 1.4-.4 2.3zM278.8 143.3c-.2.2-.4.4-.7.6s-.5.4-.9.5-.7.3-1.1.4-.8.1-1.2.1c-.6 0-1.1-.1-1.6-.3-.5-.2-.9-.4-1.3-.8-.4-.3-.6-.7-.8-1.2s-.3-1-.3-1.6c0-.6.1-1.1.3-1.6.2-.5.5-.9.9-1.2s.9-.6 1.4-.8c.5-.2 1.1-.3 1.8-.3.6 0 1.2.1 1.7.2s1 .2 1.4.4h.1v-.8c0-.3 0-.6-.1-.9s-.1-.5-.2-.7c-.2-.4-.6-.7-1.1-1s-1.1-.4-2-.4c-.6 0-1.2.1-1.7.2s-1.1.3-1.6.5V133c.2-.1.4-.2.7-.3.3-.1.6-.2.9-.2s.6-.1 1-.1.7-.1 1-.1c1.2 0 2.2.2 3 .6.8.4 1.3 1 1.7 1.7l.3.9c.1.3.1.7.1 1.1v8H279l-.2-1.3zm-.1-4c-.4-.1-.8-.2-1.3-.3s-1-.1-1.6-.2c-.8 0-1.5.2-2 .5s-.7.9-.7 1.6c0 .4.1.7.2 1s.3.5.5.7c.2.2.5.3.7.4s.6.1.9.1c.4 0 .8-.1 1.2-.2s.7-.3 1-.4.5-.3.7-.5l.4-.4v-2.3zM284.4 129.8v-2.2h2v2.2h-2zm.1 14.8v-12.1h2v12.1h-2zM290.3 144.6v-18.4h2v18.4h-2zM294.6 132.6h2l3.7 9.5h.1l3.8-9.5h2l-7.5 18h-2l2.6-6.1-4.7-11.9z" />
				</g>
				<g id="of">
					<path class="st2" d="M241.9 138.6c0 .9-.1 1.8-.4 2.6s-.7 1.4-1.1 2c-.5.6-1.1 1-1.8 1.3s-1.5.5-2.4.5c-.9 0-1.7-.2-2.4-.5s-1.3-.7-1.8-1.3c-.5-.6-.9-1.2-1.1-2s-.4-1.6-.4-2.6.1-1.8.4-2.6.7-1.4 1.1-2c.5-.6 1.1-1 1.8-1.3.7-.3 1.5-.5 2.4-.5.9 0 1.7.2 2.4.5s1.3.7 1.8 1.3.9 1.2 1.1 2 .4 1.7.4 2.6zm-2.1 0c0-.7-.1-1.4-.3-2-.2-.6-.4-1.1-.8-1.5-.3-.4-.7-.7-1.2-.9s-.9-.3-1.5-.3-1 .1-1.5.3-.8.5-1.2.9c-.3.4-.6.9-.8 1.5-.2.6-.3 1.2-.3 2 0 .7.1 1.4.3 2 .2.6.4 1.1.8 1.5s.7.7 1.2.9.9.3 1.5.3 1-.1 1.5-.3c.4-.2.8-.5 1.2-.9.3-.4.6-.9.8-1.5.2-.6.3-1.2.3-2zM251.8 127.8c-.3-.1-.5-.1-.8-.1h-.8c-.4 0-.8.1-1.2.2-.4.1-.6.3-.9.5s-.4.6-.5 1-.2.9-.2 1.4v1.9h3.6v1.7h-3.6v10.4h-2v-10.4h-2.1v-1.7h2.1v-1.8c0-.9.1-1.6.3-2.2.2-.6.6-1.1 1-1.5s.9-.7 1.4-.9 1.1-.3 1.8-.3c.4 0 .8 0 1.1.1.3 0 .6.1.8.1v1.6z" />
				</g>
				<g id="number">
					<path class="st2" d="M147.3 137.1c1 1.5 2.1 3 3.1 4.6h.1c-.1-1.7-.2-3.3-.2-5.1v-9h2.1v17h-2.1l-6.7-9.5c-1.2-1.7-2.2-3.2-3.1-4.6h-.1c.1 1.5.2 3.4.2 5.4v8.7h-2.1v-17h2.1l6.7 9.5zM161.1 145c-.6 0-1.2-.1-1.7-.2s-.9-.3-1.3-.6c-.4-.2-.7-.5-1-.9s-.5-.7-.6-1.1c-.1-.3-.2-.6-.3-1s-.1-.8-.1-1.2v-7.4h2v7.4c0 .7.1 1.2.3 1.7.2.5.5.9 1 1.2.5.3 1 .4 1.7.4s1.3-.2 1.8-.5.8-.8 1-1.3c.1-.4.2-.9.2-1.5v-7.4h2v7.4c0 .4 0 .8-.1 1.1 0 .4-.1.7-.2 1-.2.4-.4.8-.6 1.1-.3.4-.6.7-1 .9s-.8.5-1.4.6c-.5.2-1.1.3-1.7.3zM179.4 144.6h-2v-7.8c0-.5-.1-1-.2-1.3-.1-.4-.3-.7-.5-.9-.2-.2-.5-.4-.8-.5-.3-.1-.6-.2-1-.2-.7 0-1.3.2-1.9.6s-1.1.9-1.5 1.6v8.6h-2v-12.1h1.5l.4 1.7c.2-.3.5-.5.7-.8.3-.2.5-.5.9-.6.3-.2.7-.3 1-.4s.8-.2 1.2-.2c.9 0 1.6.2 2.2.6s1 1 1.4 1.8h.1c.5-.8 1.1-1.3 1.8-1.8s1.5-.6 2.4-.6c.4 0 .9.1 1.3.2s.9.3 1.3.7.7.8 1 1.3.4 1.3.4 2.2v8.1h-2V137c0-.5-.1-1-.2-1.3-.1-.4-.3-.7-.5-.9-.2-.2-.5-.4-.8-.5-.3-.1-.6-.2-1-.2-.7 0-1.3.2-1.9.6-.6.4-1.1.9-1.6 1.6v8.3zM201.8 138.4c0 1.1-.2 2.1-.5 2.9s-.7 1.5-1.2 2-1.1.9-1.7 1.2-1.3.4-2 .4c-.5 0-1-.1-1.4-.2-.4-.1-.7-.3-1-.5-.3-.2-.5-.4-.7-.6-.2-.2-.3-.3-.3-.4l-.4 1.3h-1.5v-18.4h2v7.5c.4-.5.9-.8 1.5-1.1s1.2-.4 2-.4c.3 0 .7 0 1.1.1.4.1.8.2 1.2.4.4.2.8.4 1.1.7s.7.7.9 1.1.5 1 .6 1.6.3 1.6.3 2.4zm-2.1.2c0-1-.1-1.7-.3-2.3-.2-.6-.5-1.1-.9-1.4-.4-.3-.7-.6-1.1-.7s-.8-.2-1.2-.2c-.6 0-1.2.1-1.7.4-.5.3-1 .6-1.4 1v6.3c.1.2.3.3.5.5s.4.4.7.5.6.3.9.4c.3.1.7.2 1.1.2.6 0 1.1-.1 1.5-.3.4-.2.8-.6 1.1-1 .3-.4.5-.9.7-1.5s.1-1.3.1-1.9zM210.5 143.2c.7 0 1.2-.1 1.8-.2.5-.1 1.1-.3 1.6-.5v1.6c-.4.2-1 .4-1.6.5s-1.3.2-2 .2c-.9 0-1.7-.1-2.4-.3-.8-.2-1.4-.6-2-1.1s-1-1.1-1.3-1.9c-.3-.8-.5-1.7-.5-2.9 0-1.1.2-2.1.5-2.9s.7-1.5 1.2-2 1.1-.9 1.7-1.2c.7-.3 1.3-.4 2.1-.4.7 0 1.3.1 1.9.3s1.1.6 1.5 1.1.8 1.1 1 1.9.4 1.7.4 2.7v.8H206c0 .8.1 1.4.3 2 .2.5.6 1 1 1.3.4.3.9.6 1.4.7s1.1.3 1.8.3zm-1.1-9.3c-.5 0-.9.1-1.3.3-.4.2-.7.4-1 .7s-.5.7-.7 1.1c-.2.4-.3.8-.3 1.3h6.2c0-.5-.1-.9-.2-1.3s-.3-.8-.5-1.1c-.2-.3-.5-.5-.9-.7-.4-.2-.8-.3-1.3-.3zM224.1 134.2h-.1c-.5 0-.9 0-1.4.1s-.9.2-1.3.4-.8.4-1.1.6c-.3.3-.6.6-.8.9v8.4h-2v-12.1h1.5l.4 1.9c.2-.3.4-.6.7-.9.3-.3.6-.5 1-.7s.7-.4 1.2-.5.9-.2 1.3-.2h.5v2.1z" />
				</g>
				<g id="skips">
					<path class="st2" d="M349.2 88.1c0-.9-.2-1.7-.7-2.2-.4-.6-1.1-1-1.8-1.4-.8-.4-1.6-.6-2.6-.9-1-.2-2-.4-3-.7-1.4-.3-2.7-.7-4-1.1-1.3-.4-2.4-1-3.4-1.7s-1.7-1.7-2.3-2.8c-.6-1.1-.9-2.6-.9-4.3 0-1.9.3-3.5 1-5 .7-1.4 1.6-2.6 2.7-3.5 1.1-.9 2.5-1.6 4-2.1s3.3-.7 5.2-.7c1.9 0 3.8.2 5.8.6s3.6.9 5 1.5v5.6c-1.9-.7-3.6-1.3-5.4-1.6-1.7-.3-3.3-.5-4.8-.5-2.2 0-3.8.4-5 1.2-1.2.8-1.8 2-1.8 3.5 0 .9.2 1.7.6 2.3.4.6.9 1.1 1.6 1.5.7.4 1.4.7 2.3.9l2.7.6c1.5.3 3 .7 4.4 1.1 1.4.4 2.6 1 3.7 1.8s1.9 1.7 2.6 2.9c.6 1.2.9 2.8.9 4.6 0 1.9-.4 3.6-1.1 5-.7 1.4-1.7 2.6-3 3.5-1.3.9-2.9 1.6-4.8 2.1s-3.9.7-6.2.7c-2 0-3.9-.2-5.8-.6-1.9-.4-3.5-.9-4.7-1.6v-5.6c1.8.8 3.5 1.3 5.2 1.7 1.7.3 3.4.5 5.2.5 1 0 2.1-.1 3.1-.3 1-.2 1.9-.5 2.7-.9.8-.4 1.4-1 1.9-1.7.5-.5.7-1.4.7-2.4zM362.9 59.5h6.4v23.4h.1l9.9-10.6h7.9l-11.4 12.2 11.5 13.8h-7.7l-10.2-12.1h-.1v12.1h-6.4V59.5zM391.7 59.5h6.7v6.9h-6.7v-6.9zm.1 12.9h6.4v26h-6.4v-26zM419 99c-1.4 0-2.7-.3-3.8-.8-1.1-.5-2.1-1.1-2.8-1.9h-.1c0 .4 0 .9.1 1.5v12.9H406V72.4h5.6l.3 2.9h.1c.8-1 1.8-1.9 3-2.6 1.2-.7 2.7-1 4.3-1 1.4 0 2.8.3 4.2.8 1.4.5 2.6 1.3 3.6 2.4 1.1 1.1 1.9 2.5 2.5 4.1.6 1.7 1 3.6 1 5.9 0 2.4-.3 4.5-1 6.3-.7 1.8-1.6 3.2-2.7 4.4-1.1 1.2-2.3 2-3.7 2.6-1.4.6-2.8.8-4.2.8zm-.9-22.2c-1.1 0-2.2.3-3.2.8s-1.9 1.2-2.7 2.1v11.6c.3.3.6.6 1 .9.4.3.8.6 1.3.8.5.3 1 .5 1.5.6.6.2 1.2.2 1.8.2 1 0 1.9-.2 2.6-.6.8-.4 1.4-1 1.9-1.8s.9-1.7 1.2-2.8c.3-1.1.4-2.3.4-3.6 0-1.4-.1-2.6-.4-3.7-.3-1.1-.7-1.9-1.2-2.6-.5-.7-1.1-1.2-1.8-1.6-.7-.1-1.5-.3-2.4-.3zM448.3 90.8c0-.6-.2-1-.5-1.4-.3-.4-.7-.7-1.2-.9-.5-.2-1.1-.5-1.8-.6-.7-.2-1.4-.4-2.1-.5-.9-.3-1.8-.5-2.7-.9-.9-.3-1.6-.8-2.3-1.3s-1.2-1.2-1.6-2c-.4-.8-.6-1.8-.6-3 0-1.5.3-2.7.8-3.8.5-1.1 1.2-1.9 2.1-2.6.9-.7 1.9-1.2 3.1-1.6 1.2-.3 2.4-.5 3.7-.5 1.6 0 3.1.1 4.5.4 1.4.3 2.7.6 3.8 1v5.2c-.6-.2-1.2-.4-1.9-.6-.7-.2-1.3-.3-2-.4-.7-.1-1.3-.2-2-.3-.7-.1-1.3-.1-1.9-.1-.8 0-1.4.1-1.9.2s-.9.3-1.3.6c-.3.2-.6.5-.7.8-.1.3-.2.6-.2 1 0 .6.2 1.1.5 1.5.3.4.7.7 1.3.9.6.2 1.1.4 1.7.6.6.2 1.2.3 1.8.4.9.2 1.8.5 2.7.8.9.3 1.7.7 2.4 1.3.7.5 1.3 1.3 1.8 2.1.5.9.7 2 .7 3.3 0 1.5-.3 2.7-.8 3.8-.6 1.1-1.3 2-2.3 2.7-1 .7-2.2 1.3-3.6 1.6-1.4.3-2.9.5-4.6.5-1.6 0-3.1-.1-4.4-.4-1.3-.3-2.4-.6-3.3-1v-5.1c1.4.5 2.7.9 3.9 1.1 1.2.2 2.3.3 3.3.3.8 0 1.5-.1 2.2-.2.7-.1 1.3-.3 1.8-.6s.9-.6 1.2-1c.3-.3.4-.7.4-1.3z" />
				</g>
				<g id="spotify">
					<path class="st2" d="M158.4 88.1c0-.9-.2-1.7-.7-2.2-.4-.6-1.1-1-1.8-1.4-.8-.4-1.6-.6-2.6-.9-1-.2-2-.4-3-.7-1.4-.3-2.7-.7-4-1.1-1.3-.4-2.4-1-3.4-1.7s-1.7-1.7-2.3-2.8c-.6-1.1-.9-2.6-.9-4.3 0-1.9.3-3.5 1-5 .7-1.4 1.6-2.6 2.7-3.5 1.1-.9 2.5-1.6 4-2.1s3.3-.7 5.2-.7c1.9 0 3.8.2 5.8.6s3.6.9 5 1.5v5.6c-1.9-.7-3.6-1.3-5.4-1.6-1.7-.3-3.3-.5-4.8-.5-2.2 0-3.8.4-5 1.2-1.2.8-1.8 2-1.8 3.5 0 .9.2 1.7.6 2.3.4.6.9 1.1 1.6 1.5.7.4 1.4.7 2.3.9l2.7.6c1.5.3 3 .7 4.4 1.1 1.4.4 2.6 1 3.7 1.8s1.9 1.7 2.6 2.9c.6 1.2.9 2.8.9 4.6 0 1.9-.4 3.6-1.1 5-.7 1.4-1.7 2.6-3 3.5-1.3.9-2.9 1.6-4.8 2.1s-3.9.7-6.2.7c-2 0-3.9-.2-5.8-.6-1.9-.4-3.5-.9-4.7-1.6v-5.6c1.8.8 3.5 1.3 5.2 1.7 1.7.3 3.4.5 5.2.5 1 0 2.1-.1 3.1-.3 1-.2 1.9-.5 2.7-.9.8-.4 1.4-1 1.9-1.7.4-.5.7-1.4.7-2.4zM184.3 99c-1.4 0-2.7-.3-3.8-.8-1.1-.5-2.1-1.1-2.8-1.9h-.1c0 .4 0 .9.1 1.5v12.9h-6.4V72.4h5.6l.3 2.9h.1c.8-1 1.8-1.9 3-2.6 1.2-.7 2.7-1 4.3-1 1.4 0 2.8.3 4.2.8 1.4.5 2.6 1.3 3.6 2.4 1.1 1.1 1.9 2.5 2.5 4.1.6 1.7 1 3.6 1 5.9 0 2.4-.3 4.5-1 6.3-.7 1.8-1.6 3.2-2.7 4.4-1.1 1.2-2.3 2-3.7 2.6-1.3.6-2.7.8-4.2.8zm-.8-22.2c-1.1 0-2.2.3-3.2.8s-1.9 1.2-2.7 2.1v11.6c.3.3.6.6 1 .9.4.3.8.6 1.3.8.5.3 1 .5 1.5.6.6.2 1.2.2 1.8.2 1 0 1.9-.2 2.6-.6.8-.4 1.4-1 1.9-1.8s.9-1.7 1.2-2.8c.3-1.1.4-2.3.4-3.6 0-1.4-.1-2.6-.4-3.7-.3-1.1-.7-1.9-1.2-2.6-.5-.7-1.1-1.2-1.8-1.6-.7-.1-1.5-.3-2.4-.3zM227 85.4c0 2-.3 3.9-.9 5.6-.6 1.7-1.5 3.1-2.6 4.3-1.1 1.2-2.5 2.1-4.1 2.8-1.6.7-3.4 1-5.4 1-2 0-3.9-.3-5.5-1s-3-1.6-4.1-2.8c-1.1-1.2-2-2.6-2.6-4.3-.6-1.7-.9-3.5-.9-5.6s.3-3.9.9-5.6c.6-1.7 1.5-3.1 2.6-4.3 1.1-1.2 2.5-2.1 4.1-2.8 1.6-.7 3.4-1 5.4-1 2 0 3.9.3 5.5 1s3 1.6 4.1 2.8c1.1 1.2 2 2.6 2.6 4.3.6 1.7.9 3.5.9 5.6zm-6.6 0c0-1.4-.2-2.6-.5-3.7s-.8-1.9-1.3-2.7c-.6-.7-1.3-1.3-2.1-1.6-.8-.4-1.7-.5-2.6-.5-.9 0-1.8.2-2.6.5-.8.4-1.5.9-2.1 1.6-.6.7-1 1.6-1.3 2.7-.3 1.1-.5 2.3-.5 3.7 0 1.4.2 2.6.5 3.7s.8 1.9 1.4 2.6c.6.7 1.3 1.2 2.1 1.6.8.4 1.7.6 2.6.6s1.8-.2 2.6-.6c.8-.4 1.5-.9 2-1.6.6-.7 1-1.6 1.3-2.6.3-1.1.5-2.3.5-3.7zM249.1 98.4c-.7.2-1.6.4-2.6.5-1 .1-1.9.2-2.8.2-2.2 0-4-.4-5.4-1.1-1.4-.7-2.4-1.7-2.9-3-.4-.9-.6-2.2-.6-3.9V77.6H230v-5.2h4.9v-7.3h6.4v7.3h7.5v5.2h-7.5v12.6c0 1 .2 1.7.5 2.2.5.8 1.6 1.2 3.2 1.2.7 0 1.5-.1 2.2-.2.7-.1 1.4-.3 2.1-.4v5.4zM254.7 59.5h6.7v6.9h-6.7v-6.9zm.2 12.9h6.4v26h-6.4v-26zM285.3 64.6c-.7-.2-1.4-.3-2.2-.4-.7-.1-1.4-.2-2.1-.2-.7 0-1.4.1-1.9.3-.6.2-1 .5-1.4.8-.4.4-.7.9-.9 1.5-.2.6-.3 1.4-.3 2.3v3.4h7.2v5.2h-7.2v20.8h-6.4V77.6h-4.4v-5.2h4.4v-3.1c0-1.8.3-3.4.8-4.7.5-1.3 1.2-2.4 2.1-3.3.9-.9 2-1.5 3.2-1.9 1.2-.4 2.6-.6 4-.6.9 0 1.8.1 2.7.2.9.2 1.7.3 2.3.6v5zM288.1 72.4h6.8l3.9 9.4c1.5 3.6 2.5 6.2 3.1 7.9h.1c.4-1.3 1.4-3.8 2.8-7.5l4-9.9h6.9L299 110.9h-6.3l6-13.9-10.6-24.6z" />
				</g>
			</svg>
		</div>
	</section>
              
            
!

CSS

              
                
              
            
!

JS

              
                var masterTL = new TimelineMax;
// GSDevTools.create()

var thingsToHide = [skips,number,of,daily,skips2,based,on,genre,edm,rap,rock,zero,one,two,three,four,numberLine,zeroLine,oneLine,twoLine,threeLine,fourLine,fridayDial,fridayEDM,fridayRap,fridayRock,fridayLine,satEDM,satDial,satRap,satLine,sunEDM,sunRap,sunDial,sunLine,monDial,monRap,monEDM,monRock,monLine,tueEDM,tueRap,tueLine,tueDial,wedDial,wedEDM,wedLine,thuEDM,thuRap,thuDial,edmSquare,rockSquare,rapSquare];
TweenMax.set(thingsToHide, {autoAlpha:0});

function showspotify(){
  var tl=new TimelineMax();
  tl.from("#spotify", 1, {autoAlpha: 0, x:-20, ease:Bounce.easeOut});
  return tl;
}

masterTL.add( showspotify(), "spotify" );

              
            
!
999px

Console