search

w0rm / gulp-svgstore

Combine svg files into one with symbol elements
https://www.npmjs.com/package/gulp-svgstore
645 stars 33 forks source link

Issue with SVG from Sketch #50

Closed siamkreative closed 8 years ago

siamkreative commented 9 years ago

Hi there,

I'm working on a design that was created in Sketch. For some reason that I don't understand, the SVG don't render as expected after using this plugin. See what I'm talking about:

Before & After screenshot

image

Base SVG:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="96px" height="96px" viewBox="0 0 96 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
    <!-- Generator: bin/sketchtool 1.4 (305) - http://www.bohemiancoding.com/sketch -->
    <title>icon-work</title>
    <desc>Created with bin/sketchtool.</desc>
    <defs>
        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.35 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix>
            <feMerge>
                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
                <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
        </filter>
    </defs>
    <g id="Home" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
        <g id="Home---Web" sketch:type="MSArtboardGroup" transform="translate(-672.000000, -3252.000000)">
            <g id="icon-work" sketch:type="MSLayerGroup" transform="translate(680.000000, 3258.000000)">
                <circle id="Oval-72-Copy-20" stroke="#756196" fill="#44355C" filter="url(#filter-1)" sketch:type="MSShapeGroup" cx="40" cy="40" r="40"></circle>
                <path d="M37.0000085,41 L23,41 L23,36.5 C23,34.0147186 25.0124601,32 27.4973899,32 L33,32 L33,31 C33,29.3431458 34.3423789,28 36.0033512,28 L43.9966488,28 C45.6553538,28 47,29.3465171 47,31 L47,32 L47,32 L52.5026101,32 C54.9864499,32 57,34.0197757 57,36.5 L57,41 L42.9999917,41 C42.9999972,41.0019723 43,41.0039453 43,41.0059191 L43,43.9940809 C43,45.1019194 42.1017394,46 41.0020869,46 L38.9979131,46 C37.8944962,46 37,45.1134452 37,43.9940809 L37,41.0059191 C37,41.0039454 37.0000029,41.0019723 37.0000085,41 L37.0000085,41 Z M36,44 L24,44 L24,53.002848 C24,54.6583772 25.3413998,56 26.9961002,56 L53.0038998,56 C54.6657405,56 56,54.6581293 56,53.002848 L56,44 L44,44 C44,45.6568542 42.6609799,47 40.9983345,47 L39.0016655,47 C37.3438914,47 36,45.6534829 36,44 Z M45,32 L45,31.0093689 C45,30.4433532 44.5543453,30 44.0046024,30 L35.9953976,30 C35.4556644,30 35,30.4519098 35,31.0093689 L35,32 L45,32 Z M38,40.9998075 C38,40.4476291 38.4433532,40 39.0093689,40 L40.9906311,40 C41.5480902,40 42,40.4437166 42,40.9998075 L42,44.0001925 C42,44.5523709 41.5566468,45 40.9906311,45 L39.0093689,45 C38.4519098,45 38,44.5562834 38,44.0001925 L38,40.9998075 Z" id="Rectangle-343" fill="#9E91B2" sketch:type="MSShapeGroup"></path>
            </g>
        </g>
    </g>
</svg>

Generated symbol

<symbol id="icon-work" viewBox="0 0 96 96"><title>icon-work</title><g transform="translate(8 6)" fill="none" fill-rule="evenodd"><circle stroke="#756196" fill="#44355C" filter="url(#filter-1)" cx="40" cy="40" r="40"/><path d="M37 41H23v-4.5c0-2.485 2.012-4.5 4.497-4.5H33v-1c0-1.657 1.342-3 3.003-3h7.994C45.655 28 47 29.347 47 31v1h5.503C54.986 32 57 34.02 57 36.5V41H43V43.994C43 45.102 42.102 46 41.002 46h-2.004C37.894 46 37 45.113 37 43.994v-2.988V41zm-1 3H24v9.003C24 54.658 25.34 56 26.996 56h26.008C54.666 56 56 54.658 56 53.003V44H44c0 1.657-1.34 3-3.002 3h-1.996C37.344 47 36 45.653 36 44zm9-12v-.99c0-.567-.446-1.01-.995-1.01h-8.01c-.54 0-.995.452-.995 1.01V32h10zm-7 9c0-.552.443-1 1.01-1h1.98c.558 0 1.01.444 1.01 1v3c0 .552-.443 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-3z" fill="#9E91B2"/></g></symbol>

From what I have researched, this could be linked: https://github.com/FWeinb/grunt-svgstore/issues/25 but I'm not sure.

Please tell me whether this is a known issue and if there's a work around.

Thanks

w0rm commented 9 years ago

@SiamKreative can you provide the whole output from gulp-svgstore? You only provided the symbol, but there should be more code in the output, specifically the defs section that defines the filter.

siamkreative commented 9 years ago

Thanks for looking into this Andrey.

Full output

