123

Pen Settings

About HTML Preprocessors

HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.

Learn more · Versions

Adding Classes

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html> tag. If you want to add classes there that can affect the whole document, this is the place to do it.

About the <head>

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things in the <head> of the document, put that code here.

!
Insecure Resource

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.

About CSS Preprocessors

CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.

Learn more · Versions

CSS Base

About CSS Base

It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.

     

Vendor Prefixing

About Vendor Prefixing

To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit- or -moz-.

We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).

     

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.

Powered by Algolia
About External Resources

You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.

If the stylesheet you link to has the file extension of a preprocessor, we'll attempt to process it before applying.

You can also link to another Pen here, and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

About JavaScript Preprocessors

JavaScript preprocessors can help make authoring JavaScript easier and more convenient. For instance, CoffeeScript can help prevent easy-to-make mistakes and offer a cleaner syntax and Babel can bring ECMAScript 6 features to browsers that only support ECMAScript 5.

Learn more · Versions

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.

Powered by Algolia
About External Resources

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.

If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.

You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ 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.

Next Step Leave tour

HTML

            
              <div id="box">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="450px"
	 height="520px" viewBox="0 0 450 520" enable-background="new 0 0 450 520" xml:space="preserve">
<g id="color">
	<g id="base">
		<path fill="#FDE8D3" d="M165,154.18c0.332,6.633,9,23.333,11.333,25.333s19.333,7.834,19.333,7.834l-17.167,10l-0.167,2.166
			c0,0-7.666,4-10.333,14s-7.667,27-7.667,27l25.667,18l-19.333,127.666l-1.333,22.334l46,7l1.333-15l25-0.667l2.666,14L286,410.179
			l-1-26.333L265.336,249.68c0,0,22.33-7.833,25.663-8.5c-2.333-3-7.333-39.667-17.667-41.667
			c-12.83-2.483-16.167-11.666-16.167-11.666s17.168-2.667,21.501-6.667s6.332-9.333,7.666-16s20.001-56.333-9.666-69.667
			s-79.334-28-100-11S164.667,147.514,165,154.18z"/>
	</g>
	<g id="hair02">
		<path fill="#3F3F3F" d="M178.666,30.68l-13.747-7.499l-32.42,43.333l13,10c0,0,17.167-26.833,23.333-32.667
			S178.666,30.68,178.666,30.68"/>
		<polygon fill="#3F3F3F" points="277.333,25.013 268,33.847 301.833,77.18 313,65.513 		"/>
	</g>
	<g id="hair01">
		<path fill="#1EB39E" d="M72.504,446.609c-1.654,0.4-2.607,0.58-2.607,0.58S70.954,447.187,72.504,446.609z"/>
		<path fill="#1EB39E" d="M378.977,446.609c1.551,0.577,2.607,0.58,2.607,0.58S380.631,447.01,378.977,446.609z"/>
		<path fill="#1EB39E" d="M424.239,316.27c-14.781-20.692-78.784-104.18-75.406-197.09c3.378-92.91-59.087-95.602-65-88l29.75,34.75
			l-11.75,11.25l-0.17,1.421c-0.028-0.056-0.052-0.115-0.08-0.171c-11-22-11.75-22.25-14-26.75s-2.749-10.666-11.749-8.666
			c-3-2.25-7.334-9-7.334-9l1.583-2.834c0,0-8.083-5-18.5-3.5c-9.852,1.418-20.5,2-26.5,1.75s-29.416-6.25-40.5-1
			c-3.343,1.583-5.417,2.917-5.417,2.917l-4.333,5.167c0,0-0.497-1.047-5.333,2.333c-6.917,4.834-24,37.667-24,37.667l-12.833-9.167
			l26.763-36.564c-5.913-7.602-60.814-4.224-57.436,88.687c3.378,92.91-59.97,176.108-74.751,196.801
			c-14.781,20.693-19.849,52.791,8.024,70.951c27.873,18.158,51.522,33.784,47.299,46.877c-2.731,8.467-7.226,11.455-10.062,12.512
			c9.52-2.307,42.449-12.003,52.917-37.77l-59.588-54.66c0,0,3-2.5,11-6s27.5-17,35-28.5s21-26,21-26l15.5-31L159,155.181
			c0,0,8.166,6,10.833,6.333c-1.667-3.667-10.417-25.917,8.333-66.667c0.5,3-0.167,18.333,5.667,30.667
			c2.167-16.5,10.917-26.833,17.5-36.333c2,32.5,12,49.749,32,64.499c-4.833-21.999,2.667-44.416,4.167-53.666
			c3.5,7.25,15.833,28.916,15.833,28.916l2.167-37.249c0,0,24.418,26.334,25.667,36.5c4.833-8.833,4.167-19.833,4.167-19.833
			s9.333,9-0.334,59.833c2.746-4.331,5.242-8.718,7.496-13.12l-0.015,0.12l10.668,107.499l15.5,31c0,0,13.5,14.5,21,26
			s27,25,35,28.5s11,6,11,6l-59.588,54.66c10.467,25.767,43.396,35.463,52.916,37.77c-2.837-1.057-7.332-4.045-10.062-12.512
			c-4.223-13.093,19.427-28.719,47.3-46.877C444.088,369.061,439.02,336.963,424.239,316.27z"/>
	</g>
	<g id="bottom01">
		<polygon fill="#3F3F3F" points="162,327.014 134.583,349.43 154.833,362.43 159.833,374.93 180.333,383.68 179.583,386.18 
			205.833,391.18 205.083,393.93 225.333,395.68 246.583,394.68 246.083,391.43 272.333,386.18 271.583,383.68 292.083,374.43 
			297.333,361.93 316.583,349.43 289.419,327.014 226.833,316.93 		"/>
	</g>
	<g id="bottom02">
		<path fill="#6EC5C5" d="M135.583,349.93l-10.75,7.917l23.5,11.833l4.25,11.5l24.583,8.501l-1.583,3.249l29,3.5l-1.75,7.25
			c0,0,20.5,2.5,22.5,2.5S249,403.014,249,403.014l-1.833-6.167L276,393.181l-1.417-3.001l25.25-9.5l4.25-10.5l21.75-12.25
			l-9.25-8.5l-19.25,12.5l-5.25,12.5l-20.5,9.25l0.75,2.5l-26.25,5.25l0.5,3.25l-21.25,1.501l-20.25-2.251l0.75-2.75l-26.25-5
			l0.75-2.5l-20.5-8.75l-5-12.5L135.583,349.93z"/>
	</g>
	<g id="bottom03">
		<path fill="#1EB39E" d="M272.333,333.18l31.75,37l7.337-4.333l8,10.167l-6.833,7.666c0,0-11.754-1.5-14.504-3.25
			s-31-33-35.75-40.5S272.333,333.18,272.333,333.18z"/>
		<path fill="#1EB39E" d="M190.259,339.709c-4.676,6.471-34.426,40.471-37.676,41.471s-13.75,2.5-13.75,2.5L132,376.014l8-10.167
			l8.333,3.833c0,0,28.5-32.75,32.25-38.5s11.25,5.25,9.5,7.75"/>
	</g>
	<g id="tops03">
		<polygon fill="#1EB39E" points="227.211,338.021 225.311,352.379 232.596,349.001 228.162,359.137 236.186,357.446 
			244.42,363.359 244.632,352.59 253.079,357.657 252.868,346.255 260.891,350.478 261.314,339.709 269.549,344.144 270.182,332.74 
			281.375,335.697 279.473,325.351 293.41,327.462 287.708,317.537 163.864,317.537 158.162,327.462 172.099,325.351 
			170.199,335.697 181.39,332.74 182.023,344.144 190.259,339.709 190.682,350.478 198.705,346.255 198.494,357.657 206.94,352.59 
			207.152,363.359 215.387,357.446 222.567,359.769 218.976,349.001 225.311,352.167 224.678,338.441 225.666,336.097 		"/>
	</g>
	<g id="tops01">
		<path fill="#CCCCCC" d="M195.666,187.347l-17.167,10c0,0,8.167,40.333,8.333,44.167s-5,54.834-22.667,76
			c2.167,4.834,50.667,40.167,50.667,40.167l11.167-22.333l10.333,21.833c0,0,7-4.666,20.5-14.333s31-25,31-25
			s-7.189-7.787-9.667-14.667c-6.785-18.836-13.788-52.668-13.666-63.167c3.167-14.167,8.833-41.833,8.833-41.833l-16.167-10.333
			l-21,3.833c0,0-7.668,12.634-10.667,12.833c-2.5,0.167-11.167-13.333-11.167-13.333L195.666,187.347z"/>
	</g>
	<g id="tops02">
		<path fill="#1EB39E" d="M225.499,204.347l-11.667,9.5l4.333,12l-11.167,83.667c0,0,3.95,5.882,7.167,9.334
			s11.667,10.5,11.667,10.5s5.876-6.109,9.333-9.834s8-10,8-10l-11.833-83.333l5-12.667L225.499,204.347z"/>
	</g>
	<g id="arm01">
		<path fill="#3F3F3F" d="M186.083,249.68l-27.25-9.5c0,0-24.25,49.75-26.75,54.75C130,296.847,119,310.847,106,326.014
			c-10.032,11.704-22.578,19.024-29.167,22.166c0,0,41.5,33.75,38.25,29.5l19.25,24.5c0,0,14.667-16.833,15.667-20.333
			c-4.75,0.917-11.167,1.833-11.167,1.833L132,376.014l8-10.167l-15.167-8L162,327.014l-3.167-0.167l5-8.833
			c0,0,9.25-10.834,11-18.584S186.333,260.93,186.083,249.68z"/>
		<path fill="#3F3F3F" d="M265.336,249.68l27.25-9.5c0,0,24.25,49.75,26.75,54.75c2.083,1.917,13.083,15.917,26.083,31.084
			c10.032,11.704,22.577,19.024,29.167,22.166c0,0-41.5,33.75-38.25,29.5l-19.25,24.5c0,0-14.667-16.833-15.667-20.333
			c4.75,0.917,11.167,1.833,11.167,1.833l6.833-7.666l-8-10.167l15.167-8l-37.167-30.833l3.167-0.167l-5-8.833
			c0,0-9.25-10.834-11-18.584S265.086,260.93,265.336,249.68z"/>
	</g>
	<g id="arm02">
		<path fill="#6EC5C5" d="M76.958,348.68l-11.125,5.5l61.125,55.375l7.375-7.375c0,0-15.14-19.978-18.625-23.625
			C110.333,372.93,76.958,348.68,76.958,348.68z"/>
		<path fill="#6EC5C5" d="M385.649,354.18l-11.062-6c0,0-34.879,26-38.879,30.25s-18.621,23.75-18.621,23.75l6.996,7.75
			L385.649,354.18z"/>
	</g>
	<g id="shoes01">
		<path fill="#3F3F3F" d="M211.666,410.18l-46-5.666c0,0-5,72.666-3.333,79.333c5.667,1.667,45,14.667,48.667,14.667
			c1.333-4.334-2.945-12.725-3.667-16.334C206,475.514,211.666,410.18,211.666,410.18z"/>
		<path fill="#3F3F3F" d="M240.327,410.18l46-5.666c0,0,5.001,72.666,3.334,79.333c-5.667,1.667-45,14.667-48.667,14.667
			c-1.333-4.334,2.945-12.725,3.667-16.334C245.994,475.514,240.327,410.18,240.327,410.18z"/>
	</g>
	<g id="shoes02">
		<path fill="#6EC5C5" d="M162.499,485.181c0.833,2.833,9,11.666,48.833,16.166c0.667-1.417,0.333-3,0.333-3l-20.083-4.834
			l-29.25-9.666L162.499,485.181z"/>
		<path fill="#6EC5C5" d="M289.085,485.181c-0.834,2.833-9.001,11.666-48.834,16.166c-0.666-1.417-0.334-3-0.334-3l20.084-4.834
			l29.25-9.666L289.085,485.181z"/>
	</g>
	<g id="eyes02">
		<path fill="#3F3F3F" d="M208.102,130.766c-4.931-7.354-16.365-19.321-29.985-12.036c-13.62,7.285-12.88,13.621-15.098,14.992
			c-2.217,1.373-7.708-0.316-7.708-0.316s13.937,16.153,17.104,18.265c-3.801-7.812-0.105-22.277,8.235-27.557
			c6.931-4.387,17.632-0.316,23.333,4.963c2.496,2.311,5.596,5.807,6.569,7.178C210.89,136.733,210.688,134.622,208.102,130.766z"/>
		<path fill="#3F3F3F" d="M243.829,130.766c4.931-7.354,16.364-19.321,29.984-12.036c13.621,7.285,12.882,13.621,15.1,14.992
			c2.216,1.373,7.706-0.316,7.706-0.316s-13.938,16.153-17.104,18.265c3.801-7.812,0.104-22.277-8.235-27.557
			c-6.932-4.387-17.633-0.316-23.334,4.963c-2.495,2.311-5.595,5.807-6.567,7.178C241.04,136.733,241.243,134.622,243.829,130.766z"
			/>
	</g>
	<g id="eyes01">
		<path fill="#1EB39E" d="M183.924,159.272c2.006,0.528,13.408,1.267,16.365-0.633c2.956-1.9,7.813-23.861,4.646-28.19
			c-3.167-4.329-10.664-8.129-17.949-8.129c-7.285,0-11.402,6.545-12.458,9.396C173.472,134.567,179.173,157.9,183.924,159.272z"/>
		<path fill="#1EB39E" d="M268.007,159.272c-2.007,0.528-13.41,1.267-16.366-0.633s-7.812-23.861-4.646-28.19
			c3.168-4.329,10.665-8.129,17.949-8.129c7.286,0,11.402,6.545,12.459,9.396C278.459,134.567,272.758,157.9,268.007,159.272z"/>
	</g>
	<g id="eyes03">
		<path fill="#FFFFFF" d="M190,123.18c-0.25,2.25,2.5,21.417,14.917,19.083c2.917-9.333,0.167-12.167-1.5-13.5
			S192.917,120.93,190,123.18"/>
		<path fill="#FFFFFF" d="M260.583,123.18c-0.25,2.25,2.5,21.417,14.917,19.083c2.917-9.333,1.916-13.75-2.5-17.167
			C271.311,123.791,263.5,120.93,260.583,123.18"/>
	</g>
