Pen Settings

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. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              // Colors
@grey: #DDD;
@gold: #E3E2CC;
@brown: #636359;

// Transition
@transition-easing: cubic-bezier(0.465, 0.183, 0.153, 0.946);
@transition-duration: 300ms;
@transition-delay: @transition-duration;

// Keyframes
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

button {
		border: 0;
		background-color: transparent;
}

#gameBoard {
		margin: 25px auto 0;
		display: block;
		width: 680px;
}

.tile {
		width: 160px;
		height: 160px;
		margin: 0 5px 10px;
		transition: all @transition-duration @transition-easing;
	
		&:hover,
		&:focus {
			opacity: .75;
			outline: none;
		}
	
		svg {
				width: 100%;
				height: 100%;
		}
	
		path {
				stroke: @grey;
				stroke-width: 3px;
				fill: @grey;
		}
}

.tile--solved {
		animation-name: pulse;
		animation-duration: @transition-duration;
		animation-timing-function: @transition-easing;
		animation-delay: @transition-delay;
	
		&:hover,
		&:focus {
			opacity: 1;
		}

		path {
				fill: @gold;
				stroke: @gold;
				transition: all @transition-duration @transition-easing @transition-delay;
		}
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: fade(@gold, 90%);
	text-align: center;
	display: table;
	transition: opacity (@transition-duration * 2) @transition-easing @transition-delay;
	visibility: hidden;
	opacity: 0;
	
	p {
		display: table-cell;
		vertical-align: middle;
		color: #636359;
	}
}

.overlay--active {
	opacity: 1;
	visibility: visible;
}
            
          
!
            
              // Icon paths: [square, icon]