<svg xmlns="http://www.w3.org/2000/svg"><symbol id="header-bg" viewBox="0 0 1440 697"><title>header-bg</title><g fill="none" fill-rule="evenodd"><use fill="#473661" xlink:href="#path-1"/><g mask="url(#mask-2)"><g fill="#000"><path d="M1813.722 779.128L719.362-313V779.128h1094.36zm-2188.722 0L719.36-313V779.128H-375z" opacity=".033"/><path d="M1813.722 879.128L719.362-213V879.128h1094.36zm-2188.722 0L719.36-213V879.128H-375z" opacity=".033"/><path d="M1813.722 979.128L719.362-113V979.128h1094.36zm-2188.722 0L719.36-113V979.128H-375z" opacity=".033"/><path d="M1813.722 1079.128L719.362-13v1092.128h1094.36zm-2188.722 0L719.36-13v1092.128H-375z" opacity=".033"/><path d="M1813.722 1179.128L719.362 87v1092.128h1094.36zm-2188.722 0L719.36 87v1092.128H-375z" opacity=".033"/><path d="M1813.722 1279.128L719.362 187v1092.128h1094.36zm-2188.722 0L719.36 187v1092.128H-375z" opacity=".056"/></g><g opacity=".042" fill="#D4C4EA"><path d="M1813.722-705L719.362 387.128V-705h1094.36zM-375-705L719.36 387.128V-705H-375z"/><path d="M1813.722-805L719.362 287.128V-805h1094.36zM-375-805L719.36 287.128V-805H-375z"/><path d="M1813.722-905L719.362 187.128V-905h1094.36zM-375-905L719.36 187.128V-905H-375z"/></g></g></g></symbol><symbol id="icoin-intro-ux" viewBox="0 0 140 141"><title>icoin-intro-ux</title><g fill="none" fill-rule="evenodd"><circle fill="#63A8FF" cx="70" cy="70.5" r="70"/><path d="M98 103H44c-2.365 0-3.856-.704-5-2-.247-1.32-.148-3.03 1-5l17-29c1.33-3.04 2.622-7.97 3-11V46h-1c-2.36.25-4.148-1.66-4-4-.148-2.088 1.74-4 4-4h24c2.658 0 4.447 1.912 4 4 .447 2.34-1.442 4.25-4 4h-1v10c.378 3.03 1.67 7.96 3 11l17 29c1.148 1.97 1.247 3.68 1 5-1.343 1.296-2.834 2-5 2zM59 40c-1.312 0-2.208 1.007-2 2-.208 1.22.788 2.228 2 2h3v12c-.43 3.427-1.823 8.662-4 12L42 97c-1.036 1.282-1.136 2.29-1 3 .56.698 1.457 1 3 1h54c1.5 0 2.395-.403 3-1 .19-.71-.008-1.617-1-3L83 68c-1.22-3.338-2.615-8.573-3-12V44h3c1.566.328 2.462-.678 2-2 .462-.893-.533-1.9-2-2H59z" fill="#2E233E"/><path d="M86 76c-1.787 0-2.884-1.1-4-2-.88-1.1-1.677-2-3-2-2.267 0-3.065.9-4 2-1.06.9-2.156 2-4 2-2.544 0-3.642-1.1-5-2-.636-1.1-1.434-2-3-2-2.024 0-2.822.9-4 2-.817.9-1.914 2-4 2-1.205 0-2.102-.3-3-1l1-1c.296.8.995 1 2 1 1.687 0 2.485-.9 3-2 1.48-.9 2.577-2 5-2 1.965 0 3.062 1.1 4 2 1.057 1.1 1.854 2 4 2 1.445 0 2.243-.9 3-2 1.237-.9 2.334-2 5-2 1.722 0 2.82 1.1 4 2 .814 1.1 1.612 2 3 2 1.205 0 1.903-.2 3-1v1c-.698.8-1.596 1-3 1zM57 85c-1.09 0-2-.91-2-2 0-1.09.91-2 2-2 1.09 0 2 .91 2 2 0 1.09-.818 2-2 2zm0-3c-.583 0-1 .5-1 1s.5 1 1 1 1-.5 1-1-.417-1-1-1zM77 89c-2.244 0-4-1.854-4-4s1.854-4 4-4 4 1.854 4 4-1.756 4-4 4zm0-7c-1.645 0-3 1.355-3 3s1.355 3 3 3 3-1.355 3-3-1.355-3-3-3zM68 65c-1.053 0-2-.842-2-2s.842-2 2-2 2 .842 2 2-.842 2-2 2zm0-3c-.556 0-1 .444-1 1s.444 1 1 1 1-.444 1-1-.444-1-1-1zM73 56c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0-3c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1zM67 51c-.583 0-1-.417-1-1s.417-1 1-1 1 .417 1 1-.417 1-1 1zm0-1c.1 0 0 .1 0 0 0 .4.4.4 0 0 .4.1.4 0 0 0zM65 98c-1.655 0-3-1.345-3-3s1.345-3 3-3 3 1.345 3 3-1.448 3-3 3zm0-5c-1.053 0-2 .842-2 2s.842 2 2 2 2-.842 2-2-.947-2-2-2zM61 44h21v2H61z" fill="#2E233E"/></g></symbol><symbol id="icon-about" viewBox="0 0 96 96"><title>icon-about</title><g transform="translate(8 6)" fill="none" fill-rule="evenodd"><circle stroke="#756196" fill="#44355C" filter="url(#filter-1)" cx="40" cy="40" r="40"/><path d="M41.397 44.114c-1.542-.907-3.635-1.81-5.166-3.477v-.777c.712-.823 1.248-1.773 1.613-2.88.052-.158.1-.32.146-.484.372-.19.675-.695.743-1.315.023-.206.018-.405-.01-.59-.05-.307-.163-.57-.323-.753.03-.587.033-1.208.005-1.862-.02-.508-.06-1.037-.12-1.59-.013-.136-.03-.267-.054-.394-.553-3.174-3.463-3.487-4.57-3.49h-.852c-1.105.003-4.015.316-4.57 3.49-.022.128-.04.26-.055.396-.058.552-.097 1.08-.12 1.59-.027.653-.025 1.274.007 1.86-.16.183-.275.447-.323.755-.03.185-.034.384-.01.59.068.62.37 1.127.743 1.316.09.33.194.645.313.95.354.91.836 1.708 1.445 2.414v.777C27.51 43.607 23 44.15 23 46.617v2.69c0 .33.27.6.603.6h10.44c.428-2.387 4.24-3.338 7.354-5.793zm7.787-.605l-.005-1.162c1.653.215 5.022-.98 5.022-.98-1.142-1.16-1.4-2.513-2.15-7.824-.75-5.31-5.4-5.26-5.75-5.26-.35 0-5-.05-5.748 5.26-.75 5.31-1.01 6.664-2.15 7.824 0 0 3.37 1.195 5.02.98l-.003 1.16c-2.94 3.202-7.816 3.786-7.816 6.446v2.9c0 .357.29.646.65.646H56.35c.36 0 .65-.29.65-.645v-2.9c0-2.66-4.875-3.245-7.816-6.446z" fill="#9E91B2"/></g></symbol><symbol id="icon-arr-next" viewBox="0 0 7 14"><title>icon-arr-next</title><path d="M.5 13.48l6.338-6.34L.5.802v1.792L5.046 7.14.5 11.686v1.793z" fill="#998CAC" fill-rule="evenodd"/></symbol><symbol id="icon-contact" viewBox="0 0 96 97"><title>icon-contact</title><g transform="translate(8 6)" fill="none" fill-rule="evenodd"><circle stroke="#756196" fill="#44355C" filter="url(#filter-1)" cx="40" cy="40.529" r="40"/><path d="M22 52.893h.067l-.067-.09v.09zm18-13.208l16.824-12.792H23.328l1.462 1.144L40 39.685zM58 51.69V27.958l-12.896 9.927L58 51.69zM22 27.958v23.805l12.936-13.847L22 27.957zm21.804 10.928L40 41.813l-3.763-2.897-.07.083L23.19 52.892h33.69L43.9 39l-.096-.115z" fill="#9E91B2"/></g></symbol><symbol id="icon-downloads" viewBox="0 0 96 96"><title>icon-downloads</title><g transform="translate(8 6)" fill="none" fill-rule="evenodd"><circle stroke="#756196" fill="#44355C" filter="url(#filter-1)" cx="40" cy="40" r="40"/><path d="M40.913 60.778L57 50.733v-19.73L40.913 41.046v19.73zm4.423-38.114l-5.472-3.442-16.55 10.12 5.47 3.442 16.552-10.12zm4.72 2.97l-16.55 10.12 6.523 4.104 16.546-10.124-6.52-4.1zm-16.597 11.9l.003 6.71-4.675-3-.005-6.63L23 31v19.73L39.087 60.78v-19.73l-5.628-3.515z" fill="#9E91B2"/></g></symbol><symbol id="icon-field-arr-down" viewBox="0 0 15 7"><title>icon-field-arr-down</title><path d="M.756 0L7.6 6.844 14.445 0h-2L7.6 4.844 2.756 0h-2z" fill="#998CAC" fill-rule="evenodd"/></symbol><symbol id="icon-get-started" viewBox="0 0 96 96"><title>icon-get-started</title><g transform="translate(8 6)" fill="none" fill-rule="evenodd"><circle stroke="#756196" fill="#44355C" filter="url(#filter-1)" cx="40" cy="40" r="40"/><path d="M23 37l17 16 17-16h-4.808L40 48.475 27.808 37H23z" fill="#FFF"/></g></symbol><symbol id="icon-idea" viewBox="0 0 116 116"><title>icon-idea</title><g transform="translate(8 6)" fill="none" fill-rule="evenodd"><circle stroke="#756196" fill="#44355C" filter="url(#filter-1)" cx="50" cy="50" r="50"/><path d="M59 28l2-2c0-.972.748-1.177 1-1 .972.505 1.176 1.254 1 2l-2 2c.136.796-.34 1-1 1 .048 0-.156-.068 0 0-.972-.477-1.176-1.226-1-2zm-21 1c-.136.796.34 1 1 1-.048 0 .156-.068 0 0 .972-.477 1.176-1.226 1-2l-2-2c0-.972-.748-1.177-1-1-.972.505-1.176 1.254-1 2l2 2zm11-2c.557 0 1-.506 1-1v-3c0-.494-.443-1-1-1-.552 0-.995.506-1 1v3c-.05.494.393 1 1 1zM28 46h-3c-.494 0-1 .444-1 1s.506 1 1 1h3c.494 0 1-.444 1-1s-.506-1-1-1zm46 0h-3c-.494 0-1 .444-1 1s.506 1 1 1h3c.494 0 1-.444 1-1s-.506-1-1-1zm-2-11c-.502-.972-1.247-1.177-2-1l-2 2c-.972.014-1.176.767-1 1 .366.795.84 1 1 1 .45 0 .653-.068 1 0l2-2c.972.014 1.176-.74 1-1zm-6 13c0 2.424-.74 5.075-2 7-.15.66-.218.793 0 1-1.025.92-1.563 1.714-2 2-2.588 3.625-3.798 6.408-4 8 .27.197.27.264 0 0 .27.396.336.595 0 1v5c.336 3.012-1.748 5-4 5h-8c-2.252 0-4.27-2.054-4-5v-5c-.27-.34-.27-.405 0-1-.27.396-.27.264 0 0-.202-1.526-1.412-4.243-4-7-.37-1.22-1.11-2.08-2-3 .286-.207.218-.274 0 0-1.26-2.792-2-5.51-2-8 0-8.908 7.193-16 16-16 8.807-.066 16 7.025 16 16zM55 67H44v2h11v-2zm0 5H44c.127 1.314.954 2 2 2h7c1.046 0 1.873-.686 2-2zm9-25c0-6.96-6.27-13-13.48-13C42.27 34 36 40.04 36 47c0 2.903.697 5.25 2.074 7-.124.33-.124.33 0 0-.124.33-.124.33 0 0 .433 1.27 1.06 2.076 2.074 3-.248-.12-.248-.12 0 0 2.12 3.102 3.444 5.786 4.148 8h11.408c.843-2.75 2.794-5.905 4.148-8 .387-.32.456-.32 1.037 0 .115-.99.672-1.73 1.036-2 .054-.535.124-.535 0-1 .124.33.193.33 0 0C63.373 52.25 64 49.903 64 47zM31 36l-2-2c-.753-.177-1.498.028-2 1-.176.26.028 1.014 1 1l2 2h1c.16 0 .634-.205 1-1 .176-.233-.028-.986-1-1z" fill="#9E91B2"/></g></symbol><symbol id="icon-intro-consultancy" viewBox="0 0 141 141"><title>icon-intro-consultancy</title><g fill="none" fill-rule="evenodd"><circle fill="#73C547" cx="70.875" cy="70.5" r="70"/><g fill="#2E233E"><path d="M58.426 67.855c.402.402.402 1.058 0 1.46-.2.202-.464.3-.727.3-.264 0-.528-.098-.734-.3l-2.213-2.213-2.214 2.214c-.202.2-.465.3-.728.3-.268 0-.53-.1-.733-.3-.403-.402-.403-1.058 0-1.46l2.213-2.214-2.214-2.214c-.403-.407-.403-1.058 0-1.46.4-.402 1.057-.402 1.46 0l2.214 2.214 2.213-2.214c.402-.402 1.058-.402 1.46 0 .402.402.402 1.053 0 1.46l-2.214 2.214 2.213 2.213zM69.315 58.523c.402.402.402 1.057 0 1.46-.2.202-.464.304-.727.304-.263 0-.527-.103-.727-.304l-2.218-2.213-2.214 2.213c-.2.202-.464.304-.727.304-.262 0-.53-.103-.732-.304-.402-.402-.402-1.057 0-1.46l2.214-2.214-2.214-2.214c-.402-.403-.402-1.058 0-1.46.402-.403 1.058-.403 1.46 0l2.214 2.212 2.22-2.213c.4-.402 1.05-.402 1.454 0 .402.402.402 1.058 0 1.46l-2.214 2.214 2.213 2.213zM88.76 72.523c.402.402.402 1.057 0 1.46-.202.202-.465.304-.728.304-.268 0-.53-.103-.732-.304l-2.214-2.213-2.213 2.213c-.202.202-.465.304-.733.304-.263 0-.527-.103-.727-.304-.402-.402-.402-1.057 0-1.46l2.213-2.214-2.213-2.214c-.402-.403-.402-1.058 0-1.46.402-.403 1.057-.403 1.46 0l2.214 2.212 2.213-2.213c.403-.402 1.058-.402 1.46 0 .402.402.402 1.058 0 1.46l-2.213 2.214 2.213 2.213z"/><path d="M82.972 50.962l-6.91-1.708c-.552-.14-1.114.196-1.248.753l-1.713 6.91c-.133.552.202 1.114.755 1.248.082.02.164.03.247.03.464 0 .887-.314 1-.783l1.115-4.494.44.727c1.713 2.843 2.218 6.186 1.418 9.412-.795 3.225-2.802 5.944-5.65 7.663-.44.262-.893.5-1.357.707-.748-1.306-2.023-2.296-3.607-2.632-.37-.077-.747-.113-1.123-.113-2.565 0-4.804 1.82-5.33 4.33-.62 2.94 1.27 5.835 4.21 6.454.372.077.754.12 1.13.12 2.56 0 4.8-1.823 5.33-4.33.134-.63.15-1.26.063-1.87.603-.257 1.192-.56 1.754-.902 3.318-1.997 5.656-5.17 6.59-8.932.928-3.756.34-7.657-1.662-10.97l-.438-.727 4.494 1.115c.552.134 1.114-.202 1.254-.758.133-.554-.203-1.11-.76-1.25zM69.654 74.826c-.325 1.564-1.718 2.694-3.308 2.694-.237 0-.47-.026-.702-.073-1.83-.387-3.003-2.182-2.62-4.014.33-1.558 1.723-2.69 3.312-2.69.232 0 .47.022.7.074 1.828.382 3.005 2.182 2.618 4.01zM71.13 84.222c-.042 0-.09.006-.13.013.01-.007.016-.007.026-.007.036-.006.067-.006.103-.006z"/><path d="M71.026 84.228c-.01 0-.016 0-.026.007.04-.007.088-.013.13-.013-.037 0-.068 0-.104.006z"/><path d="M104.968 41.176H72.032v-4.144c0-.568-.46-1.032-1.032-1.032-.568 0-1.032.464-1.032 1.032v4.143H37.032c-.568 0-1.032.46-1.032 1.033 0 .568.464 1.032 1.032 1.032h2.715v42.28c0 .574.458 1.033 1.032 1.033h26.897L46.83 100.79c-.474.32-.593.96-.273 1.433.2.29.526.45.85.45.203 0 .41-.058.585-.182l21.976-15.003v14.154c0 .568.464 1.033 1.032 1.033.572 0 1.032-.465 1.032-1.032V87.47l21.997 15.02c.18.125.38.182.583.182.325 0 .65-.16.85-.45.32-.473.203-1.113-.267-1.433L74.344 86.55h26.883c.568 0 1.032-.46 1.032-1.032V43.24h2.708c.572 0 1.032-.465 1.032-1.033 0-.572-.46-1.03-1.032-1.03zm-4.773 43.313H71c-.04 0-.088.004-.13.01.01-.006.016-.006.027-.006.035-.005.066-.005.103-.005H41.81V43.24h58.385v41.25z"/><path d="M71.13 84.222c-.042 0-.09.006-.13.013.01-.007.016-.007.026-.007.036-.006.067-.006.103-.006z"/></g></g></symbol><symbol id="icon-intro-ui" viewBox="0 0 141 141"><title>icon-intro-ui</title><g fill="none" fill-rule="evenodd"><circle fill="#F5BB21" cx="70.25" cy="70.5" r="70"/><path d="M92.855 100.658l6.063-6.062-52.12-52.073-11.418-5.41 5.54 11.605 51.935 51.94zM46.287 45.46c-.186.184-.658.29-.658.29H44.01v1.616l-.003-.004c-.027.245-.105.48-.287.66-.432.428-1.128.428-1.557 0l-.032.03-.192-.192-2.666-5.63 1.22-1.22 5.627 2.666.194.195-.03.03c.428.43.428 1.13 0 1.56zM97.04 94.597l-2.093 2.09L45.2 46.933s1.15.467 2.088-.472c.296-.296.472-.655.588-1.03L97.04 94.596zm1.568 11.808l6.057-6.058-4.28-4.286-6.065 6.063 4.288 4.28zm4.18-6.06l-4.18 4.18-2.407-2.402 4.185-4.185 2.402 2.406zM70.297 80.61l-1.26 1.26-3.448-3.448-.94.94 3.448 3.446-1.313 1.314-1.978-1.98-.94.94 1.98 1.98-1.314 1.31-1.98-1.976-.938.938 1.98 1.978-1.313 1.313-3.448-3.447-.94.938 3.45 3.45-1.315 1.313-1.98-1.98-.938.938 1.978 1.98-1.314 1.312-1.977-1.977-.94.938 1.977 1.98-1.313 1.313-3.447-3.448-.94.94 3.448 3.446-1.313 1.316-1.977-1.98-.942.94 1.98 1.978-1.313 1.312-1.977-1.978-.94.94 1.98 1.978-1.315 1.312-3.446-3.446-.94.94 3.447 3.446-2.193 2.192-10.16-10.16 24.66-24.657-.94-.94-25.128 25.13-.473.468 12.04 12.038 25.6-25.6-.94-.937zM94.86 33.853L67.782 60.93l.94.94 26.14-26.14 10.157 10.157-2.197 2.2-3.447-3.45-.94.94 3.448 3.448-1.314 1.31-1.978-1.977-.938.94 1.977 1.98-1.312 1.31-1.978-1.977-.94.94 1.98 1.978-1.313 1.313-3.45-3.446-.938.94 3.447 3.446-1.313 1.314-1.98-1.978-.94.94 1.98 1.977-1.313 1.314-1.976-1.98-.94.94 1.98 1.98-1.315 1.312-3.448-3.448-.94.94 3.448 3.446-1.313 1.313-1.98-1.976-.938.94 1.978 1.977-1.314 1.314-1.978-1.98-.938.94 1.975 1.98-1.31 1.31-3.45-3.446-.938.94 3.45 3.446-1.315 1.313-1.98-1.978-.94.94 1.98 1.976-.482.48.94.94 26.612-26.61.473-.47-12.04-12.034z" fill="#2E233E"/></g></symbol><symbol id="icon-next" viewBox="0 0 42 42"><title>icon-next</title><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle stroke="#75658C" fill="#2D203F" cx="20" cy="20" r="20"/><path d="M17 29l8-8.5-8-8.5v2.404l5.737 6.096L17 26.596V29z" fill="#998CAC"/></g></symbol><symbol id="icon-prev" viewBox="0 0 42 42"><title>icon-prev</title><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle stroke="#75658C" fill="#2D203F" transform="matrix(-1 0 0 1 40 0)" cx="20" cy="20" r="20"/><path d="M22 29l-8-8.5 8-8.5v2.404L16.263 20.5 22 26.596V29z" fill="#998CAC"/></g></symbol><symbol id="icon-research" viewBox="0 0 253 237"><title>icon-research</title><g fill="none" fill-rule="evenodd"><path d="M38 114v-1h178v1H38z" fill="#605376"/><path fill="#605376" d="M38 113h1v25h-1zM128 77h1v61h-1z"/><g transform="translate(87)"><use stroke="#605376" stroke-width="2" fill="#2F2242" xlink:href="#path-1"/><path d="M55.716 63.245c-3.095 0-7.516-2.217-8.4-.443-.884 1.774-.04 6.49 1.768 8.87 4.868 6.403 4.868 11.087 4.868 11.087L23 83.202s0-8.232 4.415-14.44c8.842-16.186-1.32-9.51-2.647-26.362C23.442 25.55 31.842 22 41.126 22s16.352 9.91 16.352 17.047c0 6.21 5.742 11.556 4.863 13.554-.89 1.108-3.972.888-3.972.888s.042.912.01 2.18c-3.038-.165-6.624-1.985-6.624-1.985s1.63 3.31 6.522 3.935c-.223 2.662-.854 5.627-2.56 5.627zM50.24 42.228c1.003 0 1.816-.813 1.816-1.815 0-1.003-.813-1.816-1.816-1.816-1.003 0-1.816.813-1.816 1.816 0 1.002.813 1.815 1.816 1.815z" fill="#605376" mask="url(#mask-2)"/></g><path fill="#605376" d="M215 113h1v25h-1z"/><circle fill="#605376" cx="128" cy="136" r="9"/><circle fill="#605376" cx="215" cy="136" r="9"/><circle fill="#605376" cx="38" cy="136" r="9"/><path d="M230 136h23v101h-76V136h23c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15zM53 136h23v101H0V136h23c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15zM143 136h23v101H90V136h23c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15z" stroke="#605376" stroke-width="2" fill="#2E2241"/><path fill="#605376" d="M98 168h59v6H98zM98 177h36v6H98zM98 157h14v6H98zM119 159h9v3h-9zM133 159h9v3h-9zM147 159h9v3h-9zM98 191h19v16H98zM121 205h36v3h-36zM121 191h28v3h-28zM121 196h36v3h-36zM121 201h32v3h-32zM98 214h22v3H98zM98 219h28v3H98zM98 224h25v3H98zM129 214h22v3h-22zM129 219h28v3h-28zM129 224h25v3h-25zM8 168h59v19H8zM8 157h14v6H8zM28 159h9v3h-9zM42 159h9v3h-9zM56 159h9v3h-9zM8 191h15v16H8zM30 191h15v16H30zM51 191h15v16H51zM8 215h46v3H8zM8 220h59v3H8zM8 225h52v3H8zM186 168h59v19h-59zM186 157h14v6h-14zM205 159h9v3h-9zM220 159h9v3h-9zM234 159h9v3h-9zM186 189h59v3h-59zM186 204h59v3h-59zM186 199h59v3h-59zM186 194h59v3h-59zM186 211h28v19h-28zM217 211h28v3h-28zM217 216h25v3h-25zM217 221h28v3h-28zM217 226h22v3h-22z"/></g></symbol><symbol id="icon-slider-bullet-active" viewBox="0 0 16 16"><title>icon-slider-bullet-active</title><circle cx="694" cy="4820" r="7" transform="translate(-686 -4812)" stroke="#937EB6" fill="#504169" fill-rule="evenodd"/></symbol><symbol id="icon-slider-bullet-inactive" viewBox="0 0 16 16"><title>icon-slider-bullet-inactive</title><circle cx="667" cy="4820" r="7" transform="translate(-659 -4812)" stroke="#75658C" fill="#2D203F" fill-rule="evenodd"/></symbol><symbol id="icon-testimonial" viewBox="0 0 96 96"><title>icon-testimonial</title><g transform="translate(8 6)" fill="none" fill-rule="evenodd"><circle stroke="#756196" fill="#44355C" filter="url(#filter-1)" cx="40" cy="40" r="40"/><path d="M35.844 31.524c-2.342.44-3.988 2.138-4.94 5.09-.474 1.46-.71 2.902-.71 4.328 0 .17.007.314.024.433.017.118.043.38.077.79h5.55V53.26H25V43.03c0-5.024 1-8.893 3.004-11.608 2.002-2.715 4.615-4.277 7.84-4.684v4.786zm17.156 0c-1.867.305-3.284 1.357-4.25 3.156-.968 1.8-1.452 3.87-1.452 6.21 0 .205.01.408.026.612.017.203.06.424.127.662H53v11.098H42.105V43.03c0-4.04.85-7.646 2.546-10.82 1.698-3.172 4.48-4.997 8.35-5.472v4.786z" fill="#9E91B2"/></g></symbol><symbol id="icon-testing" viewBox="0 0 315 231"><title>icon-testing</title><g fill="none" fill-rule="evenodd"><path d="M73.876 185.37c-6.99 0-16.972-5.01-18.968-1.003-1.997 4.006-.09 14.657 3.993 20.03 10.992 14.46 10.992 25.036 10.992 25.036L0 230.435s0-18.59 9.97-32.61c19.966-36.548-2.982-21.47-5.977-59.525C.998 100.244 19.966 92.232 40.93 92.232c20.966 0 36.926 22.38 36.926 38.494 0 14.02 12.964 26.095 10.98 30.607-2.01 2.498-8.97 2.003-8.97 2.003s.093 2.06.023 4.92c-6.863-.37-14.96-4.48-14.96-4.48s3.677 7.475 14.727 8.886c-.503 6.01-1.93 12.707-5.78 12.707zM61.51 137.91c2.265 0 4.1-1.836 4.1-4.1 0-2.264-1.835-4.1-4.1-4.1-2.264 0-4.1 1.836-4.1 4.1 0 2.264 1.836 4.1 4.1 4.1zM261.902 198.374c5.023 0 12.198-3.562 13.633-.712 1.435 2.85.065 10.427-2.87 14.25-7.9 10.285-7.9 17.81-7.9 17.81l50.235.713s0-13.225-7.166-23.2c-14.35-26 2.143-15.273 4.296-42.346 2.152-27.074-11.48-32.774-26.55-32.774-15.068 0-26.54 15.922-26.54 27.385 0 9.976-9.317 18.565-7.892 21.775 1.445 1.777 6.45 1.425 6.45 1.425s-.068 1.465-.018 3.5c4.932-.264 10.75-3.188 10.75-3.188s-2.642 5.32-10.583 6.323c.36 4.275 1.386 9.04 4.155 9.04zm8.595-32.788c-1.448 0-2.623-1.17-2.623-2.615 0-1.443 1.175-2.614 2.623-2.614 1.45 0 2.623 1.17 2.623 2.615 0 1.445-1.174 2.616-2.623 2.616z" fill="#605376"/><path d="M128 133h34c5.524 0 10-4.474 10-9.993V60.993c0-5.51-4.477-9.993-10-9.993h-54c-5.524 0-10 4.474-10 9.993v62.014c0 5.51 4.477 9.993 10 9.993h5.727L101 154l27-21z" stroke="#605376" stroke-width="2" fill="#2E233E"/><path fill="#605376" d="M131 88h32v3h-32zM131 95h22v3h-22zM111 65h14v14h-14V65zm2 2h10v10h-10V67z"/><path d="M113.782 68.06l-1.414 1.415 5.657 5.657 10.607-10.607-1.414-1.414-9.193 9.193-4.243-4.242zM111 85h14v14h-14V85zm2 2h10v10h-10V87z" fill="#605376"/><path d="M113.782 88.06l-1.414 1.415 5.657 5.657 10.607-10.607-1.414-1.414-9.193 9.193-4.243-4.242zM111 105h14v14h-14v-14zm2 2h10v10h-10v-10z" fill="#605376"/><path d="M113.782 108.06l-1.414 1.415 5.657 5.657 10.607-10.607-1.414-1.414-9.193 9.193-4.243-4.242zM131 67h23v3h-23zM131 74h30v3h-30zM131 108h27v3h-27zM131 115h22v3h-22z" fill="#605376"/><path d="M220.256 119h-9.247c-5.54 0-10.01-4.477-10.01-10V75c0-5.523 4.48-10 10.01-10h17.98c5.54 0 10.01 4.477 10.01 10v34c0 5.404-4.29 9.806-9.653 9.994L237.462 132l-17.206-13zM191.667 39H158c-5.52 0-10-4.474-10-9.993V9.993C148 4.473 152.477 0 158 0h43c5.52 0 10 4.474 10 9.993v19.014c0 5.52-4.477 9.993-10 9.993h-.412L209 52l-17.333-13z" stroke="#605376" stroke-width="2" fill="#2E233E"/><path d="M159 11h32v3h-32v-3zm0 8h42v3h-42v-3zm0 8h36v3h-36v-3zM209 77h17v3h-17v-3zm0 8h23v3h-23v-3zm0 8h20v3h-20v-3zm0 7h12v3h-12v-3z" fill="#605376"/></g></symbol><symbol id="icon-ui" viewBox="0 0 320 166"><title>icon-ui</title><g fill="none" fill-rule="evenodd"><g transform="translate(216)"><rect fill="#2F2242" x="1" width="79" height="115" rx="5"/><rect fill="#2E233E" x="3" y="9" width="74" height="94" rx="3"/><path d="M1 5.01C1 2.24 3.237 0 6.002 0h68.996C77.76 0 80 2.233 80 5.01v106.98c0 2.768-2.237 5.01-5.002 5.01H6.002C3.24 117 1 114.767 1 111.99V5.01zm2 6.985C3 10.34 4.348 9 5.993 9h68.014C75.66 9 77 10.347 77 11.995v88.01c0 1.654-1.348 2.995-2.993 2.995H5.993C4.34 103 3 101.653 3 100.005v-88.01zM12 43h48v2H12v-2zm0 5h40v2H12v-2zm0 5h56v2H12v-2zm0 7h15v13H12V60zm21 0h15v13H33V60zm21 0h15v13H54V60zM12 78h15v13H12V78zm21 0h15v13H33V78zm21 0h15v13H54V78zM12 15h14v7H12v-7zm22 3h8v2h-8v-2zm13 0h8v2h-8v-2zm13 0h8v2h-8v-2zm-47 7h56v14H13V25zM35 4h11v1H35V4zm5 111c1.657 0 3-1.567 3-3.5s-1.343-3.5-3-3.5-3 1.567-3 3.5 1.343 3.5 3 3.5z" fill="#605376"/></g><g transform="translate(0 18)"><rect fill="#2E233E" x="25" width="181" height="125" rx="4"/><path d="M162 115H31V5h169v9H31v2h169v99h-9V71h-29v44zM25 4c0-2.21 1.79-4 3.99-4h173.02c2.203 0 3.99 1.79 3.99 4v121H25V4zm15 7c1.105 0 2-.672 2-1.5S41.105 8 40 8s-2 .672-2 1.5.895 1.5 2 1.5zm6 0c1.105 0 2-.672 2-1.5S47.105 8 46 8s-2 .672-2 1.5.895 1.5 2 1.5zm6 0c1.105 0 2-.672 2-1.5S53.105 8 52 8s-2 .672-2 1.5.895 1.5 2 1.5zM42 36h148v26H42V36zm0 37h48v26H42V73zm123 2h22v12h-22V75zm0 18h22v5h-22v-5zm0 8h18v2h-18v-2zm0 8h18v2h-18v-2zm0-5h22v2h-22v-2zm0 9h22v2h-22v-2zM42 22h27v7H42v-7zm52 2h15v2H94v-2zm-52 82h43v5H42v-5zm0 7h30v2H42v-2zm59-40h54v5h-54v-5zm0 7h48v2h-48v-2zm0 5h50v2h-50v-2zm0 5h46v2h-46v-2zm0 5h54v2h-54v-2zm0 10h54v2h-54v-2zm0-5h53v2h-53v-2zm17-76h15v2h-15v-2zm25 0h15v2h-15v-2zm23 0h15v2h-15v-2zM25.005 127h180.99L231 136H0l25.005-9z" fill="#605376"/><rect stroke="#605376" stroke-width="2" fill="#2E233E" y="138" width="231" height="10" rx="4"/></g><g transform="translate(276 66)"><rect fill="#2F2242" width="44" height="80" rx="5"/><path d="M0 5.004C0 2.24 2.242 0 5.005 0h33.99C41.76 0 44 2.244 44 5.004v69.992C44 77.76 41.758 80 38.995 80H5.005C2.24 80 0 77.756 0 74.996V5.004zM17 4h10v1H17V4zM1 9c0-1.656 1.35-3 3.004-3h35.992C41.656 6 43 7.337 43 9v58c0 1.656-1.35 3-3.004 3H4.004C2.344 70 1 68.663 1 67V9zm21.5 68c1.38 0 2.5-1.12 2.5-2.5S23.88 72 22.5 72 20 73.12 20 74.5s1.12 2.5 2.5 2.5zM6 19h33v14H6V19zm0 17h33v2H6v-2zm2 5h28v2H8v-2zm-1 5h30v2H7v-2zm8-35h15v5H15v-5zm10 42h14v14H25V53zM6 53h14v14H6V53z" fill="#605376"/></g></g></symbol><symbol id="icon-wireframing" viewBox="0 0 320 221"><title>icon-wireframing</title><g fill="none" fill-rule="evenodd"><path stroke="#605376" stroke-width="2" fill="#2F2242" d="M132 0h188v151H132z"/><path d="M134 26h184v3H134v-3zm12 10h159v28H146V36zm0 41h51v28h-51V77zm129-1h31v66h-31V76zm-66 48h19v18h-19v-18zm23 0h19v18h-19v-18zM146 12h28v8h-28v-8zm56 2h17v3h-17v-3zm-56 98h46v5h-46v-5zm0 8h32v3h-32v-3zm0 5h51v3h-51v-3zm0 5h40v3h-40v-3zm0 5h46v3h-46v-3zm63-58h58v5h-58v-5zm0 10h52v3h-52v-3zm0 6h54v3h-54v-3zm0 6h49v3h-49v-3zm0 6h58v3h-58v-3zm0 12h58v3h-58v-3zm0-6h57v3h-57v-3zm19-97h17v3h-17v-3zm26 0h17v3h-17v-3zm25 0h17v3h-17v-3z" fill="#605376"/><path d="M145.644 35.646l159.712 29.708M305.356 35.646L145.644 65.354M145.646 76.652l51.708 28.696M197.354 76.652l-51.708 28.696" stroke="#2E233E" stroke-linecap="square"/><path fill="#2E233E" d="M279 80h23v13h-23z"/><path d="M279.04 80.485l21.954 12.727M300.994 80.485l-22.737 12.727" stroke="#696176" stroke-linecap="square"/><path fill="#2E233E" d="M279 98h23v5h-23zM279 107h19v3h-19zM279 116h19v3h-19zM279 125h19v3h-19zM279 129h23v3h-23zM279 111h23v3h-23zM279 120h23v3h-23z"/><path d="M209.08 124.483l19.687 17.733M228.767 124.483l-19.687 17.733M232.08 124.483l19.687 17.733M251.767 124.483l-19.687 17.733" stroke="#2E233E" stroke-linecap="square"/><g><path stroke="#605376" stroke-width="2" fill="#2F2242" d="M0 70h188v151H0z"/><path d="M2 96h184v3H2v-3zm12 10h159v28H14v-28zm0 41h51v28H14v-28zm129-1h31v66h-31v-66zm-66 48h19v18H77v-18zm23 0h19v18h-19v-18zM14 82h28v8H14v-8zm56 2h17v3H70v-3zm-56 98h46v5H14v-5zm0 8h32v3H14v-3zm0 5h51v3H14v-3zm0 5h40v3H14v-3zm0 5h46v3H14v-3zm63-58h58v5H77v-5zm0 10h52v3H77v-3zm0 6h54v3H77v-3zm0 6h49v3H77v-3zm0 6h58v3H77v-3zm0 12h58v3H77v-3zm0-6h57v3H77v-3zm19-97h17v3H96v-3zm26 0h17v3h-17v-3zm25 0h17v3h-17v-3z" fill="#605376"/><path d="M13.644 105.646l159.712 29.708M173.356 105.646L13.644 135.354M13.646 146.652l51.708 28.696M65.354 146.652l-51.708 28.696" stroke="#2E233E" stroke-linecap="square"/><path fill="#2E233E" d="M147 150h23v13h-23z"/><path d="M147.04 150.485l21.954 12.727M168.994 150.485l-22.737 12.727" stroke="#696176" stroke-linecap="square"/><path fill="#2E233E" d="M147 168h23v5h-23zM147 177h19v3h-19zM147 186h19v3h-19zM147 195h19v3h-19zM147 199h23v3h-23zM147 181h23v3h-23zM147 190h23v3h-23z"/><path d="M77.08 194.483l19.687 17.733M96.767 194.483L77.08 212.216M100.08 194.483l19.687 17.733M119.767 194.483l-19.687 17.733" stroke="#2E233E" stroke-linecap="square"/></g></g></symbol><symbol id="icon-work" viewBox="0 0 96 96"><title>icon-work</title><g transform="translate(8 6)" fill="none" fill-rule="evenodd"><circle stroke="#756196" fill="#44355C" filter="url(#filter-1)" cx="40" cy="40" r="40"/><path d="M37 41H23v-4.5c0-2.485 2.012-4.5 4.497-4.5H33v-1c0-1.657 1.342-3 3.003-3h7.994C45.655 28 47 29.347 47 31v1h5.503C54.986 32 57 34.02 57 36.5V41H43V43.994C43 45.102 42.102 46 41.002 46h-2.004C37.894 46 37 45.113 37 43.994v-2.988V41zm-1 3H24v9.003C24 54.658 25.34 56 26.996 56h26.008C54.666 56 56 54.658 56 53.003V44H44c0 1.657-1.34 3-3.002 3h-1.996C37.344 47 36 45.653 36 44zm9-12v-.99c0-.567-.446-1.01-.995-1.01h-8.01c-.54 0-.995.452-.995 1.01V32h10zm-7 9c0-.552.443-1 1.01-1h1.98c.558 0 1.01.444 1.01 1v3c0 .552-.443 1-1.01 1h-1.98c-.558 0-1.01-.444-1.01-1v-3z" fill="#9E91B2"/></g></symbol><symbol id="logo-bamboodev" viewBox="0 0 183 48"><title>logo-bamboodev</title><path d="M36.18 36.232c-.156-.85-.466-1.548-.853-2.245-.387-.62-.93-1.16-1.55-1.626-.618-.386-1.393-.618-2.245-.618-.93 0-1.78.232-2.4.62-.698.386-1.162.928-1.627 1.625-.387.62-.697 1.394-.93 2.245-.154.852-.232 1.703-.232 2.478 0 .774.078 1.703.233 2.555.155.85.464 1.548.93 2.245.386.62.928 1.16 1.625 1.625.62.388 1.473.62 2.402.62.852 0 1.627-.232 2.246-.62.62-.387 1.085-.93 1.55-1.625.386-.62.696-1.394.85-2.245.156-.852.31-1.704.31-2.555 0-.852-.077-1.704-.31-2.478zM26.42 24v9.677c.156-.62.465-1.083.853-1.548.387-.465.774-.775 1.316-1.085.464-.31 1.006-.542 1.548-.697.542-.154 1.162-.232 1.704-.232 1.162 0 2.246.232 3.098.697.852.464 1.626 1.084 2.168 1.858.543.775 1.007 1.704 1.317 2.71.31 1.007.387 2.168.387 3.252 0 1.162-.155 2.245-.387 3.252-.31 1.006-.697 1.935-1.317 2.71-.62.774-1.316 1.393-2.168 1.858-.852.464-1.86.696-3.02.696-1.24 0-2.4-.31-3.33-.93-1.007-.618-1.705-1.47-2.17-2.63v3.096h-2.323V24h2.324zM51.9 38.09c-.154.233-.31.387-.696.465-.31.077-.62.155-.852.232-.775.155-1.55.31-2.4.387-.853.078-1.55.31-2.247.465-.697.23-1.24.54-1.626 1.005-.466.387-.62 1.007-.62 1.78 0 .465.077.93.23 1.317.156.387.466.697.776 1.006.31.31.697.465 1.084.62.387.155.775.232 1.24.232.696 0 1.393-.077 2.013-.31.62-.232 1.162-.542 1.626-1.006.464-.465.85-.93 1.16-1.55.31-.618.388-1.315.388-2.09L51.9 38.09zm-9.37-5.032c.31-.697.774-1.24 1.316-1.626.542-.387 1.24-.697 2.014-.93.774-.23 1.626-.308 2.556-.308.697 0 1.394.077 2.09.232.698.155 1.317.387 1.86.774.542.387 1.006.93 1.394 1.548.387.697.542 1.55.542 2.633v8.594c0 .774.387 1.16 1.16 1.16.234 0 .466 0 .62-.153v1.626c-.23.078-.464.078-.62.078h-.618c-.542 0-1.007-.078-1.394-.232-.387-.155-.697-.31-.93-.62-.232-.232-.387-.542-.464-.85-.078-.31-.078-.698-.078-1.163H51.9c-.31.54-.696 1.006-1.006 1.393-.31.387-.697.774-1.162 1.006-.464.232-.93.464-1.47.62-.543.154-1.24.23-1.937.23-.697 0-1.394-.076-2.014-.23-.62-.156-1.16-.466-1.625-.853-.465-.387-.852-.852-1.085-1.47-.232-.62-.387-1.317-.387-2.17 0-1.16.232-2.012.697-2.63.465-.62 1.162-1.162 1.936-1.472.775-.31 1.704-.542 2.71-.697 1.008-.154 2.015-.31 3.02-.387.39-.076.776-.076 1.086-.154.31-.077.542-.154.774-.31.155-.154.31-.386.465-.62.078-.308.156-.618.156-1.082 0-.697-.078-1.24-.31-1.626-.155-.465-.465-.774-.852-1.007-.387-.23-.774-.386-1.24-.54-.464-.078-.93-.155-1.47-.155-1.162 0-2.092.31-2.79.85-.696.62-1.083 1.55-1.16 2.866H41.91c.078-.85.233-1.625.62-2.322zm17.813-2.4v2.632h.154c.543-.93 1.162-1.703 2.014-2.322.853-.542 1.86-.852 3.176-.852 1.007 0 2.014.232 2.788.774.852.542 1.394 1.316 1.704 2.323.465-1.007 1.162-1.858 2.09-2.323.93-.542 1.937-.774 3.022-.774 3.562 0 5.344 1.858 5.344 5.574v10.762H78.31V35.768c0-1.316-.232-2.323-.774-3.02-.542-.696-1.472-1.006-2.788-1.006-.775 0-1.472.155-2.014.464-.542.31-.93.775-1.24 1.24-.31.54-.54 1.16-.696 1.857-.155.697-.155 1.394-.155 2.168v8.982H68.32V35.69c0-.542-.078-1.006-.155-1.548-.078-.465-.31-.852-.542-1.24-.233-.386-.62-.618-1.007-.85-.388-.233-.93-.31-1.472-.31-.774 0-1.47.155-2.09.464-.62.31-1.085.697-1.395 1.24-.388.54-.62 1.16-.853 1.857-.155.697-.232 1.47-.232 2.323v8.826H58.25V30.658h2.093zm35.47 5.574c-.155-.85-.465-1.548-.852-2.245-.386-.62-.928-1.16-1.548-1.626-.62-.386-1.394-.618-2.246-.618-.93 0-1.78.232-2.4.62-.698.386-1.162.928-1.627 1.625-.388.62-.698 1.394-.93 2.245-.155.852-.233 1.703-.233 2.478 0 .774.078 1.703.233 2.555.155.85.464 1.548.93 2.245.386.62.928 1.16 1.625 1.625.62.388 1.472.62 2.4.62.853 0 1.628-.232 2.247-.62.62-.387 1.085-.93 1.55-1.625.386-.62.696-1.394.85-2.245.156-.852.31-1.704.31-2.555 0-.852-.077-1.704-.31-2.478zM86.055 24v9.677c.155-.62.465-1.083.852-1.548.387-.465.774-.775 1.316-1.085.465-.31 1.007-.542 1.55-.697.54-.154 1.16-.232 1.703-.232 1.162 0 2.246.232 3.098.697.852.464 1.626 1.084 2.17 1.858.54.775 1.005 1.704 1.315 2.71.31 1.007.386 2.168.386 3.252 0 1.162-.155 2.245-.387 3.252-.31 1.006-.698 1.935-1.317 2.71-.62.774-1.317 1.393-2.17 1.858-.85.464-1.858.696-3.02.696-1.24 0-2.4-.31-3.33-.93-1.006-.618-1.703-1.47-2.168-2.63v3.096H83.73V24h2.325zm25.79 6.89c.93.465 1.78 1.084 2.4 1.858.62.775 1.162 1.704 1.472 2.71.31 1.007.542 2.168.542 3.252 0 1.16-.156 2.245-.543 3.33-.31 1.005-.852 1.934-1.472 2.708-.697.775-1.47 1.394-2.4 1.858-.93.465-2.09.697-3.33.697-1.24 0-2.324-.232-3.33-.697-.93-.464-1.782-1.083-2.402-1.858-.62-.774-1.16-1.703-1.47-2.71-.31-1.006-.543-2.167-.543-3.328 0-1.162.155-2.245.542-3.252.31-1.006.852-1.935 1.47-2.71.62-.774 1.473-1.393 2.402-1.858.93-.464 2.09-.696 3.33-.696 1.24 0 2.324.232 3.33.696zm-5.73 1.47c-.698.388-1.24.93-1.705 1.55-.465.62-.775 1.393-1.007 2.245-.232.85-.31 1.703-.31 2.555 0 .85.078 1.703.31 2.555.232.85.542 1.548 1.007 2.245.464.62 1.007 1.16 1.704 1.548.697.387 1.47.62 2.4.62.93 0 1.704-.155 2.324-.62.697-.387 1.24-.93 1.704-1.548.464-.697.774-1.394 1.006-2.245.233-.852.388-1.704.388-2.555 0-.852-.155-1.704-.388-2.555-.232-.852-.542-1.55-1.006-2.245-.465-.62-1.007-1.162-1.704-1.55-.697-.386-1.472-.618-2.324-.618-.85 0-1.703.232-2.4.62zm22.768-1.47c.93.465 1.78 1.084 2.4 1.858.62.775 1.162 1.704 1.472 2.71.31 1.007.542 2.168.542 3.252 0 1.16-.154 2.245-.542 3.33-.31 1.005-.852 1.934-1.47 2.708-.698.775-1.473 1.394-2.402 1.858-.93.465-2.09.697-3.33.697-1.24 0-2.324-.232-3.33-.697-.93-.464-1.782-1.083-2.4-1.858-.62-.774-1.163-1.703-1.473-2.71-.31-1.006-.542-2.167-.542-3.328 0-1.162.155-2.245.542-3.252.31-1.006.852-1.935 1.472-2.71.62-.774 1.47-1.393 2.4-1.858.93-.464 2.092-.696 3.33-.696 1.24 0 2.324.232 3.33.696zm-5.73 1.47c-.698.388-1.24.93-1.705 1.55-.465.62-.774 1.393-1.007 2.245-.23.85-.31 1.703-.31 2.555 0 .85.08 1.703.31 2.555.234.85.543 1.548 1.008 2.245.465.62 1.007 1.16 1.704 1.548.697.387 1.47.62 2.4.62.93 0 1.705-.155 2.324-.62.697-.387 1.24-.93 1.704-1.548.465-.697.774-1.394 1.007-2.245.232-.852.387-1.704.387-2.555 0-.852-.155-1.704-.387-2.555-.233-.852-.542-1.55-1.007-2.245-.465-.62-1.007-1.162-1.704-1.55-.697-.386-1.47-.618-2.323-.618-.852 0-1.704.232-2.4.62zm15.024 8.905c.154.85.464 1.548.85 2.245.39.62.853 1.16 1.55 1.625.62.388 1.317.62 2.246.62.93 0 1.782-.232 2.4-.62.62-.387 1.163-.93 1.628-1.625.388-.62.698-1.394.853-2.245.154-.852.31-1.704.31-2.555 0-.852-.078-1.704-.31-2.478-.155-.85-.465-1.548-.852-2.245-.387-.62-.93-1.16-1.626-1.626-.697-.386-1.47-.618-2.4-.618-.853 0-1.627.232-2.247.62-.62.386-1.16.928-1.55 1.625-.386.62-.696 1.394-.85 2.245-.155.852-.233 1.703-.233 2.478 0 .774.078 1.703.233 2.555zm9.835 5.496l.155-3.095h-.155c-.232.54-.464 1.006-.852 1.47-.387.465-.852.852-1.316 1.162-.465.31-1.007.542-1.627.697-.542.154-1.084.232-1.703.232-1.162 0-2.17-.232-3.02-.697-.853-.465-1.55-1.085-2.17-1.86-.62-.773-1.006-1.702-1.316-2.71-.31-1.005-.387-2.09-.387-3.25 0-1.162.156-2.245.388-3.252.31-1.006.697-1.935 1.317-2.71.62-.774 1.316-1.393 2.168-1.858.852-.464 1.936-.696 3.098-.696.62 0 1.163.077 1.705.232.542.155 1.084.387 1.55.697.463.31.928.696 1.315 1.083.388.465.62.93.852 1.55V24h2.324v22.76h-2.324zm7.28-5.65c.155.85.465 1.625.93 2.245.387.697.93 1.24 1.626 1.626.62.465 1.394.62 2.323.62 1.395 0 2.48-.387 3.254-1.084.775-.774 1.317-1.703 1.627-2.942h2.324c-.465 1.78-1.24 3.252-2.323 4.18-1.16.93-2.787 1.472-4.88 1.472-1.315 0-2.477-.232-3.406-.697-.93-.465-1.704-1.085-2.324-1.86-.62-.773-1.006-1.702-1.316-2.71-.31-1.005-.465-2.09-.465-3.25 0-1.084.154-2.09.386-3.097.31-1.007.697-1.936 1.317-2.71s1.394-1.47 2.323-1.935c.93-.465 2.09-.774 3.408-.774 1.317 0 2.478.232 3.408.774.93.464 1.703 1.16 2.323 1.935.62.774 1.007 1.703 1.24 2.71.232 1.006.386 2.09.31 3.097h-12.392c0 .774.077 1.548.31 2.4zM26.872 24.348c1.042 4.164 5.357 2.98 5.357 2.98s45.925-4.334 35.625-4.49c-9.35-.104-25.11-2.04-34.17-1.72C42.076 15.092 67.29-3.12 59.57 1.16c-10.612 5.977-31.71 14.573-35.002 19.426-.31-1.404-1.708-1.696-1.708-1.696S-4.016 5.342 1.328 9.368C8.608 14.632 21.154 28.49 23.71 24c.312-.555.532-1.052.678-1.496.006.01.013.017.02.025.83 1.047 1.672 1.59 2.463 1.818zm137.79 10.8c-.23-.62-.54-1.238-1.005-1.703-.388-.542-.93-.93-1.55-1.24-.62-.308-1.316-.463-2.09-.463-.775 0-1.472.155-2.092.464-.62.31-1.084.697-1.548 1.24-.388.464-.775 1.083-1.007 1.702-.233.62-.465 1.317-.465 2.013h10.068c.078-.695-.077-1.392-.31-2.012zm5.732-4.954l5.034 14.245 4.957-14.246h2.014l-5.965 16.258h-2.09l-6.12-16.258h2.17z" fill="#736589" fill-rule="evenodd"/></symbol><symbol id="logo-firecreek" viewBox="0 0 165 39"><title>logo-firecreek</title><path d="M51.146 17.804c0 .35 0 .65-.05.898-.05.25-.1.45-.15.55-.05.148-.15.248-.2.298-.098.05-.198.1-.298.1h-7.43v6.184h6.98c.1 0 .2.05.3.1.1.05.15.15.2.3.05.148.1.348.15.547.05.25.05.5.05.85 0 .348 0 .647-.05.847-.05.25-.1.45-.15.598-.05.15-.15.25-.2.3-.1.05-.2.1-.3.1h-6.98v8.478c0 .15-.05.25-.1.35-.05.1-.2.148-.4.248-.2.05-.4.1-.698.15-.3.05-.648.05-1.097.05-.45 0-.798 0-1.097-.05-.3-.05-.55-.1-.698-.15-.2-.05-.3-.148-.4-.248-.1-.1-.1-.2-.1-.35V17.357c0-.5.15-.898.4-1.098.25-.25.598-.35.997-.35h10.673c.1 0 .2.05.3.1.1.05.15.15.2.3.048.15.098.35.148.6v.896zm7.38.25c0 .897-.198 1.496-.547 1.845-.35.348-1.05.498-2.046.498-.997 0-1.696-.15-1.995-.5-.35-.348-.5-.897-.5-1.745 0-.897.2-1.496.55-1.845.348-.35 1.046-.5 2.044-.5.997 0 1.645.15 1.995.5.298.3.497.898.497 1.746zm-.398 19.95c0 .098-.05.198-.1.298-.05.1-.2.15-.35.2-.148.05-.398.1-.697.15-.298.05-.647.05-1.046.05-.45 0-.798 0-1.047-.05-.3-.05-.5-.05-.7-.15-.148-.05-.298-.15-.348-.2-.05-.1-.1-.2-.1-.3v-15.66c0-.1.05-.2.1-.3.05-.098.2-.148.348-.248.15-.05.4-.1.7-.15.298-.05.647-.05 1.046-.05.45 0 .798 0 1.047.05.3.05.5.1.7.15.15.05.3.15.35.25.048.1.098.2.098.3v15.66zm13.566-14.165c0 .398 0 .747-.05 1.046 0 .25-.05.5-.1.65-.05.148-.1.248-.2.298-.1.05-.15.1-.3.1-.1 0-.198 0-.298-.05-.1-.05-.25-.1-.4-.15-.15-.05-.298-.1-.498-.15-.2-.05-.35-.05-.598-.05-.25 0-.5.05-.748.15-.25.1-.5.25-.748.45-.25.198-.55.498-.798.847-.3.35-.6.8-.898 1.297v9.726c0 .1-.05.2-.1.3-.05.1-.2.148-.35.198-.148.05-.398.1-.697.15-.298.05-.647.05-1.046.05-.45 0-.798 0-1.048-.05-.3-.05-.498-.05-.698-.15-.15-.05-.3-.148-.35-.198-.05-.1-.1-.2-.1-.3v-15.66c0-.1.05-.2.1-.3.05-.098.15-.148.3-.198.15-.05.35-.1.6-.15.248-.05.547-.05.896-.05.4 0 .7 0 .948.05.25.05.45.05.55.15.148.05.248.15.298.2.05.1.1.2.1.3v1.944c.4-.6.797-1.048 1.147-1.447.35-.398.698-.647 1.047-.896.35-.2.648-.35.997-.45.35-.1.65-.15 1-.15.148 0 .298 0 .498.05.2 0 .35.05.548.1.2.05.35.1.5.15.148.05.248.1.298.15.05.05.1.1.15.2.05.05.05.15.1.3 0 .1.05.298.05.547-.1.25-.1.55-.1 1zm15.86 5.884c0 .548-.1.947-.35 1.197-.25.25-.55.4-.998.4H76.73c0 .648.1 1.246.25 1.795.15.55.4.998.748 1.397.35.398.798.648 1.347.847.548.2 1.197.3 1.945.3s1.446-.05 2.044-.15c.6-.1 1.098-.25 1.497-.35.45-.15.8-.25 1.048-.35.3-.1.5-.15.698-.15.1 0 .2 0 .25.05.05.05.15.1.15.2.05.1.1.25.1.45s.05.448.05.747v.65c0 .198-.05.348-.05.448 0 .15-.05.25-.1.35-.05.098-.1.148-.2.248s-.3.2-.6.3c-.348.15-.747.25-1.296.398-.548.15-1.147.25-1.795.35-.698.1-1.396.15-2.144.15-1.396 0-2.593-.2-3.64-.55-1.047-.348-1.895-.896-2.593-1.594-.7-.7-1.197-1.596-1.547-2.694-.35-1.097-.498-2.344-.498-3.79 0-1.396.2-2.643.548-3.74.35-1.097.898-2.045 1.596-2.843.698-.8 1.546-1.348 2.494-1.796.997-.4 2.094-.6 3.34-.6 1.298 0 2.445.2 3.343.6.947.4 1.695.897 2.294 1.596.598.698 1.047 1.496 1.297 2.443.3.948.398 1.945.398 3.042v.65h-.15zm-4.29-1.297c.05-1.247-.2-2.194-.748-2.892-.55-.7-1.347-1.048-2.444-1.048-.55 0-1.047.1-1.446.3-.4.2-.748.498-1.048.847-.25.35-.498.748-.648 1.247-.15.5-.25 1-.25 1.547h6.584zm18.9 7.082c0 .298 0 .548-.048.747 0 .2-.05.4-.05.5-.05.148-.05.248-.1.348-.05.1-.15.2-.25.35-.15.15-.398.298-.698.498-.35.2-.748.35-1.147.498-.448.15-.896.25-1.395.35-.5.1-1.047.15-1.546.15-1.198 0-2.295-.2-3.193-.548-.948-.35-1.696-.948-2.344-1.646-.648-.748-1.097-1.596-1.446-2.693-.3-1.048-.5-2.245-.5-3.59 0-1.547.2-2.894.6-4.04.398-1.148.947-2.095 1.645-2.843.698-.75 1.546-1.297 2.494-1.646.947-.35 1.995-.55 3.142-.55.45 0 .947.05 1.396.1.45.1.848.2 1.247.35.4.15.75.3 1.048.45.3.148.55.298.65.448.148.15.198.25.248.3.05.1.1.198.1.348 0 .15.05.3.05.5 0 .198.05.448.05.747 0 .698-.05 1.147-.2 1.396-.1.25-.25.4-.45.4-.198 0-.398-.1-.647-.25-.2-.15-.5-.35-.8-.55-.298-.198-.647-.398-1.096-.547-.4-.15-.898-.25-1.496-.25-1.148 0-1.995.45-2.644 1.347-.598.898-.897 2.194-.897 3.89 0 .848.1 1.596.25 2.244.15.648.398 1.197.647 1.596.3.45.65.748 1.098.997.448.2.947.35 1.546.35.598 0 1.147-.1 1.546-.25.448-.2.798-.4 1.147-.598.35-.2.6-.4.8-.6.198-.198.398-.248.547-.248.1 0 .2.05.25.1.05.05.1.15.15.35.05.148.05.348.1.597.15.2.198.55.198.9zm12.32-11.67c0 .398 0 .747-.05 1.046 0 .25-.05.5-.1.65-.05.148-.1.248-.2.298-.1.05-.15.1-.3.1-.098 0-.198 0-.298-.05-.1-.05-.25-.1-.4-.15-.148-.05-.298-.1-.497-.15-.2-.05-.35-.05-.6-.05s-.5.05-.748.15c-.25.1-.5.25-.748.45-.25.198-.55.498-.798.847-.3.35-.598.8-.898 1.297v9.726c0 .1-.05.2-.1.3-.05.1-.2.148-.35.198-.148.05-.398.1-.697.15-.298.05-.647.05-1.046.05-.45 0-.798 0-1.047-.05-.3-.05-.5-.05-.7-.15-.148-.05-.298-.148-.348-.198-.05-.1-.1-.2-.1-.3v-15.66c0-.1.05-.2.1-.3.05-.098.15-.148.3-.198.148-.05.348-.1.597-.15.25-.05.55-.05.898-.05.4 0 .698 0 .947.05.25.05.45.05.55.15.148.05.248.15.298.2.05.1.1.2.1.3v1.944c.4-.6.798-1.048 1.147-1.447.35-.398.698-.647 1.047-.896.35-.2.65-.35.998-.45.35-.1.648-.15.997-.15.15 0 .298 0 .498.05.2 0 .35.05.548.1.2.05.35.1.5.15.15.05.248.1.298.15.05.05.1.1.15.2.05.05.05.15.1.3 0 .1.05.298.05.547-.1.25-.1.55-.1 1zm15.91 5.884c0 .548-.1.947-.35 1.197-.25.25-.55.4-.998.4h-9.475c0 .648.1 1.246.25 1.795.15.55.4.998.748 1.397.35.398.798.648 1.347.847.548.2 1.197.3 1.945.3s1.446-.05 2.045-.15c.598-.1 1.097-.25 1.496-.35.45-.15.8-.25 1.048-.35.3-.1.5-.15.698-.15.1 0 .2 0 .25.05.05.05.15.1.15.2.05.1.1.25.1.45s.05.448.05.747v.65c0 .198-.05.348-.05.448 0 .15-.05.25-.1.35-.05.098-.1.148-.2.248s-.3.2-.6.3c-.348.15-.747.25-1.295.398-.548.15-1.146.25-1.795.35-.698.1-1.396.15-2.144.15-1.396 0-2.593-.2-3.64-.55-1.047-.348-1.895-.896-2.593-1.594-.7-.7-1.197-1.596-1.546-2.694-.348-1.097-.498-2.344-.498-3.79 0-1.396.2-2.643.548-3.74.35-1.097.898-2.045 1.596-2.843.7-.8 1.546-1.348 2.494-1.796.997-.4 2.095-.6 3.34-.6 1.298 0 2.445.2 3.343.6.947.4 1.696.897 2.294 1.596.598.698 1.047 1.496 1.297 2.443.3.948.4 1.945.4 3.042v.65h-.15zm-4.34-1.297c.05-1.247-.2-2.194-.748-2.892-.55-.7-1.346-1.048-2.444-1.048-.548 0-1.047.1-1.446.3-.4.2-.748.498-1.047.847-.25.35-.5.748-.65 1.247-.15.5-.25 1-.25 1.547h6.584zm21.495 1.297c0 .548-.1.947-.35 1.197-.25.25-.55.4-.998.4h-9.475c0 .648.1 1.246.25 1.795.15.55.398.998.747 1.397.35.398.798.648 1.347.847.55.2 1.198.3 1.946.3s1.446-.05 2.045-.15c.6-.1 1.098-.25 1.497-.35.45-.15.798-.25 1.047-.35.3-.1.5-.15.698-.15.1 0 .2 0 .25.05.05.05.15.1.15.2.05.1.1.25.1.45s.05.448.05.747v.65c0 .198-.05.348-.05.448 0 .15-.05.25-.1.35-.05.098-.1.148-.2.248s-.3.2-.6.3c-.348.15-.747.25-1.295.398-.55.15-1.147.25-1.796.35-.697.1-1.395.15-2.143.15-1.397 0-2.594-.2-3.64-.55-1.048-.348-1.896-.896-2.594-1.594-.7-.7-1.197-1.596-1.546-2.694-.35-1.097-.5-2.344-.5-3.79 0-1.396.2-2.643.55-3.74.35-1.097.897-2.045 1.595-2.843.7-.8 1.546-1.348 2.494-1.796.997-.4 2.095-.6 3.34-.6 1.298 0 2.445.2 3.343.6.946.4 1.695.897 2.293 1.596.598.698 1.047 1.496 1.297 2.443.3.948.4 1.945.4 3.042v.65h-.15zm-4.29-1.297c.05-1.247-.2-2.194-.748-2.892-.55-.7-1.347-1.048-2.444-1.048-.548 0-1.047.1-1.446.3-.4.2-.748.498-1.047.847-.25.35-.5.748-.65 1.247-.148.5-.248 1-.248 1.547h6.583zm21.545 9.625c0 .1-.05.2-.1.3-.05.1-.2.15-.35.2-.15.05-.398.1-.697.1-.3.05-.698.05-1.147.05-.498 0-.847 0-1.146-.05-.3 0-.55-.05-.748-.1-.2-.05-.35-.15-.45-.2-.1-.1-.2-.2-.3-.35l-5.185-8.278v8.28c0 .098-.05.198-.1.298-.05.1-.198.15-.348.2-.15.05-.4.1-.698.15-.3.05-.65.05-1.048.05-.448 0-.798 0-1.047-.05-.3-.05-.5-.05-.7-.15-.15-.05-.298-.15-.348-.2-.05-.1-.1-.2-.1-.3v-23.09c0-.1.05-.2.1-.3.05-.1.2-.15.35-.25.148-.05.398-.1.697-.148.298-.05.647-.05 1.046-.05.45 0 .798 0 1.048.05.3.05.498.1.698.15.15.05.3.15.35.25.05.098.1.198.1.298v13.764l4.587-6.234c.1-.15.198-.25.298-.35.1-.098.25-.198.45-.248.2-.05.448-.1.697-.15.3-.05.65-.05 1.097-.05.45 0 .798 0 1.098.05.3.05.548.05.698.15.2.05.3.15.4.2.05.1.1.2.1.35 0 .198-.05.348-.15.547-.1.2-.2.4-.4.65l-4.538 5.186 5.286 8.23c.15.248.25.448.3.598.2.15.2.3.2.448zM7.458 18.004c0-6.384 5.187-11.57 11.57-11.57 3.89 0 7.282 1.895 9.377 4.837l5.236-3.74C30.35 2.993 25.014 0 18.98 0 9.003 0 .924 8.08.924 18.054V38.45h6.483l.05-20.446zm19.35 5.785c-1.745 2.393-4.588 3.94-7.73 3.94-5.336 0-9.625-4.29-9.625-9.626 0-5.337 4.29-9.626 9.625-9.626 3.242 0 6.085 1.596 7.83 3.99l-3.19 2.244c-1.05-1.446-2.744-2.344-4.64-2.344-3.19 0-5.785 2.594-5.785 5.785 0 3.192 2.594 5.786 5.785 5.786 1.896 0 3.59-.95 4.64-2.345l3.09 2.194z" fill="#736589" fill-rule="evenodd"/></symbol><symbol id="logo-maqe" viewBox="0 0 109 29"><title>logo-maqe</title><path d="M12.635 19.15h-.104L6.02.52H.625v23.423H4.09V12.558c0-2.554-.078-5.263-.26-8.18h.13l6.8 19.565h3.387l7.034-19.54h.13c-.05.39-.103 1.537-.155 3.387-.052 1.876-.078 3.387-.078 4.56v11.593h3.673V.52h-5.42l-6.695 18.63zM40.93.26l-8.78 23.526h4.037l2.293-6.513h8.962l2.345 6.513h4.064L45.1.26h-4.17zM39.6 13.99l2.11-6.096c.548-1.563.99-2.996 1.277-4.3.105.418.313 1.096.573 2.033.287.912.495 1.59.678 2.033l2.188 6.383H39.6v-.053zm55.52 6.41v-6.852h11.828v-3.36H95.12V4.063h12.766V.52H91.03v23.423h17.09V20.4h-13zm-11.96 2.5c-.728.365-1.406.834-2.03 1.277-1.07.756-2.007 1.407-2.997 1.407-.756 0-2.006-.65-3.1-1.224-.34-.183-.652-.34-.99-.52 2.188-.444 3.96-1.408 5.314-2.92 1.902-2.11 2.866-5.08 2.866-8.883 0-3.83-.938-6.8-2.84-8.885C77.483 1.042 74.798 0 71.307 0c-3.543 0-6.253 1.042-8.155 3.1-1.9 2.085-2.865 5.055-2.865 8.91 0 3.856.937 6.852 2.84 8.963.99 1.12 2.24 1.928 3.7 2.45-.47.18-.913.363-1.356.546-.702.285-1.354.572-2.03.754l-1.486.417.834 2.945 1.485-.417c.833-.234 1.615-.547 2.344-.86 1.33-.546 2.554-1.068 3.804-.99.86.053 2.033.678 3.206 1.277 1.485.782 3.022 1.59 4.533 1.59 1.98 0 3.464-1.043 4.767-1.98.573-.39 1.094-.782 1.64-1.043l1.382-.677-1.382-2.736-1.407.65zm-17.116-4.298c-1.172-1.485-1.745-3.674-1.745-6.565 0-2.866.572-5.055 1.744-6.54 1.173-1.485 2.892-2.24 5.21-2.24 2.268 0 3.987.755 5.133 2.24 1.147 1.485 1.72 3.674 1.72 6.54 0 2.917-.573 5.106-1.746 6.59-1.17 1.486-2.865 2.215-5.157 2.215-2.267 0-3.986-.755-5.16-2.24z" fill="#736589" fill-rule="evenodd"/></symbol><symbol id="logo-smartsoftasia" viewBox="0 0 195 49"><title>logo-smartsoftasia</title><path d="M76.85 27.003c-2.37 0-3.877-.43-4.954-1.15l.898-2.584c.682.466 1.83.932 3.34.932 1.974 0 3.195-1.22 3.195-3.087 0-1.508-.863-2.442-3.125-3.375-3.268-1.365-4.13-3.52-4.13-5.458 0-3.16 2.3-5.888 5.997-5.888 2.01 0 3.483.502 4.38 1.15l-.826 2.26c-.682-.43-1.795-.897-3.087-.897-1.832 0-2.874 1.15-2.874 2.908 0 1.76 1.293 2.55 3.016 3.304 3.914 1.65 4.524 3.876 4.524 5.78.072 3.554-2.62 6.103-6.355 6.103zm24.452-.287c-.036-.503-1.292-13.25-1.292-13.25-.108-1.256-.072-2.405-.072-2.405h-.072s-.215 1.15-.574 2.407c0 0-3.59 12.567-3.806 13.25h-2.083c-.215-.576-3.77-13.25-3.77-13.25-.36-1.257-.574-2.37-.574-2.37h-.11s.037 1.15-.07 2.37c0 0-1.257 12.674-1.293 13.25h-3.124l2.226-20h3.733l3.59 12.818c.36 1.292.54 2.226.54 2.226h.07s.145-.97.54-2.225L98.86 6.717h3.735l2.226 20h-3.518zm27.54 0l-5.674-9.084h-.07v9.084h-3.628V7.543c1.257-.647 3.16-1.15 5.458-1.15 4.99 0 7.396 2.334 7.396 6.07 0 3.015-2.19 5.097-5.35 5.277v.07l5.96 8.87h-4.093v.036zm-3.914-18.168c-.79 0-1.4.144-1.83.36v7.862c.214.072.824.144 1.363.144 2.838 0 4.238-1.544 4.238-4.237.036-2.8-1.04-4.13-3.77-4.13zm15.295.646v17.558h-3.698V9.194h-3.734V6.717h11.167v2.477h-3.734zm8.294 17.81c-2.37 0-3.877-.432-4.955-1.15l.898-2.585c.682.466 1.83.932 3.34.932 1.974 0 3.195-1.22 3.195-3.087 0-1.508-.862-2.442-3.124-3.375-3.266-1.365-4.128-3.52-4.128-5.458 0-3.16 2.298-5.888 5.996-5.888 2.01 0 3.483.502 4.38 1.15l-.825 2.26c-.683-.43-1.796-.897-3.088-.897-1.83 0-2.873 1.15-2.873 2.908 0 1.76 1.293 2.55 3.016 3.304 3.914 1.65 4.524 3.876 4.524 5.78.072 3.554-2.62 6.103-6.355 6.103zm15.116 0c-5.385 0-7.54-4.597-7.54-10.306 0-5.673 2.155-10.304 7.54-10.304 5.386 0 7.504 4.63 7.504 10.304 0 5.71-2.118 10.305-7.504 10.305zm0-18.133c-3.088 0-3.77 3.987-3.77 7.72 0 3.735.61 7.684 3.77 7.684s3.77-3.95 3.77-7.683c0-3.733-.682-7.72-3.77-7.72zm12.89.324v6.068h5.35v2.442h-5.35v9.048h-3.698v-20h9.73V9.23h-6.032v-.036zm14.578 0v17.558h-3.698V9.194h-3.734V6.717h11.203v2.477h-3.77zM79.186 42.154L78 38.458h-3.985l-1.22 3.698h-.863l3.77-10.88h.718l3.734 10.88h-.97zm-2.8-8.688c-.288-.898-.324-1.33-.324-1.33h-.035s-.07.432-.395 1.33l-1.436 4.416h3.59l-1.4-4.416zm14.36 8.868c-1.184 0-1.83-.25-2.368-.574l.287-.646c.43.287 1.04.502 1.975.502 1.435 0 2.332-.933 2.332-2.405 0-1.112-.61-1.76-2.082-2.333-1.867-.682-2.37-1.83-2.37-2.872 0-1.544 1.113-2.91 2.873-2.91.897 0 1.615.253 2.082.576l-.25.575c-.396-.25-1.007-.538-1.76-.538-1.33 0-2.047.897-2.047 2.262 0 1.29.97 1.83 1.975 2.19 2.19.79 2.513 2.117 2.513 2.98-.036 1.902-1.364 3.194-3.16 3.194zm12.46-.18V31.277h.898v10.88h-.898zm16.947 0l-1.184-3.697h-3.986l-1.22 3.698h-.862l3.77-10.88h.718l3.734 10.88h-.97zM10.625 27.195V34l-.522.174L31.625 42v7l-31-12 1-.333V11l1.364.455L31.624 0v7l-21 8v6l21.42 7.79 3.58-1.79 9 3-12 4.615V35l-.52-.185-.48.185v-.355l-21-7.45zm42-6.065V15l.522-.174L31.625 7V0l31 12-1 .333v12.28l1 .387-1 .333v11.334l1 .333-31 12v-7l21.522-7.826-.522-.174v-6.364l-21-7.636v-7l21 8.13zm64.727 12.336c-.287-.898-.323-1.33-.323-1.33h-.037s-.072.432-.395 1.33l-1.436 4.416h3.59l-1.4-4.416zm-3.52-26.75h-3.482l-6.642 20h3.303l1.617-5.135h4.31l-.576-2.153h-3.16l2.73-9.443h.036l4.668 16.732h3.806l-6.607-20zM27.626 21l4-2v-6l-13 5 9 3z" fill="#736589" fill-rule="evenodd"/></symbol><symbol id="logo" viewBox="0 0 196 132"><title>logo</title><g fill="none" fill-rule="evenodd"><path d="M64 0h65.703v65.57H64V0zm65.703 65.57L96.85 32.783V65.57h32.853zM64 65.57l32.85-32.786V65.57H64z" fill="#4B80EB"/><path d="M163 66l-33-33v33h33z" fill="#6213BA"/><path d="M64 0l33 33H64V0zm0 66l33-33H64v33z" fill="#73C547"/><path d="M130 0L97 33h33V0zm0 66L97 33h33v33z" fill="#9246E7"/><path d="M130 0L97 33V0h33zM64 0l33 33V0H64z" fill="#6B8CF7"/><text font-family="Avenir Next Condensed" font-size="44" font-style="condensed" font-weight="420" fill="#FFF" transform="translate(-4)"><tspan x="1.114" y="130.431">MORPHOSIS</tspan></text></g></symbol></svg>

