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.
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.
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.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
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.
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).
Any URLs 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 its URL and the proper URL extension.
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.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
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.
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.
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.
Using packages here is powered by Skypack, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ES6 import
usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<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>
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;
}
$(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);
}
});
});
Also see: Tab Triggers