var icons = [
		// Tomatoe
		['M0,142.333V160h60h30h30h40v-21.667V100V75v-7.667V56V30V8V0h-25h-30H90h-5.625h-7.5H68H55.125H36.5H25H0v12v38 v30.333V105V142.333L0,142.333L0,142.333z M80,80L80,80L80,80L80,80L80,80L80,80L80,80L80,80L80,80L80,80L80,80L80,80L80,80L80,80 L80,80L80,80L80,80L80,80L80,80L80,80z', 'M45.586,126.377c4.581,4.041,9.916,7.193,15.859,9.368c5.907,2.16,12.16,3.254,18.585,3.254 c6.434,0,12.688-1.095,18.587-3.253c5.941-2.173,11.277-5.326,15.86-9.37c4.618-4.076,8.228-8.841,10.73-14.164 c2.516-5.354,3.792-11.037,3.792-16.89c0-5.853-1.275-11.534-3.791-16.89c-2.503-5.322-6.115-10.088-10.733-14.165 c-1.857-1.639-5.917-4.771-11.523-6.573c0.872-0.957,1.265-2.315,0.928-3.665c-0.535-2.143-2.704-3.447-4.851-2.91l-14.767,3.692 c0.497-4.934,1.702-9.738,3.607-14.334c2.572-6.205,6.296-11.769,11.07-16.539c1.562-1.562,1.563-4.094,0.002-5.657 c-1.561-1.562-4.093-1.562-5.657-0.002c-5.52,5.517-9.828,11.955-12.805,19.135c-1.996,4.815-3.314,9.826-3.977,14.963L62.4,41.8 c-1.767-1.325-4.274-0.968-5.6,0.8c-1.325,1.767-0.967,4.274,0.8,5.6l11.086,8.314c-1.011-0.115-2.026-0.187-3.045-0.187 c-9.978,0-17.346,5.552-20.05,7.938c-4.62,4.073-8.231,8.84-10.735,14.167c-2.516,5.354-3.792,11.037-3.792,16.892 c0.002,5.856,1.277,11.538,3.791,16.889C37.361,117.542,40.972,122.308,45.586,126.377z M42.096,81.835 c2.036-4.331,4.992-8.223,8.787-11.57c2.023-1.785,7.511-5.938,14.758-5.938c4.074,0,8.158,1.346,12.14,4 c1.344,0.896,3.094,0.896,4.438,0c3.982-2.654,8.072-4,12.158-4c7.495,0,13.227,4.545,14.805,5.938 c3.795,3.35,6.752,7.243,8.787,11.57C119.98,86.118,121,90.655,121,95.323c0,4.668-1.02,9.206-3.032,13.487 c-2.034,4.328-4.99,8.22-8.784,11.569c-3.832,3.382-8.312,6.024-13.314,7.854C90.853,130.069,85.524,131,80.031,131 c-5.485,0-10.814-0.931-15.837-2.768c-5.004-1.832-9.484-4.474-13.316-7.854c-3.791-3.343-6.747-7.236-8.784-11.568 c-2.009-4.277-3.029-8.816-3.031-13.487C39.063,90.654,40.083,86.117,42.096,81.835z'],
		// Banana
		['M160,0h-43.167h-5.666h-5.334h-4.666H94.5h-9.333l-6.25,0.083L57.416,0H27.834H0v21.834v30V65.5v21.667V98.5 v13.498v14.165V160h43.5h22.666h40H160v-50.167V75.167V50.499V0L160,0L160,0L160,0z M42.188,92.834h14.667h24.208l7.766,0.025h1.453 l5.015-0.031l0,0L76.75,92.834H61.625h-6.75H44.248H42.188L42.188,92.834L42.188,92.834L42.188,92.834z M133.73,92.834h-4.98h-12 H99.398H79.979h-17.75L61.5,92.828l0,0l2.062,0.006h2.168h15.893h19.439h11h6.834h4.5h5.332H133.73L133.73,92.834L133.73,92.834 L133.73,92.834z', 'M119.649,27.026l-9.854-9.854c-1.561-1.562-4.096-1.562-5.656,0c-1.562,1.562-1.562,4.095,0,5.657l8.828,8.828 V35c0,7.424-1.43,14.637-4.249,21.437c-2.824,6.812-6.912,12.921-12.151,18.16c-5.237,5.24-11.35,9.331-18.165,12.158 C71.607,89.572,64.396,91,56.967,91c-7.421,0-14.633-1.43-21.436-4.249c-1.566-0.649-3.366-0.242-4.501,1.015 c-1.134,1.257-1.354,3.092-0.55,4.582l6.145,11.374c0.185,0.341,0.418,0.654,0.691,0.928c2.552,2.55,5.348,4.776,8.347,6.687 l2.682,5.364c0.027,0.058,0.056,0.115,0.086,0.171l4.958,9.917c0.192,0.385,0.445,0.736,0.75,1.04 C61.552,135.241,69.231,139,76.967,139c8.487,0,16.731-1.635,24.501-4.859c7.792-3.23,14.775-7.904,20.754-13.889 c5.989-5.985,10.658-12.968,13.874-20.748c3.232-7.777,4.871-16.021,4.871-24.504c0-8.47-1.634-16.712-4.858-24.501 C132.916,42.8,123.037,29.874,119.649,27.026z M42.249,97.301C47.042,98.431,51.964,99,56.967,99c8.486,0,16.729-1.634,24.499-4.856 c7.791-3.232,14.775-7.906,20.758-13.892c2.268-2.267,4.345-4.679,6.228-7.222c-0.043,0.107-0.08,0.217-0.125,0.324 c-3.066,7.417-7.516,14.069-13.227,19.776c-5.701,5.708-12.356,10.163-19.783,13.241c-3.988,1.655-8.11,2.861-12.328,3.629 c-2.293-0.513-4.549-1.215-6.714-2.112c-4.813-1.996-9.149-4.853-12.895-8.497L42.249,97.301z M132.967,75 c0,7.423-1.433,14.634-4.261,21.44c-2.814,6.808-6.898,12.916-12.142,18.154c-5.234,5.24-11.345,9.33-18.162,12.156 C91.608,129.57,84.396,131,76.967,131c-5.394,0-11.016-2.819-16.718-8.381l-1.952-3.904c1.588-0.144,3.164-0.348,4.73-0.601 c0.011,0,0.022,0.003,0.033,0.003c0.48,0,0.946-0.09,1.382-0.251c4.768-0.871,9.429-2.234,13.939-4.106 c8.401-3.483,15.93-8.522,22.375-14.975c6.458-6.452,11.491-13.98,14.959-22.369c3.484-8.384,5.251-17.272,5.251-26.418v-9.057 c3.04,4.137,6.279,9.068,7.751,12.618C131.537,60.372,132.967,67.585,132.967,75z'],
		// Grapes
		['M0,72.5v33v24.333V160h5.833h40h47H113.5H160v-46.833v-34.75l-25.083-16.083l-8.417-5.167l-32-20.417l0,0l0,0 l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0L160,78.417V63.5v-14V30.752V0h-25.5h-16h-16.227h-17.19l-5.25-0.093l-5,0.093H67.5h-12H39.833 H0v23.834V38.5v22.666V72.5z M64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167 L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167 L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167 L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167 L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167L64.5,104.167 L64.5,104.167L64.5,104.167z M79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5 L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5 L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5 L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5 L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5 L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5L79.833,84.5 L79.833,84.5z M79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834 L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834 L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834 L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834L79.833,122.834z M94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167 L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167 L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167 L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167 L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167L94.5,104.167z M111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5 L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5 L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5 L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5L111.834,84.5z M94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5 L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5 L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5L94.5,64.5z M64.5,64.5 L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5 L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5 L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5L64.5,64.5z M48.5,84.5L48.5,84.5 L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5 L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5 L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5L48.5,84.5z M79.833,84.5L79.833,84.5 L79.833,84.5', 'M31,85c0,9.126,6.47,16.765,15.062,18.584C46.026,104.055,46,104.527,46,105c0,9.126,6.47,16.765,15.062,18.584 C61.026,124.055,61,124.527,61,125c0,10.477,8.523,19,19,19s19-8.523,19-19c0-0.473-0.025-0.945-0.062-1.416 C107.53,121.765,114,114.126,114,105c0-0.473-0.025-0.945-0.062-1.416C122.53,101.765,129,94.126,129,85 c0-9.129-6.475-16.771-15.072-18.586C113.963,65.945,114,65.477,114,65c0-10.477-8.523-19-19-19c-4.101,0-7.892,1.319-11,3.537V35 c0-1.461,0.28-2.877,0.834-4.211c0.555-1.337,1.357-2.538,2.388-3.568c1.03-1.03,2.231-1.833,3.567-2.388 c2.668-1.104,5.756-1.105,8.42,0c1.34,0.556,2.54,1.36,3.568,2.389c0.823,0.822,1.502,1.754,2.024,2.777 c-0.521,1.023-1.2,1.956-2.026,2.781c-1.027,1.03-2.227,1.833-3.564,2.387c-2.041,0.845-3.01,3.185-2.164,5.226 c0.846,2.042,3.187,3.01,5.227,2.165c2.314-0.958,4.388-2.346,6.16-4.121c1.778-1.777,3.165-3.851,4.122-6.164 c0.199-0.482,0.303-1,0.304-1.521l0.003-1.484c0.001-0.529-0.103-1.052-0.306-1.541c-0.959-2.313-2.347-4.386-4.122-6.161 c-1.772-1.773-3.845-3.159-6.161-4.121c-4.621-1.915-9.924-1.916-14.55,0c-2.312,0.96-4.384,2.347-6.159,4.121 c-1.776,1.777-3.163,3.851-4.12,6.161C76.486,30.034,76,32.481,76,35v14.537C72.892,47.319,69.101,46,65,46 c-10.477,0-19,8.523-19,19c0,0.477,0.037,0.945,0.072,1.414C37.475,68.229,31,75.871,31,85z M54,105 c0-0.486,0.034-0.973,0.102-1.458c1.518-0.336,2.961-0.86,4.319-1.536c0.132-0.064,0.267-0.123,0.396-0.19 c0.299-0.157,0.586-0.331,0.875-0.504c0.223-0.132,0.446-0.262,0.662-0.402c0.24-0.156,0.471-0.322,0.702-0.489 c0.25-0.18,0.498-0.361,0.74-0.553c0.203-0.162,0.4-0.328,0.597-0.498c0.249-0.214,0.491-0.435,0.729-0.662 c0.183-0.175,0.363-0.352,0.539-0.534c0.223-0.231,0.437-0.47,0.648-0.714c0.178-0.203,0.354-0.406,0.523-0.617 c0.054-0.067,0.114-0.129,0.167-0.197c0.053,0.068,0.113,0.13,0.167,0.197c0.169,0.211,0.346,0.414,0.523,0.617 c0.211,0.244,0.426,0.482,0.648,0.714c0.176,0.183,0.356,0.359,0.539,0.534c0.237,0.228,0.48,0.448,0.729,0.662 c0.196,0.17,0.394,0.336,0.597,0.498c0.242,0.191,0.489,0.373,0.74,0.553c0.231,0.167,0.462,0.333,0.702,0.489 c0.216,0.141,0.439,0.271,0.662,0.402c0.289,0.173,0.577,0.347,0.875,0.504c0.13,0.067,0.265,0.126,0.396,0.19 c1.358,0.676,2.802,1.2,4.319,1.536C75.966,104.027,76,104.514,76,105c0,1.291-0.235,2.525-0.646,3.677 c-0.002,0.007-0.007,0.014-0.009,0.021c-0.275,0.769-0.629,1.49-1.052,2.161c-0.008,0.013-0.016,0.026-0.024,0.04 c-0.122,0.191-0.251,0.377-0.384,0.56c-0.049,0.067-0.1,0.135-0.151,0.202c-0.126,0.166-0.255,0.33-0.39,0.488 c-0.051,0.06-0.106,0.115-0.159,0.174c-0.255,0.285-0.523,0.555-0.805,0.811c-0.072,0.065-0.143,0.133-0.216,0.196 c-0.151,0.13-0.307,0.254-0.465,0.376c-0.074,0.057-0.149,0.112-0.225,0.168c-1.665,1.214-3.67,1.963-5.82,2.089 c-0.021,0.001-0.04,0.007-0.06,0.008C65.396,115.98,65.201,116,65,116C58.935,116,54,111.065,54,105z M73.817,81.815 c0.299-0.157,0.586-0.331,0.875-0.504c0.223-0.132,0.446-0.262,0.662-0.402c0.24-0.156,0.471-0.322,0.702-0.489 c0.25-0.179,0.498-0.361,0.74-0.553c0.203-0.162,0.4-0.328,0.597-0.498c0.249-0.214,0.491-0.435,0.729-0.662 c0.183-0.175,0.363-0.352,0.539-0.535c0.223-0.231,0.437-0.47,0.648-0.713c0.178-0.204,0.354-0.406,0.523-0.618 c0.054-0.067,0.114-0.128,0.167-0.197c0.053,0.068,0.113,0.129,0.167,0.197c0.169,0.211,0.346,0.414,0.523,0.618 c0.212,0.243,0.426,0.482,0.648,0.713c0.176,0.183,0.356,0.359,0.539,0.535c0.237,0.227,0.479,0.448,0.729,0.662 c0.196,0.169,0.394,0.336,0.597,0.498c0.242,0.191,0.489,0.374,0.74,0.553c0.23,0.167,0.462,0.333,0.701,0.489 c0.217,0.141,0.439,0.271,0.662,0.402c0.289,0.173,0.577,0.347,0.876,0.504c0.13,0.067,0.265,0.126,0.396,0.19 c1.358,0.676,2.802,1.2,4.319,1.536C90.966,84.027,91,84.514,91,85c0,1.291-0.235,2.525-0.646,3.677 c-0.003,0.007-0.007,0.014-0.009,0.021c-0.275,0.769-0.63,1.49-1.053,2.161c-0.008,0.013-0.016,0.026-0.023,0.04 c-0.121,0.191-0.252,0.377-0.385,0.56c-0.049,0.067-0.1,0.135-0.15,0.202c-0.127,0.166-0.255,0.33-0.391,0.488 c-0.051,0.06-0.105,0.115-0.158,0.174c-0.255,0.285-0.523,0.555-0.805,0.811c-0.072,0.065-0.143,0.133-0.217,0.196 c-0.15,0.13-0.307,0.254-0.465,0.376c-0.074,0.057-0.148,0.112-0.225,0.168c-1.664,1.214-3.67,1.963-5.82,2.089 c-0.021,0.001-0.039,0.007-0.06,0.008C80.396,95.98,80.201,96,80,96s-0.396-0.02-0.595-0.03c-0.02-0.001-0.039-0.007-0.06-0.008 c-2.15-0.126-4.156-0.875-5.82-2.089c-0.076-0.056-0.151-0.111-0.225-0.168c-0.158-0.122-0.314-0.246-0.465-0.376 c-0.074-0.063-0.144-0.131-0.216-0.196c-0.281-0.256-0.55-0.525-0.805-0.811c-0.052-0.059-0.107-0.114-0.159-0.174 c-0.135-0.158-0.264-0.322-0.39-0.488c-0.051-0.067-0.102-0.135-0.151-0.202c-0.133-0.183-0.263-0.368-0.384-0.56 c-0.008-0.014-0.016-0.027-0.024-0.04c-0.422-0.671-0.777-1.393-1.052-2.161c-0.002-0.007-0.007-0.014-0.009-0.021 C69.235,87.525,69,86.291,69,85c0-0.486,0.034-0.973,0.102-1.458c1.518-0.336,2.961-0.86,4.319-1.536 C73.553,81.941,73.688,81.883,73.817,81.815z M80,136c-6.065,0-11-4.935-11-11c0-0.486,0.034-0.973,0.102-1.458 c1.518-0.336,2.961-0.86,4.319-1.536c0.132-0.064,0.267-0.123,0.396-0.19c0.299-0.157,0.586-0.331,0.875-0.504 c0.223-0.132,0.446-0.262,0.662-0.402c0.24-0.156,0.471-0.322,0.702-0.489c0.25-0.18,0.498-0.361,0.74-0.553 c0.203-0.162,0.4-0.328,0.597-0.498c0.249-0.214,0.491-0.435,0.729-0.662c0.183-0.175,0.363-0.352,0.539-0.534 c0.223-0.231,0.437-0.47,0.648-0.714c0.178-0.203,0.354-0.406,0.523-0.617c0.054-0.067,0.114-0.129,0.167-0.197 c0.053,0.068,0.113,0.13,0.167,0.197c0.169,0.211,0.346,0.414,0.523,0.617c0.212,0.244,0.426,0.482,0.648,0.714 c0.176,0.183,0.356,0.359,0.539,0.534c0.237,0.228,0.479,0.448,0.729,0.662c0.196,0.17,0.394,0.336,0.597,0.498 c0.242,0.191,0.489,0.373,0.74,0.553c0.23,0.167,0.462,0.333,0.701,0.489c0.217,0.141,0.439,0.271,0.662,0.402 c0.289,0.173,0.577,0.347,0.876,0.504c0.13,0.067,0.265,0.126,0.396,0.19c1.358,0.676,2.802,1.2,4.319,1.536 C90.966,124.027,91,124.514,91,125C91,131.065,86.065,136,80,136z M95,116c-0.201,0-0.396-0.02-0.595-0.03 c-0.021-0.001-0.039-0.007-0.06-0.008c-2.15-0.126-4.156-0.875-5.82-2.089c-0.076-0.056-0.15-0.111-0.225-0.168 c-0.158-0.122-0.314-0.246-0.465-0.376c-0.074-0.063-0.145-0.131-0.217-0.196c-0.281-0.256-0.55-0.525-0.805-0.811 c-0.053-0.059-0.107-0.114-0.158-0.174c-0.136-0.158-0.264-0.322-0.391-0.488c-0.051-0.067-0.102-0.135-0.15-0.202 c-0.133-0.183-0.264-0.368-0.385-0.56c-0.008-0.014-0.016-0.027-0.023-0.04c-0.423-0.671-0.777-1.393-1.053-2.161 c-0.002-0.007-0.006-0.014-0.009-0.021C84.235,107.525,84,106.291,84,105c0-0.486,0.034-0.973,0.102-1.458 c1.518-0.336,2.961-0.86,4.319-1.536c0.132-0.064,0.267-0.123,0.396-0.19c0.299-0.157,0.587-0.331,0.876-0.504 c0.223-0.132,0.445-0.262,0.662-0.402c0.239-0.156,0.471-0.322,0.701-0.489c0.251-0.18,0.498-0.361,0.74-0.553 c0.203-0.162,0.4-0.328,0.597-0.498c0.249-0.214,0.491-0.435,0.729-0.662c0.183-0.175,0.363-0.352,0.539-0.534 c0.223-0.231,0.437-0.47,0.648-0.714c0.178-0.203,0.354-0.406,0.523-0.617c0.054-0.067,0.114-0.129,0.167-0.197 c0.053,0.068,0.113,0.13,0.167,0.197c0.169,0.211,0.346,0.414,0.523,0.617c0.212,0.244,0.426,0.482,0.648,0.714 c0.176,0.183,0.356,0.359,0.539,0.534c0.237,0.228,0.479,0.448,0.729,0.662c0.196,0.17,0.394,0.336,0.597,0.498 c0.242,0.191,0.489,0.373,0.74,0.553c0.23,0.167,0.462,0.333,0.701,0.489c0.217,0.141,0.439,0.271,0.662,0.402 c0.289,0.173,0.577,0.347,0.876,0.504c0.13,0.067,0.265,0.126,0.396,0.19c1.358,0.676,2.802,1.2,4.319,1.536 c0.067,0.485,0.102,0.972,0.102,1.458C106,111.065,101.065,116,95,116z M121,85c0,6.065-4.935,11-11,11 c-0.201,0-0.396-0.02-0.595-0.03c-0.021-0.001-0.039-0.007-0.06-0.008c-2.15-0.126-4.156-0.875-5.82-2.089 c-0.076-0.056-0.15-0.111-0.225-0.168c-0.158-0.122-0.314-0.246-0.465-0.376c-0.074-0.063-0.145-0.131-0.217-0.196 c-0.281-0.256-0.55-0.525-0.805-0.811c-0.053-0.059-0.107-0.114-0.158-0.174c-0.136-0.158-0.264-0.322-0.391-0.488 c-0.051-0.067-0.102-0.135-0.15-0.202c-0.133-0.183-0.264-0.368-0.385-0.56c-0.008-0.014-0.016-0.027-0.023-0.04 c-0.423-0.671-0.777-1.393-1.053-2.161c-0.002-0.007-0.006-0.014-0.009-0.021C99.235,87.525,99,86.291,99,85 c0-0.486,0.034-0.973,0.102-1.458c0.66-0.146,1.305-0.329,1.937-0.542c0.041-0.014,0.081-0.031,0.122-0.045 c0.564-0.194,1.119-0.413,1.658-0.658c0.131-0.059,0.257-0.124,0.386-0.186c0.44-0.213,0.874-0.438,1.296-0.682 c0.18-0.104,0.355-0.215,0.533-0.324c0.357-0.224,0.706-0.456,1.047-0.702c0.201-0.146,0.4-0.293,0.596-0.446 c0.306-0.239,0.601-0.488,0.891-0.744c0.197-0.174,0.393-0.348,0.582-0.53c0.285-0.273,0.555-0.56,0.822-0.85 c0.165-0.18,0.334-0.354,0.491-0.541c0.31-0.363,0.598-0.743,0.879-1.129c0.093-0.126,0.192-0.246,0.28-0.375 c0.372-0.536,0.721-1.089,1.036-1.664C116.939,74.926,121,79.498,121,85z M95,54c6.065,0,11,4.935,11,11 c0,1.291-0.235,2.525-0.646,3.677c-0.003,0.007-0.007,0.014-0.009,0.021c-0.275,0.768-0.63,1.49-1.053,2.161 c-0.008,0.013-0.016,0.027-0.023,0.04c-0.121,0.192-0.252,0.377-0.385,0.56c-0.049,0.068-0.1,0.135-0.15,0.202 c-0.127,0.166-0.255,0.331-0.391,0.488c-0.051,0.06-0.105,0.116-0.158,0.175c-0.255,0.285-0.523,0.554-0.805,0.81 c-0.072,0.065-0.143,0.133-0.217,0.196c-0.15,0.13-0.307,0.254-0.465,0.375c-0.074,0.057-0.148,0.113-0.225,0.168 c-1.664,1.214-3.67,1.963-5.82,2.089c-0.021,0.001-0.039,0.007-0.06,0.008C95.396,75.98,95.201,76,95,76s-0.396-0.02-0.595-0.03 c-0.021-0.001-0.039-0.007-0.06-0.008c-2.15-0.126-4.156-0.875-5.82-2.089c-0.076-0.056-0.15-0.111-0.225-0.168 c-0.158-0.122-0.314-0.246-0.465-0.375c-0.074-0.063-0.145-0.131-0.217-0.196c-0.281-0.256-0.55-0.525-0.805-0.81 c-0.053-0.059-0.107-0.115-0.158-0.175c-0.136-0.158-0.264-0.322-0.391-0.488c-0.051-0.067-0.102-0.134-0.15-0.202 c-0.133-0.183-0.264-0.368-0.385-0.56c-0.008-0.013-0.016-0.026-0.023-0.04c-0.423-0.67-0.777-1.393-1.053-2.161 c-0.002-0.007-0.006-0.014-0.009-0.021C84.235,67.525,84,66.291,84,65C84,58.935,88.935,54,95,54z M65,54c6.065,0,11,4.935,11,11 c0,1.291-0.235,2.525-0.646,3.677c-0.002,0.007-0.007,0.014-0.009,0.021c-0.275,0.768-0.629,1.49-1.052,2.161 c-0.008,0.013-0.016,0.027-0.024,0.04c-0.122,0.192-0.251,0.377-0.384,0.56c-0.049,0.068-0.1,0.135-0.151,0.202 c-0.126,0.166-0.255,0.331-0.39,0.488c-0.051,0.06-0.106,0.116-0.159,0.175c-0.255,0.285-0.523,0.554-0.805,0.81 c-0.072,0.065-0.143,0.133-0.216,0.196c-0.151,0.13-0.307,0.254-0.465,0.375c-0.074,0.057-0.149,0.113-0.225,0.168 c-1.665,1.214-3.67,1.963-5.82,2.089c-0.021,0.001-0.04,0.007-0.06,0.008C65.396,75.98,65.201,76,65,76s-0.396-0.02-0.595-0.03 c-0.02-0.001-0.039-0.007-0.06-0.008c-2.15-0.126-4.156-0.875-5.82-2.089c-0.076-0.056-0.151-0.111-0.225-0.168 c-0.158-0.122-0.314-0.246-0.465-0.375c-0.074-0.063-0.144-0.131-0.216-0.196c-0.281-0.256-0.55-0.525-0.805-0.81 c-0.052-0.059-0.107-0.115-0.159-0.175c-0.135-0.158-0.264-0.322-0.39-0.488c-0.051-0.067-0.102-0.134-0.151-0.202 c-0.133-0.183-0.263-0.368-0.384-0.56c-0.008-0.013-0.016-0.026-0.024-0.04c-0.422-0.67-0.777-1.393-1.052-2.161 c-0.002-0.007-0.007-0.014-0.009-0.021C54.235,67.525,54,66.291,54,65C54,58.935,58.935,54,65,54z M48.343,74.125 c0.315,0.575,0.664,1.127,1.036,1.664c0.089,0.129,0.188,0.249,0.281,0.375c0.281,0.386,0.569,0.766,0.879,1.129 c0.158,0.186,0.326,0.361,0.491,0.541c0.267,0.291,0.537,0.577,0.822,0.85c0.189,0.183,0.386,0.356,0.583,0.53 c0.29,0.256,0.585,0.505,0.89,0.744c0.196,0.153,0.395,0.301,0.596,0.446c0.341,0.246,0.69,0.479,1.047,0.702 c0.177,0.109,0.353,0.22,0.533,0.324c0.421,0.244,0.854,0.469,1.295,0.682c0.129,0.062,0.255,0.127,0.385,0.186 c0.54,0.245,1.094,0.464,1.659,0.658c0.041,0.014,0.081,0.031,0.122,0.045c0.632,0.213,1.277,0.396,1.937,0.542 C60.966,84.027,61,84.514,61,85c0,1.291-0.235,2.525-0.646,3.677c-0.002,0.007-0.007,0.014-0.009,0.021 c-0.275,0.769-0.629,1.49-1.052,2.161c-0.008,0.013-0.016,0.026-0.024,0.04c-0.122,0.191-0.251,0.377-0.384,0.56 c-0.049,0.067-0.1,0.135-0.151,0.202c-0.126,0.166-0.255,0.33-0.39,0.488c-0.051,0.06-0.106,0.115-0.159,0.174 c-0.255,0.285-0.523,0.555-0.805,0.811c-0.072,0.065-0.143,0.133-0.216,0.196c-0.151,0.13-0.307,0.254-0.465,0.376 c-0.074,0.057-0.149,0.112-0.225,0.168c-1.665,1.214-3.67,1.963-5.82,2.089c-0.021,0.001-0.04,0.007-0.06,0.008 C50.396,95.98,50.201,96,50,96c-6.065,0-11-4.935-11-11C39,79.498,43.061,74.926,48.343,74.125z'],
		// Mushroom
		['M0,70.25V96.5V160h43h32.25h9h23H160l-0.251-42.166L160,114l0,0v-6.75v-8v-10.5V80V68.5l0,0l0,0v-0.75l0,0 v-12V0h-39.583h-11.834H71H0v35v7.25v9.5v8.5v2.5v3.5V70.25L0,70.25z M99.5,117.881L99.5,117.881L99.5,117.881L99.5,117.881 L99.5,117.881L99.5,117.881L99.5,117.881L99.5,117.881z M116.624,93.214h0.501h8.751l0,0h-4.626h-5.375h-5.751H82.73l0,0l0,0l0,0 l0,0l0,0l0,0l0,0l0,0l0,0l-0.012-0.073l0.012,0.073l0,0l0,0l1.145-0.011l0.648,0.011h0.715h4.585h5.331H99.5h15.375H116.624 L116.624,93.214L116.624,93.214z M85.688,75.219l-0.875-0.031l-1.125,0.031l-0.625-0.016l-0.734,0.016h-1.266h-0.938L79,75.203 l-21.297,0.016l0.016,6.516l-0.073,11.433l0.12,11.724l-0.016,3.734l0.021,18.422l18.646,0.12l5.82-0.12l0,0H57.771l-0.067-51.828 l27.828-0.016l0.891,0.016l-0.266-0.016L85.688,75.219L85.688,75.219z M35.574,44.547l-0.465,0l7.359,0h27.699h28.155l6.506,0.046 l4.494-0.046l0,0h-23H56.157h-19.5H35.74H35.574L35.574,44.547L35.574,44.547z', 'M25.066,65h24.117c-11.846,34.149,1.533,66.159,2.14,67.576C51.954,134.047,53.399,135,55,135h30h5h20 c1.906,0,3.549-1.346,3.922-3.215L118.279,110h16.655c2.105,0,3.851-1.633,3.991-3.733c0.044-0.659,0.074-1.321,0.074-1.991 c0-3.842-0.74-7.576-2.201-11.101c-1.463-3.527-3.58-6.692-6.293-9.405c-2.662-2.662-5.763-4.752-9.218-6.212 c-5.129-2.711-12.871-4.264-21.29-4.264c-2.298,0-4.543,0.12-6.7,0.343c-0.682-2.943-1.509-5.827-2.479-8.637h24.115 c2.105,0,3.851-1.632,3.991-3.733c0.044-0.658,0.074-1.321,0.074-1.991c0-3.841-0.74-7.576-2.201-11.101 c-1.463-3.527-3.58-6.692-6.293-9.406c-2.71-2.71-5.874-4.826-9.406-6.291c-11.502-4.763-21.192-7.935-31.101-7.935 c-9.907,0-19.597,3.171-31.101,7.934c-3.528,1.463-6.692,3.581-9.403,6.292c-2.712,2.711-4.829,5.875-6.293,9.405 C21.741,51.698,21,55.434,21,59.275c0,0.608,0.024,1.244,0.076,1.998C21.22,63.372,22.963,65,25.066,65z M106.721,127H93.279 l-3.4-17h20.242L106.721,127z M117.667,84.692c0.12,0.065,0.244,0.124,0.37,0.177c2.556,1.06,4.848,2.593,6.812,4.557 c1.967,1.967,3.501,4.26,4.56,6.812c0.767,1.848,1.258,3.778,1.471,5.762h-15.896c-0.003,0-0.006,0-0.009,0H85.027 c-0.003,0-0.006,0-0.008,0H85H69.121c0.213-1.984,0.705-3.914,1.472-5.763c1.059-2.554,2.593-4.846,4.559-6.812 c1.967-1.966,4.258-3.5,6.812-4.559c0.126-0.053,0.25-0.111,0.37-0.176c0.045-0.025,0.096-0.048,0.142-0.072 c0.215-0.113,0.434-0.225,0.665-0.334c0.06-0.027,0.124-0.055,0.186-0.082c0.23-0.105,0.464-0.21,0.71-0.311 c0.049-0.02,0.102-0.039,0.152-0.06c0.267-0.106,0.539-0.212,0.822-0.313c0.034-0.012,0.068-0.023,0.103-0.035 c0.308-0.109,0.623-0.215,0.948-0.316c0.017-0.005,0.033-0.01,0.049-0.016c1.422-0.441,3.008-0.815,4.721-1.109 c0.008-0.001,0.014-0.005,0.021-0.006c2.811-0.481,5.924-0.744,9.146-0.744C107.125,81.293,113.73,82.564,117.667,84.692z M85.415,75.03c-0.146,0.038-0.279,0.083-0.423,0.122c-0.354,0.097-0.702,0.197-1.044,0.301c-0.241,0.074-0.479,0.148-0.715,0.225 c-0.341,0.111-0.675,0.228-1.003,0.346c-0.253,0.092-0.503,0.185-0.748,0.281c-0.35,0.136-0.691,0.276-1.023,0.42 c-0.153,0.067-0.306,0.134-0.455,0.202c-0.445,0.203-0.88,0.41-1.292,0.628c-3.453,1.46-6.554,3.55-9.217,6.213 c-2.712,2.712-4.829,5.876-6.293,9.405C61.741,96.698,61,100.434,61,104.275c0,0.609,0.024,1.244,0.076,1.998 c0.144,2.098,1.887,3.727,3.99,3.727h16.654l2.273,11.367c-0.65,2.352-1.275,4.262-1.758,5.633H57.771 c-2.81-8.066-10.552-34.971-0.083-62h24.624C83.56,68.227,84.598,71.583,85.415,75.03z M30.593,51.237 c1.059-2.554,2.593-4.846,4.559-6.811c1.967-1.966,4.258-3.5,6.81-4.559c12.731-5.271,20.592-7.325,28.038-7.325 s15.308,2.054,28.038,7.326c2.556,1.06,4.848,2.593,6.812,4.557c1.967,1.968,3.501,4.26,4.56,6.813 c0.767,1.848,1.258,3.778,1.471,5.761H85H55H29.121C29.334,55.016,29.826,53.086,30.593,51.237z'],
		// Lemon
		['M160,53.833V27.666V0H96.667l-27.5,0h-7.833l-4,0H54.5H25.167H0v73.833V160h49.833l0,0H54.5h9.333H70.5H78h9.334 h17.833H122h38V97.334V83.666V76.5V65.833v-5.667V53.833L160,53.833z M32.125,92.375l6.125-6.5l6.125-6l3.75-4.25L34.75,62.25 L23.243,50.797l23.534,23.528l0.003,0.003l32.659,32.65l0.012,0.013l-0.795-0.835l-0.875-0.844l-0.438-0.422l0,0l0,0l0,0l0,0l0,0 l0,0l-7.094-7.016l-6-6.125l0,0l0,0l0,0l-9.75-9.625l0,0l-6.375-6.5l-24.881,25.711L29.375,95L32.125,92.375L32.125,92.375z M134.404,80.5h-4.416h-11.592h-7.824L88.812,110l-5.596,4.21l0.502-0.366L85.5,112.5l0.688-0.5l2.625-2l0,0l0.906-1.234 l1.109-1.469l0.469-0.641l0.375-0.516l0.375-0.516l0.438-0.594l3.641-4.781l0,0l0.125,0.375l0,0l0,0l0,0l-0.125-0.375l0,0 l14.447-19.75h17.334h4.75h5.082h6.084h-6.667H134.404L134.404,80.5z', 'M140.176,65.415c-2.454-5.627-5.909-10.691-10.279-15.063c-4.579-4.579-9.926-8.156-15.893-10.63 C108.047,37.252,101.736,36,95.248,36s-12.799,1.252-18.757,3.721c-5.966,2.474-11.312,6.05-15.892,10.63 c-4.369,4.371-7.824,9.434-10.28,15.061l-0.595,0.547L25.932,42.173c-1.562-1.562-4.095-1.562-5.656,0 C11.221,51.227,6.234,63.264,6.234,76.067c0,12.804,4.987,24.841,14.042,33.894c7.922,7.92,18.129,12.728,29.135,13.807 c0.271,0.058,0.549,0.091,0.837,0.091c0.058,0,0.111-0.015,0.168-0.017c1.245,0.096,2.497,0.158,3.758,0.158 c0.002,0,0.002,0,0.003,0c7.185,0,14.128-1.571,20.439-4.549c0.637,0.299,1.259,0.576,1.874,0.83 C82.439,122.749,88.75,124,95.248,124s12.809-1.251,18.758-3.719c5.964-2.474,11.312-6.052,15.894-10.635 c4.374-4.376,7.829-9.443,10.281-15.073l12.556-11.781c0.812-0.761,1.27-1.825,1.264-2.938s-0.475-2.172-1.293-2.925L140.176,65.415 z M15.019,84h10.229c2.209,0,4-1.791,4-4s-1.791-4-4-4H14.235c0.015-9.297,3.186-18.106,9.008-25.203l23.534,23.528 c0.001,0.001,0.002,0.002,0.003,0.003l32.659,32.651l0.012,0.012c-0.503,0.413-1.018,0.812-1.54,1.198 c-0.077,0.057-0.156,0.11-0.233,0.167c-0.449,0.327-0.904,0.647-1.366,0.956c-0.092,0.062-0.186,0.121-0.278,0.182 c-0.471,0.309-0.948,0.608-1.431,0.896c-0.065,0.039-0.13,0.078-0.195,0.116c-0.549,0.323-1.105,0.636-1.67,0.933 c-0.003,0.002-0.006,0.004-0.01,0.006c-5.634,2.962-11.934,4.542-18.479,4.553V105c0-2.209-1.791-4-4-4s-4,1.791-4,4v10.216 c-6.357-1.273-12.288-4.075-17.348-8.224l9.175-9.162c1.563-1.561,1.565-4.094,0.004-5.656c-1.562-1.564-4.094-1.566-5.657-0.004 l-9.179,9.166C19.094,96.279,16.293,90.353,15.019,84z M134.205,89.211c-0.457,0.397-0.826,0.901-1.068,1.484 c-2.064,4.982-5.058,9.455-8.895,13.295c-3.836,3.837-8.312,6.832-13.302,8.902c-4.972,2.062-10.252,3.107-15.692,3.107 c-4.124,0-8.156-0.602-12.031-1.789c0.105-0.08,0.203-0.17,0.307-0.251c0.617-0.479,1.225-0.977,1.822-1.489 c0.201-0.172,0.403-0.344,0.602-0.52c0.715-0.635,1.42-1.285,2.102-1.966c0.01-0.009,0.02-0.017,0.027-0.026 c0.264-0.264,0.471-0.568,0.648-0.888c0.33-0.591,0.523-1.252,0.523-1.94l0,0l0,0c0-0.15-0.027-0.297-0.044-0.445 c-0.013-0.113-0.012-0.229-0.034-0.339c-0.004-0.019-0.012-0.036-0.016-0.056c-0.161-0.747-0.529-1.44-1.078-1.988L55.387,71.621 l0.981-0.9c0.428-0.394,0.765-0.875,0.988-1.413c2.069-4.987,5.063-9.462,8.9-13.3c3.833-3.833,8.308-6.827,13.298-8.896 C84.536,45.047,89.816,44,95.248,44s10.712,1.047,15.692,3.111c4.991,2.07,9.466,5.063,13.299,8.896 c3.837,3.839,6.831,8.313,8.899,13.299c0.224,0.537,0.561,1.019,0.988,1.412l9.995,9.187L134.205,89.211z'],
		// Watermelon
		['M111.967,97.46l1.46,3.54l-1.46,3.54l-3.54,1.46l-3.54-1.46l-1.46-3.54l1.46-3.54l3.54-1.46L111.967,97.46 L111.967,97.46z M119.203,77.719L119.203,77.719l-0.312,8.641l0,0l0,0l0,0L119.203,77.719L119.203,77.719L119.203,77.719 L119.203,77.719z M119.958,56.583L119.958,56.583L119.958,56.583L119.958,56.583L119.958,56.583L119.958,56.583L119.958,56.583 L119.958,56.583L119.958,56.583L119.958,56.583z M160,0v160H80.833H75.5H65.167H49.5H30.167L0,160.834v-46V59.5V0h49.833h23h41 h7.021H160L160,0z M53.426,73.644L53.426,73.644L53.426,73.644L53.426,73.644L53.426,73.644L53.426,73.644L53.426,73.644 L53.426,73.644L53.426,73.644L53.426,73.644L53.426,73.644L53.426,73.644z M119.958,56.583L119.958,56.583l-1.935,54.014l0,0l0,0 l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l-37.603,16.305l0,0l0,0l0,0l0,0l-0.077,0.055l37.68-16.359l2.73-76.279L119.958,56.583z', 'M111.967,97.46c0.93,0.93,1.46,2.22,1.46,3.54s-0.53,2.6-1.46,3.54c-0.94,0.93-2.221,1.46-3.54,1.46 c-1.32,0-2.601-0.53-3.54-1.46c-0.93-0.94-1.46-2.22-1.46-3.54s0.53-2.61,1.46-3.54c0.939-0.931,2.22-1.46,3.54-1.46 C109.746,96,111.026,96.529,111.967,97.46z M117.427,77c-1.32,0-2.61,0.53-3.53,1.46c-0.939,0.93-1.47,2.22-1.47,3.54 s0.53,2.609,1.47,3.54c0.92,0.93,2.21,1.46,3.53,1.46c1.319,0,2.61-0.53,3.53-1.46c0.939-0.931,1.47-2.22,1.47-3.54 s-0.53-2.61-1.47-3.54C120.037,77.53,118.746,77,117.427,77z M114.887,57.47c-0.93,0.92-1.46,2.21-1.46,3.53 c0,1.32,0.53,2.6,1.46,3.54c0.939,0.93,2.22,1.46,3.54,1.46c1.319,0,2.6-0.53,3.54-1.46c0.93-0.94,1.46-2.22,1.46-3.54 c0-1.31-0.53-2.6-1.46-3.53c-0.94-0.94-2.221-1.47-3.54-1.47C117.106,56,115.826,56.53,114.887,57.47z M123.684,25.733 c24.951,24.956,24.951,65.562,0,90.519c-12.078,12.081-28.143,18.734-45.23,18.734c-0.002,0-0.001,0-0.003,0 c-4.461,0-8.92-0.485-13.278-1.405c-3.818,0.94-7.746,1.419-11.746,1.419c-6.488,0-12.798-1.252-18.756-3.721 c-5.964-2.473-11.312-6.051-15.895-10.633c-1.309-1.309-1.549-3.344-0.581-4.922l31.822-51.818C50.745,62.722,52.036,62,53.426,62 s2.681,0.722,3.409,1.907l8.762,14.268l52.428-52.441c0.75-0.75,1.768-1.172,2.829-1.172S122.934,24.983,123.684,25.733z M53.426,127c3.604,0,7.136-0.47,10.558-1.38c0.007-0.002,0.014-0.006,0.022-0.008c0.839-0.224,1.661-0.474,2.466-0.741 c0.087-0.029,0.174-0.057,0.261-0.087c0.816-0.277,1.615-0.573,2.385-0.894c4.025-1.668,7.715-3.939,11.006-6.771L53.426,73.644 l-26.699,43.476c3.291,2.83,6.981,5.102,11.006,6.77C42.714,125.953,47.995,127,53.426,127z M120.754,34.319L69.901,85.184 l15.313,24.936l3.256,5.301c0.501,0.668,0.799,1.498,0.799,2.398c0,0.139-0.032,0.268-0.046,0.403 c-0.004,0.04-0.008,0.08-0.014,0.12c-0.113,0.856-0.49,1.619-1.056,2.215c-0.027,0.029-0.049,0.062-0.076,0.09 c-0.042,0.042-0.086,0.08-0.129,0.122c-0.039,0.036-0.069,0.081-0.11,0.115c-0.319,0.314-0.649,0.612-0.976,0.917 c-0.229,0.214-0.451,0.435-0.683,0.643c-0.46,0.415-0.933,0.813-1.407,1.209c-0.147,0.123-0.29,0.254-0.439,0.376 c-0.63,0.514-1.272,1.011-1.925,1.49c-0.143,0.104-0.29,0.2-0.434,0.304c-0.513,0.368-1.027,0.732-1.553,1.08 c-0.026,0.018-0.051,0.037-0.077,0.054c14.243-0.47,27.56-6.237,37.68-16.36C138.906,89.71,139.816,56.296,120.754,34.319z'],
		// Apple
		['M160,51.833L160,51.833L160,51.833l-76,2.195l0,0l0.156,0.128l-0.031-0.073l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0 L84,54.125v-0.097l0,0l0,0l0,0l0,0l0,0l0,0L160,51.833L160,51.833V40.667v-12.5V22.5v-5.667V0h-18.666h-15h-9H110.5h-1.666H89.667 h-7.333h-6H73h-1.833H64.5H54H29.333H0v69.167V102v58h78.167H80h2.5H84h5.167H90.5H160V64.333V51.833L160,51.833z M79.667,64.333 L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333 L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333 L79.667,64.333L79.667,64.333L79.667,64.333L79.667,64.333z', 'M119.771,60.22c-2.938-2.939-6.374-5.237-10.213-6.832c-3.827-1.586-7.884-2.391-12.059-2.391 c-4.172,0-8.229,0.803-12.062,2.391c-0.485,0.201-0.965,0.415-1.438,0.641V39.997c0-1.461,0.28-2.877,0.834-4.211 c0.554-1.337,1.357-2.537,2.388-3.568c0.257-0.257,0.525-0.5,0.804-0.729c0.835-0.688,1.761-1.243,2.763-1.659 c0.667-0.276,1.361-0.483,2.067-0.622c1.766-0.345,3.612-0.259,5.335,0.26c0.345,0.104,0.685,0.224,1.018,0.361 c1.341,0.557,2.541,1.36,3.569,2.389c0.21,0.21,0.41,0.428,0.601,0.651c0.059,0.068,0.111,0.142,0.168,0.212 c0.128,0.158,0.257,0.315,0.376,0.48c0.062,0.085,0.117,0.175,0.176,0.262c0.105,0.155,0.212,0.309,0.31,0.469 c0.059,0.098,0.11,0.197,0.166,0.296c0.077,0.137,0.154,0.272,0.226,0.412c-0.521,1.021-1.198,1.952-2.022,2.776 c-1.028,1.029-2.228,1.832-3.565,2.387c-2.04,0.845-3.01,3.185-2.164,5.226c0.844,2.04,3.181,3.011,5.227,2.165 c2.314-0.959,4.388-2.347,6.16-4.121c1.759-1.758,3.131-3.807,4.087-6.09c0.009-0.02,0.02-0.039,0.028-0.06 c0.002-0.005,0.005-0.01,0.007-0.015c0.036-0.086,0.052-0.179,0.081-0.267c0.052-0.155,0.109-0.307,0.143-0.47 c0.052-0.258,0.08-0.521,0.08-0.785l0.003-1.484c0.001-0.529-0.103-1.053-0.306-1.541c-0.959-2.312-2.347-4.385-4.122-6.16 c-1.772-1.773-3.845-3.16-6.161-4.121c-4.619-1.916-9.923-1.916-14.55,0c-2.312,0.96-4.384,2.346-6.159,4.121 c-1.776,1.777-3.163,3.851-4.12,6.16C76.486,35.03,76,37.479,76,39.997V54.03c-0.475-0.227-0.955-0.44-1.441-0.643 c-3.826-1.586-7.884-2.391-12.059-2.391c-4.172,0-8.229,0.803-12.062,2.391c-3.832,1.592-7.268,3.891-10.211,6.832 c-2.948,2.949-5.248,6.389-6.832,10.216C31.806,74.261,31,78.319,31,82.497c0,22.711,10.387,56.5,39,56.5 c1.854,0,3.656-0.358,5.358-1.064c1.706-0.706,3.234-1.729,4.54-3.035c0.033-0.034,0.068-0.068,0.102-0.104 c0.033,0.034,0.065,0.067,0.099,0.101c1.309,1.31,2.837,2.332,4.541,3.038s3.507,1.064,5.36,1.064c28.613,0,39-33.789,39-56.5 c0-4.17-0.804-8.227-2.391-12.061C125.019,66.603,122.718,63.165,119.771,60.22z M90,130.997c-0.796,0-1.568-0.152-2.298-0.455 c-0.729-0.303-1.383-0.74-1.946-1.305c-0.562-0.561-1-1.215-1.302-1.944c-1.255-3.026-3.533-3.353-4.454-3.353 c-0.922,0-3.201,0.327-4.453,3.352c-0.303,0.73-0.741,1.385-1.306,1.948c-0.562,0.562-1.215,0.999-1.945,1.302 c-0.728,0.303-1.5,0.455-2.296,0.455c-22.744,0-31-29.004-31-48.5c0-3.119,0.6-6.145,1.784-8.997 c1.183-2.856,2.898-5.421,5.099-7.623c2.199-2.196,4.764-3.913,7.619-5.101c5.709-2.362,12.295-2.36,17.99,0 c2.139,0.889,4.131,2.086,5.926,3.562c1.479,1.248,3.64,1.26,5.129,0.027c1.8-1.488,3.806-2.696,5.955-3.59 c5.708-2.362,12.295-2.36,17.991,0c2.863,1.189,5.428,2.905,7.622,5.1c2.2,2.201,3.918,4.768,5.104,7.623 C120.4,76.354,121,79.382,121,82.497C121,101.993,112.744,130.997,90,130.997z'],
		// Carrot
		['M160,24.178V0h-54.5H84h-4.5H69h-5.25h-2.5H59h-7.5H0v23.75v17.5v2.125v0.5v2.375v6.25v6v4.875V68.5v0.75v8V160 h80.833H160V75.25v-2.417v-5.417V56.583V52.5v-1.333v-1.333v-10.5v-9V24.178z M96.125,65L96.125,65L96.125,65l-0.133-0.252 l-5.127,21.785H85l-4,4l4,4h3.982L80,132.713l11-45.838l0,0L96.125,65L96.125,65l-31.697,1.533L96.125,65L96.125,65L96.125,65 L96.125,65L96.125,65L96.125,65L96.125,65L96.125,65z', 'M105,24.178c2.209,0,4-1.791,4-4s-1.791-4-4-4c-9.76,0-18.402,4.851-23.66,12.263 c-0.432-1.324-0.901-2.639-1.438-3.935c-2.725-6.566-6.667-12.459-11.717-17.512c-1.562-1.562-4.094-1.562-5.657-0.001 s-1.563,4.095-0.001,5.657c2.049,2.049,3.876,4.266,5.487,6.623c-3.917-1.976-8.336-3.096-13.014-3.096c-2.209,0-4,1.791-4,4 s1.791,4,4,4c11.58,0,21,9.42,21,21v1h-1c-2.519,0-4.966,0.485-7.274,1.443c-2.312,0.959-4.385,2.346-6.161,4.121 c-1.776,1.775-3.163,3.849-4.122,6.162C56.486,60.215,56,62.662,56,65.178c0,0.309,0.036,0.615,0.106,0.916l1.218,5.176 c0.013,0.066,0.03,0.13,0.046,0.195l18.736,79.629c0.425,1.807,2.038,3.084,3.894,3.084c1.855,0,3.469-1.277,3.894-3.084l20-85 c0.071-0.301,0.106-0.607,0.106-0.916c0-2.516-0.486-4.963-1.443-7.273c-0.959-2.313-2.346-4.387-4.121-6.162 c-1.776-1.775-3.85-3.162-6.162-4.121c-2.307-0.958-4.754-1.443-7.273-1.443h-1v-1C84,33.598,93.42,24.178,105,24.178z M89.209,55.01c1.338,0.556,2.539,1.359,3.569,2.391c1.03,1.029,1.833,2.229,2.388,3.566c0.499,1.203,0.775,2.474,0.826,3.781 l-5.127,21.785H85c-2.209,0-4,1.791-4,4s1.791,4,4,4h3.983L80,132.713l-13.689-58.18H75c2.209,0,4-1.791,4-4s-1.791-4-4-4H64.428 l-0.42-1.785c0.05-1.308,0.327-2.578,0.826-3.781c0.554-1.338,1.357-2.537,2.388-3.567c1.03-1.03,2.231-1.834,3.569-2.39 c1.331-0.553,2.747-0.832,4.208-0.832h10C86.461,54.178,87.877,54.457,89.209,55.01z']
];