Gulp task

gulp.task('svgstore', function () {
    return gulp
        .src(config.srcDir + '/svg/*.svg')
        .pipe(svgmin(function (file) {
            var prefix = path.basename(file.relative, path.extname(file.relative));
            return {
                plugins: [{
                    cleanupIDs: {
                        prefix: prefix + '-',
                        minify: false
                    }
                }]
            }
        }))
        .pipe(svgstore({
            inlineSvg: true
        }))
        .pipe(gulp.dest(config.distDir + '/images'));
});
w0rm commented 9 years ago

@SiamKreative the <defs> section is missing from the result svg, and I don't really know why, it has to be there. Maybe you have additional transformation that removes it?

I tried to use your original icon, and everything worked for me. Here is my code with your icon: https://github.com/w0rm/svgstoretest

siamkreative commented 9 years ago

Thanks for putting together this example. This should help me spot the issue ;) I will get back to you asap.

w0rm commented 8 years ago

@SiamKreative have you figured it out?

siamkreative commented 8 years ago

Not entirely. If I disable my project's stylesheet then the SVGs show up. Now trying to narrow down the issue...

siamkreative commented 8 years ago

Stupid me! Finally figured out what was wrong with my setup.

Instead of using the code you provided:

<!-- Include SVG Sprite -->
<div style="position: absolute; visibility: hidden; clip: rect(0, 0, 0, 0);"><!-- inject:svg --><!-- endinject --></div>

