cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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.

            
              
<!-- 

    SVG asset 
    
-->
<svg xmlns="http://www.w3.org/2000/svg" 
     viewBox="0 0 701.8 386.8" width="701.8" height="386.89" 
     style="width:0; height:0; position:absolute; overflow:hidden"
     aria-hidden="true" focusable="false">
    
    <symbol id="horse">
        <defs><filter id="b"><feGaussianBlur stdDeviation="1.56"/></filter><filter id="f"><feGaussianBlur stdDeviation=".35"/></filter><filter id="g"><feGaussianBlur stdDeviation=".55"/></filter><filter id="d"><feGaussianBlur stdDeviation=".81"/></filter><filter id="c"><feGaussianBlur stdDeviation=".34"/></filter><filter id="h"><feGaussianBlur stdDeviation=".26"/></filter><filter id="e"><feGaussianBlur stdDeviation=".57"/></filter><filter id="a" width="1.03" height="1.12" x="-.02" y="-.06" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.77"/></filter></defs>
        
        <path style="fill: var(--color-muzzle, #ffb380)" fill="#ffb380" d="M99.48 133.62c-7.34-16.75-26.98-29.97-56.5-19.12-23.08 1.22-33.3 7.4-19.3 22.86-1.9 11.62-16.43 20.7-1.43 35.7 4 14.23-32 22.7-10.7 40l60.7-13.56c-37.34 32.02-19.93 41.05-4.83 49.02 15.33-13.12 32.45-27.24 44.12-44.02 11.55-14.52 18.66-25.32-15-25.7 37.35-13 33.16-28.4 2.94-45.18z"/>
        
        <path style="fill: var(--color-body, #8d5000)" fill="#8d5000" d="M111.7 1.4c3.12 21.4 29.02 26.32 47.2 35.17-2.54 1.76-12.2 28.56-22.2 56.45l18.5-19.98-5.8 35.75-49.35 25.9c4.17 3.06 15 13.3 21.33 20.16-3.96 14.65-26.6 21.98-27.05 25.3 45.78.15 12 19.1 18.87 22.97 41.42-26.82 84.36-34.2 108.96-37.05l15.8-.9-.14 1.66c15.27 65.45 8.77 77.86 29.04 88.4l4.04 46.96c-8.8 11.57-19.34 25.23-25.76 38.4 2.5 7.55 2.65 9.33-4.3 8.82l17.18 4.8c2.33-9.32 1.38-8-4.8-16.4 5.28-13.23 9.16-20.5 24.25-32.6l3.28-33.58 18.44-4.3-1.53 38.4c9.57 13.18 23.65 23.7 29.55 39.4 8.07-1.14 12.48 1.26 14.4-7.08-13.53-9.3-26.56-18-36.63-31.3l-.26-14.16 3.8-15.9L332 246.13l35.37-29.8 20.2-12.63 15.15 5.06 18.2 50.26c-13.4 12.56-29.63 24.5-37.07 41.73l5.3.06c8.43-12.75 25.37-25.43 38.07-37.5 3.94-3.02 7.3-4.66 8.08-9.84-12.28-13.55-13.12-18.5-17.93-37.63l27.02 10.6c1.1 15.55 1.6 30.9 4.04 43.95L454 317.6l4.28-2.27-2.02-30.3c4.27-11.67 5.05-9.32-2.77-19.7l.74-38.4c7.7-23.76 20.1-34.2 32.34-52.6-4.8-13.47-13.9-40.2-26.3-48.57 21.25-29.5 19.24 1.74 21-15.86.88-8.9-5.5-2.3-24.98 10.62-10.03-8.47-17.52-2.9-30.83-7.45-29 25.9-20.4 30.27-63.93 36.8-22.33-10.9-93.03-63.45-111.5-77.27-.3-1.72-.65-3.45-1.06-5.23 0 0 47.07-49.9 41.67-50.2-47.05-2.6-46.15 4.46-79.22 33.42L165.9 8.87 111.7 1.4zm-11.65 133.3c-1.7-1.28-2.32-1.37-1 .52l1-.53z"/>
        
        <path style="fill: var(--color-eyes, #fff)" fill="#fff" d="M203.33 107.47c-1.88 14.3-11.14 20.06-28.04 24.25-14.1 3.5-24.5-9.74-24.5-24.25 0-14.5 13.12-22.3 27.52-24 18.36-2.12 27.06 8.33 25 24zM134.02 82.74c.27-.86-.76-.78-1-1.26-.04-.07.03-.18 0-.25-.06-.1-.2-.15-.26-.25-.04-.08.04-.18 0-.26-.07-.13-.62-.62-.76-.75-.14-.15-.9-.96-1-1-.08-.05-.2.05-.26 0-.06-.07.06-.2 0-.27-.06-.06-.18.04-.25 0-.15-.06-.64-.62-.77-.75l-1.5-1.52-.27-.25c-.08-.1-.14-.2-.25-.25-.06-.04-.18.05-.24 0-.06-.06.06-.2 0-.26s-.2.06-.25 0c-.05-.06.07-.2 0-.25-.05-.06-.2.06-.25 0-.06-.06.06-.2 0-.25-.06-.06-.17.04-.25 0-.3-.15-.45-.6-.76-.76-.07-.03-.17.05-.25 0-.22-.1-.3-.4-.5-.5-.1-.03-.2.04-.27 0-.1-.05-.14-.2-.25-.25-.07-.04-.18.04-.25 0-.1-.05-.15-.2-.25-.25-.08-.04-.18.04-.26 0-.1-.05-.14-.2-.25-.25-.07-.04-.18.03-.25 0-.1-.06-.15-.2-.25-.26-.16-.08-.36.07-.5 0-.12-.06-.16-.2-.26-.26-.14-.07-.35.08-.5 0-.1-.05-.14-.2-.25-.25-.07-.05-.17.02-.25 0-.18-.07-.33-.2-.5-.26-.28-.1-.75.1-1.02 0-.1-.04-.14-.2-.25-.26-.16-.07-.85.08-1 0-.12-.05-.16-.2-.26-.25-.08-.04-.65 0-.76 0H114.08c-.1 0-.68-.04-.75 0-.1.06-.15.2-.26.25-.07.04-.16 0-.25 0-.07 0-.17.04-.24 0-.2-.1-.2-.4-.5-.25-.1.06-.15.2-.26.25-.2.1-.55-.1-.76 0-.1.06-.14.2-.25.26-.16.07-.36-.08-.5 0-.85.83.22-.12-.52.25-.1.04-.15.2-.25.24-.08.04-.18-.04-.25 0-.22.1-.3.4-.5.5-.08.04-.2-.03-.26 0-.14.07-.63.63-.76.76-.08.1-.17.17-.25.26-.08.08-.2.14-.24.25-.04.1.03.2 0 .26-.1.22-.4.3-.5.5-.05.08.03.18 0 .26-.12.2-.4.3-.5.5-.05.08.02.18 0 .26-.17.3-.62.45-.77.76-.05.07.03.17 0 .25-.18.32-.35.16-.52.5-.03.07.04.17 0 .25-.03.06-.47.43-.5.5-.04.08.04.18 0 .25-.06.1-.2.15-.25.26-.04.07.03.17 0 .25-.06.1-.2.15-.26.26-.03.08.04.18 0 .25-.05.12-.2.16-.25.27-.04.07.04.17 0 .25-.05.1-.2.14-.25.25-.04.08.04.18 0 .25-.06.1-.2.15-.25.26-.08.15.07.35 0 .5-.06.1-.2.15-.26.25-.08.16.08 1.1 0 1.27-.05.1-.2.14-.25.25-.02.07 0 .88 0 1 0 .14-.02.95 0 1.02.06.1.2.15.26.25.1.2-.1.56 0 .76.06.1.2.15.26.25.07.15-.08.36 0 .5.05.1.2.15.25.26.07.14-.08.34 0 .5.05.1.2.14.25.25.04.07-.04.17 0 .25.17.34.34.17.5.5.08.16-.07.36 0 .5.04.08.48.45.5.5.05.1-.03.2 0 .27.06.1.2.14.26.25.04.08-.03.18 0 .25.06.1.2.15.26.25.07.16-.08.36 0 .5.05.12.2.16.25.26.03.08-.05.18 0 .26.83.83-.13-.24.24.5.05.1.2.15.25.25.03.07-.04.17 0 .25.05.1.2.14.25.25.07.15-.08.35 0 .5.16.34.33.17.5.5.04.08-.04.2 0 .26.03.07.47.44.5.5.04.08-.03.18 0 .26.07.13.63.62.76.76.15.13.64.7.77.75.08.04.18-.03.25 0 .3.15.46.6.76.76.08.03.18-.05.25 0 .07.02.44.46.5.5.08.03.2-.04.26 0 .33.16.16.33.5.5.07.04.17-.04.25 0 .2.1.3.4.5.5.08.04.18-.03.26 0 .1.06.15.2.26.26.07.04.18-.04.25 0 .12.05.16.2.26.25.08.05.18-.03.26 0 .1.06.14.2.25.26.07.04.18-.03.25 0 .1.06.15.2.25.26.08.03.18-.04.26 0 .1.05.14.2.25.25.07.04.18-.04.25 0 .1.05.15.2.25.25.08.04.18-.04.26 0 .1.05.14.2.25.25.06.04.17-.03.24 0 .1.06.15.2.25.26.15.07.35-.08.5 0 .1.05.15.2.25.25.08.04.18-.04.25 0 .1.05.15.2.26.25.15.08.35-.07.5 0 .1.05.15.2.25.25.22.1.57-.1.77 0 .1.06.15.2.25.26.16.07 1.37-.08 1.52 0 .1.05.15.2.25.25.07.03.64 0 .75 0h1.77c.17 0 1.17.03 1.26 0 .1-.06.15-.2.25-.26.16-.08 1.37.07 1.52 0 .1-.06.14-.2.25-.26.15-.07.36.08.5 0 .1-.05.15-.2.26-.25.15-.07.35.08.5 0 .1-.05.15-.2.26-.25.15-.08.35.07.5 0 .1-.05.15-.2.25-.25.15-.08.36.07.5 0 .12-.06.16-.2.26-.26.08-.03.17 0 .25 0 .1-.08.15-.2.26-.25.07-.04.17.04.25 0 .1-.05.14-.2.24-.25.08-.04.18.04.25 0 .3-.15.45-.6.75-.76.08-.03.2.07.25 0 .06-.05-.06-.18 0-.24s.2.06.26 0-.06-.2 0-.25c.06-.05.2.07.25 0 .07-.05-.03-.17 0-.25.12-.2.4-.3.5-.5.05-.08-.02-.18 0-.25.07-.1.2-.15.27-.26.03-.07-.04-.17 0-.25.05-.12.2-.16.25-.26.04-.08 0-.17 0-.25.08-.1.2-.16.25-.27.08-.15-.07-.35 0-.5.06-.1.2-.15.25-.25.04-.08-.03-.18 0-.26.06-.1.2-.14.26-.25.07-.15-.08-.35 0-.5.05-.1.2-.15.25-.26.08-.14-.08-.34 0-.5.05-.1.2-.14.25-.24.1-.2-.1-.56 0-.76.06-.1.2-.15.25-.25.1-.2-.1-.56 0-.76.06-.12.2-.16.26-.26.07-.16-.1-.86 0-1.02.04-.1.2-.14.24-.25.04-.07 0-.64 0-.76v-1.75c0-.18.05-1.17 0-1.27-.05-.1-.2-.14-.25-.25-.1-.15.06-.35 0-.5-.07-.1-.2-.15-.27-.26-.03-.07.04-.17 0-.25-.05-.1-.2-.14-.25-.25-.04-.08.04-.18 0-.25-.05-.1-.2-.15-.25-.26-.04-.07.04-.17 0-.25-.05-.1-.2-.13-.25-.24-.04-.08 0-.17 0-.25-.07-.42-.17-.84-.26-1.26z"/>

        <path style="fill: var(--color-hoofs, #784421)" fill="#784421" d="M259.04 355.93c-.7-5.9-13.22-5.06-20-7.5-23.95-1.32-10.37 6.84-20.7 17.86 14.62 13.34 31.3 18.15 50.7 12.5zM326.18 344.5c1.02.4 14.75-1.07 15.72-1.07l21.43 27.14c-16.6 20.03-38.24 12.6-60.36 10.36 8.73-30.24 26.02-27.47 23.2-36.43zM384.4 300.22l12.14.35c6.78 3.85 6.83 19.8 9.3 31.43-12.26 3.64-27.1-.54-41.1-2.14-1.14-7.8-3.26-15.35 19.66-29.64zM453.68 317.72c-2.03 8.15-18.18 6.22-17.5 33.57 16.7-1.9 34.16 6.16 50-6.8-.15-7.8.26-15.5-17.5-26.07-2.16-4.96-7.12-5.27-15-.7z"/>

        <path style="fill: var(--color-teeth, #fd5)"fill="#fd5" d="M21 209.86c3.1 44.84 14.12 27.55 24.7 24l1.4 6.76c7.88.55 34.43-9.5 37.88-13.46.84-6.92-4.28-16.67-.46-22.4-4.3-11.6-49.8 5.83-63.53 5.1z"/>

        <path fill="#fff" d="M85.54 117.1c6.66 4.95 10.85 11.2 14.14 18.17L149.93 109 156 72.4 134.28 95.1l-12.12 11.36z"/><g>
        <path d="M594.3 537.44c-20.87 4.8-59.6 16.16-67.05 8.93 1.66 8.88 2.35 17.6-1.94 25.1 10.5.64 22.72-6.38 36.6-13.76 6.94-3.7 19.07-8.38 27.23-12.94 3.23-2.67 5.02-5.12 5.16-7.32zm16.8 2.05c4.24 10.47 9.1 23.93 9.27 32.13 2.27-1.53 4.63-2.75 6.88-4.32.18.36.25.65.1.83 39.6-6.56 47.44-11.77 70.65-14.94 17.4-2.4 27.97.43 59.62-7.1 56.08-13.36 207.3-29.05 207.07-50.5-.33-30.4-22.74-38.46-53.14-38.04-34.44.48-79.12 11.82-113.53 13.78-35.45 2.03-87.55 31.35-124.47 40.88-1.05-6.93-2.98-14.57-8.5-20.1-18.62-.56-31.7 24.3-30.28 29.25l1.16 1.83c-10.94 3.64-21.9 9.23-27.68 10.88.4 2.66 2.43 3.4 2.84 5.4zm16.24 28.63l-1.06.18c.57.05.92 0 1.06-.17zm-5.4-29.04c4.64-.06 9.46.22 14.47.93l28.3 4.06-36.14 13.02c-4.86-5.87-9.96-11.64-15.62-17.46 2.93-.33 5.92-.53 9-.57z" opacity=".4" filter="url(#a)" transform="translate(-269.53 -191.377)"/>
        <path d="M478.84 346.28c-21.5-.3-43.88 11.75-83.28 32.38-5.94 3.1-34.65 31.53-34.65 31.53s-.82-7.45-1.46-11.76c6.6.1 3.67-2.14 6.65-3.1-7.48-3.65-22.3-2.5-37.2-.12-14.88 2.37-29.84 5.92-37.6 7l3.6 6.65c21.78-.84 37.32-5.57 52.63-8.4l1.03 21.78c-7.37 7.05-13.6 12.66-16.94 14.47l5 3.3c19.3-19.5 42.7-44.8 69.32-58.55 28.4-14.67 58.44-25.32 103.19-26.78-10.9-5.6-20.52-8.3-30.3-8.42z" opacity=".3" filter="url(#b)" transform="translate(-269.53 -191.377)"/>
        <path d="M526.43 434.8c14.14 8.28 32.4 26.95 42.7 24.45l-1.02-7.85c-14.94-7.3-29.45-12.7-41.67-16.6z" opacity=".3" filter="url(#c)" transform="translate(-269.53 -191.377)"/>
        <path d="M578.84 467.75c5.44-12.86 31.08-37.87 77.6-72.94L655 384.1l-69.84 59.16z" opacity=".3" filter="url(#d)" transform="translate(-269.53 -191.377)"/>
        <path d="M558.58 211.33c-8.18 2.44-63.8 38.72-64.86 42.3l20.4 6.07c-6 .86 53.4-39.42 44.46-48.37z" opacity=".3" filter="url(#e)" transform="translate(-269.53 -191.377)"/>
        <path d="M509.72 303.63c4.82 11.4 1.86 53.5.8 57.07 25.74-10.53 5.3-52.64-.8-57.07z" opacity=".3" filter="url(#f)" transform="translate(-269.53 -191.377)"/>
        <path d="M198.4 87.97c5.18 31.4-19.2 42.07-20.28 45.63 43.3-.7 35.95-33.3 20.28-45.63z" opacity=".3"/>
        <path d="M738 330.9c10.9 53.6-11.26 48.2-13.34 80.05 43.27-55.16 33.17-58.5 13.35-80.04z" opacity=".3" filter="url(#g)" transform="translate(-269.53 -191.377)"/>
        <path d="M402.95 209.23l18.9 49.8c-11.64 9.85-30.32 23.08-36.7 41.17l4.14.28c12.93-16.3 28.78-28.6 36.35-36.23 3.4-3.4 9-3.7 8.92-10.52-9.57-8.1-13.46-25.2-16.9-36.37z" opacity=".3"/>
        <path d="M537.35 449.16l.46 9.15 9.46 28.54 3.8-27.03z" opacity=".3" filter="url(#h)" transform="translate(-269.53 -191.377)"/></g><g transform="translate(-269.53 -191.377)"><path d="M399.6 293.1c-8.05 1.76-15.8 4.62-23.78 6.6-7.14.23-13.4 5.6-20.5 4.48-5.7-3.65-12.47-5.13-19.16-5.57-9.55-1.04-20.4 1.17-26.28 7.24-6.87.18-17.55 1.6-23.38 6.68-5.3 4.93-1.6 12.6 1.14 17.87 1.73 7.5-3.33 14.1-7.24 19.97-3.26 6.94 6.32 10.2 7.26 16.34.92 8.08-6.66 12.58-11.25 17.88-4.34 4.63-6.75 11.9-3.32 17.77.78 2.6 2.28 3.6 4 3.66l-1.5.87.94-.2c2.4-.3 4.66-.9 6.97-1.45 1.38-.32 2.77-.62 4.16-.93l-.4.2c.72 3.26 1.57 6.48 2.5 9.7.7 2.73 1.45 5.46 2.3 8.16.82 2.16 1.64 4.34 2.9 6.3 1.4 1.64 3.26 2.6 5.35 2.92 2.1.2 4.16-.05 6.18-.6 1.37-.53 2.68-1.2 4.06-1.7.52-.5.96-.9 1.38-1.26.06 1.35.2 2.7.6 4 .8 2.65 3.85 1.32 5.8 1.3 2-.2 3.96-.65 5.88-1.23h-.02c1.2 1.5 2.34 3.04 3.47 4.6 1.1 1.55 2.34 3.02 3.7 4.37 1.3 1.28 2.82 2.33 4.35 3.33.57.34 1.15.64 1.75.93l4.16-2.75c-.58-.27-1.15-.57-1.72-.87-.94-.57-1.85-1.2-2.73-1.87l7.24-3.2c.58-.87 1.1-1.78 1.72-2.65 1.07-1.48 2.17-2.94 3.43-4.27 1.32-1.36 2.67-2.7 4.2-3.84 1.85-1.45 3.65-2.96 5.5-4.42 1.45-1.17 2.88-2.38 4.28-3.6 1.4-1.25 2.85-2.4 4.14-3.75 1.25-1.4 2.42-2.88 3.66-4.28 1.3-1.4 2.6-2.82 3.76-4.34 1.15-1.46 2.43-2.82 3.6-4.28 1.27-1.47 2.67-2.8 4.1-4.13 1.38-1.25 2.8-2.44 4.37-3.47 1.82-1.3 3.7-2.52 5.62-3.67-2.52 1.44-10.04 5.77-7.54 4.32l10.12-5.83c.14-.08.2-.1.4-.24 1.42-.76 2.93-1.57 4-2.08 3.95-2.1 3.15-1.72 9.45-5.4 1.57-.83 3.13-1.68 4.72-2.48 2.38-1.18 4.83-2.18 7.3-3.18 2.48-.94 4.98-1.86 7.52-2.66 2.26-.7 4.5-1.44 6.75-2.15 2.58-.8 5.2-1.45 7.84-2.07 3.08-.7 6.2-1.18 9.27-1.96 3.1-.65 6.2-1.38 9.22-2.28 2.55-.7 5.05-1.55 7.68-1.9 2.9-.46 5.8-.77 8.68-1.27 2.54-.42 5.07-.85 7.6-1.2 2.15-.34 4.26-.76 6.4-1 1.57-.08 3.13-.16 4.67-.43l8.43-6.45c-1.52.45-3.1.58-4.67.68-2.2.17-4.35.6-6.52.97-2.55.4-5.1.8-7.65 1.23-2.9.5-5.78.9-8.68 1.3-2.64.32-5.2 1.04-7.75 1.8-3.04.9-6.14 1.67-9.24 2.37-3.06.74-6.16 1.27-9.24 1.92-2.64.57-5.25 1.24-7.84 1.98-2.27.65-4.5 1.42-6.75 2.13-2.55.8-5.07 1.7-7.57 2.62-2.47.98-4.95 1.96-7.35 3.1-2.43 1.2-4.8 2.5-7.2 3.78-3.42 1.9-4.4 2.46-8.2 4.7-4.9 2.53-9.62 5.34-14.37 8.13l-5.1 2.94-1.35.78c10.53-6.1 10.28-5.95-2.6 1.52-2.02 1.13-3.83 2.53-5.74 3.8-1.57 1.04-2.96 2.32-4.32 3.6-1.44 1.34-2.8 2.74-4.04 4.27-1.2 1.42-2.46 2.8-3.62 4.3-1.16 1.5-2.46 2.87-3.77 4.23-1.15 1.48-2.37 2.9-3.65 4.3-1.4 1.2-2.82 2.4-4.17 3.65-1.46 1.15-2.82 2.4-4.3 3.53-1.77 1.55-3.65 2.97-5.5 4.43-1.5 1.2-2.92 2.55-4.17 4.02-1.2 1.4-2.35 2.86-3.36 4.4-.16.27-.33.5-.5.76-.15-.13-.32-.27-.48-.43-1.35-1.3-2.55-2.77-3.65-4.3-.93-1.3-1.9-2.6-2.86-3.88l1.6-.68c1.43-.4 9.08-3.46 11.82-4.5 3.37-.7 12.46-3.65 13.44-8.52.06-4.43.03-8.87.07-13.3-.2-2.65-.03-5.35-.46-7.97 1.37 0 2.74.02 4.1.03 2.32.02 4.63.02 6.95.06l11.24-6.22c-2.4.04-4.8.04-7.18.06-4.48.04-8.95.07-13.42.06-3.7 0-7.4-.05-11.1-.06-2.97 0-5.86.56-8.73 1.12-3.42.67-6.9 1.15-10.37 1.64-3.54.5-7 1.2-10.48 1.9-4 .77-7.87 1.8-11.82 2.67-3.48.76-6.98 1.5-10.45 2.3-2.26.46-4.45 1.07-6.74 1.44l-.98.16-2 1.17c.23-.3.45-.62.64-.93-4.78-4.5-6.14-11.87-1.3-17.18 3.78-6.57 12.48-10.07 13.07-18.37 2.15-7.54-8.82-10.8-7.46-18.14 3.33-5.25 7.4-10.55 7.87-17-2.32-17.77-6.58-19.24 1.78-19.74 12.1.55 18.37-4.8 19.07-5.48 6.4-1.37 16.06-.1 23.5 2.63 5.77 4.84 12.87 3.06 19.07-.1 10.38-1.57 20.12-5.75 30.4-7.83 2.8-2.14 5.6-4.3 8.42-6.44zm7.6 88.68c-1.9 1.1-2.7 1.58-.4.22l.4-.22zm-60.8 13.52h6.3l-1.03.57c-1.83.65.22 3.1-.3 4.6.34 4.68.34 9.38.23 14.07.62 4.35-.07 3.36-.76 6.2-3.86.92-5.9 1.85-8.95 2.2-1.1.55-4.92 2.4-8.34 4.03-4.32 1.97-8.9 3.5-13.68 3.7-2.72 1.08-3.53-1.78-3.5-3.88-.03-2.72-.35-5.42-.3-8.14-.15-6.7.15-13.4.3-20.1-1.02.5-2.05 1.03-3.07 1.55-1.18.35-1.67 1.1-1.33 2.37-.1 6.93-.27 13.87-.24 20.8.08.78.1 1.57.13 2.35-.9.05-1.95.12-3.4.16-1.9-.08-3.56-.75-4.86-2.18-1.25-1.85-2-3.98-2.8-6.04-.85-2.7-1.6-5.4-2.32-8.13-.7-2.37-1.35-4.75-1.9-7.15 3.07-.7 6.1-1.48 9.2-2.08 3.48-.64 6.9-1.48 10.44-1.98 3.46-.47 6.93-.92 10.35-1.55 2.82-.52 5.6-1.17 8.52-1.3 3.76-.02 7.53-.07 11.3-.07z"/><path d="M313.35 319.67c1.05 2.1 2.06 4.24 2.56 6.54.76 2.82 1.37 5.92.24 8.7-1.06 2.6-2.82 4.83-4.46 7.08-.54.6-.9 1.43-1.73 1.63l-8.96 3.86c1.15-1.46 2.32-2.92 3.34-4.5.77-1.02 1.47-2.1 2.06-3.24 1.33-2.17 1.15-4.87.6-7.26-.48-1.96-.9-3.95-1.85-5.74-.07-.65-1.32-1.55-.74-1.96l8.95-5.1zM361.2 335.15c2.16 2.55 5 4.4 7.3 6.77 1.68 1.55 3.72 2.63 5.72 3.68 1.34.8 2.67 2.16 2.42 3.86-.38 3.1-2.48 5.58-4.25 8.02-1 1.14-2.07 2.3-3.4 3l-9.57 3.72c1.73-.92 3.17-2.3 4.33-3.86 1.33-1.68 2.52-3.5 3.32-5.5.9-1.7-.58-3.17-2.08-3.75-2.4-1.2-4.55-2.82-6.45-4.7-1.92-1.67-3.87-3.3-5.7-5.07-.86-.48-.6-.84.15-1.15l8.2-5.03zM393.93 312.2c4.77-2.03 10.32-5.02 14.6-7.22-1.6 1.47-5.76 5.08-6.78 5.88-5.54 2.7-9.9 4.92-18.4 9.23 3.4-2.82 6.92-5.44 10.58-7.9zM460.1 239.66c-6.47 4.48-13.6 8.02-21.1 10.43-4.16 1.44-8.17 3.27-12.13 5.18-.74.34-1.84.82-.7.04l7.54-5.93c3.23-1.47 6.4-3 9.73-4.2 4.47-1.73 9.12-3.05 13.3-5.43 1.05-.55-1.12.7-1.45.9-2.3 1.36-4.6 2.76-6.92 4.08 1.03-.72 2.1-1.4 3.3-1.78l8.45-3.3zM565.37 204.75l-3.84 1.7c3.2-1.75-.82-1-2.6-1.1-10.34.25-20.75-.62-31 1.1-7.56.63-13.76 5.37-19.42 9.98-4.7 3.74-10.2 6.6-13.93 11.46-3.66 3.6-6.97 7.6-11.25 10.54l9.75-3.9c5.5-4.13 9.74-9.62 14.7-14.33 3.18-2.4 6.5-4.65 9.67-7.1 8.15-1.76 16.52-1.84 24.83-1.72 3.44.27 8.82-.57 11 .55-3.7 6.47-7.55 13-13.05 18.13-6.7 7-14 13.36-21.13 19.9-3.33 3.33-7.08 6.28-10.05 9.93-1.3 1.78-1.92 3.97.62 2.17 2.94-1.35 5.88-2.7 8.8-4.06 1.76-4.16 5.82-6.65 8.8-9.9 7.23-6.88 14.86-13.36 21.83-20.53 5.45-5.03 9.7-11.14 13.35-17.55 1.05-1.7 2.05-3.46 2.92-5.27zm-50.82 9.15c-1.47.94-1.73.85 0 0zM541.87 276.3c8.67-4.03 17.72-7.15 26.68-10.44 13.16-4.86 26.54-9.18 39.27-15.1l-7.46 5.9C587.8 262.04 574.74 266.1 562 271c-9.6 3.6-19.22 7.2-28.4 11.82l8.27-6.53zM555.27 283.64c4.16-1.26 8.55-1.48 12.8-2.33 14.15-2.36 28.2-5.2 42.36-7.58L603.4 279c-14.88 2.17-29.62 5.18-44.37 8.06-4.1.85-8.18 1.8-12.2 3.03l8.44-6.46zM574.65 296.53c3.16-.76 6.45-.8 9.66-1.36 6.9-1.05 13.84-1.58 20.8-1.9 2.54-.14 5.1-.2 7.64-.32l-7.2 5.28c-10.26.2-20.54.87-30.63 2.82-2.9.54-5.8 1.16-8.7 1.87l8.45-6.4zM585.53 308c6.9-.57 13.85-.88 20.78-1.16 4.18-.18 8.34-.35 12.5-.42l-7.87 5.72c-4.02-.07-8.04-.03-12.07.16-7.28.35-14.57.78-21.77 2l8.43-6.3zM605.42 323.3c2.84.5 5.63 1.26 8.46 1.8 2.34.4 4.64 1.08 6.82 2.02l-8.5 5.7c-2.66-1-5.42-1.65-8.2-2.2-2.42-.52-4.86-.96-7.3-1.28l8.72-6.03zM701.9 299.2c-5.04 2.6-10.25 4.96-15.4 7.4-2.12 1.13-3 3.78-4.68 5.5-5.8 8.22-11.86 14-13.6 16.82-6.32 3.27-7.7 3.96-15.34 5.06-6.83.84-13.35 3.74-20.3 3.43l-8.58 6.23c3.77 0 7.54-.46 11.2-1.38 6.48-1.92 13.27-2.48 19.8-4.22 5.52-2.1 10.74-4.95 15.77-8.02 7.96-4.8 13.85-12.24 19.02-19.82.76-1.04 2.67-2.7 4.77-4.47 4.17 1.8 8.5 3.2 12.52 5.33 7.3 3.93 14.86 7.7 21 13.4 5.32 5.44 10.67 11.05 14.2 17.86 4.65 8.13 8.4 17.1 8.72 26.6-2.73 4-5.47 8.65-7.96 12.14-3.15 4.92-7.02 9.3-11 13.57-4.67 5.35-6.86 12.32-8.12 19.18l8.54-5.86c.72-2.4 1.03-5.07 1.94-7.48 1.27-4.25 3.63-8.08 6.55-11.4 3.4-3.72 6.75-7.53 9.55-11.74 2.9-4.05 5.46-8.34 8.3-12.43l1.5-.77c-.26-4.9-1.53-10.23-2.9-14.3-2.77-6.8-5.97-13.5-10.3-19.44-4.68-5.4-9.03-11.3-14.98-15.4-4.5-3.46-9.6-5.94-14.5-8.7-4.95-3.02-10.64-4.35-15.73-7.05zM654.4 398.23c-7.08 4.32-14.5 8.4-20.07 14.68-8.32 7.8-16.82 15.52-26.45 21.7-4.32 2.95-7.86 7.07-9.6 12.04-2.03 4.25-4.1 8.93-8.03 11.72l-10.42 4.15c5.08-4.26 7.36-10.67 10.17-16.45 4.4-7.17 12.6-10.4 18.73-15.77 7.36-5.94 14.12-12.6 21.03-19.03 4.44-3.5 9.4-6.37 14.3-9.18l10.33-3.84zM579.74 465.7c-.76 6.3-2.27 12.47-3.24 18.73-.42 3.08-.36 6.2-.35 9.3l-3.74 1.92c-.03-3.96-.05-7.97.8-11.86 1-5.4 2.2-10.73 2.77-16.17l3.77-1.93zM607.13 524.65c1.4.95 2.9 1.72 4.24 2.8 1.24 1.28.9 2.72.28 4.2-.5 1-.23.5-.82 1.46l-3.84 1.7c.6-.92.32-.46.83-1.4.58-1.3 1.13-2.55 0-3.73-1.34-1.06-2.85-1.83-4.28-2.76l3.58-2.25zM597.67 531.28l-3.74 2.02c.56 2.33 1 5.17-1 6.97-2.45 2.38-4.88 4.77-7.4 7.06-2.9 2.22-5.38 4.9-7.36 7.98-1.92 3.13-3.87 6.28-5.36 9.64-.52 2.07-1.67 4.08-1.56 6.26.2 1.27 1.6-.68 2.34-.87 2.6-1.43 1.6-5.36 3.3-7.68 2.48-4.87 5.12-9.8 8.93-13.77 3.7-3.17 7.26-6.47 10.66-9.94 2.25-1.92 1.76-5.1 1.2-7.66zm34.47 33.44l-8.23 3.42c-.96.94-1.82 2.05-2.75 3.06-1.44.45-2.9.77-4.42.87-5.3.3-10.6.07-15.9.1-7 .25-13.9-1.48-20.9-1.48-2.47 1.78-4.94 3.58-7.4 5.37 4.82-.28 9.6.6 14.4 1.07 7.37.45 14.77.26 22.15.28 6.2-.1 11.62-3.44 16.7-6.64 2.78-1.26 4.27-4.02 6.36-6.06zM611.1 533.8l-2.82 1.6c1.76 2.26 2.12 4.4 3.7 6.17 2.75 4.1 7.47 7.6 10.7 11.03 2.12 2.1 3.94 4.48 5.64 6.92l3.6-2.12c-1.74-2.53-3.63-4.95-5.82-7.1-2.92-3.1-6.27-5.8-9.05-9.03-1.97-2.88-4.35-4.27-5.95-7.47zM539.1 456.28c1.4 6.7 1.48 13.63.88 20.44-.27 3.94.03 7.9.5 11.82-.17.84 1.15 2.14.03 2.5l-3.15 1.72c-.96-2.82-.84-5.85-1.1-8.78-.26-4.86.63-9.68.43-14.54-.1-3.74-.4-7.5-1.32-11.14l3.74-2.02zM516.24 530.57c.18 1.7.62 3.32 1.15 4.93.4.97.74 1.96 1.12 2.94l-3.68 2.05c-.35-1-.7-2-1.12-3-.52-1.6-.97-3.23-1.22-4.9l3.74-2.03zM525.64 528.96c.98 1.24 1.95 2.5 2.8 3.84.93 1.4 1.63 2.9 2.3 4.4.63 1.38 1.03 2.7.5 4.14-.14.2-.26.42-.4.64l-3.84 1.7.4-.6c.7-1.4.28-2.43-.3-3.8-.68-1.5-1.36-3-2.28-4.37-.83-1.3-1.77-2.55-2.8-3.73l3.62-2.2zM529.93 545.5c1.27 2.16 2.28 4.44 3.33 6.7.96 2.3 2.13 4.5 2.95 6.84.57 1.54 1.1 3.1 1.56 4.66.22.73.57 1.42.9 2.1l-3.66 2.07c-.33-.7-.7-1.4-.92-2.16-.45-1.56-1-3.1-1.52-4.65-.78-2.35-1.93-4.54-2.88-6.82-1.05-2.22-2.03-4.5-3.4-6.57l3.65-2.16zM508.7 541.18c-1.95.34-3.92.4-5.88.5-2.27.24-4.54.5-6.82.67-.76.13-.97.13-1.7.4-.25.12-1 .52-.76.38 5.45-3.27 2.56-1.5 1.45-.54-1.12 1.08-1.47 2.5-1.65 3.98-.14 1.57-.75 3-1.46 4.38-.54 1.26-1.42 2.3-2.13 3.45-.9 1.26-.57 2.32.17 3.54 1.17 1.75 2.87 3 4.5 4.3 1.77 1.48 3.72 2.74 5.7 3.96 1.93 1.08 3.85 2.2 5.82 3.22 1.7.96 3.47 1.84 5.32 2.54 1.9.63 3.8 1.14 5.73 1.64 2.3.58 4.6 1 6.93 1.2 2.55.16 5.15.03 7.66-.4.87-.27 1.02-.27 1.83-.7.28-.14 1.1-.62.8-.48-2.67 1.43-3.75 2.2-2.02 1.02l3.9-1.52c-2.44 1.65-4.93 3.47-7.83 4.17-2.54.35-5.14.5-7.7.3-2.37-.23-4.7-.65-7-1.24-1.93-.5-3.86-1.02-5.75-1.68-1.85-.72-3.62-1.6-5.34-2.6-1.97-1.04-3.9-2.12-5.85-3.22-1.98-1.23-3.9-2.54-5.7-4.03-1.67-1.3-3.4-2.6-4.6-4.4-.8-1.25-1.37-2.55-.42-3.9.66-1.2 1.66-2.17 2.17-3.45.72-1.34 1.35-2.7 1.52-4.23.14-1.56.44-3.07 1.52-4.27 2.22-2.17 5.13-3.9 8.24-4.3 2.27-.17 4.54-.45 6.8-.66 1.98-.1 3.97-.17 5.9-.6l-3.37 2.56zM678.44 414.1c1.44 2.6 2.26 5.5 3.46 8.2.97 2.6 2.05 5.15 3.18 7.68.87 2.57 1.34 5.3 2.7 7.68 1.67 3.17 3.18 6.43 4.3 9.83.23.93 1 2.08-.33 2.37-.94.5-1.88 1.02-2.8 1.53-.9-3.45-2.35-6.73-3.9-9.92-1.16-2.22-2.3-4.48-2.86-6.93-.63-2.86-2.17-5.37-3.1-8.1-1.16-2.97-2.35-5.9-3.56-8.84-.67-.9-1-1.62.22-1.97.9-.5 1.8-1.02 2.68-1.53zM690.9 450.7l-3.7 1.5c-2.8 2.1-5.25 4.65-7.78 7.08-3.1 3.26-6.56 6.18-9.86 9.25-4.2 4.2-8.72 8.1-12.23 12.9-2.6 3.4-4.17 7.4-5.35 11.46-1.1.4-2.23.77-3 1.7-3.07 2.28-6.48 4.1-9.34 6.7-2.6 2.62-4.8 5.7-6.48 9-1.3 3.8-1.7 7.86-.53 10.97-.6.4-1.2.82-1.8 1.24 1.13.18 2.24.38 3.35.6 1.72 1.42 4.1 2.05 6.23 2.5 5.87.93 11 1.77 16.37 2.6 4.27.96 8.66.68 13 .7l7.36-5.34h-5.86c-2.93.1-5.82-.3-8.7-.8-8.25-.76-16.1-3.7-24.16-5.48l-2.25 1.57c-1.2-3.44-.73-7.34.96-10.53 1.93-3.43 4.2-6.8 7.27-9.3 4.12-3.08 8.5-6.5 9.88-7.14.86-.37 1.8-.68 1.8-1.8 1.38-4.9 4-9.36 7.37-13.13 3.72-4.07 7.72-7.88 11.74-11.64 5.5-4.6 10.13-10.13 15.75-14.6z"/><path d="M698.74 452.98c-4.33 5.9-10.04 10.6-15.63 15.26-4.3 3.5-8.83 6.8-12.9 10.62-2.6 2.8-4.85 5.92-7.48 8.7-.84.92-1.28 2.23-2.6 2.5l-2.7 1.2c2.02-3.12 4.82-5.62 7.03-8.6 2.9-3.7 6.83-6.38 10.4-9.4 6.43-5 12.83-10.14 18.24-16.26.94-.84 1.27-2.38 2.6-2.72l3.04-1.3zM665.64 489.67c1.74 1.84 3.6 3.6 5.13 5.6 1.5 2.06 2.3 4.52 3.16 6.9 1.72 4.25 1.65 8.98 3.14 13.3.47 1.56 1 3.1 1.43 4.65l-3.7 2c-.9-3.27-2.13-6.48-2.63-9.86-.52-2.78-.88-5.62-1.95-8.25-.92-2.5-1.8-5.1-3.52-7.18-1.45-1.74-3.03-3.38-4.68-4.93 1.2-.75 2.4-1.5 3.62-2.23zM716.24 417.7c.46 2.53 1.18 5.04.96 7.63-.1 3.8-.58 7.65 0 11.45.4 4.13.16 8.3.72 12.42.3 3.17.4 6.36.4 9.54l-3.76 1.9c.06-4.14-.12-8.3-.62-12.42-.24-3.24-.05-6.5-.45-9.73-.78-4.58.2-9.17 0-13.75-.04-1.68-1.07-3.7-.77-5.14 1.17-.62 2.34-1.26 3.5-1.9zM720.52 462.7c1.74 5.05 2.8 10.33 2.74 15.67.1 6.4-.06 12.8.08 19.18.25 2.95 1.42 5.76 1.36 8.76-.26 1.22 1.07 2.24-.24 2.68l-2.78 2.1c-1.02-1.6-.58-3.68-.9-5.5-.5-2.84-1.44-5.64-1.22-8.57 0-6.32.1-12.66-.05-19-.13-4.53-1.17-9-2.7-13.27l3.72-2.02zM732.56 504.5l-2.62 1.9c3.17-.33 5.88 2 7.7 4.36 1.05 2.57 3.55 3.84 5.84 5.13 3.75 2.66 6.43 6.55 8.96 10.34.94 1.94 3.12 4.67 2.7 6.5-1.4.7.18 3.88-2.3 4.1-4.03 1.88-8.3 3.48-12.77 3.9-2.56-.04-5.1.35-7.64.66-7.77-.1-15.37-2.06-23.14-2.13-1.42 1.76-2.34.23-2.38-1.64-.32-3.8.26-7.63 1.68-11.18 1.4-4.85 5.48-8.22 9.5-10.95.6-.5 3.97-2.5 1.9-1.56-1.72.68-3.48 1.24-4.9 2.46-4.2 2.82-8.57 6.25-10.12 11.3-1.28 3.3-2.04 6.75-1.88 10.3-.62 1.77 1.5 3.97.9 5.1l-2.1 1.54c9.8-.42 19.4 2.8 29.2 2 6.17-.85 12.23-2.64 17.7-5.63 3.32-.73 6.37-2.54 8.55-5.16 1.33-1 2.2-1.78.26-.84.9-1.83 1.23-3.96 0-5.77-1.9-4.6-5.05-8.54-8.26-12.28-1.9-2.4-4.76-3.57-7.2-5.3-1.55-2.02-2.75-4.38-5.05-5.73-1.34-.92-2.9-1.57-4.54-1.43zm21.34 31.95c-.05.15-.73.28 0 0zM731.15 308.22c4.1-3.8 9.24-6.26 13.72-9.6 2.55-1.8 6.03-3.25 9-1.54 8.82 3.68 17.62 7.36 26.44 11 8.13 3.35 15.97 7.3 23.9 11.07 3.52 1.58 7.1 3.03 10.74 4.34l-3.2 2.13c-13.64-4.84-26.2-12.2-39.7-17.42-7.48-3.1-15-6.1-22.46-9.2-1.1-.28-5.28.22-2.2-1.06-4.2 3.06-8.8 5.65-12.88 8.9-1.07.57-2.26.84-3.35 1.38z"/><path d="M752.85 301.08c13.1 11.6 25.85 23.64 39.5 34.6 7.18 5.83 15.4 10.18 23.96 13.6l-3.17 2.12c-8.7-3.67-17.18-8.08-24.5-14.1-10.06-8.12-19.4-17.08-29.27-25.4-3.35-2.87-6.68-5.76-10.1-8.56l3.6-2.26zM751.35 308.24c8.62 11.7 17 23.58 25.9 35.07 7.7 9.92 15.1 20.18 24.2 28.9l-3.45 2.1c-11.67-11.9-21.08-25.76-31.2-38.96-6.3-8.33-12.44-16.8-19.07-24.88l3.62-2.22z"/><path d="M748.45 304.2c-1.23.7-2.47 1.38-3.7 2.07 1.66 3.27 2.4 6.9 3.72 10.3.07 1.8 1.95 4.03 2.6 6.04 4.43 9.07 6.9 18.9 10.82 28.18 4.17 8.9 8.35 17.83 13.02 26.5 1.66 2.8 3.3 5.65 5.4 8.16 1.1-.84 2.2-1.7 3.3-2.53-6.55-7.98-10.5-17.64-15.08-26.8-3.07-6.22-5.73-12.62-7.9-19.2-2.28-6.75-4.78-13.44-7.77-19.9-.18-1.6-1.37-3.6-1.78-5.36-.82-2.5-1.56-5.04-2.65-7.43zM731.1 313.2c.85-1.6 2.06-2.96 3.17-4.4 1.86-2.37 4.64-3.66 7.3-4.96 1.72-.77 3.37-.76 4.97-1.07l-3.35 2.53c-1.32-.1-2.76.44-3.76.7-1.07 1.4-3.63 3.88-4.48 5.45zM457.62 276.86c-5.55-.36-11.12-.12-16.68-.15-4.28.57-8.66 1.42-12.3 3.9 1.12-.65 4.6-2.95 1.87-1.02-3.16 2.3-5.4 5.62-6.7 9.3-1.86 4.7-1.26 9.84-1.3 14.77.28 3.75 1.24 7.56 3.7 10.5 3.06 4.67 8.76 6.2 13.84 7.53 2.8.6 5.67 1.14 8.56.7 2.76-.14 5.7 0 8.12-1.56 1.6-.78 5.02-2.92 5.32-3.02-1.1.66-4 2.5-1.42.86 4.1-2.9 8.3-6.77 8.8-12.08 1-3.97.82-8.07 1-12.13.73-3.54.26-7.22-.63-10.7-2.47-3.7-6.57-5.96-10.9-6.63-.43-.1-.85-.17-1.28-.26zm15.12 4.1c1.6 2 2.05 4.53 2.14 7.02.35 2.84-.45 5.65-.22 8.5-.07 4.03-.6 8.1-1.9 11.93-2.43 5.05-7.24 8.28-11.9 11.06-3.6 2.1-7.03 4.74-11.13 5.73-3 .15-6.04.55-9.05.35-5.13-.84-10.38-2.06-14.83-4.85-3.1-2.23-5.43-5.55-6.68-9.15-1.46-4.85-1.06-9.96-.95-14.95.3-4.3 2.02-8.43 4.5-11.9 3.15-3.7 7.45-6.13 11.64-8.47 3.55-1.75 7.54-2.4 11.46-2.68 5.4.18 10.8-.28 16.18.32 4.07 1.38 7.85 3.94 10.74 7.1zM405.6 272.5c.84 2.8.57 5.77 1.13 8.62.1 2.93-1.06 5.9-3 8.06-3.03 2.52-6.6 4.5-10.4 5.52-2.88.74-5.95.58-8.7-.52-4.08-1.37-8.2-3.3-10.92-6.74-2.35-3.27-3.46-7.4-3.2-11.4.5-3.28 2.04-6.3 4.14-8.84 2.22-3.07 5.7-5.28 9.47-5.74 3.03 0 6.1-.28 9.06.3 2.9.73 5.3 2.86 7 5.23 1.66 1.8 3.7 3.3 5.24 5.26l.2.25zm-8.9-3.14c-1.35-2.07-3.32-3.84-5.6-4.8-3.05-1.07-6.33-.55-9.48-.67-1.03-.22-3.42.73-3.44.77.83-.44 2.8-1.7 2.92-1.64-2.25 1.6-3.8 4-5.2 6.33-1.23 2.56-2.15 5.42-1.53 8.28.48 4.12 2.47 8.22 6.02 10.53 2.3 1.68 5.02 2.73 7.7 3.66 2.17.84 4.52 1.07 6.82.7 1.47-.18 3.63-1.03 3.74-.92.7-.34 3.7-2 1.64-.8-.9.53-1.97 1.2-2.76 1.6 1.84-1.08 3.54-2.54 4.35-4.58 1-2.05 1.34-4.4.86-6.64-.37-2.3-.1-4.7-.97-6.88-1.25-2.07-3.46-3.23-5.1-4.94zM509.8 302.7c1.22 4.1 1.75 8.34 2.66 12.5.83 4.27 1.8 8.52 2.13 12.88.64 5.02 1.08 10.13.4 15.18-.23 2.7-.4 5.45-1.13 8.08-1.26.6-2.52 1.2-3.78 1.78.88-2.86.9-5.9 1.27-8.86.72-5.1.02-10.22-.56-15.28-.34-5.15-1.63-10.15-2.57-15.2-.73-3.02-1.08-6.13-2.15-9.05l3.73-2.02zM602.78 389.47c2.04 6.03 1.64 12.48 1.93 18.75.12 4.35-.2 8.72-1.15 12.97-.3 1.6-.56 3.2-.87 4.8-.84 1.02-2.26 1.15-3.3 1.88-1.02.4.06-1.6-.04-2.15 1.03-5.06 2-10.2 1.77-15.37-.08-4.78-.08-9.6-.8-14.32-.26-1.27-.4-2.63-1.05-3.74 0-1.58 2.06-1.73 3.03-2.55l.25-.14.25-.13zM616.65 382.62c1.36 3.48 1.92 7.2 2.47 10.88.68 6.18.23 12.4.25 18.6-.16 1.42.26 3.17-.2 4.38l-3.55 1.8c-.08-6.48.44-12.96.23-19.45-.15-3.75-.84-7.46-1.8-11.08-.3-1.04-.64-2.05-1.1-3.03l3.7-2.1zM629.8 374.35c1.78 3.44 2.73 7.25 3.54 11.02 1.14 6.1 1.36 12.3 1.33 18.5-.1 1.25-.37 2.48-.52 3.73l-3.76 1.86c.23-1.9.7-3.8.55-5.75.04-6.35-.16-12.8-1.74-19-.75-2.83-1.54-5.72-3.1-8.26l3.7-2.1zM570.52 449.24c1.03 5.5.15 11.07-.38 16.57-.47 3.47-.38 6.96-.53 10.43-.32 3.8-.46 7.62-.46 11.44-.04 2.4-.25 4.8.12 7.17.65 1.2-.1 2.2-1.23 2.54l-2.23 1.17c-.5-2.68-.54-5.4-.36-8.1.1-4.32.1-8.66.54-12.96.02-4.4.16-8.77.8-13.1.25-2.9.53-5.8.58-8.7.18-1.5-1.25-3.9.22-4.9.98-.5 1.96-1.04 2.94-1.56zM457.62 236.04c-6.86-.2-13.7.73-20.48 1.54-8.9 1.3-17.82 2.68-26.63 4.6-2.58.55-5.2 1.06-7.78 1.63l3.27-2.47c2.54-.54 5.1-1.02 7.66-1.55 8.74-1.77 17.58-3.07 26.4-4.4 6.96-.85 13.94-1.82 20.96-1.8l-3.4 2.46zM459.13 231.05c-5.18-.34-10.36-.54-15.54-.68-17.2-.5-34.4-.06-51.57 1.12-7.1.5-14.2 1.15-21.3 1.92l2.9-2.16c7-.65 14-1.2 21-1.68 17.28-1.14 34.6-1.57 51.94-1.37 5.32.05 10.64.18 15.97.37l-3.4 2.48zM472.3 240.9c-2.45 3.73-4.82 7.52-7.15 11.33-.4.63-.75 1.3-1.17 1.9l-3.72 1.65c1.84-3.03 3.74-6.03 5.6-9.04.87-1.38 1.73-2.76 2.58-4.15l3.86-1.7zM455.08 222.8c-5.64-5.93-11.9-11.23-17.78-16.93-2.22-2.32-4.85-4.48-8.16-4.86-7.47-1.36-14.95-2.64-22.48-3.55-6.94-1.05-13.86-2.27-20.85-2.94-1.84-.36-6.06-.8-6.32-.56 1.5-.72 3.5-2.76 2.83.22 1.23 4.77 4.7 8.54 7.65 12.32 4.3 5.03 10.28 8.2 16.1 11.1 3.8 1.6 7.84 2.55 11.72 3.9-1.13.78-2.26 1.55-3.4 2.3-5.4-1.77-11.1-2.96-15.95-6.08-6.23-3.17-11.7-7.82-15.55-13.7-2.05-2.85-4.43-5.94-4.46-9.6 1.87-2.45 5.1-3.63 8.1-2.7 6.04.9 12.1 1.55 18.1 2.6 8.24 1.3 16.54 2.14 24.72 3.75 3.7.4 7.53 1.4 10.08 4.3 6.28 6.23 13.03 12 19.3 18.24l-3.62 2.2zM541.58 493.3c-.67.8-1.27 1.62-1.9 2.43-.92 1.3-1.98 2.48-3.03 3.67-1.2 1.3-2.3 2.7-3.33 4.16-1 1.53-2.02 3.05-3.13 4.5-1.1 1.33-2.17 2.67-3.16 4.07-.82 1.24-1.58 2.52-2.37 3.77-.5.78-1.06 1.52-1.56 2.3-.44.6-.75 1.28-1.1 1.95-.27.58-.56 1.17-.85 1.75-.27.58-.6 1.14-.92 1.7-.33.56-.6 1.15-.93 1.72-.32.56-.62 1.13-1 1.66-.4.57-.78 1.17-1.2 1.74l-.2.26-2.93 1.28c.07-.1.13-.2.2-.28.42-.56.8-1.15 1.2-1.73.4-.5.7-1.08 1-1.63.36-.56.6-1.16.94-1.73.33-.55.65-1.1.93-1.68l.88-1.76c.35-.67.64-1.38 1.1-2 .5-.78 1.07-1.53 1.6-2.3.83-1.26 1.63-2.54 2.44-3.8.97-1.42 2.03-2.77 3.14-4.08 1.12-1.45 2.15-2.96 3.14-4.5 1-1.47 2.1-2.87 3.3-4.2 1.04-1.17 2.1-2.33 3-3.62.6-.8 1.17-1.6 1.78-2.37l2.98-1.3zM547.63 497.36c-.8.63-1.6 1.3-2.36 1.96-1.1 1-2.17 2.04-3.3 3.02-.95.8-1.9 1.62-2.8 2.48-.9.94-1.72 1.96-2.6 2.9-1.07 1.03-2.1 2.1-3.06 3.2-.83 1-1.52 2.1-2.23 3.17-.68.95-1.23 1.98-1.74 3.03-.5 1.1-1 2.18-1.6 3.23-.57.94-1.12 1.9-1.66 2.87-.42.82-.9 1.6-1.37 2.4-.26.5-.5 1-.62 1.55-.05.33-.02.17-.1.5l-2.88 1.4c.07-.32.04-.15.08-.5.1-.58.33-1.13.6-1.66.47-.8 1-1.57 1.42-2.4.54-.98 1.08-1.95 1.68-2.9.6-1.03 1.12-2.1 1.6-3.2.5-1.06 1.03-2.12 1.72-3.08.72-1.1 1.43-2.2 2.25-3.2.97-1.12 1.97-2.2 3.04-3.22.9-.93 1.7-1.95 2.57-2.9.92-.88 1.86-1.72 2.84-2.52 1.13-.96 2.2-2 3.28-3 .74-.66 1.5-1.3 2.23-1.94l3.03-1.2zM551.97 462.2c-.5 2.26-.84 4.57-1.16 6.88-.2 2.86-.28 5.75-.9 8.56-.7 3.8-1.35 7.64-1.25 11.5 0 2.24.05 4.47.03 6.7l-2.86 1.45c.03-3.4-.06-6.8.13-10.2.35-3.92 1.2-7.77 1.76-11.66.3-2.96.27-5.95.9-8.88.24-.98.15-2.18.57-3.03l2.8-1.34zM568.68 499.13c2.65 2.9 5.9 5.2 8.3 8.35 2.26 2.76 4.73 5.35 7.1 8.02 3.25 3.45 7.33 6.2 9.8 10.33.43 1.2 1.67 2.5 1.88 3.5l-2.63 1.56c-1.36-1.84-2.04-4.08-3.62-5.76-3.22-3.94-7.35-7.02-10.66-10.88-3.46-3.8-6.54-8-10.52-11.28-.5-.76-2.56-1.66-2.12-2.33l2.48-1.52zM575.5 497.2c1.84 3.44 4.8 6.07 7.64 8.7 2.8 2.96 5.56 5.98 8.67 8.6 2.37 1.82 4.5 3.94 7.13 5.4 1.84 1.24 3.7 2.4 5.56 3.63.5.52 2.16 1.03.83 1.5l-2 1.27c-4.1-3.05-8.75-5.34-12.54-8.82-2.64-2.1-5.1-4.38-7.4-6.84-2-2.16-4.06-4.25-6.2-6.27-1.73-1.67-3.2-3.58-4.53-5.58.94-.54 1.88-1.08 2.82-1.6zM573.48 569.6c.4.45.84.85 1.28 1.27.53.46 1.07.88 1.65 1.27.73.5 1.52.88 2.3 1.23.6.28 1.1.68 1.68 1l-2.7 1.75c-.54-.34-1.06-.7-1.64-1-.78-.38-1.56-.78-2.3-1.27-.6-.4-1.18-.8-1.7-1.3l-1.34-1.26 2.78-1.7zM727.27 458.55c1.14 2.28 3.1 4.36 3 7.1.34 2.95-1.56 5.4-2.57 8-.72 2.02-.3 4.1-.23 6.18.05 2 .02 3.98-.2 5.96.2 1.98-.24 3.97.14 5.95.14 2.22-.18 4.46.28 6.66.43 2.7.97 5.4 2.12 7.87.87.36.9.36.16.82-.66.45-1.32.92-1.98 1.4-1.65-.5-1.62-2.62-2.17-4-.86-3.22-1.45-6.57-1.18-9.92-.04-1.97-.4-3.93-.14-5.9-.2-1.6.15-3.18.13-4.77.04-1.93.05-3.88-.24-5.8-.02-2.12.7-4.13 1.73-5.94.92-1.78 1.56-3.75 1.27-5.8-.16-2.37-1.88-4.18-2.93-6.2l2.83-1.6zM690.9 415.4c.47 2.2.96 4.38 1.5 6.56.58 1.94.98 3.93 1.87 5.77.64 1.46 1.24 2.93 1.74 4.44 1.12 2.25 2.66 4.3 4.65 5.85 1.24 1.1 2.64 2.13 3.34 3.7.94 1.35 1.43 2.96 1.7 4.58-.13 2.04-1.2 4.13-3.08 5.05-1.55.9-3.15 1.77-4.92 2.16.27-.64.3-1.52 1.2-1.55.86-.2 1.63-.5 2.3-1.08.6-.35 1.13-.82 1.27-1.56.64-1.3.2-2.65-.2-3.92-.47-1.27-1.24-2.42-2-3.52-1.93-2.03-4.47-3.54-5.86-6.06-.9-1.32-1.55-2.78-1.96-4.32-.97-2.4-2.07-4.75-2.64-7.28-.5-1.8-.97-3.64-1.3-5.5-.18-.8-.9-1.92.27-2.16l2.12-1.15zM725.97 414.96c-.4 2.3-.8 4.63-.8 6.98-.34 3.63-.1 7.3-.44 10.92-.16 3.15.16 6.32-.47 9.44-.35 2.75-.33 5.54-.16 8.3-.04 1.85.14 3.68.53 5.48.2.95.2 1.88-.88 2.1l-1.9.98c.1-2.08-.72-4.08-.55-6.17 0-2-.25-4-.07-6-.08-3 .8-5.93.64-8.93-.07-3.28.32-6.54.27-9.8.04-2.66.18-5.3.3-7.93.25-1.32.42-2.65.6-3.97l2.93-1.4zM671.64 351.2c-3.8 8.26-7.45 16.62-11.87 24.58-1.5 3.58-2.73 7.4-2.36 11.34-.68 3.02.9 5.6 3.75 6.63 4.78 2.8 9.85 5.04 15 7.1 5.46 2.74 11.33 4.54 16.97 6.88 4.85 2.5 9.73 4.96 14.8 6.94 1.4.8 6.84 1 3.48 2.54-1.23.75-2.36 2.3-3.88 1.07-8.54-2.36-15.8-7.8-24.26-10.4-5.86-2.22-11.55-4.9-17.35-7.28-4.07-2.02-8.35-3.9-11.9-6.76-1.15-2.66-.4-5.7-.6-8.52.8-5.03 3.16-9.6 5.72-13.92 3-6.02 5.73-12.3 8.52-18.35 1.33-.6 2.67-1.23 4-1.85z"/><ellipse cx="381.79" cy="281.59" fill-rule="evenodd" stroke="#000" ry="3.21" rx="3.93"/><circle cx="448.93" cy="295.88" r="7.5" fill-rule="evenodd" stroke="#000" transform="translate(6.43 12.857)"/><path d="M491.32 556.03c1.46.57 2.92 1.1 4.3 1.85 1.7.94 3.4 1.9 5.06 2.9 1.94 1.24 3.86 2.5 5.92 3.54 2.22 1.2 4.6 2.05 6.93 3 1.7.73 3.5 1.06 5.26 1.46 1.82.25 3.63.58 5.46.87 1.84.22 3.68.28 5.5.6 1.52.4 2.97.25 4.48.05 1.46-.06 2.84-.4 4.26-.68.98-.08 1.9-.32 2.85-.55l-7.24 5.52c-.94.2-1.9.35-2.85.52-1.43.3-2.86.48-4.3.6-1.56.18-3.07.1-4.6-.26-1.82-.3-3.67-.3-5.5-.62-1.83-.3-3.68-.54-5.5-.9-1.8-.42-3.62-.8-5.3-1.6-2.34-1-4.7-1.92-6.95-3.1-2.05-1.1-4.04-2.32-6.02-3.53-1.66-1-3.32-1.98-5.05-2.85-1.4-.7-2.9-1.2-4.38-1.77l7.67-5.05zM491.15 255.36c4.88-5.95 10.67-11.1 16.63-15.94l38.7-21.66c-17.35 11.3-28.32 22.05-32.8 26.55-.95 1.42-2.24 2.53-3.87 3.02zM520.37 273.58c1.35-1.73 3.2-3.07 5.08-4.16 8.37-4.84 6.28-3.77 12-6.46 8.38-3.54 16.94-6.6 25.26-10.24 6.84-3.22 13.77-6.2 20.85-8.82 4.83-1.5 9.7-2.9 14.53-4.46l2.54-.9-6.1 4.73c-1.5.5-.7.24-2.4.78-4.7 1.4-9.46 2.68-14.13 4.2-6.98 2.57-13.8 5.5-20.55 8.63-8.42 3.6-17.06 6.67-25.42 10.4-3.63 1.8-5.55 2.88.3-.53.62-.38-1.28.76-1.9 1.17-.94.65-1.54 1.13-2.3 1.92-.18.17-.33.37-.48.56l-7.28 3.18zM513.07 357.26c1.36 14.47 4.47 28.67 7.4 42.87 2.03 9.96 2.46 20.33 6.36 29.82-.95 5.26 4.9 5.7 8.1 8.18 6.77 3.96 13.94 7.62 19.28 13.53 3.45 3 7.33 5.52 11.37 7.63l-8.17 5.38c-6.14-2.78-10.97-7.55-15.87-12.05-6.85-5.47-14.86-9.25-22.48-13.44-.98-4.74-2.33-9.72-3.35-14.6-1.64-12.05-3.4-24.1-6.47-35.88-2.2-8.83-3.02-17.92-4.96-26.8l8.8-4.66zM370.05 326.85l20.3 21.4-22.52 19.86 34.08-19.48-29.56-23.76z"/></g>
    </symbol>