var memory = {
		totalOpen: 0,
		totalSolved: 0,
		elements: {
				tiles: undefined,
				board: undefined,
				overlay: undefined
		},
		tilePaths: icons,
		lastTitleClicked: undefined,
		init: function() {

				this.createGameBoard();
				this.buildGameTiles();

				// Init game events
				this.events();

		},
		events: function() {

				memory.elements.tiles = document.getElementsByClassName("tile");

				for (var i = 0; i < memory.elements.tiles.length; i++) {
						memory.elements.tiles[i].onclick = this.determineEvent;
				}

		},
		createGameBoard: function() {
			
				// Create game board
				memory.elements.board = document.createElement('div');

				// Add tile attributes
				memory.elements.board.setAttribute('id', 'gameBoard');

				// Add game board
				document.body.appendChild(memory.elements.board);
			
				// Build game overlay
				memory.elements.overlay = document.createElement('div');
				memory.elements.overlay.setAttribute('class', 'overlay');
				memory.elements.overlay.innerHTML = '<p>Well done, you finished the game.</p>';
				
				// Add to game board
				memory.elements.board.appendChild(memory.elements.overlay);

		},
		buildGameTiles: function() {

				// Duplicate icons so they have a match
				memory.tilePaths = memory.tilePaths.concat(memory.tilePaths);

				// Shuffle array for random order
				memory.tilePaths = memory.tilePaths.sort(function() {
						return 0.5 - Math.random()
				});

				for (var i = 0; i < memory.tilePaths.length; i++) {

						var tiles = memory.tilePaths[i];

						// Create tile
						var tileEl = document.createElement('button');

						tileEl.innerHTML = '<svg class="tile__svg" width="100%" height="100%" viewBox="0 0 160 160" enable-background="new 0 0 160 160" preserveAspectRatio="none"><path d="' + memory.tilePaths[i][0] + '" /></svg>';

						// Add tile attributes & content
						tileEl.setAttribute('class', 'tile');
						tileEl.setAttribute('data-icon', memory.tilePaths[i][1]);
						tileEl.setAttribute('data-default', memory.tilePaths[i][0]);
						tileEl.setAttribute('data-icon-visible', 'false');
						tileEl.setAttribute('data-solved', 'false');

						// Add tite to game board
						memory.elements.board.appendChild(tileEl);

				}

		},
		determineEvent: function() {

				var self = this;

				memory.totalOpen++;

				// Dont run if two already open
				if (memory.totalOpen <= 2) {

						// Open tile and see if match
						memory.animateSvg(self);

						if (memory.lastTileClicked) {

								// Check if match
								if (memory.lastTileClicked.getAttribute('data-icon') === self.getAttribute('data-icon')) {

										// Add solved true so tiles dont reanimate
										self.setAttribute('data-solved', 'true');
										self.classList.add('tile--solved');
										memory.lastTileClicked.setAttribute('data-solved', 'true');
										memory.lastTileClicked.classList.add('tile--solved');

										// Increment count for total solved
										memory.totalSolved++;

										// Check to see if more moves are possible or game finished
										memory.isGameFinished();

								} else {

										if (memory.totalOpen === 2) {

												// Wait for icon to animate before resetting
												setTimeout(function() {
														// Loop over tiles
														for (var i = 0; i < memory.elements.tiles.length; i++) {

																// If tile has visible icon, run animate function so they return to squares
																if (memory.elements.tiles[i].getAttribute('data-icon-visible') === 'true') {
																		memory.animateSvg(memory.elements.tiles[i]);
																}

														}

												}, 1000);

										}
								}

						}

				}

				if (memory.totalOpen === 2) {
						setTimeout(function() {
								// Reset, since move finished
								memory.totalOpen = 0;
								memory.lastTileClicked = undefined;
						}, 1000);

				} else {
						// Store tile, so we can check it against next clicked tile
						memory.lastTileClicked = self;
				}

		},
		animateSvg: function(self) {

				var pathIcon = self.getAttribute('data-icon'),
						pathDefault = self.getAttribute('data-default'),
						s = Snap(self.querySelector('.tile__svg')),
						path = s.select('path'),
						iconVisible = self.getAttribute('data-icon-visible');

				if (self.getAttribute('data-solved') === 'false') {

						path.stop().animate({
								'path': (iconVisible === 'true') ? pathDefault : pathIcon
						}, 300, mina.easeout);

						if (iconVisible === 'true') {
								iconVisible = 'false';
								self.disabled = false;
						} else {
								iconVisible = 'true';
								self.disabled = true;
						}

						self.setAttribute('data-icon-visible', iconVisible);

				}

		},
		isGameFinished: function() {

				// Check if total solved is equal to the amount of unique tile paths
				if (memory.totalSolved === (memory.tilePaths.length / 2)) {
					memory.elements.overlay.classList.add('overlay--active')
				}
		}

};
memory.init();
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console