I wanted to use the built-in Bootstrap class .hidden:

<!-- Include SVG Sprite -->
<div class="hidden"><!-- inject:svg --><!-- endinject --></div>

But what this class does is .hidden { display: none !important; }...

Sorry for the trouble, and thanks a bunch for everything.

w0rm commented 8 years ago

@SiamKreative yeah, combined svg should be visually hidden! If you think that readme isn't obvious feel free to send a pull request!

siamkreative commented 8 years ago

Hi again...

After reading this article, I decided to switch from inline SVG to external reference. But, I'm facing a new issue, somehow related to Sketch.

The SVG don't show up because the sprite contains "errors". This is what I see when I open the SVG sprite in my browser:

Without svgmin()

This page contains the following errors: error on line 121 at column 101: Namespace prefix sketch for type on g is not defined

gulp.task('svg', function () {
    var svgs = gulp
        .src('src/svg/*.svg')
        // .pipe(svgmin())
        .pipe(svgstore())
        .pipe(gulp.dest(config.distDir + '/images/'));
});

With svgmin()

This page contains the following errors: error on line 1 at column 7497: Namespace prefix xlink for href on use is not defined

gulp.task('svg', function () {
    var svgs = gulp
        .src('src/svg/*.svg')
        .pipe(svgmin())
        .pipe(svgstore())
        .pipe(gulp.dest(config.distDir + '/images/'));
});