</svg>
    
    
    
    
    
    
    
    
    
    
<!-- Content -->    
    
<article>    
    <h1>SVG &lt;use&gt; CSS Variables <svg viewBox="0 0 701.8 386.8" class="ugly"><use xlink:href="#horse" /></svg></h1>

    
    <svg viewBox="0 0 701.8 386.8" class="horse">
        <use xlink:href="#horse"/>
    </svg>

    <fieldset>
        <label>Body<input type="color" id="body" /></label>
        <label>Muzzle<input type="color" id="muzzle" /></label>
        <label>Eyes<input type="color" id="eyes" /></label>
        <label>Teeth<input type="color" id="teeth" /></label>
        <label>Hoofs <input type="color" id="hoofs" /></label>
    </fieldset>
    
    
    <pre>
&lt;path style="fill: <span class="var">var(--color-name, <span class="default">#8d5000</span>)</span>" fill="<span class="fallback">#8d5000</span>" d="M...." /&gt;
                   <span class="var">CSS variable</span>      <span class="default">Default</span>         <span class="fallback">Fallback</span></pre>
    
    
    <h2>Randomized</h2> 
    <svg viewBox="0 0 701.8 386.8" class="random-1"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-2"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-3"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-4"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-5"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-6"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-7"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-8"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-9"><use xlink:href="#horse" /></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-10"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-11"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-12"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-13"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-14"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-15"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-16"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-17"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-18"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-19"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-20"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-21"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-22"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-23"><use xlink:href="#horse"/></svg>
    <svg viewBox="0 0 701.8 386.8" class="random-24"><use xlink:href="#horse"/></svg>