</g>
<g id="miku_x5F_line">
	<g>
		<path fill="#040000" d="M424.405,315.688c-0.662-0.928-1.422-1.979-2.269-3.152c-18.676-25.877-75.511-104.622-72.298-193.031
			c2.396-65.888-28.528-84.337-41.936-89.211c-10.774-3.918-21.14-3.27-24.553-0.269l-5.345-6.029
			c-0.18-0.203-0.436-0.324-0.707-0.335c-0.267-0.005-0.536,0.088-0.731,0.276l-6.639,6.343c-4.263-4.373-17.2-3.547-29.713-2.747
			c-5.574,0.356-10.84,0.691-15.083,0.562c-2.21-0.068-5.272-0.514-8.817-1.029c-11.381-1.657-26.967-3.924-36.548,2.683
			c-0.068,0.047-0.112,0.112-0.165,0.171l-14.209-7.62c-0.439-0.234-0.983-0.112-1.278,0.288l-4.898,6.647
			c-3.331-2.435-11.186-3.082-19.897,0.085c-12.346,4.488-40.794,22.261-38.325,90.185c3.214,88.412-53.621,167.156-72.298,193.032
			c-0.846,1.173-1.605,2.225-2.268,3.151c-9.777,13.688-14.044,30.183-11.413,44.122c2.201,11.659,8.83,21.163,19.705,28.248
			c26.196,17.066,50.94,33.186,46.894,45.732c-2.543,7.886-6.584,10.757-9.196,11.801c-1.663,0.412-2.644,0.603-2.707,0.615
			c-0.507,0.095-0.859,0.561-0.811,1.075c0.048,0.514,0.479,0.907,0.996,0.907c0.136,0,1.368-0.021,3.093-0.681
			c9.88-2.464,42.097-12.281,52.964-37.402l0.496,0.449c0.191,0.173,0.432,0.259,0.672,0.259c0.258,0,0.516-0.1,0.711-0.297
			c0.298-0.301,3.308-3.356,7.098-7.548c0.138-0.029,0.273-0.077,0.394-0.168c0.232-0.175,0.36-0.431,0.387-0.699
			c5.454-6.086,12.184-14.19,14.867-19.858c0.34-0.106,0.673-0.219,1-0.336l14.097,4.694c-0.339,3.284-0.776,9.259-1.244,16.716
			c-0.148,0.15-0.262,0.336-0.292,0.562c-0.036,0.279,0.048,0.544,0.21,0.748c-1.622,26.244-3.56,69.173-3.068,79.247
			c0,0.006,0.001,0.011,0.002,0.017c0,0.003,0,0.006,0,0.009c0.712,13.45,45.246,17.597,50.324,18.025
			c0.028,0.003,0.056,0.004,0.084,0.004c0.242,0,0.478-0.088,0.661-0.249c0.205-0.18,0.327-0.436,0.338-0.708
			c0.013-0.307,0.282-7.615-3.564-16.591c-2.974-6.94,1.099-51.59,3.553-74.216c0-0.004,0.003-0.008,0.004-0.013
			s-0.002-0.01-0.001-0.016c0.171-1.579,0.334-3.05,0.487-4.394c4.887,0.545,10.133,1.059,12.565,1.059
			c0.019,0,0.034-0.01,0.052-0.011c0.018,0.001,0.033,0.011,0.052,0.011c2.432,0,7.679-0.514,12.565-1.059
			c0.152,1.343,0.315,2.813,0.486,4.392c0.001,0.006-0.002,0.012-0.001,0.018c0.001,0.005,0.004,0.01,0.005,0.015
			c2.453,22.627,6.526,67.275,3.553,74.214c-3.847,8.976-3.578,16.284-3.564,16.591c0.012,0.272,0.134,0.528,0.339,0.708
			c0.183,0.161,0.418,0.249,0.66,0.249c0.028,0,0.056-0.001,0.084-0.004c5.079-0.429,49.609-4.575,50.323-18.024
			c0.001-0.004,0.001-0.007,0.001-0.011c0.001-0.005,0.002-0.01,0.002-0.016c0.491-10.071-1.446-53.002-3.068-79.247
			c0.162-0.204,0.247-0.47,0.211-0.748c-0.029-0.226-0.144-0.411-0.292-0.561c-0.457-7.283-0.885-13.159-1.221-16.489l14.016-4.942
			c0.345,0.124,0.696,0.243,1.058,0.355c2.684,5.669,9.412,13.772,14.866,19.858c0.026,0.269,0.154,0.525,0.387,0.7
			c0.121,0.091,0.257,0.139,0.395,0.168c3.79,4.191,6.801,7.247,7.099,7.548c0.195,0.197,0.453,0.297,0.711,0.297
			c0.227,0,0.449-0.083,0.635-0.236c11.061,24.77,42.934,34.481,52.756,36.931c1.728,0.661,2.96,0.681,3.095,0.681
			c0.517,0,0.947-0.394,0.996-0.907c0.048-0.515-0.304-0.98-0.812-1.075c-0.063-0.013-1.043-0.203-2.703-0.614
			c-2.614-1.044-6.656-3.914-9.199-11.802c-4.048-12.547,20.696-28.666,46.893-45.732c10.875-7.085,17.505-16.59,19.705-28.249
			C438.448,345.871,434.182,329.377,424.405,315.688z M270.218,33.488c0.038-0.221-0.015-0.43-0.108-0.616l7.088-6.773
			l34.995,39.471l-10.516,10.146c-1.785-3.646-3.74-6.921-5.577-9.994c-2.249-3.763-4.373-7.316-5.657-10.792
			c-2.937-7.944-5.948-12.142-9.478-13.211c-1.718-0.519-3.38-0.247-5.001,0.43l-4.294-5.222c0.023-0.096,0.047-0.193,0.04-0.298
			c-0.036-0.546-0.503-0.961-1.049-0.929l-1.172-1.425C269.853,34.176,270.149,33.883,270.218,33.488z M179.278,33.895
			c0.911,0,1.949-0.087,3.151-0.188c3.591-0.301,8.506-0.715,14.083,0.99c0.098,0.03,0.196,0.044,0.293,0.044
			c0.428,0,0.824-0.277,0.956-0.708c0.161-0.528-0.136-1.087-0.664-1.249c-5.946-1.817-11.083-1.384-14.835-1.07
			c-0.812,0.068-1.542,0.129-2.195,0.159l0.203-0.253c0.016-0.02,0.018-0.045,0.032-0.066c0.206,0.007,0.416-0.032,0.599-0.158
			c8.935-6.161,24.072-3.959,35.125-2.351c3.606,0.525,6.72,0.978,9.044,1.049c4.334,0.135,9.649-0.207,15.272-0.565
			c11.491-0.732,24.503-1.563,28.139,2.134l-0.531,0.508c-6.249-0.44-21.141,0.932-21.827,0.996
			c-0.55,0.051-0.954,0.538-0.903,1.088c0.049,0.518,0.484,0.907,0.995,0.907c0.031,0,0.062-0.001,0.094-0.004
			c0.159-0.014,14.006-1.29,20.529-1.048c0.037,0.093,0.078,0.185,0.145,0.266l1.507,1.833c-4.107,1.366-10.694,5.036-11.571,5.529
			c-0.481,0.271-0.652,0.88-0.382,1.362c0.184,0.326,0.523,0.51,0.873,0.51c0.166,0,0.334-0.041,0.489-0.128
			c2.478-1.394,8.911-4.799,11.959-5.608l4.277,5.202c-1.213,0.711-2.406,1.576-3.585,2.433c-0.625,0.454-1.252,0.911-1.883,1.344
			c-0.455,0.313-0.57,0.936-0.258,1.391c0.314,0.456,0.937,0.571,1.391,0.258c0.646-0.444,1.287-0.911,1.926-1.375
			c3.051-2.218,5.932-4.319,8.66-3.49c2.842,0.86,5.518,4.782,8.182,11.99c1.349,3.649,3.519,7.28,5.816,11.125
			c9.904,16.573,23.364,39.1-7.584,96.542c1.229-7.644,2.137-14.393,2.729-20.356c3.925-4.334,7.556-8.537,7.847-8.875
			s0.324-0.827,0.08-1.2c-0.243-0.374-0.702-0.54-1.131-0.41c-0.026,0.008-2.666,0.81-4.883,0.81c-0.506,0-0.888-0.045-1.196-0.107
			c0.532-12.424-0.842-20.468-4.121-25.623c-0.002-0.003-0.006-0.005-0.009-0.009c0.151-7.203-0.629-14.153-2.485-17.66
			c-0.259-0.487-0.861-0.675-1.352-0.416c-0.488,0.258-0.675,0.864-0.416,1.352c3.114,5.883,2.931,22.848,0.28,32.299
			c-0.792-0.682-1.685-1.383-2.706-2.101c-6.624-13.318-22.623-29.704-23.427-30.522c-0.28-0.285-0.698-0.377-1.072-0.233
			c-0.371,0.143-0.623,0.492-0.641,0.89l-1.257,28.587c-0.934,0.657-1.814,1.356-2.642,2.074l-12.06-21.645
			c1.67-6.541,3.08-10.848,3.124-10.98c0.174-0.524-0.11-1.09-0.635-1.264c-0.523-0.173-1.089,0.11-1.264,0.634
			c-0.173,0.521-1.526,4.657-3.122,10.81c-0.257,0.255-0.35,0.621-0.249,0.971c-3.39,13.32-7.631,35.156-4.093,50.954
			c-19.579-14.426-29.533-35.216-29.598-61.841c-0.06-24.602,8.427-43.684,8.512-43.87c0.999-2.163,2.732-4.755,5.321-4.82
			c3.212-0.07,7.011,3.671,10.623,10.566c0.256,0.49,0.861,0.679,1.35,0.422c0.489-0.256,0.678-0.86,0.422-1.35
			c-4.042-7.716-8.356-11.719-12.445-11.638c-1.996,0.05-4.846,1.128-7.086,5.981c-2.404,5.21-8.578,23.125-8.69,43.882
			c-0.013,0.015-0.032,0.021-0.044,0.036c-1.255,1.533-10.456,13.07-15.143,26.884c-1.265,0.1-2.526,0.341-3.779,0.715
			c-3.465-14.577-1.8-35.204,1.565-41.261c0.269-0.483,0.094-1.092-0.388-1.36c-0.483-0.269-1.092-0.094-1.36,0.388
			c-1.849,3.327-3.266,10.847-3.644,19.455c-0.049,0.052-0.105,0.094-0.143,0.158c-3.235,5.459-8.138,18.649-10.771,32.474
			c-1.625,1.947-2.473,3.635-3.122,4.933c-0.45,0.899-0.805,1.609-1.188,1.846c-0.286,0.177-0.865,0.388-2.004,0.388
			c-2.217,0-4.857-0.802-4.884-0.81c-0.426-0.132-0.887,0.036-1.131,0.41c-0.243,0.373-0.211,0.862,0.08,1.2
			c0.356,0.412,5.694,6.592,10.466,11.735c0.203,5.307,1.126,10.131,3.053,13.964c-8.536-3.886-17.066-14.348-22.289-27.596
			c-3.925-9.957-11.439-35.85,3.525-61.174c12.748-21.574,20.432-33.295,24.415-33.295c0.023,0,0.047,0,0.07,0.001
			c1.38,0.048,2.709,1.601,4.588,5.358c0.247,0.494,0.848,0.696,1.342,0.447c0.494-0.247,0.694-0.848,0.447-1.342
			c-1.066-2.133-2.101-3.872-3.259-5.008c0.105,0.056,0.219,0.099,0.344,0.114c8.054,0.982,17.372,2.671,18.378,3.683
			c0.198,0.223,0.472,0.336,0.748,0.336c0.236,0,0.473-0.083,0.664-0.252c0.413-0.367,0.45-0.999,0.083-1.412
			c-1.8-2.026-15.481-3.834-19.631-4.34c-0.058-0.007-0.112,0.01-0.169,0.013l1.314-1.643
			C178.818,33.796,179.034,33.895,179.278,33.895z M296.742,360.895c-7.998-9.266-18.026-21.202-21.97-25.907l6.347,1.677
			c0.334,0.088,0.684,0,0.936-0.233c0.251-0.232,0.365-0.577,0.304-0.914l-1.647-8.967l8.255,1.25
			c0.003,0.003,0.004,0.006,0.007,0.009l26.185,21.696L296.742,360.895z M316.782,350.852l7.999,6.628l-21.095,11.341
			c-1.574-1.752-3.505-3.954-5.619-6.393L316.782,350.852z M272.41,332.295c2.275-1.761,4.434-3.465,6.394-5.058l1.303,7.091
			L272.41,332.295z M281.864,324.702c2.55-2.161,4.555-4.006,5.733-5.351l3.913,6.812L281.864,324.702z M279.052,324.451
			c-0.108,0.051-0.211,0.115-0.297,0.203c-0.033,0.034-0.058,0.074-0.085,0.112c-11.436,9.357-31.775,24.043-41.882,31.181
			l-3.225-6.741c0.07-0.33-0.021-0.678-0.269-0.92c-0.076-0.075-0.164-0.135-0.257-0.181l-4.848-10.137
			c-0.015-0.27-0.131-0.507-0.326-0.681l-1.018-2.128c-0.196-0.41-0.635-0.608-1.062-0.539c-0.426-0.068-0.864,0.13-1.06,0.539
			l-6.193,12.951c-0.074,0.037-0.147,0.078-0.211,0.135c-0.277,0.239-0.387,0.608-0.312,0.961l-3.224,6.74
			c-10.107-7.137-30.446-21.823-41.882-31.181c-0.028-0.038-0.052-0.078-0.085-0.112c-0.086-0.089-0.189-0.153-0.298-0.204
			c-3.589-2.951-6.256-5.349-7.355-6.76c17.658-17.2,24.131-82.763,24.401-85.578c0.053-0.55-0.351-1.039-0.9-1.091
			c-0.548-0.05-1.038,0.351-1.091,0.9c-0.009,0.099-0.157,1.599-0.455,4.133c-2.015-11.779-6.892-33.713-7.867-38.07l16.807-9.876
			c2.313,0.534,4.726,1.062,7.135,1.571l4.659,29.507c0.062,0.393,0.352,0.712,0.736,0.812c0.083,0.021,0.168,0.032,0.251,0.032
			c0.303,0,0.595-0.138,0.787-0.383c0.026-0.033,1.225-1.54,3.495-3.832l4.191,10.618c-0.792,5.338-10.394,70.171-11.051,82.099
			c-1.115,5.488,15.403,18.867,18.745,21.508c0.183,0.145,0.402,0.216,0.62,0.216c0.254,0,0.507-0.097,0.701-0.287
			c17.29-16.991,17.978-19.982,17.704-20.902c-1.273-14.271-11.242-78.166-11.988-82.941l4.557-10.821
			c1.747,1.63,3.232,3.092,4.12,4.079c0.191,0.213,0.463,0.331,0.743,0.331c0.063,0,0.127-0.006,0.19-0.019
			c0.345-0.067,0.629-0.31,0.749-0.64c2.368-6.511,3.88-24.933,4.138-28.271c3.475-0.598,7.081-1.245,10.557-1.913l15.224,9.107
			c-0.973,4.344-5.853,26.294-7.868,38.078c-0.298-2.535-0.445-4.036-0.455-4.135c-0.052-0.549-0.532-0.953-1.091-0.9
			c-0.55,0.053-0.952,0.542-0.899,1.091c0.27,2.815,6.742,68.378,24.399,85.578C285.309,319.102,282.642,321.499,279.052,324.451z
			 M247.832,394.418c-0.047-0.236-0.182-0.428-0.354-0.57l-0.493-1.973l24.768-4.669l2.777,5.302l-26.662,2.898l-0.106-0.428
			C247.832,394.805,247.871,394.616,247.832,394.418z M197.674,347.928l-0.017,0.92l-17.596,33.593l-18.938-8.329
			c9.212-9.76,25.007-27.758,28.226-32.107l0.334,8.513c0.013,0.343,0.202,0.655,0.499,0.827c0.298,0.171,0.662,0.179,0.966,0.019
			L197.674,347.928z M191.329,341.476c2.028,1.5,4.036,2.972,5.976,4.387l-5.686,2.992L191.329,341.476z M204.588,391.875
			l-0.883,3.531l-26.661-2.898l2.777-5.302L204.588,391.875z M180.792,385.354l16.783-32.04l-0.08,4.324
			c-0.006,0.363,0.185,0.702,0.499,0.884c0.315,0.183,0.705,0.179,1.016-0.008l6.966-4.179l0.177,9.043
			c0.007,0.371,0.22,0.708,0.552,0.875c0.142,0.07,0.295,0.105,0.448,0.105c0.206,0,0.41-0.063,0.583-0.188l4.605-3.307
			l-7.266,29.066L180.792,385.354z M199.66,348.707l0.021-1.116c2.218,1.609,4.312,3.118,6.197,4.47l-6.351,3.811l0.123-6.608
			C199.701,349.076,199.715,348.886,199.66,348.707z M207.959,353.551c2.419,1.729,4.362,3.104,5.599,3.978l-5.444,3.909
			L207.959,353.551z M214.853,359.061l0.708-0.508l6.699,2.167c0.358,0.117,0.752,0.021,1.018-0.247
			c0.265-0.269,0.357-0.663,0.238-1.021l-2.827-8.478l3.749,1.873c0.069,0.129,0.16,0.247,0.282,0.337
			c0.294,0.217,0.682,0.255,1.013,0.102l4.89-2.268l-3.375,7.718c-0.15,0.343-0.096,0.741,0.14,1.031
			c0.237,0.291,0.616,0.426,0.982,0.348l7.592-1.6l0.761,0.547l8.693,34.778c-10.637,1.625-33.99,0.308-39.057-0.8L214.853,359.061z
			 M216.6,356.788l2.309-4.828l2.083,6.248L216.6,356.788z M220.495,348.643l3.331-6.965l0.408,8.833L220.495,348.643z
			 M225.58,338.011l0.207-0.432l0.372,0.777l-0.358,2.709l-0.123-2.67C225.67,338.259,225.636,338.129,225.58,338.011z
			 M226.541,350.706l1.197-9.046l3.324,6.949L226.541,350.706z M232.523,351.664l2.403,5.025l-5.069,1.068L232.523,351.664z
			 M239.233,360.865l4.604,3.307c0.173,0.124,0.377,0.188,0.583,0.188c0.152,0,0.306-0.035,0.447-0.105
			c0.333-0.167,0.545-0.504,0.553-0.875l0.178-9.043l6.966,4.179c0.312,0.187,0.7,0.19,1.016,0.008
			c0.314-0.182,0.506-0.521,0.499-0.884l-0.08-4.324l16.783,32.04l-24.283,4.577L239.233,360.865z M238.015,357.528
			c1.236-0.873,3.179-2.25,5.598-3.978l-0.154,7.887L238.015,357.528z M251.923,349.263l0.122,6.608l-6.351-3.811
			c1.886-1.352,3.979-2.86,6.197-4.47l0.021,1.115C251.858,348.885,251.872,349.076,251.923,349.263z M271.634,382.672
			l-17.719-33.824l-0.017-0.92l6.526,3.435c0.305,0.161,0.669,0.153,0.966-0.019s0.485-0.484,0.499-0.827l0.335-8.512
			c3.222,4.353,19.026,22.36,28.236,32.116L271.634,382.672z M254.268,345.862c1.94-1.415,3.947-2.888,5.976-4.388l-0.29,7.38
			L254.268,345.862z M269.063,334.863l-0.425,7.653l-5.679-3.058C265.013,337.928,267.065,336.386,269.063,334.863z
			 M188.613,339.459l-5.679,3.059l-0.425-7.653C184.508,336.386,186.559,337.929,188.613,339.459z M136.417,349.506l26.185-21.696
			c0.003-0.003,0.005-0.007,0.008-0.01l8.252-1.25l-1.647,8.967c-0.062,0.337,0.053,0.682,0.304,0.914
			c0.252,0.233,0.604,0.322,0.935,0.233l6.347-1.677c-3.943,4.704-13.973,16.642-21.971,25.908L136.417,349.506z M153.505,362.428
			c-2.074,2.393-3.969,4.554-5.526,6.289l-21.181-11.242l7.993-6.623L153.505,362.428z M160.062,326.163l3.914-6.812
			c1.179,1.345,3.183,3.189,5.733,5.351L160.062,326.163z M171.467,334.328l1.302-7.091c1.96,1.593,4.119,3.297,6.394,5.058
			L171.467,334.328z M171.22,161.115c-2.335-3.233-3.568-7.771-4.007-12.993c2.016,2.102,3.736,3.772,4.648,4.38
			c0.169,0.112,0.362,0.168,0.555,0.168c0.003,0,0.007,0,0.01,0c0.555,0.045,1.01-0.444,1.01-1c0-0.222-0.073-0.428-0.195-0.594
			c-1.901-4.076-1.671-10.322,0.365-15.89c0.689,5.472,3.231,14.959,5.964,20.373c1.39,2.753,2.724,4.282,4.1,4.679
			c1.15,0.303,4.762,0.628,8.304,0.628c0,0,0,0,0,0c4.444,0,7.424-0.467,8.855-1.387c2.23-1.434,4.261-9.534,5.109-14.094
			c0.495-2.663,1.335-8.062,0.903-11.976c1.312,1.436,2.42,2.752,2.895,3.421c0.3,0.427,0.69,0.491,0.896,0.491h0
			c0.369,0,0.737-0.224,0.911-0.55c0.627-1.174-1.346-4.678-2.61-6.563c-2.269-3.383-10.413-14.25-21.486-14.724
			c3.726-10.596,10.115-19.761,13.092-23.696c0.683,26.822,11.939,48.47,32.652,62.711c0.171,0.117,0.368,0.176,0.566,0.176
			c0.207,0,0.413-0.064,0.588-0.191c0.343-0.249,0.491-0.688,0.371-1.094c-4.314-14.513-0.489-36.309,2.916-50.402l11.25,20.19
			c-2.877,2.781-4.916,5.586-5.884,7.03c-1.265,1.885-3.237,5.388-2.61,6.563c0.174,0.326,0.541,0.55,0.911,0.55
			c0.204,0,0.594-0.063,0.895-0.488c0.475-0.67,1.582-1.986,2.895-3.422c-0.432,3.917,0.409,9.318,0.904,11.982
			c0.849,4.558,2.879,12.654,5.107,14.087c1.432,0.92,4.411,1.387,8.856,1.387c3.542,0,7.154-0.325,8.328-0.634
			c1.354-0.392,2.688-1.921,4.079-4.677c2.73-5.412,5.271-14.892,5.96-20.364c2.062,5.639,2.272,11.971,0.292,16.041
			c-0.197,0.406-0.099,0.894,0.242,1.191c0.187,0.164,0.422,0.247,0.657,0.247c0.192,0,0.386-0.056,0.555-0.168
			c1.274-0.851,4.135-3.783,7.171-7.066c-0.743,6.764-1.863,14.479-3.368,23.275c-0.082,0.479,0.192,0.948,0.65,1.111
			c0.009,0.003,0.019,0.002,0.027,0.005c-2.104,5.255-4.721,10.445-9.288,12.5c-7.961,3.583-46.496,9.305-49.303,9.718
			c-2.326-0.41-29.391-5.215-40.567-8.809c-8.93-2.87-10.499-7.021-13.623-15.29c-0.623-1.649-1.309-3.463-2.122-5.453
			c0.16,0.052,0.32,0.119,0.48,0.167c0.093,0.027,0.188,0.041,0.282,0.041c0.319,0,0.625-0.153,0.816-0.422
			C171.473,161.929,171.47,161.462,171.22,161.115z M178.588,119.612c0.519-0.278,1.042-0.521,1.565-0.745
			c0.371,1.292,0.789,2.528,1.253,3.701c-0.444,0.211-0.877,0.44-1.291,0.702c-7.887,4.992-11.414,16.932-9.788,25.185
			c-0.963-0.963-2.087-2.14-3.279-3.418c-0.145-5.625,0.492-11.849,1.613-18.022C170.574,124.827,173.563,122.3,178.588,119.612z
			 M169.364,123.462c2.112-10.016,5.32-19.521,8.252-25.634c-0.011,6.455,0.584,13.21,2.017,19.086
			c-0.667,0.274-1.33,0.582-1.988,0.934C173.976,119.811,171.329,121.705,169.364,123.462z M182.224,124.463
			c0.265,0.559,0.538,1.103,0.829,1.62c0.179,0.319,0.515,0.51,0.871,0.51c0.063,0,0.127-0.006,0.19-0.018
			c0.423-0.082,0.746-0.425,0.802-0.852c0.099-0.752,0.226-1.502,0.365-2.25c0.548-0.089,1.111-0.153,1.705-0.153
			c0.677,0,1.347,0.043,2.013,0.105c-0.494,3.072,1.662,9.847,3.893,13.707c2.578,4.462,5.702,6.768,9.046,6.768
			c0.754,0,1.521-0.132,2.293-0.368c-0.08,0.49-0.165,0.984-0.259,1.488c-1.387,7.457-3.344,12.212-4.224,12.777
			c-1.057,0.68-3.891,1.069-7.774,1.069h-0.001c-3.508,0-6.904-0.327-7.772-0.556c-0.353-0.102-1.337-0.662-2.846-3.652
			c-3.654-7.239-6.532-20.862-5.891-22.596C176.128,130.275,178.379,126.395,182.224,124.463z M182.043,118.176
			c0.868-0.263,1.739-0.461,2.611-0.577c-0.411,1.371-0.769,2.76-1.07,4.159c-0.104,0.028-0.204,0.064-0.308,0.095
			C182.819,120.696,182.407,119.469,182.043,118.176z M204.664,128.343c-1.235-1.144-2.782-2.289-4.527-3.316
			c-0.016-0.01-0.033-0.019-0.049-0.028c-3.63-2.13-8.115-3.745-12.489-3.745c-0.644,0-1.269,0.04-1.878,0.108
			c0.305-1.311,0.661-2.611,1.063-3.895c9.199,0.05,16.427,8.28,19.491,12.441C205.725,129.353,205.179,128.82,204.664,128.343z
			 M204.564,141.269c-2.564,1.17-4.922,0.688-7.196-1.502c-4.739-4.567-6.799-14.279-6.426-16.081
			c5.869,1.062,10.94,4.285,13.186,7.354C205.069,132.327,205.208,136.243,204.564,141.269z M252.733,130.091
			c0.18,0.322,0.518,0.513,0.874,0.513c0.076,0,0.153-0.009,0.23-0.027c0.435-0.103,0.749-0.482,0.769-0.929l0.174-3.953
			c1.441-0.686,3.011-1.266,4.665-1.679c-0.176,3.282,1.851,9.484,3.947,13.114c2.578,4.464,5.703,6.771,9.048,6.771
			c0.692,0,1.396-0.11,2.104-0.31c-1.055,3.915-2.441,8.044-3.966,11.065c-1.511,2.994-2.495,3.554-2.825,3.649
			c-0.891,0.235-4.287,0.562-7.796,0.562c-3.884,0-6.718-0.39-7.774-1.069c-0.88-0.565-2.836-5.317-4.223-12.771
			c-1.261-6.772-1.323-12.394-0.158-13.987c0.836-1.143,2.067-2.306,3.582-3.372L252.733,130.091z M251.392,123.574
			c0.493-0.438,1.002-0.871,1.536-1.29l-0.095,2.158c-0.248,0.133-0.49,0.27-0.73,0.408L251.392,123.574z M265.228,117.463
			c2.718,0,5.447,0.723,8.113,2.149c1.743,0.933,3.239,1.846,4.534,2.733c1.067,2.205,1.848,4.298,2.2,6.177
			c0.075,0.402,0.388,0.718,0.789,0.797c0.4,0.079,0.811-0.094,1.033-0.438c0.395-0.61,0.762-1.347,1.104-2.172
			c1.892,2.083,2.789,3.871,3.46,5.211c0.534,1.069,0.982,1.917,1.7,2.47c-0.125,2.405-0.316,4.971-0.578,7.708
			c-2.165,2.382-4.312,4.685-5.981,6.355c1.624-8.253-1.902-20.192-9.788-25.185c-2.113-1.338-4.632-2.016-7.484-2.016
			c-3.218,0-6.497,0.875-9.451,2.185l0.115-2.629C257.971,118.871,261.428,117.463,265.228,117.463z M255.1,118.399l1.092-24.837
			c3.903,4.157,13.966,15.266,19.777,25.225c-0.538-0.311-1.096-0.624-1.685-0.939c-2.959-1.583-6.006-2.385-9.057-2.385
			C261.498,115.463,258.086,116.664,255.1,118.399z M281.105,124.849c0.125,0.11,0.248,0.22,0.366,0.329
			c-0.042,0.113-0.082,0.231-0.125,0.34C281.273,125.298,281.186,125.072,281.105,124.849z M283.761,124.593
			c1.104-3.549,1.841-8.206,2.173-13.021c1.802,4.49,2.592,10.839,2.36,19.54c-0.015-0.03-0.028-0.056-0.044-0.086
			C287.44,129.405,286.321,127.177,283.761,124.593z M275.146,141.236c-2.601,1.217-4.979,0.742-7.276-1.47
			c-4.798-4.625-6.854-14.535-6.412-16.155c1.141-0.182,2.305-0.292,3.486-0.292c0.818,0,1.592,0.096,2.324,0.261
			c0.032,0.007,0.066,0.012,0.099,0.019c5.286,1.248,8.311,6.338,9.099,8.464C276.785,132.926,276.232,136.735,275.146,141.236z
			 M247.266,128.343c-0.515,0.477-1.061,1.009-1.611,1.565c0.995-1.352,2.436-3.132,4.233-4.923l0.511,0.917
			C249.222,126.687,248.161,127.515,247.266,128.343z M219.017,225.299l-4.343-11.003c2.592-2.473,6.158-5.534,10.628-8.61
			c2.487,1.807,6.372,5.117,9.735,8.179l-4.695,11.151L219.017,225.299z M242.053,309.389c0.003,0.04,0.01,0.081,0.018,0.121
			c-0.488,1.813-8.605,10.599-16.513,18.412c-7.866-6.31-18.074-16.036-17.331-19.011c0.016-0.062,0.025-0.126,0.028-0.189
			c0.587-11.151,9.78-73.499,10.954-81.427l10.951-0.274C231.41,235.024,240.88,295.902,242.053,309.389z M223.574,204.442
			c-7.14,4.994-11.873,9.822-14.084,12.288l-4.202-26.612c2.717,0.563,5.384,1.095,7.854,1.575c0.001,0.002,0.001,0.005,0.002,0.007
			C213.373,192.079,218.439,200.395,223.574,204.442z M215.845,192.214c5.713,1.091,9.819,1.81,9.928,1.829
			c0.057,0.01,0.114,0.015,0.172,0.015c0.048,0,0.096-0.003,0.144-0.01c0.463-0.067,3.802-0.557,8.566-1.308
			c-2.348,3.381-6.422,8.732-9.29,10.532C221.631,200.6,217.649,194.953,215.845,192.214z M227.09,204.518
			c4.127-3.06,9.237-10.638,10.272-12.209c2.211-0.355,4.623-0.75,7.146-1.177c-0.319,3.957-1.605,18.737-3.49,25.66
			C237.662,213.397,231.056,207.514,227.09,204.518z M169.897,168.654c3.246,8.59,5.034,13.322,14.882,16.487
			c2.283,0.734,5.219,1.517,8.464,2.302l-15.633,9.187c-0.375,0.22-0.564,0.658-0.469,1.082c0.007,0.031,0.074,0.331,0.183,0.818
			c-7.649,3.905-10.124,14.804-12.508,25.361c-1.321,5.847-2.583,11.371-4.629,15.505l-1.488-0.511
			c-0.485-0.167-1.023,0.063-1.236,0.534c-0.096,0.212-3.674,8.114-8.608,18.662c5.365-47.817,9.372-88.614,10.633-101.665
			c2.448,2.163,4.989,3.87,7.563,5.059C168.191,164.145,169.099,166.54,169.897,168.654z M166.767,224.331
			c2.23-9.874,4.547-20.053,11.011-23.763c1.983,8.951,7.95,36.251,8.209,41.946c0.01,0.227,0.107,0.423,0.242,0.584
			c-0.209,1.548-0.445,3.224-0.706,5l-23.429-8.048C164.177,235.734,165.443,230.19,166.767,224.331z M265.344,243.1
			c0.135-0.162,0.231-0.358,0.242-0.585c0.259-5.695,6.226-32.997,8.209-41.947c6.488,3.711,8.835,13.762,11.095,23.512
			c1.375,5.93,2.688,11.532,4.879,15.872l-23.719,8.148C265.79,246.323,265.553,244.647,265.344,243.1z M286.838,223.627
			c-2.416-10.425-4.923-21.189-12.59-25.099c0.108-0.487,0.176-0.786,0.183-0.817c0.095-0.421-0.092-0.856-0.462-1.078
			l-13.938-8.338c7.09-1.42,13.266-2.891,16.051-4.145c6.269-2.821,9.098-10.28,11.594-16.861c1.031-2.72,2.006-5.29,3.115-7.199
			c0.047-0.082,0.064-0.17,0.087-0.257c0.226-0.438,0.452-0.876,0.673-1.31c1.424,14.676,5.198,52.817,10.192,97.47
			c-4.425-9.489-7.544-16.379-7.634-16.577c-0.213-0.471-0.75-0.701-1.236-0.534l-1.197,0.412
			C289.519,235.146,288.211,229.553,286.838,223.627z M289.832,139.605c0.128-1.538,0.232-3.02,0.313-4.446
			c0.397,0.06,0.82,0.101,1.297,0.101c0.809,0,1.649-0.089,2.422-0.21C292.686,136.396,291.292,137.975,289.832,139.605z
			 M165.987,130.909c-0.598,4.041-0.961,8.061-0.999,11.895c-2.448-2.68-4.978-5.533-6.922-7.754c0.772,0.122,1.613,0.21,2.422,0.21
			c1.31,0,2.31-0.225,3.056-0.687c0.866-0.536,1.333-1.47,1.924-2.652C165.625,131.608,165.796,131.269,165.987,130.909z
			 M176.279,36.607l0.129-0.162c0.025,0.14,0.074,0.27,0.152,0.385C176.468,36.751,176.374,36.679,176.279,36.607z M159.942,31.622
			c0.033-0.02,0.07-0.026,0.101-0.05c0.183-0.143,0.288-0.34,0.34-0.549l4.827-6.551l12.748,6.836l-3.473,4.341
			c-0.027,0.034-0.036,0.076-0.058,0.112c-0.184-0.033-0.37-0.058-0.562-0.064c-4.596-0.137-10.28,7.204-26.277,34.275
			c-0.967,1.636-1.842,3.274-2.633,4.91l-11.141-7.799L159.942,31.622z M78.164,443.986c1.96-2.041,3.901-5.074,5.354-9.582
			c4.516-14.002-19.684-29.767-47.705-48.021c-10.4-6.776-16.736-15.841-18.832-26.943c-2.532-13.414,1.608-29.335,11.075-42.589
			c0.66-0.924,1.417-1.974,2.261-3.143c18.776-26.014,75.915-105.178,72.675-194.275c-2.422-66.611,25.075-83.895,37.009-88.233
			c8.463-3.078,15.542-2.222,18.033-0.362L131.596,66.72c-0.16,0.217-0.225,0.489-0.182,0.755c0.043,0.266,0.192,0.503,0.414,0.658
			l12.278,8.595c-10.616,23.8-3.867,46.822-0.182,56.168c3.528,8.949,8.403,16.533,13.847,21.913
			c-0.093,0.135-0.166,0.286-0.183,0.461c-1.191,12.37-5.529,56.724-11.342,108.104c-0.008,0.076,0.011,0.146,0.019,0.219
			c-4.344,9.206-9.35,19.607-13.873,28.482c-0.233,0.053-0.45,0.181-0.599,0.392c-5.335,7.593-26.795,34.813-36.551,42.661
			c-9.524,7.66-29.618,18.158-29.819,18.264c-0.29,0.151-0.488,0.435-0.53,0.759c-0.042,0.324,0.078,0.648,0.32,0.869l59.181,53.671
			C115.675,429.793,91.216,439.949,78.164,443.986z M127.079,408.426l-59.464-53.928c1.752-0.932,5.121-2.746,9.084-5.008
			c0.761,0.564,1.948,1.434,3.456,2.538c9.142,6.695,30.551,22.374,35.254,27.428c4.887,5.25,15.242,18.829,17.888,22.319
			C130.519,404.847,128.177,407.293,127.079,408.426z M134.659,400.26c-2.992-3.945-12.9-16.918-17.785-22.167
			c-4.833-5.191-26.349-20.949-35.537-27.679c-1.099-0.805-2.027-1.484-2.745-2.012c6.115-3.545,13.191-7.924,17.905-11.715
			c7.56-6.081,21.973-23.526,30.76-34.842c-1.927,3.519-3.629,6.416-4.971,8.368c-0.312,0.455-0.197,1.077,0.258,1.391
			c0.173,0.119,0.37,0.176,0.565,0.176c0.318,0,0.631-0.151,0.825-0.434c8.737-12.708,31.629-62.902,34.975-70.275l1.181,0.405
			c0.035,0.025,0.058,0.061,0.097,0.082c0.152,0.083,0.316,0.122,0.478,0.122c0.004,0,0.009-0.001,0.013-0.002l24.544,8.432
			c-3.283,21.622-10.205,56.105-22.026,66.681c-0.069,0.062-0.12,0.135-0.167,0.21c-0.009,0.015-0.024,0.022-0.033,0.037
			l-0.008,0.014c0,0,0,0,0,0.001l-5.693,9.91c-0.191,0.333-0.175,0.746,0.042,1.062c0.217,0.317,0.592,0.486,0.975,0.424l0.465-0.07
			l-34.405,28.507c-0.257,0.213-0.391,0.54-0.356,0.872c0.034,0.332,0.231,0.625,0.526,0.781l14.078,7.473l-7.419,9.176
			c-0.311,0.385-0.294,0.938,0.04,1.304l6.757,7.392c0.19,0.208,0.458,0.325,0.738,0.325c0.019,0,0.037-0.001,0.056-0.002
			c0.297-0.017,4.774-0.279,9.179-1.272C145.1,388.074,139.455,394.876,134.659,400.26z M139.149,382.179l-5.852-6.401l7.123-8.81
			l6.173,3.276c-0.721,0.786-1.341,1.443-1.807,1.91c-2.993,2.994-9.117,2.374-9.179,2.367c-0.542-0.055-1.042,0.338-1.102,0.887
			c-0.06,0.548,0.336,1.041,0.885,1.102c0.083,0.009,0.709,0.073,1.646,0.073c2.319,0,6.546-0.396,9.164-3.015
			c1.698-1.698,5.149-5.59,9.219-10.291c0.255-0.056,0.49-0.207,0.638-0.447c0.087-0.141,0.123-0.293,0.135-0.447
			c9.942-11.511,23.064-27.211,23.854-28.155c0.029-0.034,0.039-0.077,0.062-0.114l0.352-0.093l0.565,10.179
			c0.019,0.342,0.211,0.649,0.51,0.816c0.299,0.167,0.662,0.169,0.963,0.009l3.351-1.805c-7.184,8.733-28.654,32.812-32.087,35.388
			C150.295,381.207,141.304,382.019,139.149,382.179z M154.239,380.687c0.255-0.154,0.5-0.312,0.722-0.479
			c0.812-0.609,2.493-2.259,4.696-4.556l19.473,8.564l-2.122,4.052L154.239,380.687z M210.685,499.837
			c-13.244-1.228-43.294-5.829-47.016-14.479c7.835,2.663,39.41,13.281,46.996,13.999
			C210.673,499.53,210.68,499.691,210.685,499.837z M207.288,485.169c2.084,4.863,2.897,9.261,3.212,12.161
			c-6.812-0.795-33.128-9.394-47.249-14.229c-0.379-11.094,1.487-52.289,3.065-77.932l44.274,5.722
			C208.655,428.915,203.872,477.196,207.288,485.169z M210.807,408.902l-44.365-5.733c0.439-6.973,0.85-12.616,1.177-15.919
			l8.449,2.812l-1.476,2.817c-0.153,0.293-0.152,0.643,0.003,0.935s0.445,0.487,0.774,0.523l27.845,3.027l-1.468,5.873
			c-0.069,0.276-0.017,0.57,0.144,0.806s0.415,0.392,0.698,0.429c0.334,0.043,4.106,0.529,8.593,1.046
			C211.09,406.332,210.962,407.479,210.807,408.902z M239.133,403.331c-0.283,0.032-0.521,0.183-0.68,0.393
			c-4.917,0.552-10.241,1.079-12.615,1.079c-0.019,0-0.034,0.01-0.052,0.011c-0.019-0.001-0.034-0.011-0.052-0.011
			c-2.374,0-7.699-0.527-12.615-1.079c-0.159-0.21-0.397-0.36-0.68-0.393c-0.282-0.034-0.548,0.06-0.752,0.23
			c-3.269-0.375-6.199-0.738-7.727-0.931l1.353-5.411c0.159-0.156,0.273-0.361,0.299-0.6c0.016-0.145-0.003-0.283-0.045-0.413
			l0.308-1.233c3.846,0.837,15.133,1.622,25.459,1.622c5.589,0,10.878-0.234,14.567-0.811l0.105,0.421
			c-0.042,0.13-0.062,0.27-0.046,0.414c0.026,0.238,0.14,0.443,0.299,0.6l1.353,5.411c-1.527,0.192-4.457,0.556-7.727,0.931
			C239.681,403.39,239.414,403.296,239.133,403.331z M240.39,405.519c4.487-0.517,8.259-1.003,8.593-1.046
			c0.283-0.037,0.537-0.193,0.698-0.429s0.213-0.529,0.144-0.806l-1.468-5.873l27.847-3.027c0.328-0.036,0.618-0.231,0.774-0.523
			c0.155-0.292,0.156-0.642,0.003-0.935l-1.281-2.445l8.279-2.92c0.323,3.336,0.724,8.864,1.151,15.654l-44.365,5.733
			C240.61,407.479,240.481,406.332,240.39,405.519z M240.887,499.837c0.005-0.146,0.011-0.307,0.02-0.48
			c7.584-0.717,39.162-11.336,46.997-13.999C284.181,494.006,254.129,498.609,240.887,499.837z M288.321,483.102
			c-14.124,4.835-40.443,13.436-47.252,14.229c0.314-2.896,1.127-7.286,3.216-12.161c3.416-7.972-1.367-56.254-3.304-74.277
			l44.274-5.722C286.834,430.813,288.7,472.009,288.321,483.102z M274.762,388.644l-2.199-4.198l19.355-8.79
			c2.202,2.295,3.882,3.943,4.693,4.552c0.222,0.166,0.465,0.324,0.72,0.478L274.762,388.644z M299.982,379.771
			c-0.838-0.342-1.587-0.726-2.171-1.163c-3.43-2.571-24.903-26.654-32.087-35.388l3.352,1.805c0.301,0.161,0.664,0.159,0.963-0.009
			c0.298-0.167,0.49-0.475,0.509-0.816l0.565-10.179l0.353,0.093c0.023,0.037,0.032,0.08,0.062,0.114
			c0.79,0.944,13.912,16.645,23.854,28.155c0.012,0.154,0.048,0.307,0.135,0.447c0.148,0.24,0.383,0.392,0.639,0.447
			c2.398,2.771,4.577,5.254,6.312,7.178c0.017,0.044,0.018,0.092,0.041,0.135c0.108,0.201,0.277,0.342,0.47,0.429
			c0.979,1.076,1.799,1.953,2.396,2.55c2.617,2.618,6.641,3.015,8.844,3.015c0.893,0,1.486-0.064,1.565-0.074
			c0.548-0.063,0.941-0.561,0.877-1.109c-0.063-0.547-0.542-0.941-1.109-0.877c-0.056,0.007-5.761,0.635-8.763-2.368
			c-0.446-0.446-1.033-1.068-1.714-1.809l6.142-3.302l7.061,8.733l-5.852,6.401c-1.647-0.122-7.284-0.627-11.4-2.021
			C300.79,379.83,300.386,379.673,299.982,379.771z M303.602,382.934c4.404,0.994,8.882,1.257,9.179,1.273
			c0.019,0.001,0.037,0.002,0.056,0.002c0.28,0,0.548-0.117,0.738-0.325l6.757-7.392c0.333-0.365,0.351-0.919,0.039-1.304
			l-7.363-9.108l14.028-7.542c0.293-0.157,0.488-0.45,0.521-0.781s-0.101-0.657-0.357-0.869l-34.405-28.508l0.466,0.07
			c0.378,0.06,0.759-0.106,0.975-0.424c0.217-0.316,0.233-0.729,0.042-1.062l-5.693-9.91c0-0.001,0-0.001,0-0.001l-0.008-0.014
			c-0.009-0.016-0.024-0.023-0.034-0.039c-0.048-0.074-0.098-0.147-0.166-0.208c-11.818-10.575-18.742-45.059-22.025-66.681
			l26.313-9.04c1.217,2.681,5.018,11.022,9.781,21.163c0.02,0.171,0.038,0.341,0.058,0.513c0.039,0.345,0.257,0.617,0.543,0.765
			c8.274,17.576,19.165,39.939,24.593,47.834c0.194,0.282,0.507,0.434,0.825,0.434c0.195,0,0.393-0.057,0.565-0.176
			c0.455-0.313,0.57-0.936,0.258-1.391c-1.342-1.952-3.045-4.851-4.972-8.37c8.787,11.315,23.201,28.763,30.76,34.844
			c4.714,3.791,11.79,8.17,17.905,11.714c-0.722,0.531-1.655,1.216-2.763,2.026c-9.184,6.727-30.689,22.477-35.518,27.665
			c-4.887,5.249-14.793,18.22-17.785,22.166C312.118,394.875,306.473,388.074,303.602,382.934z M324.79,408.158
			c-0.029,0.025-0.06,0.049-0.085,0.077l-0.21,0.19c-1.098-1.133-3.439-3.579-6.22-6.65c2.647-3.491,13-17.069,17.889-22.319
			c4.699-5.05,26.098-20.722,35.235-27.414c1.516-1.11,2.71-1.985,3.475-2.552c3.963,2.262,7.332,4.076,9.084,5.008L324.79,408.158z
			 M433.852,359.439c-2.096,11.103-8.432,20.167-18.832,26.943c-28.021,18.255-52.222,34.021-47.705,48.021
			c1.453,4.507,3.395,7.54,5.354,9.582c-12.953-4.007-37.133-14.044-46.022-34.812l59.712-54.153
			c0.242-0.221,0.361-0.545,0.32-0.869c-0.042-0.324-0.24-0.607-0.53-0.759c-0.202-0.105-20.293-10.602-29.82-18.264
			c-9.754-7.847-31.214-35.068-36.55-42.661c-0.148-0.21-0.366-0.338-0.599-0.391c-4.844-9.506-10.243-20.763-14.787-30.426
			c-5.726-50.736-9.977-94.212-11.147-106.38c-0.003-0.032-0.021-0.057-0.026-0.087c19.687-40.225,16.339-62.212,9.36-77.559
			l11.691-11.281c0.386-0.372,0.409-0.982,0.054-1.383l-29.646-33.438c2.268-2.018,11.258-3.45,22.541,0.65
			c12.996,4.725,42.969,22.685,40.621,87.26c-3.238,89.095,53.898,168.259,72.675,194.273c0.844,1.17,1.602,2.22,2.263,3.145
			C432.244,330.104,436.383,346.025,433.852,359.439z"/>
		<path fill="#040000" d="M225.001,182.544c0.124,0.012,0.25,0.018,0.378,0.018c2.6,0,5.966-2.465,6.837-3.556
			c0.345-0.432,0.274-1.061-0.157-1.406c-0.432-0.344-1.061-0.272-1.405,0.158c-0.696,0.873-3.794,2.961-5.454,2.796
			c-1.303-0.13-3.717-1.863-4.932-2.925c-0.415-0.362-1.047-0.321-1.411,0.095c-0.363,0.416-0.321,1.047,0.094,1.411
			C219.322,179.459,222.64,182.309,225.001,182.544z"/>
	</g>