Is there a way to automatically fix those problematic SVG files? Or I have to go through each file manually? I tried using https://github.com/overblog/gulp-clean-sketch but it doesn't work at all.

w0rm commented 8 years ago

It complains about missing namespace declarations. gulp-svgstore tries to move all namespaces from source svgs to the combined file https://github.com/w0rm/gulp-svgstore/blob/master/index.js#L76 so generally it shouldn't happen. Can you give an example of the source svg that I can check?

siamkreative commented 8 years ago 
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="96px" height="96px" viewBox="0 0 96 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
    <!-- Generator: bin/sketchtool 1.4 (305) - http://www.bohemiancoding.com/sketch -->
    <title>icon-about</title>
    <desc>Created with bin/sketchtool.</desc>
    <defs>
        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.35 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix>
            <feMerge>
                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
                <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
        </filter>
    </defs>
    <g id="Home" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
        <g id="Home---Web" sketch:type="MSArtboardGroup" transform="translate(-672.000000, -4908.000000)">
            <g id="icon-about" sketch:type="MSLayerGroup" transform="translate(680.000000, 4914.000000)">
                <circle id="Oval-72-Copy-3" stroke="#756196" fill="#44355C" filter="url(#filter-1)" sketch:type="MSShapeGroup" cx="40" cy="40" r="40"></circle>
                <path d="M41.3966328,44.1138304 C39.8551167,43.206765 37.7624757,42.3046351 36.2309026,40.6371579 L36.2309026,39.8598244 C36.9421804,39.0366617 37.4783907,38.0865875 37.8434399,36.9799889 C37.8952854,36.8217019 37.9442901,36.6605947 37.9890335,36.4963147 C38.3615399,36.3062999 38.6651557,35.8007687 38.7333361,35.1806646 C38.756418,34.9744333 38.7514465,34.7749 38.7226829,34.5905257 C38.6740334,34.2834702 38.5596892,34.0194235 38.3995363,33.8371644 C38.4314958,33.2498458 38.4325612,32.6293891 38.405218,31.9754419 C38.3839116,31.4667379 38.3448499,30.9379396 38.2862574,30.3858742 C38.271698,30.2494443 38.2535876,30.1183023 38.2312159,29.9910382 C37.67654,26.8164858 34.7667997,26.5030847 33.661354,26.5002644 C33.6169657,26.4999119 32.8520669,26.4999119 32.8080338,26.5002644 C31.7025881,26.5027321 28.7928477,26.8164858 28.2381718,29.9910382 C28.2161552,30.1179498 28.1976897,30.2494443 28.1831304,30.3858742 C28.1248929,30.9379396 28.0861864,31.4663854 28.0641698,31.9754419 C28.0361164,32.6293891 28.0375368,33.2501983 28.0698515,33.8371644 C27.9093435,34.0194235 27.7946442,34.2834702 27.7470599,34.5905257 C27.7179412,34.7749 27.7129697,34.9740807 27.7356965,35.1806646 C27.8045871,35.8007687 28.1071376,36.3066524 28.4799992,36.4963147 C28.5701961,36.8255798 28.6742423,37.1410961 28.7928477,37.4446263 C29.1472437,38.3555695 29.6287678,39.1540549 30.2384852,39.8598244 L30.2384852,40.6368053 L30.2384852,40.6371579 C27.509849,43.6075941 23,44.1490836 23,46.6168089 L23,49.3073346 C23,49.6376573 23.2695256,49.9059343 23.6026153,49.9059343 L34.0438034,49.9059343 C34.4706411,47.5203489 38.2841268,46.5692171 41.3966328,44.1138304 Z M49.1841121,43.5088851 L49.1794957,42.3483491 C50.8325152,42.5626887 54.201763,41.3679571 54.201763,41.3679571 C53.0597414,40.2084787 52.8012241,38.8551076 52.0512397,33.5442101 C51.3016105,28.2329601 46.6525599,28.2826672 46.3024252,28.2826672 C45.9526455,28.2826672 41.3032398,28.2329601 40.5536106,33.5442101 C39.8036263,38.8547551 39.545464,40.2084787 38.4030873,41.3679571 C38.4030873,41.3679571 41.7726902,42.5626887 43.4253546,42.3483491 L43.4207382,43.5088851 C40.4801036,46.71023 35.6041401,47.2940233 35.6044952,49.9542312 L35.6044952,52.8548661 C35.6044952,53.2109236 35.8953272,53.5 36.2539845,53.5 L46.2871556,53.5 L46.3173396,53.5 L56.3505107,53.5 C56.709168,53.5 57,53.2109236 57,52.8548661 L57,49.9542312 C57.0007102,47.2940233 52.1247467,46.71023 49.1841121,43.5088851 Z" id="Shape" fill="#9E91B2" sketch:type="MSShapeGroup"></path>
            </g>
        </g>
    </g>