</article>
    


            
          
!
            
              .horse {
    --color-body: #8d5000;
    --color-muzzle: #ffb380;
    --color-eyes: #ffffff;
    --color-teeth: #ffdd55;
    --color-hoofs: #784421;
}

.ugly {
    --color-body: lime;
    --color-muzzle: red;
    --color-eyes: hotpink;
    --color-teeth: cyan;
    --color-hoofs: blue;
}


@function color-random() {
    @return rgb(random(255), random(255), random(255));
}

//  randomized
//  note! scss now seems to need to interpolate 
//  css variable values 
@for $i from 1 through 24 {
    .random-#{$i} {
        --color-body  : #{color-random()};
        --color-muzzle: #{color-random()};
        --color-eyes  : #{color-random()};
        --color-teeth : #{color-random()};
        --color-hoofs : #{color-random()}; 
    }
}
























//    just some styling
@import url("https://fonts.googleapis.com/css?family=Oswald");
html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
article {
    max-width: 60rem;
    margin: 0 auto;
    text-align: center;
}
h1,
h2 {
    width: 100%;
    font: 2rem "Oswald", sans-serif;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin: 2rem 0 4rem;
}
.horse {
    width: 60%;
}
.ugly {
    display: inline-flex;
    align-self: center;
    height: 2rem;
    position: relative;
}
fieldset {
    border: 0;
    padding: 3rem;
}
label {
    font: caption;
    display: inline-block;
}
input {
    outline: 0;
    box-sizing: content-box;
    margin: 0.5rem;
}
input:focus,
input:active {
    border-color: black;
}
pre {
    border-radius: 3px;
    text-align: left;
    padding: 1rem;
    white-space: pre-wrap;
    display: inline-block;
    font-size: 11px;
    background: #282828;
    color: #fff;
}
span {
    font-weight: 700;
}
.var {
    color: tomato;
}
.default {
    color: orange;
}
.fallback {
    color: yellowgreen;
}
[class*="random"] {
    width: 20%;
}

            
          
!
            
              const horse  = document.querySelector('.horse');
const style  = window.getComputedStyle(horse);
[].slice.call(document.querySelectorAll('[type="color"]')).forEach( input => { 
    let color = style.getPropertyValue('--color-' + input.id).trim();
        console.log(color)
    input.value = color;   
    input.addEventListener('change', e => { horse.style.setProperty('--color-' + input.id, input.value); })
    
    
})



            
          
!
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.
Loading ..................

Console