</g>
</svg>
</div>
<div id="tool">
  <dl>
    <dt>髪の色</dt>
    <dd>＃<input type="text" id="cl_hair01" /></dd>
    <dt>髪かざり</dt>
    <dd>＃<input type="text" id="cl_hair02" /></dd>
    <dt>瞳の色</dt>
    <dd>＃<input type="text" id="cl_eyes01" /></dd>
    <dt>まつげの色</dt>
    <dd>＃<input type="text" id="cl_eyes02" /></dd>
    <dt>肌の色</dt>
    <dd>＃<input type="text" id="cl_base" /></dd>
    <dt>トップス</dt>
    <dd>＃<input type="text" id="cl_tops01" /></dd>
    <dt>ネクタイ</dt>
    <dd>＃<input type="text" id="cl_tops02" /></dd>
    <dt>裾レース</dt>
    <dd>＃<input type="text" id="cl_tops03" /></dd>
    <dt>アームカバー</dt>
    <dd>＃<input type="text" id="cl_arm01" /></dd>
    <dt>アームライン</dt>
    <dd>＃<input type="text" id="cl_arm02" /></dd>
    <dt>スカート</dt>
    <dd>＃<input type="text" id="cl_bottom01" /></dd>
    <dt>裾ライン</dt>
    <dd>＃<input type="text" id="cl_bottom02" /></dd>
    <dt>ベルト</dt>
    <dd>＃<input type="text" id="cl_bottom03" /></dd>
    <dt>ブーツ</dt>
    <dd>＃<input type="text" id="cl_shoes01" /></dd>
    <dt>ブーツライン</dt>
    <dd>＃<input type="text" id="cl_shoes02" /></dd>
  </dl>
</div>
!

CSS

            
              p{
  text-align:center;
}
#box{
  width:350px;
  height:420px;
  float:left;
  margin:5px 0 0 10px;
}
#box svg{
  width:350px;
  height:400px;
  border:1px solid #ccc;
}
#tool{
  margin:0 0 0 370px;
  padding:10px 0 0;
  width:240px;
}
#tool dl dt{
  width:130px;
  float:left;
  font-size:0.9em;
  margin:0 0 0 5px;
}
#tool dl dd{
  font-size:0.9em;
  margin:0 0 5px;
  padding:0 0 5px 135px;
  border-bottom:1px dotted #ccc;
}
#tool dl dd input{
  width:60px;
}
!

JS

            
              $(function() {
	$('#tool input').change(function() {
    var setID = $(this).attr('id');
    setID = '#'+setID.substring(3);
    var setColor = $(this).val();
    if(setColor.match(/[0-9A-Fa-f]{6}/i)){
      setColor = '#'+setColor;
    }else{
      setColor = 'error';
    }
    if(setColor != 'error'){
      $(setID+' path,'+setID+' polygon').css('fill',setColor);
    }
	});
});
!
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