</svg>
w0rm commented 8 years ago

Does your result file have namespaces? e.g. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">

w0rm commented 8 years ago

It works for me without errors in console:

screen shot 2015-11-05 at 11 04 48

Chrome doesn't show circle because it links to a filter object from inside the combined file, and this doesn't work in Chrome just as mentioned in this issue https://github.com/w0rm/gulp-svgstore/issues/56

Combined file:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">

  <defs>
        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.35 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"/>
            <feMerge>
                <feMergeNode in="shadowMatrixOuter1"/>
                <feMergeNode in="SourceGraphic"/>
            </feMerge>
        </filter>
    </defs>

    <symbol id="test" viewBox="0 0 96 96">
    <!-- Generator: bin/sketchtool 1.4 (305) - http://www.bohemiancoding.com/sketch -->
    <title>icon-about</title>
    <desc>Created with bin/sketchtool.</desc>

    <g id="Home" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
        <g id="Home---Web" sketch:type="MSArtboardGroup" transform="translate(-672.000000, -4908.000000)">
            <g id="icon-about" sketch:type="MSLayerGroup" transform="translate(680.000000, 4914.000000)">
                <circle id="Oval-72-Copy-3" stroke="#756196" fill="#44355C" filter="url(#filter-1)" sketch:type="MSShapeGroup" cx="40" cy="40" r="40"/>
                <path d="M41.3966328,44.1138304 C39.8551167,43.206765 37.7624757,42.3046351 36.2309026,40.6371579 L36.2309026,39.8598244 C36.9421804,39.0366617 37.4783907,38.0865875 37.8434399,36.9799889 C37.8952854,36.8217019 37.9442901,36.6605947 37.9890335,36.4963147 C38.3615399,36.3062999 38.6651557,35.8007687 38.7333361,35.1806646 C38.756418,34.9744333 38.7514465,34.7749 38.7226829,34.5905257 C38.6740334,34.2834702 38.5596892,34.0194235 38.3995363,33.8371644 C38.4314958,33.2498458 38.4325612,32.6293891 38.405218,31.9754419 C38.3839116,31.4667379 38.3448499,30.9379396 38.2862574,30.3858742 C38.271698,30.2494443 38.2535876,30.1183023 38.2312159,29.9910382 C37.67654,26.8164858 34.7667997,26.5030847 33.661354,26.5002644 C33.6169657,26.4999119 32.8520669,26.4999119 32.8080338,26.5002644 C31.7025881,26.5027321 28.7928477,26.8164858 28.2381718,29.9910382 C28.2161552,30.1179498 28.1976897,30.2494443 28.1831304,30.3858742 C28.1248929,30.9379396 28.0861864,31.4663854 28.0641698,31.9754419 C28.0361164,32.6293891 28.0375368,33.2501983 28.0698515,33.8371644 C27.9093435,34.0194235 27.7946442,34.2834702 27.7470599,34.5905257 C27.7179412,34.7749 27.7129697,34.9740807 27.7356965,35.1806646 C27.8045871,35.8007687 28.1071376,36.3066524 28.4799992,36.4963147 C28.5701961,36.8255798 28.6742423,37.1410961 28.7928477,37.4446263 C29.1472437,38.3555695 29.6287678,39.1540549 30.2384852,39.8598244 L30.2384852,40.6368053 L30.2384852,40.6371579 C27.509849,43.6075941 23,44.1490836 23,46.6168089 L23,49.3073346 C23,49.6376573 23.2695256,49.9059343 23.6026153,49.9059343 L34.0438034,49.9059343 C34.4706411,47.5203489 38.2841268,46.5692171 41.3966328,44.1138304 Z M49.1841121,43.5088851 L49.1794957,42.3483491 C50.8325152,42.5626887 54.201763,41.3679571 54.201763,41.3679571 C53.0597414,40.2084787 52.8012241,38.8551076 52.0512397,33.5442101 C51.3016105,28.2329601 46.6525599,28.2826672 46.3024252,28.2826672 C45.9526455,28.2826672 41.3032398,28.2329601 40.5536106,33.5442101 C39.8036263,38.8547551 39.545464,40.2084787 38.4030873,41.3679571 C38.4030873,41.3679571 41.7726902,42.5626887 43.4253546,42.3483491 L43.4207382,43.5088851 C40.4801036,46.71023 35.6041401,47.2940233 35.6044952,49.9542312 L35.6044952,52.8548661 C35.6044952,53.2109236 35.8953272,53.5 36.2539845,53.5 L46.2871556,53.5 L46.3173396,53.5 L56.3505107,53.5 C56.709168,53.5 57,53.2109236 57,52.8548661 L57,49.9542312 C57.0007102,47.2940233 52.1247467,46.71023 49.1841121,43.5088851 Z" id="Shape" fill="#9E91B2" sketch:type="MSShapeGroup"/>
            </g>
        </g>
    </g>
</symbol></svg>
siamkreative commented 8 years ago

Hi again Andrey,

I'm having another issue with svgstore. This SVG file is generated with Sketch. It renders perfectly well when I open it in the browser, but it look "broken" once it's processed by svgstore (highlighted in red):

image

image Link to original SVG file.

I did a test based on the project that you sent me by email, and I can see the glitch there as well, so I guess it's not a conflict with another gulp plugin.

w0rm commented 8 years ago

@SiamKreative you link to mask="url(#mask-2)" and mask-2 is not inside <defs> section.

w0rm commented 8 years ago

@SiamKreative I suggest you to avoid all internal links in your svgs, I guess you should be able to expand all the masks.