123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

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

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

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

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

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

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

            
              <h2>SVG with filter and Animation results in pixelated SVG</h2>
<p>
 When applying a scale (or rotateX/Y) transform on an SVG that was never visible on the current page (visibility: hidden or opacity:0) and contains a filter, 
Safari will render the SVG with the transformed size it had when emerging to visibility.
</p>
<p>
  If the opacity and animation are directly on the SVG, it will repaint at the end of the animation, if it is on a parent it will remain pixelated.
</p>
<p>
  <a href="https://bugs.webkit.org/show_bug.cgi?id=199706" target="_blank">https://bugs.webkit.org/show_bug.cgi?id=199706</a>
  <hr/>
</p>
<button id="animate">Re-Animate!</button>
<div id="stage">

  <div class="svg-wrapper">
    <h3>Complex Filter</h3>
    <svg class="svg-content animate" preserveAspectRatio="xMidYMid meet" data-viewBox="20.996 10.002 158.004 180" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <filter x="-10" y="-10" width="220" height="220" filterUnits="userSpaceOnUse" id="comp-shadow">
            <feGaussianBlur stdDeviation="6" in="SourceAlpha"></feGaussianBlur>
            <feOffset dx="0" dy="0"></feOffset>
            <feColorMatrix type="matrix" values="0 0 0 0 0
                 0 0 0 0 0
                 0 0 0 0 0
                 0 0 0 1 0"></feColorMatrix>
            <feMerge>
              <feMergeNode></feMergeNode>
              <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
          </filter>        
        </defs>
        <g filter="url(#comp-shadow)">
          <path d="M178.572 102.788c-.361-1.976-.292-3.988-.49-5.972-.104-1.734-.545-3.41-.888-5.099-.731-3.3-2.392-6.358-2.695-9.756-.306-2.718-1.782-5.075-2.997-7.452-.898-1.787-2.033-3.435-2.907-5.226-2.586-5.616-6.634-10.481-11.339-14.432-1.188-1.131-2.213-2.439-3.556-3.39-2.417-1.754-5.068-3.14-7.499-4.861-1.519-1.078-3.264-1.738-4.905-2.57-1.604-.816-3.233-1.582-4.932-2.152-1.557-.525-2.899-1.488-4.332-2.25-1.102-.603-2.366-.758-3.564-1.054-1.649-.361-3.119-1.271-4.789-1.529-3.931-.689-7.85-1.734-11.872-1.631-.629.02-1.355-.074-1.637-.709-1.261-2.296-1.384-4.997-2.162-7.464-.939-2.763-.551-5.71-.994-8.551-.319-1.799.222-3.578.257-5.37-.616-1.021-1.829-1.586-2.972-1.709-.898 1.053-1.686 2.193-2.617 3.218-2.172 2.377-4.127 4.976-6.618 7.038-1.061-.312-1.931-1.074-2.574-1.939-1.267-1.713-2.351-3.583-3.856-5.103-1.033-1.041-1.839-2.263-2.693-3.431-.727-1.025-2.088-1.578-3.305-1.336-.874.291-1.521 1.082-1.69 1.984-.539 2.357-.747 4.78-1.274 7.136-.506 2.107-.521 4.443-1.86 6.251-1.264-.644-2.337-1.57-3.472-2.378-1.441-1.082-3.037-1.914-4.523-2.91-.663-.434-1.39-.951-2.213-.721-.888.16-2.062.303-2.47 1.23-.3 1.988.18 3.993.249 5.989.039 1.988.198 3.968.502 5.935.359 2.23.104 4.505.539 6.731.037.693.335 1.496-.041 2.148-1.433 1.058-3.09 1.775-4.55 2.796-1.541.873-2.609 2.349-4.097 3.292-1.396.894-2.894 1.648-4.121 2.779-1.956 1.746-3.864 3.57-5.411 5.702-1.421 1.849-3.205 3.378-4.564 5.276-2.768 3.419-4.795 7.345-7.042 11.112a71.582 71.582 0 0 0-3.223 6.296c-.896 2.078-2.349 3.861-3.172 5.98-.782 2.013-2.056 3.767-2.954 5.722-.669 1.398-.951 2.939-1.49 4.386-.792 2.238-2.013 4.32-2.535 6.649-.555 2.316-1.129 4.632-1.4 7.001-.755 5.333-1.347 10.834-.128 16.146.598 2.808 2.111 5.308 2.766 8.108.341 1.484.621 3 1.188 4.435.723 2.037 1.984 3.824 2.735 5.857.639 1.672 1.77 3.078 2.768 4.554 1.89 2.808 4.213 5.288 6.66 7.62 1.998 1.943 4.705 2.812 7.126 4.099 2.135 1.156 4.609 1.361 6.852 2.246 1.109.443 2.284.713 3.489.803.596.107 1.4-.008 1.813.59.592.828.9 1.824 1.323 2.758.741 1.82 2.192 3.201 3.276 4.816 1.529 2.242 3.299 4.39 5.558 5.931 2.029 1.349 3.752 3.095 5.673 4.591 1.704 1.312 3.797 1.947 5.615 3.083 2.521 1.586 5.43 2.332 8.177 3.414 1.817.742 3.764 1.045 5.713 1.185 2.078.098 4.027 1.058 6.134.996 3.417-.008 6.826.254 10.243.32 1.508.07 2.907-.537 4.262-1.123 1.049-.488 2.217-.176 3.327-.262 1.321-.074 2.556-.603 3.809-1.008 1.751-.627 3.593-1.045 5.211-2.005 2.615-1.529 5.513-2.75 7.571-5.058 2.041-2.205 4.083-4.419 6.03-6.706 1.208-1.795 2.909-3.349 3.47-5.505.51-1.816 1.28-3.538 1.968-5.28.917-2.365 1.582-4.825 2.415-7.218.48-1.516 1.594-2.722 2.778-3.738 1.629-1.402 3.874-1.656 5.626-2.865a100.341 100.341 0 0 1 3.476-2.238c2.023-1.139 2.894-3.419 4.35-5.116 1.5-2.177 3.746-3.681 5.238-5.861 2.045-2.927 4.127-5.845 5.728-9.051.771-1.615 1.139-3.382 1.77-5.05.553-1.648 1.496-3.185 1.639-4.952.139-1.701.298-3.41.835-5.038.911-2.957.84-6.125.264-9.134zm-11.004-26.615c-1.89-3.607-3.419-7.452-6.001-10.645 2.584 3.193 4.11 7.038 6.001 10.645zm-65.234 87.44c-1.372.668-3.523.574-5.229.275 1.706.299 3.858.394 5.229-.279 1.329-.612 1.879-1.49 1.961-2.404-.082.914-.632 1.794-1.961 2.408zm29.953-93.42c.847-.373 1.449-1.176 1.825-2.013-.376.836-.978 1.64-1.825 2.017-.773.131-1.478-.316-2.157-.553.679.237 1.383.684 2.157.549zm8.443 19.634zm-88.082-8.106zm-4.925-.03zm-1.5 5.173a3.38 3.38 0 0 0-1.135 2.151c.455.729 1.14 1.33 1.945 1.643-.805-.313-1.491-.914-1.947-1.643.093-.82.51-1.611 1.137-2.151zm.536 20.302c1.049-.311 2.17-.18 3.238-.447-1.066.267-2.188.135-3.238.447zm12.415-10.461zm3.879-6.05c1.947-.865 4.007-1.533 5.762-2.779-1.753 1.246-3.815 1.914-5.762 2.779zm77.397-5.151zm-89.485 61.91c-.349-1.422-.945-2.796-.994-4.275.048 1.48.644 2.849.994 4.275zm-24.344-20.696c-.602-1.156-.911-2.426-1-3.71-.133-1.939-.772-3.832-.6-5.788-.172 1.955.469 3.849.6 5.788.089 1.284.4 2.554 1 3.71 1.655 3.324 2.233 7.05 3.739 10.44-1.508-3.39-2.084-7.116-3.739-10.44zm9.026 19.794c-1.068-.858-1.666-2.084-2.286-3.28.62 1.196 1.218 2.423 2.288 3.28 1.827 1.443 3.013 3.521 4.846 4.96-1.833-1.439-3.019-3.517-4.848-4.96zm114.607.058c3.233-1.082 6.238-2.992 8.394-5.673-2.156 2.68-5.161 4.595-8.394 5.673zm23.327-33.01c.353-1.775 1.09-3.472 1.182-5.292-.092 1.821-.827 3.518-1.182 5.292z" fill="#000010" data-color="1"></path>
          <path d="M84.459 18.705c.439-.361 1.082-.291 1.455.16 2.954 2.336 4.299 6.038 7.046 8.579.735.639 1.535 1.558 2.629 1.406 1.041-1.361 1.751-2.972 3.001-4.181 1.168-1.164 2.066-2.578 3.248-3.73.157-.012.468-.041.629-.058.663 2.591.529 5.288.965 7.911.355 2.369 2.156 4.3 2.213 6.739-3.319 1.283-6.887 1.767-10.32 2.652-2.741.779-5.587 1.107-8.263 2.103-.963.435-1.968.033-2.927-.127-1.076-.23-2.119.262-3.164.389-1.561.267-3.111-.389-4.662-.123-1.78.283-3.474 1.148-5.305 1.013-.682-3.624-.414-7.341-.765-10.998-.139-1.59-.447-3.168-.365-4.763 1.598.053 2.721 1.357 3.866 2.324 1.553 1.312 2.831 2.931 4.472 4.144.484.328 1.037.791 1.688.66 1.417-1.873 2.364-4.074 3.035-6.321.539-2.509.363-5.152 1.266-7.583l.258-.196z" fill="#FBEC52" clip-rule="evenodd" fill-rule="evenodd" data-color="2"></path>
          <path d="M111.154 39.905c.969-.271 2.002-.221 3.017-.225 3.194.168 6.436.475 9.465 1.578 1.396.623 2.707 1.451 4.205 1.832 2.784.721 5.295 2.201 8.085 2.922 1.374.377 2.709.935 3.913 1.73 1.864 1.205 3.938 2.058 5.738 3.382 3.225 2.054 6.689 3.923 9.184 6.907.914 1.119 1.957 2.127 3.078 3.05 1.521 1.226 2.494 2.955 3.727 4.448 2.582 3.193 4.111 7.038 6.001 10.645 1.617 3.07 3.405 6.235 3.605 9.784.106 1.677.527 3.324 1.053 4.923a30.026 30.026 0 0 1 1.506 7.239c.286 3.39 1.168 6.726 1.031 10.149-.092 1.82-.829 3.517-1.182 5.292-.359 1.615-.431 3.279-.829 4.89-.347 1.426-1.016 2.755-1.404 4.169-.87 3.624-3.274 6.575-5.507 9.452-.955 1.267-1.515 2.82-2.68 3.935-1.59 1.549-3.146 3.136-4.513 4.89-2.155 2.681-5.16 4.591-8.393 5.673.641-3.16 1.029-6.358 1.576-9.526.29-1.623.119-3.328.625-4.902.792-1.455 2.501-1.947 3.878-2.672 2.625-1.271 4.201-3.89 5.462-6.407.921-1.783.8-3.849.857-5.788.078-2.23-.641-4.374-1.049-6.538-.516-2.644-2.37-4.841-4.623-6.189-1.415 0-2.803.529-4.211.283-.425-1.672-.549-3.427-.476-5.144.063-1.537.957-2.874 1.102-4.39a2.179 2.179 0 0 0-.743-1.131c-1.264-.188-2.533.021-3.791-.053-1.686-.094-3.388-.5-5.052-.09-1.504.344-2.956.935-4.505 1.017-2.059.098-4.17.348-6.185-.23-3.078-.807-6.066-1.91-9.114-2.808-2.366-.672-4.583-1.755-6.865-2.644-1.319-.512-2.48-1.312-3.637-2.082-1.327-.931-3.021-1.263-4.121-2.5-2.603-2.73-5.66-5.112-7.522-8.464-1.135-2.144-2.492-4.206-3.16-6.563-.543-1.652-1.082-3.312-1.274-5.042-.406-2.878-.923-5.96-2.878-8.227-1.343-.508-2.841.672-3.315 1.869-.243 3.382-.447 6.808-1.431 10.075-.717 2.39-1.025 4.89-1.929 7.226-.625 1.64-1.56 3.14-2.262 4.747-.771 1.672-1.427 3.443-2.564 4.911-2.294 2.377-4.738 4.698-7.696 6.222-2.113 1.295-4.53 1.906-6.76 2.931a27.353 27.353 0 0 1-12.664 2.234c-1.368-.307-2.405-1.349-3.666-1.881-.71.328-1.38.857-1.698 1.582-.237.865-.018 1.812.363 2.615.529.619 1.233 1.066 1.823 1.652-.176 1.349-2.019 1.779-2.166 3.169-.241.947-.216 1.968-.588 2.89-1.068.267-2.188.135-3.238.447-1.592.324-2.95 1.271-4.233 2.213-1.204.853-1.67 2.34-2.158 3.669-.504 1.631-1.072 3.242-1.617 4.861-.669 1.951-.474 4.05-.224 6.062.343 1.857.439 3.784 1.133 5.562.31.885 1.192 1.336 1.982 1.746 1.067.504 2.166.971 3.292 1.353 1.335.475 2.809.32 4.146.832.917 3.144.682 6.444.89 9.673.049 1.48.645 2.853.994 4.275.396 1.635.739 3.296 1.335 4.874.523 1.402 1.115 2.828 1.143 4.349a24.916 24.916 0 0 1-3.546-.201c-2.051-.377-3.766-1.635-5.566-2.603-1.321-.717-2.686-1.385-3.835-2.361-1.833-1.439-3.019-3.517-4.846-4.96-1.427-1.144-2.015-2.943-2.933-4.452-.943-1.558-1.658-3.234-2.356-4.903-1.506-3.39-2.084-7.116-3.739-10.44-.6-1.156-.91-2.427-1-3.71-.131-1.939-.772-3.832-.6-5.788.133-1.926.163-3.845.214-5.771.049-2.103.88-4.066 1.302-6.103.329-1.607.786-3.193 1.578-4.636 1.666-3.123 1.686-6.849 3.509-9.899 2.368-3.927 3.968-8.272 6.412-12.154 1.143-1.881 1.535-4.136 2.858-5.919 1.655-2.283 2.609-4.993 4.333-7.226 1.015-1.303 2.062-2.578 3.235-3.738 1.915-1.91 3.548-4.099 5.615-5.853 1.852-1.553 3.464-3.382 5.415-4.824 2.119-1.578 4.164-3.353 6.659-4.32 1.833-.766 3.858-.758 5.797-1.062 2.066-.25 4.14-.767 6.238-.463 1.841.324 3.662-.39 5.511-.172 1.627.127 3.272.611 4.915.246 2.643-.402 4.764-2.312 7.41-2.701 3.011-.603 5.985-1.365 8.945-2.189 1.38-.508 2.507.697 3.776.976.868-.392 1.542-1.113 2.413-1.507zm2.362 15.609a3.52 3.52 0 0 0-.976 1.455c.274 1.267 1.221 2.324 1.245 3.665.057 1.484-.155 3.025.367 4.464.71 2.094 1.178 4.316 2.354 6.23 1.139 1.927 2.925 3.341 4.676 4.689 3.782 2.73 8.451 3.574 12.888 4.632 1.274.229 2.643.365 3.903-.078 1.311-1.303.902-3.689-.275-4.939-3.084-1.139-6.563.152-9.59-1.279-2.468-1.127-5.154-2.111-7.02-4.169-1.523-1.939-2.249-4.341-3.135-6.604-1.002-2.23-.239-4.755-.974-7.038-.563-1.269-2.31-1.368-3.463-1.028zm10.904 1.824c-.731.385-1.376 1.111-1.323 1.996.014 1.713.694 3.333 1.337 4.902.492 1.07.925 2.213 1.733 3.107 1.172.98 2.56 1.689 3.962 2.3.68.238 1.384.685 2.158.553.847-.377 1.449-1.18 1.825-2.017.4-1.225-.198-2.804-1.476-3.201-1.427-.619-3.323-.578-4.227-2.029-.778-1.607-.698-3.615-1.955-4.976-.519-.487-1.336-1.049-2.034-.635zm-18.808.324c-.145.082-.441.242-.588.324-.278 1.197-.298 2.439-.627 3.628-.839 2.746-.712 5.776.272 8.464.476 1.34.88 2.71 1.311 4.074.478 1.492 1.445 2.751 2.286 4.062 1.012 1.541 2.041 3.177 3.682 4.136 2.331 1.295 4.532 2.886 7.116 3.677 2.192.689 4.156 1.939 6.324 2.709 2.854.742 5.834 1.164 8.794.853 2.18-.291 4.358.193 6.548.238 1.925.045 3.874.086 5.787-.242 1.113-.189 2.178-.914 2.603-1.988.492-1.39-.792-2.755-2.09-2.988-1.408-.033-2.741.537-4.123.73-3.276.521-6.54-.348-9.818-.332-1.843.103-3.413-1.012-5.189-1.242-1.529-.254-3.086-.414-4.527-.996-2.009-.853-4.156-1.455-5.907-2.8-1.637-1.209-3.642-1.812-5.189-3.136-1.151-1.14-1.715-2.722-2.245-4.21-.776-2.652-1.976-5.206-2.194-7.985-.247-1.668.063-3.328.169-4.984.198-1.25-1.223-2.426-2.395-1.992zm-22.666 5.026c-.731.307-1.231.963-1.621 1.627-1.055 1.734-.714 3.96-1.847 5.661-1.264 1.922-2.056 4.173-3.711 5.817-3.101 3.32-6.334 6.595-10.182 9.046-2.249 1.484-4.96 1.964-7.555 2.459-2.325.459-4.536-.594-6.826-.729-1.429-.098-2.874-.418-4.291-.152-1.004.463-1.705 1.504-1.829 2.599.608.971 1.625 1.717 2.788 1.853 1.531.217 3.091.271 4.628.529 2.56.406 5.158.156 7.734.127 1.002-.012 1.911-.492 2.817-.869 1.947-.865 4.009-1.533 5.762-2.779 2.215-1.562 4.423-3.214 6.089-5.382 1.276-1.709 2.964-3.021 4.499-4.476 1.215-1.078 1.682-2.689 2.588-4.001 1.937-2.931 3.711-6.189 4.036-9.752-.649-.951-1.848-2.083-3.079-1.578zm-26.313 3.029a5.588 5.588 0 0 0-1.278 2.373c.612 1.517 2.625 1.758 4.068 1.672 1.166-.767 1.715-2.865.557-3.874-1.069-.294-2.292-.569-3.347-.171zm5.05 8.64c-1.429 1.07-2.831 2.312-4.658 2.599-1.317.443-2.488-.59-3.758-.619-.455.254-.894.537-1.325.812-1.733.135-3.439-.373-5.164-.267-1.172.639-1.825 2.107-1.664 3.423.527.902 1.6 1.303 2.609 1.385 2.18.176 4.378-.053 6.569.066 2.947.115 5.946-.549 8.487-2.078.88-.594 1.755-1.332 2.147-2.357.261-.877-.033-1.812-.4-2.599-.857-.389-1.963-.717-2.843-.365z" fill="#6ACDD5" clip-rule="evenodd" fill-rule="evenodd" data-color="3"></path>
          <path d="M93.536 69.566c1.145 1.746 1.711 3.796 2.719 5.62 1.106 2.021 1.88 4.239 3.254 6.108 1.547 1.857 3.188 3.64 5.052 5.193 1.349 1.127 2.615 2.402 4.195 3.226 1.515.816 3.109 1.5 4.515 2.513 2.143 1.574 4.644 2.545 7.079 3.562 2.984.943 5.924 2.058 8.996 2.718 1.547.32 3 1 4.544 1.373 2.533.463 5.101-.033 7.618-.414 1.9-.32 3.852-.188 5.75.176-.02.795-.243 1.623-.004 2.414.547 1.066 1.094 2.177 1.172 3.402.319 2.644-.625 5.259-.278 7.907.58 4.804.229 9.649.078 14.47.069 5.152-1.168 10.182-1.978 15.24-.304 1.849-1.333 3.464-1.741 5.284-.547 2.275-1.466 4.447-1.91 6.751-.412 2.144-1.164 4.197-1.774 6.292-.574 2-1.743 3.742-2.511 5.669-.721 1.894-2.084 3.419-3.325 4.976-1.572 1.976-3.452 3.669-5.242 5.435-1.458 1.451-3.266 2.459-4.948 3.615-1.008.762-2.335.578-3.478.922-1.38.41-2.599 1.23-3.987 1.611-1.368.434-2.809.471-4.203.722-1.808.287-3.58.873-5.42.861-1.623-.004-3.237.061-4.848.086-1.27.029-2.478-.439-3.727-.504-1.621-.094-3.282.074-4.84-.467-2.174-.709-4.505-.766-6.612-1.664-1.094-.455-2.262-.668-3.374-1.008-1.417-.439-2.574-1.414-3.925-1.972-2.65-1.086-5.066-2.644-7.397-4.284-2.154-1.529-3.739-3.681-5.699-5.419-1.374-1.34-2.756-2.693-3.917-4.218-1.28-2.058-2.031-4.386-3.19-6.505-.778-1.771-2.319-3.115-2.837-5.005-.58-1.795-.278-3.829-1.329-5.46-.768-1.271-1.353-2.656-1.541-4.132-.747-3.255-.512-6.616-.833-9.916-.172-2.234-.482-4.464-.404-6.706-.057-3.414-.455-6.853.114-10.247.453-2.463.418-4.964.486-7.448-.055-1.836.978-3.468.988-5.296.059-1.537.68-3.464 2.38-3.812a31.925 31.925 0 0 1 6.675-1.123c3.942-.41 7.598-2.017 11.274-3.382 1.1-.574 1.88-1.599 2.962-2.21 1.111-.648 2.254-1.262 3.197-2.16 1.686-1.599 3.748-2.767 5.256-4.558 1.321-1.496 1.957-3.427 2.717-5.239.761-1.898 1.988-3.587 2.58-5.554.79-2.43.792-5.041 1.671-7.443zm61.078 39.527c.396-.029.8-.012 1.217.053.629.607.955 1.455 1.323 2.254.741 1.816 1.5 3.697 1.468 5.71-.022 1.607.074 3.337-.749 4.788-.704 1.283-1.519 2.542-2.623 3.513-.539.504-1.321.586-2.002.475-.547-.816-.686-1.812-.637-2.759.139-3.582-.378-7.145-.468-10.723.004-1.012-.088-2.078.353-3.017.681-.188 1.399-.262 2.118-.294zm-105.26 3.115c.141-.049.427-.152.567-.205.465 3.23-.9 6.308-.965 9.51-.135 2.062.294 4.189-.351 6.198-1.219.803-2.768.324-4.101.16-.757-.074-1.116-.84-1.368-1.443-.876-2.324-.692-4.89-.214-7.276.469-1.775 1.115-3.665 2.6-4.841 1.135-.931 2.503-1.509 3.832-2.103zm79.271-10.604c-.702.127-1.409.328-1.996.734-.968 1.91-.486 4.169-.9 6.222-.831 1.012-2 1.742-3.227 2.172-.7-.328-.947-1.103-1.213-1.75-.529-1.435-.786-2.947-1.213-4.407-.216-.615-.335-1.406-1.047-1.603-.884.164-1.729.627-2.262 1.361-.231 2.546 1.496 5.046.618 7.591a3.701 3.701 0 0 1-1.229-.066c-.48-1.783-.529-3.652-1.012-5.427-.416-1.246-2.502-1.283-2.958-.045-.974 2.263-.576 4.915.545 7.059.906 1.75 1.506 3.628 2.182 5.48.357.963-.045 1.972-.2 2.943-.425 1.84-.492 3.886.418 5.595.81.262 1.682.381 2.552.295.957-1.197 1.509-2.685 1.723-4.193.282-1.939.917-3.865 2.207-5.374 1.055-1.234 2.076-2.582 3.497-3.423 1.956-.984 4.327-1.008 6.35-.201 1.182.467 1.962 1.537 2.778 2.472.792.992 1.862 2.037 1.668 3.443.051 2.144-.598 4.71.939 6.497.788.16 1.627.172 2.427-.02.867-1.156 1.717-2.587 1.435-4.091-.386-2.041-.676-4.128-1.529-6.038-.531-1.349-1.217-2.73-1.055-4.214.067-2.283 1.576-4.152 1.984-6.345.286-1.094-.778-2.205-1.853-2.078-.686.086-1.349.496-1.594 1.164-.784 1.722-1.153 3.722-2.535 5.107-.882.082-1.802-.049-2.58-.455-1.123-1.168-1.255-2.939-1.225-4.468-.016-1.349.249-2.927-.759-3.993-.234.015-.701.043-.936.056zm-59.298 2.93c-1.496.824-1.637 2.861-1.384 4.378.122 1.693.951 3.607-.073 5.169-.776-.143-1.505-.512-1.923-1.189-1.265-1.853-2.674-3.632-4.403-5.058-.968.303-.945 1.381-1.035 2.217-.063.951-.333 2.037.257 2.894.927 1.525 2.223 2.898 2.641 4.694-.421 1.193-1.166 2.23-1.678 3.377-.551 1.103-.59 2.365-.653 3.578-.057 1.574.124 3.259 1.07 4.579.916-.127 1.878-.369 2.605-.988.428-1.636.161-3.455 1.053-4.951.896-1.496 2.192-2.685 3.358-3.96.882-1.062 2.264-1.373 3.497-1.845 1.208-.434 2.46-1.012 3.784-.758 2.119.258 4.544.779 5.799 2.714 1.155 1.685.684 3.824 1.08 5.718.935 1.148 2.278 2.804 3.952 2.152 1.249-1.57 1.535-3.742.99-5.64-.565-1.422-1.407-2.726-1.904-4.173-.314-1.127-.331-2.324-.214-3.472.425-1.611 1.468-2.976 1.913-4.583.163-1.201-.033-2.549-.821-3.501-.904-.205-2.117-.254-2.564.742-1.276 2.123-1.445 4.947-3.576 6.505a3.8 3.8 0 0 1-1.121-.803c-.757-1.689-.088-3.529.114-5.255.282-1.365-.969-2.845-2.349-2.701-.976.221-1.282 1.295-1.555 2.123-.572 1.734-.449 3.586-.774 5.37-.908.438-2.427.676-2.872-.492-.673-1.767-.169-3.779-.89-5.525-.503-.729-1.336-1.762-2.324-1.316zm24.334 18.36l-.288.205c-1.037 1.91.663 3.878.337 5.853-.365 3.168-2.368 5.767-3.397 8.714-.749 2.103-2.121 3.898-2.966 5.952-.371 1.685-.171 3.66.957 5.042.57.734 1.543.951 2.425 1.086 1.321.143 2.68.164 3.997-.107 1.962-.443 3.541-1.779 5.109-2.972 2.392-1.877 4.317-4.312 5.699-7.022 1.18-2.574 1.664-5.378 2.421-8.083.261-1.082.584-2.177.535-3.296-.175-1.103-1.153-1.91-2.135-2.275-1.078-.016-1.829.955-2.297 1.816-.925 1.976-1.019 4.197-1.366 6.321-.314 2.197-1.608 4.046-2.664 5.939-1.541 2.685-4.403 4.857-7.587 4.783-.621-1.968 1.141-3.296 1.886-4.898 1.425-3.058 2.323-6.333 3.123-9.6.682-2.304.065-4.808-.888-6.931-.838-.486-1.983-1.097-2.901-.527zm23.954 29.984c-1.331.291-2.641.713-4.005.754-2.172.066-4.323-.266-6.487-.168-2.866-.016-5.726.365-8.585.205-3.25.037-6.532-.516-9.739.213-1.533.332-3.064-.131-4.576-.275-1.884-.246-3.684.701-5.562.496-.866-.037-1.772-.312-2.586.049-.453 2.193-.925 4.423-.88 6.669-.09 1.459 1.078 2.492 1.923 3.529 1.443 1.553 2.543 3.464 4.352 4.648 1.564 1.021 2.988 2.34 4.809 2.918 1.413.447 2.819.976 4.06 1.816 1.202.82 2.641 1.144 4.06 1.402 1.812.324 3.56 1.164 5.448.992 4.719-.209 9.12-2.312 12.97-4.939 2.005-1.5 4.325-2.787 5.583-5.054 1.033-1.824 2.311-3.48 3.458-5.23 1.112-1.632 1.127-3.693 1.449-5.579.17-.808-.12-1.75-.923-2.066a9.948 9.948 0 0 0-4.769-.38z" fill="#E5CAA4" clip-rule="evenodd" fill-rule="evenodd" data-color="4"></path>
          <path d="M97.235 157.498c-.919.103-1.798.25-2.584.476-.929 1.426-.874 3.029-.449 4.542.125.775 1.637 1.144 2.903 1.373 1.706.299 3.858.394 5.23-.279 2.127-.979 2.258-2.64 1.672-4.037-.324-.607-.459-1.287-1.304-1.762-1.722-.428-3.698-.522-5.468-.313z" fill="#FFFFFF" clip-rule="evenodd" fill-rule="evenodd" data-color="5"></path>
        </g>
      </svg>
  </div>
  <div class="svg-wrapper">
    <h3>Simple Filter</h3>
    <svg class="svg-content animate" preserveAspectRatio="xMidYMid meet" data-viewBox="20.996 10.002 158.004 180" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <filter x="0" y="0" width="200" height="200" filterUnits="userSpaceOnUse" id="comp-hue">
            <feColorMatrix type="hueRotate" values="225"/>
          </filter>        
        </defs>
        <g filter="url(#comp-hue)">
          <path d="M178.572 102.788c-.361-1.976-.292-3.988-.49-5.972-.104-1.734-.545-3.41-.888-5.099-.731-3.3-2.392-6.358-2.695-9.756-.306-2.718-1.782-5.075-2.997-7.452-.898-1.787-2.033-3.435-2.907-5.226-2.586-5.616-6.634-10.481-11.339-14.432-1.188-1.131-2.213-2.439-3.556-3.39-2.417-1.754-5.068-3.14-7.499-4.861-1.519-1.078-3.264-1.738-4.905-2.57-1.604-.816-3.233-1.582-4.932-2.152-1.557-.525-2.899-1.488-4.332-2.25-1.102-.603-2.366-.758-3.564-1.054-1.649-.361-3.119-1.271-4.789-1.529-3.931-.689-7.85-1.734-11.872-1.631-.629.02-1.355-.074-1.637-.709-1.261-2.296-1.384-4.997-2.162-7.464-.939-2.763-.551-5.71-.994-8.551-.319-1.799.222-3.578.257-5.37-.616-1.021-1.829-1.586-2.972-1.709-.898 1.053-1.686 2.193-2.617 3.218-2.172 2.377-4.127 4.976-6.618 7.038-1.061-.312-1.931-1.074-2.574-1.939-1.267-1.713-2.351-3.583-3.856-5.103-1.033-1.041-1.839-2.263-2.693-3.431-.727-1.025-2.088-1.578-3.305-1.336-.874.291-1.521 1.082-1.69 1.984-.539 2.357-.747 4.78-1.274 7.136-.506 2.107-.521 4.443-1.86 6.251-1.264-.644-2.337-1.57-3.472-2.378-1.441-1.082-3.037-1.914-4.523-2.91-.663-.434-1.39-.951-2.213-.721-.888.16-2.062.303-2.47 1.23-.3 1.988.18 3.993.249 5.989.039 1.988.198 3.968.502 5.935.359 2.23.104 4.505.539 6.731.037.693.335 1.496-.041 2.148-1.433 1.058-3.09 1.775-4.55 2.796-1.541.873-2.609 2.349-4.097 3.292-1.396.894-2.894 1.648-4.121 2.779-1.956 1.746-3.864 3.57-5.411 5.702-1.421 1.849-3.205 3.378-4.564 5.276-2.768 3.419-4.795 7.345-7.042 11.112a71.582 71.582 0 0 0-3.223 6.296c-.896 2.078-2.349 3.861-3.172 5.98-.782 2.013-2.056 3.767-2.954 5.722-.669 1.398-.951 2.939-1.49 4.386-.792 2.238-2.013 4.32-2.535 6.649-.555 2.316-1.129 4.632-1.4 7.001-.755 5.333-1.347 10.834-.128 16.146.598 2.808 2.111 5.308 2.766 8.108.341 1.484.621 3 1.188 4.435.723 2.037 1.984 3.824 2.735 5.857.639 1.672 1.77 3.078 2.768 4.554 1.89 2.808 4.213 5.288 6.66 7.62 1.998 1.943 4.705 2.812 7.126 4.099 2.135 1.156 4.609 1.361 6.852 2.246 1.109.443 2.284.713 3.489.803.596.107 1.4-.008 1.813.59.592.828.9 1.824 1.323 2.758.741 1.82 2.192 3.201 3.276 4.816 1.529 2.242 3.299 4.39 5.558 5.931 2.029 1.349 3.752 3.095 5.673 4.591 1.704 1.312 3.797 1.947 5.615 3.083 2.521 1.586 5.43 2.332 8.177 3.414 1.817.742 3.764 1.045 5.713 1.185 2.078.098 4.027 1.058 6.134.996 3.417-.008 6.826.254 10.243.32 1.508.07 2.907-.537 4.262-1.123 1.049-.488 2.217-.176 3.327-.262 1.321-.074 2.556-.603 3.809-1.008 1.751-.627 3.593-1.045 5.211-2.005 2.615-1.529 5.513-2.75 7.571-5.058 2.041-2.205 4.083-4.419 6.03-6.706 1.208-1.795 2.909-3.349 3.47-5.505.51-1.816 1.28-3.538 1.968-5.28.917-2.365 1.582-4.825 2.415-7.218.48-1.516 1.594-2.722 2.778-3.738 1.629-1.402 3.874-1.656 5.626-2.865a100.341 100.341 0 0 1 3.476-2.238c2.023-1.139 2.894-3.419 4.35-5.116 1.5-2.177 3.746-3.681 5.238-5.861 2.045-2.927 4.127-5.845 5.728-9.051.771-1.615 1.139-3.382 1.77-5.05.553-1.648 1.496-3.185 1.639-4.952.139-1.701.298-3.41.835-5.038.911-2.957.84-6.125.264-9.134zm-11.004-26.615c-1.89-3.607-3.419-7.452-6.001-10.645 2.584 3.193 4.11 7.038 6.001 10.645zm-65.234 87.44c-1.372.668-3.523.574-5.229.275 1.706.299 3.858.394 5.229-.279 1.329-.612 1.879-1.49 1.961-2.404-.082.914-.632 1.794-1.961 2.408zm29.953-93.42c.847-.373 1.449-1.176 1.825-2.013-.376.836-.978 1.64-1.825 2.017-.773.131-1.478-.316-2.157-.553.679.237 1.383.684 2.157.549zm8.443 19.634zm-88.082-8.106zm-4.925-.03zm-1.5 5.173a3.38 3.38 0 0 0-1.135 2.151c.455.729 1.14 1.33 1.945 1.643-.805-.313-1.491-.914-1.947-1.643.093-.82.51-1.611 1.137-2.151zm.536 20.302c1.049-.311 2.17-.18 3.238-.447-1.066.267-2.188.135-3.238.447zm12.415-10.461zm3.879-6.05c1.947-.865 4.007-1.533 5.762-2.779-1.753 1.246-3.815 1.914-5.762 2.779zm77.397-5.151zm-89.485 61.91c-.349-1.422-.945-2.796-.994-4.275.048 1.48.644 2.849.994 4.275zm-24.344-20.696c-.602-1.156-.911-2.426-1-3.71-.133-1.939-.772-3.832-.6-5.788-.172 1.955.469 3.849.6 5.788.089 1.284.4 2.554 1 3.71 1.655 3.324 2.233 7.05 3.739 10.44-1.508-3.39-2.084-7.116-3.739-10.44zm9.026 19.794c-1.068-.858-1.666-2.084-2.286-3.28.62 1.196 1.218 2.423 2.288 3.28 1.827 1.443 3.013 3.521 4.846 4.96-1.833-1.439-3.019-3.517-4.848-4.96zm114.607.058c3.233-1.082 6.238-2.992 8.394-5.673-2.156 2.68-5.161 4.595-8.394 5.673zm23.327-33.01c.353-1.775 1.09-3.472 1.182-5.292-.092 1.821-.827 3.518-1.182 5.292z" fill="#000010" data-color="1"></path>
          <path d="M84.459 18.705c.439-.361 1.082-.291 1.455.16 2.954 2.336 4.299 6.038 7.046 8.579.735.639 1.535 1.558 2.629 1.406 1.041-1.361 1.751-2.972 3.001-4.181 1.168-1.164 2.066-2.578 3.248-3.73.157-.012.468-.041.629-.058.663 2.591.529 5.288.965 7.911.355 2.369 2.156 4.3 2.213 6.739-3.319 1.283-6.887 1.767-10.32 2.652-2.741.779-5.587 1.107-8.263 2.103-.963.435-1.968.033-2.927-.127-1.076-.23-2.119.262-3.164.389-1.561.267-3.111-.389-4.662-.123-1.78.283-3.474 1.148-5.305 1.013-.682-3.624-.414-7.341-.765-10.998-.139-1.59-.447-3.168-.365-4.763 1.598.053 2.721 1.357 3.866 2.324 1.553 1.312 2.831 2.931 4.472 4.144.484.328 1.037.791 1.688.66 1.417-1.873 2.364-4.074 3.035-6.321.539-2.509.363-5.152 1.266-7.583l.258-.196z" fill="#FBEC52" clip-rule="evenodd" fill-rule="evenodd" data-color="2"></path>
          <path d="M111.154 39.905c.969-.271 2.002-.221 3.017-.225 3.194.168 6.436.475 9.465 1.578 1.396.623 2.707 1.451 4.205 1.832 2.784.721 5.295 2.201 8.085 2.922 1.374.377 2.709.935 3.913 1.73 1.864 1.205 3.938 2.058 5.738 3.382 3.225 2.054 6.689 3.923 9.184 6.907.914 1.119 1.957 2.127 3.078 3.05 1.521 1.226 2.494 2.955 3.727 4.448 2.582 3.193 4.111 7.038 6.001 10.645 1.617 3.07 3.405 6.235 3.605 9.784.106 1.677.527 3.324 1.053 4.923a30.026 30.026 0 0 1 1.506 7.239c.286 3.39 1.168 6.726 1.031 10.149-.092 1.82-.829 3.517-1.182 5.292-.359 1.615-.431 3.279-.829 4.89-.347 1.426-1.016 2.755-1.404 4.169-.87 3.624-3.274 6.575-5.507 9.452-.955 1.267-1.515 2.82-2.68 3.935-1.59 1.549-3.146 3.136-4.513 4.89-2.155 2.681-5.16 4.591-8.393 5.673.641-3.16 1.029-6.358 1.576-9.526.29-1.623.119-3.328.625-4.902.792-1.455 2.501-1.947 3.878-2.672 2.625-1.271 4.201-3.89 5.462-6.407.921-1.783.8-3.849.857-5.788.078-2.23-.641-4.374-1.049-6.538-.516-2.644-2.37-4.841-4.623-6.189-1.415 0-2.803.529-4.211.283-.425-1.672-.549-3.427-.476-5.144.063-1.537.957-2.874 1.102-4.39a2.179 2.179 0 0 0-.743-1.131c-1.264-.188-2.533.021-3.791-.053-1.686-.094-3.388-.5-5.052-.09-1.504.344-2.956.935-4.505 1.017-2.059.098-4.17.348-6.185-.23-3.078-.807-6.066-1.91-9.114-2.808-2.366-.672-4.583-1.755-6.865-2.644-1.319-.512-2.48-1.312-3.637-2.082-1.327-.931-3.021-1.263-4.121-2.5-2.603-2.73-5.66-5.112-7.522-8.464-1.135-2.144-2.492-4.206-3.16-6.563-.543-1.652-1.082-3.312-1.274-5.042-.406-2.878-.923-5.96-2.878-8.227-1.343-.508-2.841.672-3.315 1.869-.243 3.382-.447 6.808-1.431 10.075-.717 2.39-1.025 4.89-1.929 7.226-.625 1.64-1.56 3.14-2.262 4.747-.771 1.672-1.427 3.443-2.564 4.911-2.294 2.377-4.738 4.698-7.696 6.222-2.113 1.295-4.53 1.906-6.76 2.931a27.353 27.353 0 0 1-12.664 2.234c-1.368-.307-2.405-1.349-3.666-1.881-.71.328-1.38.857-1.698 1.582-.237.865-.018 1.812.363 2.615.529.619 1.233 1.066 1.823 1.652-.176 1.349-2.019 1.779-2.166 3.169-.241.947-.216 1.968-.588 2.89-1.068.267-2.188.135-3.238.447-1.592.324-2.95 1.271-4.233 2.213-1.204.853-1.67 2.34-2.158 3.669-.504 1.631-1.072 3.242-1.617 4.861-.669 1.951-.474 4.05-.224 6.062.343 1.857.439 3.784 1.133 5.562.31.885 1.192 1.336 1.982 1.746 1.067.504 2.166.971 3.292 1.353 1.335.475 2.809.32 4.146.832.917 3.144.682 6.444.89 9.673.049 1.48.645 2.853.994 4.275.396 1.635.739 3.296 1.335 4.874.523 1.402 1.115 2.828 1.143 4.349a24.916 24.916 0 0 1-3.546-.201c-2.051-.377-3.766-1.635-5.566-2.603-1.321-.717-2.686-1.385-3.835-2.361-1.833-1.439-3.019-3.517-4.846-4.96-1.427-1.144-2.015-2.943-2.933-4.452-.943-1.558-1.658-3.234-2.356-4.903-1.506-3.39-2.084-7.116-3.739-10.44-.6-1.156-.91-2.427-1-3.71-.131-1.939-.772-3.832-.6-5.788.133-1.926.163-3.845.214-5.771.049-2.103.88-4.066 1.302-6.103.329-1.607.786-3.193 1.578-4.636 1.666-3.123 1.686-6.849 3.509-9.899 2.368-3.927 3.968-8.272 6.412-12.154 1.143-1.881 1.535-4.136 2.858-5.919 1.655-2.283 2.609-4.993 4.333-7.226 1.015-1.303 2.062-2.578 3.235-3.738 1.915-1.91 3.548-4.099 5.615-5.853 1.852-1.553 3.464-3.382 5.415-4.824 2.119-1.578 4.164-3.353 6.659-4.32 1.833-.766 3.858-.758 5.797-1.062 2.066-.25 4.14-.767 6.238-.463 1.841.324 3.662-.39 5.511-.172 1.627.127 3.272.611 4.915.246 2.643-.402 4.764-2.312 7.41-2.701 3.011-.603 5.985-1.365 8.945-2.189 1.38-.508 2.507.697 3.776.976.868-.392 1.542-1.113 2.413-1.507zm2.362 15.609a3.52 3.52 0 0 0-.976 1.455c.274 1.267 1.221 2.324 1.245 3.665.057 1.484-.155 3.025.367 4.464.71 2.094 1.178 4.316 2.354 6.23 1.139 1.927 2.925 3.341 4.676 4.689 3.782 2.73 8.451 3.574 12.888 4.632 1.274.229 2.643.365 3.903-.078 1.311-1.303.902-3.689-.275-4.939-3.084-1.139-6.563.152-9.59-1.279-2.468-1.127-5.154-2.111-7.02-4.169-1.523-1.939-2.249-4.341-3.135-6.604-1.002-2.23-.239-4.755-.974-7.038-.563-1.269-2.31-1.368-3.463-1.028zm10.904 1.824c-.731.385-1.376 1.111-1.323 1.996.014 1.713.694 3.333 1.337 4.902.492 1.07.925 2.213 1.733 3.107 1.172.98 2.56 1.689 3.962 2.3.68.238 1.384.685 2.158.553.847-.377 1.449-1.18 1.825-2.017.4-1.225-.198-2.804-1.476-3.201-1.427-.619-3.323-.578-4.227-2.029-.778-1.607-.698-3.615-1.955-4.976-.519-.487-1.336-1.049-2.034-.635zm-18.808.324c-.145.082-.441.242-.588.324-.278 1.197-.298 2.439-.627 3.628-.839 2.746-.712 5.776.272 8.464.476 1.34.88 2.71 1.311 4.074.478 1.492 1.445 2.751 2.286 4.062 1.012 1.541 2.041 3.177 3.682 4.136 2.331 1.295 4.532 2.886 7.116 3.677 2.192.689 4.156 1.939 6.324 2.709 2.854.742 5.834 1.164 8.794.853 2.18-.291 4.358.193 6.548.238 1.925.045 3.874.086 5.787-.242 1.113-.189 2.178-.914 2.603-1.988.492-1.39-.792-2.755-2.09-2.988-1.408-.033-2.741.537-4.123.73-3.276.521-6.54-.348-9.818-.332-1.843.103-3.413-1.012-5.189-1.242-1.529-.254-3.086-.414-4.527-.996-2.009-.853-4.156-1.455-5.907-2.8-1.637-1.209-3.642-1.812-5.189-3.136-1.151-1.14-1.715-2.722-2.245-4.21-.776-2.652-1.976-5.206-2.194-7.985-.247-1.668.063-3.328.169-4.984.198-1.25-1.223-2.426-2.395-1.992zm-22.666 5.026c-.731.307-1.231.963-1.621 1.627-1.055 1.734-.714 3.96-1.847 5.661-1.264 1.922-2.056 4.173-3.711 5.817-3.101 3.32-6.334 6.595-10.182 9.046-2.249 1.484-4.96 1.964-7.555 2.459-2.325.459-4.536-.594-6.826-.729-1.429-.098-2.874-.418-4.291-.152-1.004.463-1.705 1.504-1.829 2.599.608.971 1.625 1.717 2.788 1.853 1.531.217 3.091.271 4.628.529 2.56.406 5.158.156 7.734.127 1.002-.012 1.911-.492 2.817-.869 1.947-.865 4.009-1.533 5.762-2.779 2.215-1.562 4.423-3.214 6.089-5.382 1.276-1.709 2.964-3.021 4.499-4.476 1.215-1.078 1.682-2.689 2.588-4.001 1.937-2.931 3.711-6.189 4.036-9.752-.649-.951-1.848-2.083-3.079-1.578zm-26.313 3.029a5.588 5.588 0 0 0-1.278 2.373c.612 1.517 2.625 1.758 4.068 1.672 1.166-.767 1.715-2.865.557-3.874-1.069-.294-2.292-.569-3.347-.171zm5.05 8.64c-1.429 1.07-2.831 2.312-4.658 2.599-1.317.443-2.488-.59-3.758-.619-.455.254-.894.537-1.325.812-1.733.135-3.439-.373-5.164-.267-1.172.639-1.825 2.107-1.664 3.423.527.902 1.6 1.303 2.609 1.385 2.18.176 4.378-.053 6.569.066 2.947.115 5.946-.549 8.487-2.078.88-.594 1.755-1.332 2.147-2.357.261-.877-.033-1.812-.4-2.599-.857-.389-1.963-.717-2.843-.365z" fill="#6ACDD5" clip-rule="evenodd" fill-rule="evenodd" data-color="3"></path>
          <path d="M93.536 69.566c1.145 1.746 1.711 3.796 2.719 5.62 1.106 2.021 1.88 4.239 3.254 6.108 1.547 1.857 3.188 3.64 5.052 5.193 1.349 1.127 2.615 2.402 4.195 3.226 1.515.816 3.109 1.5 4.515 2.513 2.143 1.574 4.644 2.545 7.079 3.562 2.984.943 5.924 2.058 8.996 2.718 1.547.32 3 1 4.544 1.373 2.533.463 5.101-.033 7.618-.414 1.9-.32 3.852-.188 5.75.176-.02.795-.243 1.623-.004 2.414.547 1.066 1.094 2.177 1.172 3.402.319 2.644-.625 5.259-.278 7.907.58 4.804.229 9.649.078 14.47.069 5.152-1.168 10.182-1.978 15.24-.304 1.849-1.333 3.464-1.741 5.284-.547 2.275-1.466 4.447-1.91 6.751-.412 2.144-1.164 4.197-1.774 6.292-.574 2-1.743 3.742-2.511 5.669-.721 1.894-2.084 3.419-3.325 4.976-1.572 1.976-3.452 3.669-5.242 5.435-1.458 1.451-3.266 2.459-4.948 3.615-1.008.762-2.335.578-3.478.922-1.38.41-2.599 1.23-3.987 1.611-1.368.434-2.809.471-4.203.722-1.808.287-3.58.873-5.42.861-1.623-.004-3.237.061-4.848.086-1.27.029-2.478-.439-3.727-.504-1.621-.094-3.282.074-4.84-.467-2.174-.709-4.505-.766-6.612-1.664-1.094-.455-2.262-.668-3.374-1.008-1.417-.439-2.574-1.414-3.925-1.972-2.65-1.086-5.066-2.644-7.397-4.284-2.154-1.529-3.739-3.681-5.699-5.419-1.374-1.34-2.756-2.693-3.917-4.218-1.28-2.058-2.031-4.386-3.19-6.505-.778-1.771-2.319-3.115-2.837-5.005-.58-1.795-.278-3.829-1.329-5.46-.768-1.271-1.353-2.656-1.541-4.132-.747-3.255-.512-6.616-.833-9.916-.172-2.234-.482-4.464-.404-6.706-.057-3.414-.455-6.853.114-10.247.453-2.463.418-4.964.486-7.448-.055-1.836.978-3.468.988-5.296.059-1.537.68-3.464 2.38-3.812a31.925 31.925 0 0 1 6.675-1.123c3.942-.41 7.598-2.017 11.274-3.382 1.1-.574 1.88-1.599 2.962-2.21 1.111-.648 2.254-1.262 3.197-2.16 1.686-1.599 3.748-2.767 5.256-4.558 1.321-1.496 1.957-3.427 2.717-5.239.761-1.898 1.988-3.587 2.58-5.554.79-2.43.792-5.041 1.671-7.443zm61.078 39.527c.396-.029.8-.012 1.217.053.629.607.955 1.455 1.323 2.254.741 1.816 1.5 3.697 1.468 5.71-.022 1.607.074 3.337-.749 4.788-.704 1.283-1.519 2.542-2.623 3.513-.539.504-1.321.586-2.002.475-.547-.816-.686-1.812-.637-2.759.139-3.582-.378-7.145-.468-10.723.004-1.012-.088-2.078.353-3.017.681-.188 1.399-.262 2.118-.294zm-105.26 3.115c.141-.049.427-.152.567-.205.465 3.23-.9 6.308-.965 9.51-.135 2.062.294 4.189-.351 6.198-1.219.803-2.768.324-4.101.16-.757-.074-1.116-.84-1.368-1.443-.876-2.324-.692-4.89-.214-7.276.469-1.775 1.115-3.665 2.6-4.841 1.135-.931 2.503-1.509 3.832-2.103zm79.271-10.604c-.702.127-1.409.328-1.996.734-.968 1.91-.486 4.169-.9 6.222-.831 1.012-2 1.742-3.227 2.172-.7-.328-.947-1.103-1.213-1.75-.529-1.435-.786-2.947-1.213-4.407-.216-.615-.335-1.406-1.047-1.603-.884.164-1.729.627-2.262 1.361-.231 2.546 1.496 5.046.618 7.591a3.701 3.701 0 0 1-1.229-.066c-.48-1.783-.529-3.652-1.012-5.427-.416-1.246-2.502-1.283-2.958-.045-.974 2.263-.576 4.915.545 7.059.906 1.75 1.506 3.628 2.182 5.48.357.963-.045 1.972-.2 2.943-.425 1.84-.492 3.886.418 5.595.81.262 1.682.381 2.552.295.957-1.197 1.509-2.685 1.723-4.193.282-1.939.917-3.865 2.207-5.374 1.055-1.234 2.076-2.582 3.497-3.423 1.956-.984 4.327-1.008 6.35-.201 1.182.467 1.962 1.537 2.778 2.472.792.992 1.862 2.037 1.668 3.443.051 2.144-.598 4.71.939 6.497.788.16 1.627.172 2.427-.02.867-1.156 1.717-2.587 1.435-4.091-.386-2.041-.676-4.128-1.529-6.038-.531-1.349-1.217-2.73-1.055-4.214.067-2.283 1.576-4.152 1.984-6.345.286-1.094-.778-2.205-1.853-2.078-.686.086-1.349.496-1.594 1.164-.784 1.722-1.153 3.722-2.535 5.107-.882.082-1.802-.049-2.58-.455-1.123-1.168-1.255-2.939-1.225-4.468-.016-1.349.249-2.927-.759-3.993-.234.015-.701.043-.936.056zm-59.298 2.93c-1.496.824-1.637 2.861-1.384 4.378.122 1.693.951 3.607-.073 5.169-.776-.143-1.505-.512-1.923-1.189-1.265-1.853-2.674-3.632-4.403-5.058-.968.303-.945 1.381-1.035 2.217-.063.951-.333 2.037.257 2.894.927 1.525 2.223 2.898 2.641 4.694-.421 1.193-1.166 2.23-1.678 3.377-.551 1.103-.59 2.365-.653 3.578-.057 1.574.124 3.259 1.07 4.579.916-.127 1.878-.369 2.605-.988.428-1.636.161-3.455 1.053-4.951.896-1.496 2.192-2.685 3.358-3.96.882-1.062 2.264-1.373 3.497-1.845 1.208-.434 2.46-1.012 3.784-.758 2.119.258 4.544.779 5.799 2.714 1.155 1.685.684 3.824 1.08 5.718.935 1.148 2.278 2.804 3.952 2.152 1.249-1.57 1.535-3.742.99-5.64-.565-1.422-1.407-2.726-1.904-4.173-.314-1.127-.331-2.324-.214-3.472.425-1.611 1.468-2.976 1.913-4.583.163-1.201-.033-2.549-.821-3.501-.904-.205-2.117-.254-2.564.742-1.276 2.123-1.445 4.947-3.576 6.505a3.8 3.8 0 0 1-1.121-.803c-.757-1.689-.088-3.529.114-5.255.282-1.365-.969-2.845-2.349-2.701-.976.221-1.282 1.295-1.555 2.123-.572 1.734-.449 3.586-.774 5.37-.908.438-2.427.676-2.872-.492-.673-1.767-.169-3.779-.89-5.525-.503-.729-1.336-1.762-2.324-1.316zm24.334 18.36l-.288.205c-1.037 1.91.663 3.878.337 5.853-.365 3.168-2.368 5.767-3.397 8.714-.749 2.103-2.121 3.898-2.966 5.952-.371 1.685-.171 3.66.957 5.042.57.734 1.543.951 2.425 1.086 1.321.143 2.68.164 3.997-.107 1.962-.443 3.541-1.779 5.109-2.972 2.392-1.877 4.317-4.312 5.699-7.022 1.18-2.574 1.664-5.378 2.421-8.083.261-1.082.584-2.177.535-3.296-.175-1.103-1.153-1.91-2.135-2.275-1.078-.016-1.829.955-2.297 1.816-.925 1.976-1.019 4.197-1.366 6.321-.314 2.197-1.608 4.046-2.664 5.939-1.541 2.685-4.403 4.857-7.587 4.783-.621-1.968 1.141-3.296 1.886-4.898 1.425-3.058 2.323-6.333 3.123-9.6.682-2.304.065-4.808-.888-6.931-.838-.486-1.983-1.097-2.901-.527zm23.954 29.984c-1.331.291-2.641.713-4.005.754-2.172.066-4.323-.266-6.487-.168-2.866-.016-5.726.365-8.585.205-3.25.037-6.532-.516-9.739.213-1.533.332-3.064-.131-4.576-.275-1.884-.246-3.684.701-5.562.496-.866-.037-1.772-.312-2.586.049-.453 2.193-.925 4.423-.88 6.669-.09 1.459 1.078 2.492 1.923 3.529 1.443 1.553 2.543 3.464 4.352 4.648 1.564 1.021 2.988 2.34 4.809 2.918 1.413.447 2.819.976 4.06 1.816 1.202.82 2.641 1.144 4.06 1.402 1.812.324 3.56 1.164 5.448.992 4.719-.209 9.12-2.312 12.97-4.939 2.005-1.5 4.325-2.787 5.583-5.054 1.033-1.824 2.311-3.48 3.458-5.23 1.112-1.632 1.127-3.693 1.449-5.579.17-.808-.12-1.75-.923-2.066a9.948 9.948 0 0 0-4.769-.38z" fill="#E5CAA4" clip-rule="evenodd" fill-rule="evenodd" data-color="4"></path>
          <path d="M97.235 157.498c-.919.103-1.798.25-2.584.476-.929 1.426-.874 3.029-.449 4.542.125.775 1.637 1.144 2.903 1.373 1.706.299 3.858.394 5.23-.279 2.127-.979 2.258-2.64 1.672-4.037-.324-.607-.459-1.287-1.304-1.762-1.722-.428-3.698-.522-5.468-.313z" fill="#FFFFFF" clip-rule="evenodd" fill-rule="evenodd" data-color="5"></path>
        </g>
      </svg>
  </div>
  <div class="svg-wrapper">
    <h3>External Image</h3>
    <svg class="svg-content animate" preserveAspectRatio="xMidYMid meet" data-viewBox="20.996 10.002 158.004 180" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <filter x="0" y="0" width="200" height="200" filterUnits="userSpaceOnUse" id="comp-hue">
            <feColorMatrix type="hueRotate" values="225"/>
          </filter>        
        </defs>
        <g filter="url(#comp-hue)">
          <image x="0" y="0" width="200" height="200" xlink:href="https://static.wixstatic.com/media/1a77bf468f24468b954aba15ddd8b1e2.png/v1/fill/w_200,h_200,al_c,q_80,usm_0.66_1.00_0.01/Happy%20Children.png"></image>
        </g>
      </svg>
  </div>
  <div class="svg-wrapper">
    <h3>Filter + Parent</h3>
    <div class="svg-content animate">
      <svg preserveAspectRatio="xMidYMid meet" data-viewBox="20.996 10.002 158.004 180" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <filter x="0" y="0" width="200" height="200" filterUnits="userSpaceOnUse" id="comp-hue">
            <feColorMatrix type="hueRotate" values="225"/>
          </filter>        
        </defs>
        <g filter="url(#comp-hue)">
          <path d="M178.572 102.788c-.361-1.976-.292-3.988-.49-5.972-.104-1.734-.545-3.41-.888-5.099-.731-3.3-2.392-6.358-2.695-9.756-.306-2.718-1.782-5.075-2.997-7.452-.898-1.787-2.033-3.435-2.907-5.226-2.586-5.616-6.634-10.481-11.339-14.432-1.188-1.131-2.213-2.439-3.556-3.39-2.417-1.754-5.068-3.14-7.499-4.861-1.519-1.078-3.264-1.738-4.905-2.57-1.604-.816-3.233-1.582-4.932-2.152-1.557-.525-2.899-1.488-4.332-2.25-1.102-.603-2.366-.758-3.564-1.054-1.649-.361-3.119-1.271-4.789-1.529-3.931-.689-7.85-1.734-11.872-1.631-.629.02-1.355-.074-1.637-.709-1.261-2.296-1.384-4.997-2.162-7.464-.939-2.763-.551-5.71-.994-8.551-.319-1.799.222-3.578.257-5.37-.616-1.021-1.829-1.586-2.972-1.709-.898 1.053-1.686 2.193-2.617 3.218-2.172 2.377-4.127 4.976-6.618 7.038-1.061-.312-1.931-1.074-2.574-1.939-1.267-1.713-2.351-3.583-3.856-5.103-1.033-1.041-1.839-2.263-2.693-3.431-.727-1.025-2.088-1.578-3.305-1.336-.874.291-1.521 1.082-1.69 1.984-.539 2.357-.747 4.78-1.274 7.136-.506 2.107-.521 4.443-1.86 6.251-1.264-.644-2.337-1.57-3.472-2.378-1.441-1.082-3.037-1.914-4.523-2.91-.663-.434-1.39-.951-2.213-.721-.888.16-2.062.303-2.47 1.23-.3 1.988.18 3.993.249 5.989.039 1.988.198 3.968.502 5.935.359 2.23.104 4.505.539 6.731.037.693.335 1.496-.041 2.148-1.433 1.058-3.09 1.775-4.55 2.796-1.541.873-2.609 2.349-4.097 3.292-1.396.894-2.894 1.648-4.121 2.779-1.956 1.746-3.864 3.57-5.411 5.702-1.421 1.849-3.205 3.378-4.564 5.276-2.768 3.419-4.795 7.345-7.042 11.112a71.582 71.582 0 0 0-3.223 6.296c-.896 2.078-2.349 3.861-3.172 5.98-.782 2.013-2.056 3.767-2.954 5.722-.669 1.398-.951 2.939-1.49 4.386-.792 2.238-2.013 4.32-2.535 6.649-.555 2.316-1.129 4.632-1.4 7.001-.755 5.333-1.347 10.834-.128 16.146.598 2.808 2.111 5.308 2.766 8.108.341 1.484.621 3 1.188 4.435.723 2.037 1.984 3.824 2.735 5.857.639 1.672 1.77 3.078 2.768 4.554 1.89 2.808 4.213 5.288 6.66 7.62 1.998 1.943 4.705 2.812 7.126 4.099 2.135 1.156 4.609 1.361 6.852 2.246 1.109.443 2.284.713 3.489.803.596.107 1.4-.008 1.813.59.592.828.9 1.824 1.323 2.758.741 1.82 2.192 3.201 3.276 4.816 1.529 2.242 3.299 4.39 5.558 5.931 2.029 1.349 3.752 3.095 5.673 4.591 1.704 1.312 3.797 1.947 5.615 3.083 2.521 1.586 5.43 2.332 8.177 3.414 1.817.742 3.764 1.045 5.713 1.185 2.078.098 4.027 1.058 6.134.996 3.417-.008 6.826.254 10.243.32 1.508.07 2.907-.537 4.262-1.123 1.049-.488 2.217-.176 3.327-.262 1.321-.074 2.556-.603 3.809-1.008 1.751-.627 3.593-1.045 5.211-2.005 2.615-1.529 5.513-2.75 7.571-5.058 2.041-2.205 4.083-4.419 6.03-6.706 1.208-1.795 2.909-3.349 3.47-5.505.51-1.816 1.28-3.538 1.968-5.28.917-2.365 1.582-4.825 2.415-7.218.48-1.516 1.594-2.722 2.778-3.738 1.629-1.402 3.874-1.656 5.626-2.865a100.341 100.341 0 0 1 3.476-2.238c2.023-1.139 2.894-3.419 4.35-5.116 1.5-2.177 3.746-3.681 5.238-5.861 2.045-2.927 4.127-5.845 5.728-9.051.771-1.615 1.139-3.382 1.77-5.05.553-1.648 1.496-3.185 1.639-4.952.139-1.701.298-3.41.835-5.038.911-2.957.84-6.125.264-9.134zm-11.004-26.615c-1.89-3.607-3.419-7.452-6.001-10.645 2.584 3.193 4.11 7.038 6.001 10.645zm-65.234 87.44c-1.372.668-3.523.574-5.229.275 1.706.299 3.858.394 5.229-.279 1.329-.612 1.879-1.49 1.961-2.404-.082.914-.632 1.794-1.961 2.408zm29.953-93.42c.847-.373 1.449-1.176 1.825-2.013-.376.836-.978 1.64-1.825 2.017-.773.131-1.478-.316-2.157-.553.679.237 1.383.684 2.157.549zm8.443 19.634zm-88.082-8.106zm-4.925-.03zm-1.5 5.173a3.38 3.38 0 0 0-1.135 2.151c.455.729 1.14 1.33 1.945 1.643-.805-.313-1.491-.914-1.947-1.643.093-.82.51-1.611 1.137-2.151zm.536 20.302c1.049-.311 2.17-.18 3.238-.447-1.066.267-2.188.135-3.238.447zm12.415-10.461zm3.879-6.05c1.947-.865 4.007-1.533 5.762-2.779-1.753 1.246-3.815 1.914-5.762 2.779zm77.397-5.151zm-89.485 61.91c-.349-1.422-.945-2.796-.994-4.275.048 1.48.644 2.849.994 4.275zm-24.344-20.696c-.602-1.156-.911-2.426-1-3.71-.133-1.939-.772-3.832-.6-5.788-.172 1.955.469 3.849.6 5.788.089 1.284.4 2.554 1 3.71 1.655 3.324 2.233 7.05 3.739 10.44-1.508-3.39-2.084-7.116-3.739-10.44zm9.026 19.794c-1.068-.858-1.666-2.084-2.286-3.28.62 1.196 1.218 2.423 2.288 3.28 1.827 1.443 3.013 3.521 4.846 4.96-1.833-1.439-3.019-3.517-4.848-4.96zm114.607.058c3.233-1.082 6.238-2.992 8.394-5.673-2.156 2.68-5.161 4.595-8.394 5.673zm23.327-33.01c.353-1.775 1.09-3.472 1.182-5.292-.092 1.821-.827 3.518-1.182 5.292z" fill="#000010" data-color="1"></path>
          <path d="M84.459 18.705c.439-.361 1.082-.291 1.455.16 2.954 2.336 4.299 6.038 7.046 8.579.735.639 1.535 1.558 2.629 1.406 1.041-1.361 1.751-2.972 3.001-4.181 1.168-1.164 2.066-2.578 3.248-3.73.157-.012.468-.041.629-.058.663 2.591.529 5.288.965 7.911.355 2.369 2.156 4.3 2.213 6.739-3.319 1.283-6.887 1.767-10.32 2.652-2.741.779-5.587 1.107-8.263 2.103-.963.435-1.968.033-2.927-.127-1.076-.23-2.119.262-3.164.389-1.561.267-3.111-.389-4.662-.123-1.78.283-3.474 1.148-5.305 1.013-.682-3.624-.414-7.341-.765-10.998-.139-1.59-.447-3.168-.365-4.763 1.598.053 2.721 1.357 3.866 2.324 1.553 1.312 2.831 2.931 4.472 4.144.484.328 1.037.791 1.688.66 1.417-1.873 2.364-4.074 3.035-6.321.539-2.509.363-5.152 1.266-7.583l.258-.196z" fill="#FBEC52" clip-rule="evenodd" fill-rule="evenodd" data-color="2"></path>
          <path d="M111.154 39.905c.969-.271 2.002-.221 3.017-.225 3.194.168 6.436.475 9.465 1.578 1.396.623 2.707 1.451 4.205 1.832 2.784.721 5.295 2.201 8.085 2.922 1.374.377 2.709.935 3.913 1.73 1.864 1.205 3.938 2.058 5.738 3.382 3.225 2.054 6.689 3.923 9.184 6.907.914 1.119 1.957 2.127 3.078 3.05 1.521 1.226 2.494 2.955 3.727 4.448 2.582 3.193 4.111 7.038 6.001 10.645 1.617 3.07 3.405 6.235 3.605 9.784.106 1.677.527 3.324 1.053 4.923a30.026 30.026 0 0 1 1.506 7.239c.286 3.39 1.168 6.726 1.031 10.149-.092 1.82-.829 3.517-1.182 5.292-.359 1.615-.431 3.279-.829 4.89-.347 1.426-1.016 2.755-1.404 4.169-.87 3.624-3.274 6.575-5.507 9.452-.955 1.267-1.515 2.82-2.68 3.935-1.59 1.549-3.146 3.136-4.513 4.89-2.155 2.681-5.16 4.591-8.393 5.673.641-3.16 1.029-6.358 1.576-9.526.29-1.623.119-3.328.625-4.902.792-1.455 2.501-1.947 3.878-2.672 2.625-1.271 4.201-3.89 5.462-6.407.921-1.783.8-3.849.857-5.788.078-2.23-.641-4.374-1.049-6.538-.516-2.644-2.37-4.841-4.623-6.189-1.415 0-2.803.529-4.211.283-.425-1.672-.549-3.427-.476-5.144.063-1.537.957-2.874 1.102-4.39a2.179 2.179 0 0 0-.743-1.131c-1.264-.188-2.533.021-3.791-.053-1.686-.094-3.388-.5-5.052-.09-1.504.344-2.956.935-4.505 1.017-2.059.098-4.17.348-6.185-.23-3.078-.807-6.066-1.91-9.114-2.808-2.366-.672-4.583-1.755-6.865-2.644-1.319-.512-2.48-1.312-3.637-2.082-1.327-.931-3.021-1.263-4.121-2.5-2.603-2.73-5.66-5.112-7.522-8.464-1.135-2.144-2.492-4.206-3.16-6.563-.543-1.652-1.082-3.312-1.274-5.042-.406-2.878-.923-5.96-2.878-8.227-1.343-.508-2.841.672-3.315 1.869-.243 3.382-.447 6.808-1.431 10.075-.717 2.39-1.025 4.89-1.929 7.226-.625 1.64-1.56 3.14-2.262 4.747-.771 1.672-1.427 3.443-2.564 4.911-2.294 2.377-4.738 4.698-7.696 6.222-2.113 1.295-4.53 1.906-6.76 2.931a27.353 27.353 0 0 1-12.664 2.234c-1.368-.307-2.405-1.349-3.666-1.881-.71.328-1.38.857-1.698 1.582-.237.865-.018 1.812.363 2.615.529.619 1.233 1.066 1.823 1.652-.176 1.349-2.019 1.779-2.166 3.169-.241.947-.216 1.968-.588 2.89-1.068.267-2.188.135-3.238.447-1.592.324-2.95 1.271-4.233 2.213-1.204.853-1.67 2.34-2.158 3.669-.504 1.631-1.072 3.242-1.617 4.861-.669 1.951-.474 4.05-.224 6.062.343 1.857.439 3.784 1.133 5.562.31.885 1.192 1.336 1.982 1.746 1.067.504 2.166.971 3.292 1.353 1.335.475 2.809.32 4.146.832.917 3.144.682 6.444.89 9.673.049 1.48.645 2.853.994 4.275.396 1.635.739 3.296 1.335 4.874.523 1.402 1.115 2.828 1.143 4.349a24.916 24.916 0 0 1-3.546-.201c-2.051-.377-3.766-1.635-5.566-2.603-1.321-.717-2.686-1.385-3.835-2.361-1.833-1.439-3.019-3.517-4.846-4.96-1.427-1.144-2.015-2.943-2.933-4.452-.943-1.558-1.658-3.234-2.356-4.903-1.506-3.39-2.084-7.116-3.739-10.44-.6-1.156-.91-2.427-1-3.71-.131-1.939-.772-3.832-.6-5.788.133-1.926.163-3.845.214-5.771.049-2.103.88-4.066 1.302-6.103.329-1.607.786-3.193 1.578-4.636 1.666-3.123 1.686-6.849 3.509-9.899 2.368-3.927 3.968-8.272 6.412-12.154 1.143-1.881 1.535-4.136 2.858-5.919 1.655-2.283 2.609-4.993 4.333-7.226 1.015-1.303 2.062-2.578 3.235-3.738 1.915-1.91 3.548-4.099 5.615-5.853 1.852-1.553 3.464-3.382 5.415-4.824 2.119-1.578 4.164-3.353 6.659-4.32 1.833-.766 3.858-.758 5.797-1.062 2.066-.25 4.14-.767 6.238-.463 1.841.324 3.662-.39 5.511-.172 1.627.127 3.272.611 4.915.246 2.643-.402 4.764-2.312 7.41-2.701 3.011-.603 5.985-1.365 8.945-2.189 1.38-.508 2.507.697 3.776.976.868-.392 1.542-1.113 2.413-1.507zm2.362 15.609a3.52 3.52 0 0 0-.976 1.455c.274 1.267 1.221 2.324 1.245 3.665.057 1.484-.155 3.025.367 4.464.71 2.094 1.178 4.316 2.354 6.23 1.139 1.927 2.925 3.341 4.676 4.689 3.782 2.73 8.451 3.574 12.888 4.632 1.274.229 2.643.365 3.903-.078 1.311-1.303.902-3.689-.275-4.939-3.084-1.139-6.563.152-9.59-1.279-2.468-1.127-5.154-2.111-7.02-4.169-1.523-1.939-2.249-4.341-3.135-6.604-1.002-2.23-.239-4.755-.974-7.038-.563-1.269-2.31-1.368-3.463-1.028zm10.904 1.824c-.731.385-1.376 1.111-1.323 1.996.014 1.713.694 3.333 1.337 4.902.492 1.07.925 2.213 1.733 3.107 1.172.98 2.56 1.689 3.962 2.3.68.238 1.384.685 2.158.553.847-.377 1.449-1.18 1.825-2.017.4-1.225-.198-2.804-1.476-3.201-1.427-.619-3.323-.578-4.227-2.029-.778-1.607-.698-3.615-1.955-4.976-.519-.487-1.336-1.049-2.034-.635zm-18.808.324c-.145.082-.441.242-.588.324-.278 1.197-.298 2.439-.627 3.628-.839 2.746-.712 5.776.272 8.464.476 1.34.88 2.71 1.311 4.074.478 1.492 1.445 2.751 2.286 4.062 1.012 1.541 2.041 3.177 3.682 4.136 2.331 1.295 4.532 2.886 7.116 3.677 2.192.689 4.156 1.939 6.324 2.709 2.854.742 5.834 1.164 8.794.853 2.18-.291 4.358.193 6.548.238 1.925.045 3.874.086 5.787-.242 1.113-.189 2.178-.914 2.603-1.988.492-1.39-.792-2.755-2.09-2.988-1.408-.033-2.741.537-4.123.73-3.276.521-6.54-.348-9.818-.332-1.843.103-3.413-1.012-5.189-1.242-1.529-.254-3.086-.414-4.527-.996-2.009-.853-4.156-1.455-5.907-2.8-1.637-1.209-3.642-1.812-5.189-3.136-1.151-1.14-1.715-2.722-2.245-4.21-.776-2.652-1.976-5.206-2.194-7.985-.247-1.668.063-3.328.169-4.984.198-1.25-1.223-2.426-2.395-1.992zm-22.666 5.026c-.731.307-1.231.963-1.621 1.627-1.055 1.734-.714 3.96-1.847 5.661-1.264 1.922-2.056 4.173-3.711 5.817-3.101 3.32-6.334 6.595-10.182 9.046-2.249 1.484-4.96 1.964-7.555 2.459-2.325.459-4.536-.594-6.826-.729-1.429-.098-2.874-.418-4.291-.152-1.004.463-1.705 1.504-1.829 2.599.608.971 1.625 1.717 2.788 1.853 1.531.217 3.091.271 4.628.529 2.56.406 5.158.156 7.734.127 1.002-.012 1.911-.492 2.817-.869 1.947-.865 4.009-1.533 5.762-2.779 2.215-1.562 4.423-3.214 6.089-5.382 1.276-1.709 2.964-3.021 4.499-4.476 1.215-1.078 1.682-2.689 2.588-4.001 1.937-2.931 3.711-6.189 4.036-9.752-.649-.951-1.848-2.083-3.079-1.578zm-26.313 3.029a5.588 5.588 0 0 0-1.278 2.373c.612 1.517 2.625 1.758 4.068 1.672 1.166-.767 1.715-2.865.557-3.874-1.069-.294-2.292-.569-3.347-.171zm5.05 8.64c-1.429 1.07-2.831 2.312-4.658 2.599-1.317.443-2.488-.59-3.758-.619-.455.254-.894.537-1.325.812-1.733.135-3.439-.373-5.164-.267-1.172.639-1.825 2.107-1.664 3.423.527.902 1.6 1.303 2.609 1.385 2.18.176 4.378-.053 6.569.066 2.947.115 5.946-.549 8.487-2.078.88-.594 1.755-1.332 2.147-2.357.261-.877-.033-1.812-.4-2.599-.857-.389-1.963-.717-2.843-.365z" fill="#6ACDD5" clip-rule="evenodd" fill-rule="evenodd" data-color="3"></path>
          <path d="M93.536 69.566c1.145 1.746 1.711 3.796 2.719 5.62 1.106 2.021 1.88 4.239 3.254 6.108 1.547 1.857 3.188 3.64 5.052 5.193 1.349 1.127 2.615 2.402 4.195 3.226 1.515.816 3.109 1.5 4.515 2.513 2.143 1.574 4.644 2.545 7.079 3.562 2.984.943 5.924 2.058 8.996 2.718 1.547.32 3 1 4.544 1.373 2.533.463 5.101-.033 7.618-.414 1.9-.32 3.852-.188 5.75.176-.02.795-.243 1.623-.004 2.414.547 1.066 1.094 2.177 1.172 3.402.319 2.644-.625 5.259-.278 7.907.58 4.804.229 9.649.078 14.47.069 5.152-1.168 10.182-1.978 15.24-.304 1.849-1.333 3.464-1.741 5.284-.547 2.275-1.466 4.447-1.91 6.751-.412 2.144-1.164 4.197-1.774 6.292-.574 2-1.743 3.742-2.511 5.669-.721 1.894-2.084 3.419-3.325 4.976-1.572 1.976-3.452 3.669-5.242 5.435-1.458 1.451-3.266 2.459-4.948 3.615-1.008.762-2.335.578-3.478.922-1.38.41-2.599 1.23-3.987 1.611-1.368.434-2.809.471-4.203.722-1.808.287-3.58.873-5.42.861-1.623-.004-3.237.061-4.848.086-1.27.029-2.478-.439-3.727-.504-1.621-.094-3.282.074-4.84-.467-2.174-.709-4.505-.766-6.612-1.664-1.094-.455-2.262-.668-3.374-1.008-1.417-.439-2.574-1.414-3.925-1.972-2.65-1.086-5.066-2.644-7.397-4.284-2.154-1.529-3.739-3.681-5.699-5.419-1.374-1.34-2.756-2.693-3.917-4.218-1.28-2.058-2.031-4.386-3.19-6.505-.778-1.771-2.319-3.115-2.837-5.005-.58-1.795-.278-3.829-1.329-5.46-.768-1.271-1.353-2.656-1.541-4.132-.747-3.255-.512-6.616-.833-9.916-.172-2.234-.482-4.464-.404-6.706-.057-3.414-.455-6.853.114-10.247.453-2.463.418-4.964.486-7.448-.055-1.836.978-3.468.988-5.296.059-1.537.68-3.464 2.38-3.812a31.925 31.925 0 0 1 6.675-1.123c3.942-.41 7.598-2.017 11.274-3.382 1.1-.574 1.88-1.599 2.962-2.21 1.111-.648 2.254-1.262 3.197-2.16 1.686-1.599 3.748-2.767 5.256-4.558 1.321-1.496 1.957-3.427 2.717-5.239.761-1.898 1.988-3.587 2.58-5.554.79-2.43.792-5.041 1.671-7.443zm61.078 39.527c.396-.029.8-.012 1.217.053.629.607.955 1.455 1.323 2.254.741 1.816 1.5 3.697 1.468 5.71-.022 1.607.074 3.337-.749 4.788-.704 1.283-1.519 2.542-2.623 3.513-.539.504-1.321.586-2.002.475-.547-.816-.686-1.812-.637-2.759.139-3.582-.378-7.145-.468-10.723.004-1.012-.088-2.078.353-3.017.681-.188 1.399-.262 2.118-.294zm-105.26 3.115c.141-.049.427-.152.567-.205.465 3.23-.9 6.308-.965 9.51-.135 2.062.294 4.189-.351 6.198-1.219.803-2.768.324-4.101.16-.757-.074-1.116-.84-1.368-1.443-.876-2.324-.692-4.89-.214-7.276.469-1.775 1.115-3.665 2.6-4.841 1.135-.931 2.503-1.509 3.832-2.103zm79.271-10.604c-.702.127-1.409.328-1.996.734-.968 1.91-.486 4.169-.9 6.222-.831 1.012-2 1.742-3.227 2.172-.7-.328-.947-1.103-1.213-1.75-.529-1.435-.786-2.947-1.213-4.407-.216-.615-.335-1.406-1.047-1.603-.884.164-1.729.627-2.262 1.361-.231 2.546 1.496 5.046.618 7.591a3.701 3.701 0 0 1-1.229-.066c-.48-1.783-.529-3.652-1.012-5.427-.416-1.246-2.502-1.283-2.958-.045-.974 2.263-.576 4.915.545 7.059.906 1.75 1.506 3.628 2.182 5.48.357.963-.045 1.972-.2 2.943-.425 1.84-.492 3.886.418 5.595.81.262 1.682.381 2.552.295.957-1.197 1.509-2.685 1.723-4.193.282-1.939.917-3.865 2.207-5.374 1.055-1.234 2.076-2.582 3.497-3.423 1.956-.984 4.327-1.008 6.35-.201 1.182.467 1.962 1.537 2.778 2.472.792.992 1.862 2.037 1.668 3.443.051 2.144-.598 4.71.939 6.497.788.16 1.627.172 2.427-.02.867-1.156 1.717-2.587 1.435-4.091-.386-2.041-.676-4.128-1.529-6.038-.531-1.349-1.217-2.73-1.055-4.214.067-2.283 1.576-4.152 1.984-6.345.286-1.094-.778-2.205-1.853-2.078-.686.086-1.349.496-1.594 1.164-.784 1.722-1.153 3.722-2.535 5.107-.882.082-1.802-.049-2.58-.455-1.123-1.168-1.255-2.939-1.225-4.468-.016-1.349.249-2.927-.759-3.993-.234.015-.701.043-.936.056zm-59.298 2.93c-1.496.824-1.637 2.861-1.384 4.378.122 1.693.951 3.607-.073 5.169-.776-.143-1.505-.512-1.923-1.189-1.265-1.853-2.674-3.632-4.403-5.058-.968.303-.945 1.381-1.035 2.217-.063.951-.333 2.037.257 2.894.927 1.525 2.223 2.898 2.641 4.694-.421 1.193-1.166 2.23-1.678 3.377-.551 1.103-.59 2.365-.653 3.578-.057 1.574.124 3.259 1.07 4.579.916-.127 1.878-.369 2.605-.988.428-1.636.161-3.455 1.053-4.951.896-1.496 2.192-2.685 3.358-3.96.882-1.062 2.264-1.373 3.497-1.845 1.208-.434 2.46-1.012 3.784-.758 2.119.258 4.544.779 5.799 2.714 1.155 1.685.684 3.824 1.08 5.718.935 1.148 2.278 2.804 3.952 2.152 1.249-1.57 1.535-3.742.99-5.64-.565-1.422-1.407-2.726-1.904-4.173-.314-1.127-.331-2.324-.214-3.472.425-1.611 1.468-2.976 1.913-4.583.163-1.201-.033-2.549-.821-3.501-.904-.205-2.117-.254-2.564.742-1.276 2.123-1.445 4.947-3.576 6.505a3.8 3.8 0 0 1-1.121-.803c-.757-1.689-.088-3.529.114-5.255.282-1.365-.969-2.845-2.349-2.701-.976.221-1.282 1.295-1.555 2.123-.572 1.734-.449 3.586-.774 5.37-.908.438-2.427.676-2.872-.492-.673-1.767-.169-3.779-.89-5.525-.503-.729-1.336-1.762-2.324-1.316zm24.334 18.36l-.288.205c-1.037 1.91.663 3.878.337 5.853-.365 3.168-2.368 5.767-3.397 8.714-.749 2.103-2.121 3.898-2.966 5.952-.371 1.685-.171 3.66.957 5.042.57.734 1.543.951 2.425 1.086 1.321.143 2.68.164 3.997-.107 1.962-.443 3.541-1.779 5.109-2.972 2.392-1.877 4.317-4.312 5.699-7.022 1.18-2.574 1.664-5.378 2.421-8.083.261-1.082.584-2.177.535-3.296-.175-1.103-1.153-1.91-2.135-2.275-1.078-.016-1.829.955-2.297 1.816-.925 1.976-1.019 4.197-1.366 6.321-.314 2.197-1.608 4.046-2.664 5.939-1.541 2.685-4.403 4.857-7.587 4.783-.621-1.968 1.141-3.296 1.886-4.898 1.425-3.058 2.323-6.333 3.123-9.6.682-2.304.065-4.808-.888-6.931-.838-.486-1.983-1.097-2.901-.527zm23.954 29.984c-1.331.291-2.641.713-4.005.754-2.172.066-4.323-.266-6.487-.168-2.866-.016-5.726.365-8.585.205-3.25.037-6.532-.516-9.739.213-1.533.332-3.064-.131-4.576-.275-1.884-.246-3.684.701-5.562.496-.866-.037-1.772-.312-2.586.049-.453 2.193-.925 4.423-.88 6.669-.09 1.459 1.078 2.492 1.923 3.529 1.443 1.553 2.543 3.464 4.352 4.648 1.564 1.021 2.988 2.34 4.809 2.918 1.413.447 2.819.976 4.06 1.816 1.202.82 2.641 1.144 4.06 1.402 1.812.324 3.56 1.164 5.448.992 4.719-.209 9.12-2.312 12.97-4.939 2.005-1.5 4.325-2.787 5.583-5.054 1.033-1.824 2.311-3.48 3.458-5.23 1.112-1.632 1.127-3.693 1.449-5.579.17-.808-.12-1.75-.923-2.066a9.948 9.948 0 0 0-4.769-.38z" fill="#E5CAA4" clip-rule="evenodd" fill-rule="evenodd" data-color="4"></path>
          <path d="M97.235 157.498c-.919.103-1.798.25-2.584.476-.929 1.426-.874 3.029-.449 4.542.125.775 1.637 1.144 2.903 1.373 1.706.299 3.858.394 5.23-.279 2.127-.979 2.258-2.64 1.672-4.037-.324-.607-.459-1.287-1.304-1.762-1.722-.428-3.698-.522-5.468-.313z" fill="#FFFFFF" clip-rule="evenodd" fill-rule="evenodd" data-color="5"></path>
        </g>
      </svg>
    </div>
  </div>
  <div class="svg-wrapper">
    <h3>No Filter</h3>
    <svg class="svg-content animate" preserveAspectRatio="xMidYMid meet" data-viewBox="20.996 10.002 158.004 180" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
        <g>
          <path d="M178.572 102.788c-.361-1.976-.292-3.988-.49-5.972-.104-1.734-.545-3.41-.888-5.099-.731-3.3-2.392-6.358-2.695-9.756-.306-2.718-1.782-5.075-2.997-7.452-.898-1.787-2.033-3.435-2.907-5.226-2.586-5.616-6.634-10.481-11.339-14.432-1.188-1.131-2.213-2.439-3.556-3.39-2.417-1.754-5.068-3.14-7.499-4.861-1.519-1.078-3.264-1.738-4.905-2.57-1.604-.816-3.233-1.582-4.932-2.152-1.557-.525-2.899-1.488-4.332-2.25-1.102-.603-2.366-.758-3.564-1.054-1.649-.361-3.119-1.271-4.789-1.529-3.931-.689-7.85-1.734-11.872-1.631-.629.02-1.355-.074-1.637-.709-1.261-2.296-1.384-4.997-2.162-7.464-.939-2.763-.551-5.71-.994-8.551-.319-1.799.222-3.578.257-5.37-.616-1.021-1.829-1.586-2.972-1.709-.898 1.053-1.686 2.193-2.617 3.218-2.172 2.377-4.127 4.976-6.618 7.038-1.061-.312-1.931-1.074-2.574-1.939-1.267-1.713-2.351-3.583-3.856-5.103-1.033-1.041-1.839-2.263-2.693-3.431-.727-1.025-2.088-1.578-3.305-1.336-.874.291-1.521 1.082-1.69 1.984-.539 2.357-.747 4.78-1.274 7.136-.506 2.107-.521 4.443-1.86 6.251-1.264-.644-2.337-1.57-3.472-2.378-1.441-1.082-3.037-1.914-4.523-2.91-.663-.434-1.39-.951-2.213-.721-.888.16-2.062.303-2.47 1.23-.3 1.988.18 3.993.249 5.989.039 1.988.198 3.968.502 5.935.359 2.23.104 4.505.539 6.731.037.693.335 1.496-.041 2.148-1.433 1.058-3.09 1.775-4.55 2.796-1.541.873-2.609 2.349-4.097 3.292-1.396.894-2.894 1.648-4.121 2.779-1.956 1.746-3.864 3.57-5.411 5.702-1.421 1.849-3.205 3.378-4.564 5.276-2.768 3.419-4.795 7.345-7.042 11.112a71.582 71.582 0 0 0-3.223 6.296c-.896 2.078-2.349 3.861-3.172 5.98-.782 2.013-2.056 3.767-2.954 5.722-.669 1.398-.951 2.939-1.49 4.386-.792 2.238-2.013 4.32-2.535 6.649-.555 2.316-1.129 4.632-1.4 7.001-.755 5.333-1.347 10.834-.128 16.146.598 2.808 2.111 5.308 2.766 8.108.341 1.484.621 3 1.188 4.435.723 2.037 1.984 3.824 2.735 5.857.639 1.672 1.77 3.078 2.768 4.554 1.89 2.808 4.213 5.288 6.66 7.62 1.998 1.943 4.705 2.812 7.126 4.099 2.135 1.156 4.609 1.361 6.852 2.246 1.109.443 2.284.713 3.489.803.596.107 1.4-.008 1.813.59.592.828.9 1.824 1.323 2.758.741 1.82 2.192 3.201 3.276 4.816 1.529 2.242 3.299 4.39 5.558 5.931 2.029 1.349 3.752 3.095 5.673 4.591 1.704 1.312 3.797 1.947 5.615 3.083 2.521 1.586 5.43 2.332 8.177 3.414 1.817.742 3.764 1.045 5.713 1.185 2.078.098 4.027 1.058 6.134.996 3.417-.008 6.826.254 10.243.32 1.508.07 2.907-.537 4.262-1.123 1.049-.488 2.217-.176 3.327-.262 1.321-.074 2.556-.603 3.809-1.008 1.751-.627 3.593-1.045 5.211-2.005 2.615-1.529 5.513-2.75 7.571-5.058 2.041-2.205 4.083-4.419 6.03-6.706 1.208-1.795 2.909-3.349 3.47-5.505.51-1.816 1.28-3.538 1.968-5.28.917-2.365 1.582-4.825 2.415-7.218.48-1.516 1.594-2.722 2.778-3.738 1.629-1.402 3.874-1.656 5.626-2.865a100.341 100.341 0 0 1 3.476-2.238c2.023-1.139 2.894-3.419 4.35-5.116 1.5-2.177 3.746-3.681 5.238-5.861 2.045-2.927 4.127-5.845 5.728-9.051.771-1.615 1.139-3.382 1.77-5.05.553-1.648 1.496-3.185 1.639-4.952.139-1.701.298-3.41.835-5.038.911-2.957.84-6.125.264-9.134zm-11.004-26.615c-1.89-3.607-3.419-7.452-6.001-10.645 2.584 3.193 4.11 7.038 6.001 10.645zm-65.234 87.44c-1.372.668-3.523.574-5.229.275 1.706.299 3.858.394 5.229-.279 1.329-.612 1.879-1.49 1.961-2.404-.082.914-.632 1.794-1.961 2.408zm29.953-93.42c.847-.373 1.449-1.176 1.825-2.013-.376.836-.978 1.64-1.825 2.017-.773.131-1.478-.316-2.157-.553.679.237 1.383.684 2.157.549zm8.443 19.634zm-88.082-8.106zm-4.925-.03zm-1.5 5.173a3.38 3.38 0 0 0-1.135 2.151c.455.729 1.14 1.33 1.945 1.643-.805-.313-1.491-.914-1.947-1.643.093-.82.51-1.611 1.137-2.151zm.536 20.302c1.049-.311 2.17-.18 3.238-.447-1.066.267-2.188.135-3.238.447zm12.415-10.461zm3.879-6.05c1.947-.865 4.007-1.533 5.762-2.779-1.753 1.246-3.815 1.914-5.762 2.779zm77.397-5.151zm-89.485 61.91c-.349-1.422-.945-2.796-.994-4.275.048 1.48.644 2.849.994 4.275zm-24.344-20.696c-.602-1.156-.911-2.426-1-3.71-.133-1.939-.772-3.832-.6-5.788-.172 1.955.469 3.849.6 5.788.089 1.284.4 2.554 1 3.71 1.655 3.324 2.233 7.05 3.739 10.44-1.508-3.39-2.084-7.116-3.739-10.44zm9.026 19.794c-1.068-.858-1.666-2.084-2.286-3.28.62 1.196 1.218 2.423 2.288 3.28 1.827 1.443 3.013 3.521 4.846 4.96-1.833-1.439-3.019-3.517-4.848-4.96zm114.607.058c3.233-1.082 6.238-2.992 8.394-5.673-2.156 2.68-5.161 4.595-8.394 5.673zm23.327-33.01c.353-1.775 1.09-3.472 1.182-5.292-.092 1.821-.827 3.518-1.182 5.292z" fill="#000010" data-color="1"></path>
          <path d="M84.459 18.705c.439-.361 1.082-.291 1.455.16 2.954 2.336 4.299 6.038 7.046 8.579.735.639 1.535 1.558 2.629 1.406 1.041-1.361 1.751-2.972 3.001-4.181 1.168-1.164 2.066-2.578 3.248-3.73.157-.012.468-.041.629-.058.663 2.591.529 5.288.965 7.911.355 2.369 2.156 4.3 2.213 6.739-3.319 1.283-6.887 1.767-10.32 2.652-2.741.779-5.587 1.107-8.263 2.103-.963.435-1.968.033-2.927-.127-1.076-.23-2.119.262-3.164.389-1.561.267-3.111-.389-4.662-.123-1.78.283-3.474 1.148-5.305 1.013-.682-3.624-.414-7.341-.765-10.998-.139-1.59-.447-3.168-.365-4.763 1.598.053 2.721 1.357 3.866 2.324 1.553 1.312 2.831 2.931 4.472 4.144.484.328 1.037.791 1.688.66 1.417-1.873 2.364-4.074 3.035-6.321.539-2.509.363-5.152 1.266-7.583l.258-.196z" fill="#FBEC52" clip-rule="evenodd" fill-rule="evenodd" data-color="2"></path>
          <path d="M111.154 39.905c.969-.271 2.002-.221 3.017-.225 3.194.168 6.436.475 9.465 1.578 1.396.623 2.707 1.451 4.205 1.832 2.784.721 5.295 2.201 8.085 2.922 1.374.377 2.709.935 3.913 1.73 1.864 1.205 3.938 2.058 5.738 3.382 3.225 2.054 6.689 3.923 9.184 6.907.914 1.119 1.957 2.127 3.078 3.05 1.521 1.226 2.494 2.955 3.727 4.448 2.582 3.193 4.111 7.038 6.001 10.645 1.617 3.07 3.405 6.235 3.605 9.784.106 1.677.527 3.324 1.053 4.923a30.026 30.026 0 0 1 1.506 7.239c.286 3.39 1.168 6.726 1.031 10.149-.092 1.82-.829 3.517-1.182 5.292-.359 1.615-.431 3.279-.829 4.89-.347 1.426-1.016 2.755-1.404 4.169-.87 3.624-3.274 6.575-5.507 9.452-.955 1.267-1.515 2.82-2.68 3.935-1.59 1.549-3.146 3.136-4.513 4.89-2.155 2.681-5.16 4.591-8.393 5.673.641-3.16 1.029-6.358 1.576-9.526.29-1.623.119-3.328.625-4.902.792-1.455 2.501-1.947 3.878-2.672 2.625-1.271 4.201-3.89 5.462-6.407.921-1.783.8-3.849.857-5.788.078-2.23-.641-4.374-1.049-6.538-.516-2.644-2.37-4.841-4.623-6.189-1.415 0-2.803.529-4.211.283-.425-1.672-.549-3.427-.476-5.144.063-1.537.957-2.874 1.102-4.39a2.179 2.179 0 0 0-.743-1.131c-1.264-.188-2.533.021-3.791-.053-1.686-.094-3.388-.5-5.052-.09-1.504.344-2.956.935-4.505 1.017-2.059.098-4.17.348-6.185-.23-3.078-.807-6.066-1.91-9.114-2.808-2.366-.672-4.583-1.755-6.865-2.644-1.319-.512-2.48-1.312-3.637-2.082-1.327-.931-3.021-1.263-4.121-2.5-2.603-2.73-5.66-5.112-7.522-8.464-1.135-2.144-2.492-4.206-3.16-6.563-.543-1.652-1.082-3.312-1.274-5.042-.406-2.878-.923-5.96-2.878-8.227-1.343-.508-2.841.672-3.315 1.869-.243 3.382-.447 6.808-1.431 10.075-.717 2.39-1.025 4.89-1.929 7.226-.625 1.64-1.56 3.14-2.262 4.747-.771 1.672-1.427 3.443-2.564 4.911-2.294 2.377-4.738 4.698-7.696 6.222-2.113 1.295-4.53 1.906-6.76 2.931a27.353 27.353 0 0 1-12.664 2.234c-1.368-.307-2.405-1.349-3.666-1.881-.71.328-1.38.857-1.698 1.582-.237.865-.018 1.812.363 2.615.529.619 1.233 1.066 1.823 1.652-.176 1.349-2.019 1.779-2.166 3.169-.241.947-.216 1.968-.588 2.89-1.068.267-2.188.135-3.238.447-1.592.324-2.95 1.271-4.233 2.213-1.204.853-1.67 2.34-2.158 3.669-.504 1.631-1.072 3.242-1.617 4.861-.669 1.951-.474 4.05-.224 6.062.343 1.857.439 3.784 1.133 5.562.31.885 1.192 1.336 1.982 1.746 1.067.504 2.166.971 3.292 1.353 1.335.475 2.809.32 4.146.832.917 3.144.682 6.444.89 9.673.049 1.48.645 2.853.994 4.275.396 1.635.739 3.296 1.335 4.874.523 1.402 1.115 2.828 1.143 4.349a24.916 24.916 0 0 1-3.546-.201c-2.051-.377-3.766-1.635-5.566-2.603-1.321-.717-2.686-1.385-3.835-2.361-1.833-1.439-3.019-3.517-4.846-4.96-1.427-1.144-2.015-2.943-2.933-4.452-.943-1.558-1.658-3.234-2.356-4.903-1.506-3.39-2.084-7.116-3.739-10.44-.6-1.156-.91-2.427-1-3.71-.131-1.939-.772-3.832-.6-5.788.133-1.926.163-3.845.214-5.771.049-2.103.88-4.066 1.302-6.103.329-1.607.786-3.193 1.578-4.636 1.666-3.123 1.686-6.849 3.509-9.899 2.368-3.927 3.968-8.272 6.412-12.154 1.143-1.881 1.535-4.136 2.858-5.919 1.655-2.283 2.609-4.993 4.333-7.226 1.015-1.303 2.062-2.578 3.235-3.738 1.915-1.91 3.548-4.099 5.615-5.853 1.852-1.553 3.464-3.382 5.415-4.824 2.119-1.578 4.164-3.353 6.659-4.32 1.833-.766 3.858-.758 5.797-1.062 2.066-.25 4.14-.767 6.238-.463 1.841.324 3.662-.39 5.511-.172 1.627.127 3.272.611 4.915.246 2.643-.402 4.764-2.312 7.41-2.701 3.011-.603 5.985-1.365 8.945-2.189 1.38-.508 2.507.697 3.776.976.868-.392 1.542-1.113 2.413-1.507zm2.362 15.609a3.52 3.52 0 0 0-.976 1.455c.274 1.267 1.221 2.324 1.245 3.665.057 1.484-.155 3.025.367 4.464.71 2.094 1.178 4.316 2.354 6.23 1.139 1.927 2.925 3.341 4.676 4.689 3.782 2.73 8.451 3.574 12.888 4.632 1.274.229 2.643.365 3.903-.078 1.311-1.303.902-3.689-.275-4.939-3.084-1.139-6.563.152-9.59-1.279-2.468-1.127-5.154-2.111-7.02-4.169-1.523-1.939-2.249-4.341-3.135-6.604-1.002-2.23-.239-4.755-.974-7.038-.563-1.269-2.31-1.368-3.463-1.028zm10.904 1.824c-.731.385-1.376 1.111-1.323 1.996.014 1.713.694 3.333 1.337 4.902.492 1.07.925 2.213 1.733 3.107 1.172.98 2.56 1.689 3.962 2.3.68.238 1.384.685 2.158.553.847-.377 1.449-1.18 1.825-2.017.4-1.225-.198-2.804-1.476-3.201-1.427-.619-3.323-.578-4.227-2.029-.778-1.607-.698-3.615-1.955-4.976-.519-.487-1.336-1.049-2.034-.635zm-18.808.324c-.145.082-.441.242-.588.324-.278 1.197-.298 2.439-.627 3.628-.839 2.746-.712 5.776.272 8.464.476 1.34.88 2.71 1.311 4.074.478 1.492 1.445 2.751 2.286 4.062 1.012 1.541 2.041 3.177 3.682 4.136 2.331 1.295 4.532 2.886 7.116 3.677 2.192.689 4.156 1.939 6.324 2.709 2.854.742 5.834 1.164 8.794.853 2.18-.291 4.358.193 6.548.238 1.925.045 3.874.086 5.787-.242 1.113-.189 2.178-.914 2.603-1.988.492-1.39-.792-2.755-2.09-2.988-1.408-.033-2.741.537-4.123.73-3.276.521-6.54-.348-9.818-.332-1.843.103-3.413-1.012-5.189-1.242-1.529-.254-3.086-.414-4.527-.996-2.009-.853-4.156-1.455-5.907-2.8-1.637-1.209-3.642-1.812-5.189-3.136-1.151-1.14-1.715-2.722-2.245-4.21-.776-2.652-1.976-5.206-2.194-7.985-.247-1.668.063-3.328.169-4.984.198-1.25-1.223-2.426-2.395-1.992zm-22.666 5.026c-.731.307-1.231.963-1.621 1.627-1.055 1.734-.714 3.96-1.847 5.661-1.264 1.922-2.056 4.173-3.711 5.817-3.101 3.32-6.334 6.595-10.182 9.046-2.249 1.484-4.96 1.964-7.555 2.459-2.325.459-4.536-.594-6.826-.729-1.429-.098-2.874-.418-4.291-.152-1.004.463-1.705 1.504-1.829 2.599.608.971 1.625 1.717 2.788 1.853 1.531.217 3.091.271 4.628.529 2.56.406 5.158.156 7.734.127 1.002-.012 1.911-.492 2.817-.869 1.947-.865 4.009-1.533 5.762-2.779 2.215-1.562 4.423-3.214 6.089-5.382 1.276-1.709 2.964-3.021 4.499-4.476 1.215-1.078 1.682-2.689 2.588-4.001 1.937-2.931 3.711-6.189 4.036-9.752-.649-.951-1.848-2.083-3.079-1.578zm-26.313 3.029a5.588 5.588 0 0 0-1.278 2.373c.612 1.517 2.625 1.758 4.068 1.672 1.166-.767 1.715-2.865.557-3.874-1.069-.294-2.292-.569-3.347-.171zm5.05 8.64c-1.429 1.07-2.831 2.312-4.658 2.599-1.317.443-2.488-.59-3.758-.619-.455.254-.894.537-1.325.812-1.733.135-3.439-.373-5.164-.267-1.172.639-1.825 2.107-1.664 3.423.527.902 1.6 1.303 2.609 1.385 2.18.176 4.378-.053 6.569.066 2.947.115 5.946-.549 8.487-2.078.88-.594 1.755-1.332 2.147-2.357.261-.877-.033-1.812-.4-2.599-.857-.389-1.963-.717-2.843-.365z" fill="#6ACDD5" clip-rule="evenodd" fill-rule="evenodd" data-color="3"></path>
          <path d="M93.536 69.566c1.145 1.746 1.711 3.796 2.719 5.62 1.106 2.021 1.88 4.239 3.254 6.108 1.547 1.857 3.188 3.64 5.052 5.193 1.349 1.127 2.615 2.402 4.195 3.226 1.515.816 3.109 1.5 4.515 2.513 2.143 1.574 4.644 2.545 7.079 3.562 2.984.943 5.924 2.058 8.996 2.718 1.547.32 3 1 4.544 1.373 2.533.463 5.101-.033 7.618-.414 1.9-.32 3.852-.188 5.75.176-.02.795-.243 1.623-.004 2.414.547 1.066 1.094 2.177 1.172 3.402.319 2.644-.625 5.259-.278 7.907.58 4.804.229 9.649.078 14.47.069 5.152-1.168 10.182-1.978 15.24-.304 1.849-1.333 3.464-1.741 5.284-.547 2.275-1.466 4.447-1.91 6.751-.412 2.144-1.164 4.197-1.774 6.292-.574 2-1.743 3.742-2.511 5.669-.721 1.894-2.084 3.419-3.325 4.976-1.572 1.976-3.452 3.669-5.242 5.435-1.458 1.451-3.266 2.459-4.948 3.615-1.008.762-2.335.578-3.478.922-1.38.41-2.599 1.23-3.987 1.611-1.368.434-2.809.471-4.203.722-1.808.287-3.58.873-5.42.861-1.623-.004-3.237.061-4.848.086-1.27.029-2.478-.439-3.727-.504-1.621-.094-3.282.074-4.84-.467-2.174-.709-4.505-.766-6.612-1.664-1.094-.455-2.262-.668-3.374-1.008-1.417-.439-2.574-1.414-3.925-1.972-2.65-1.086-5.066-2.644-7.397-4.284-2.154-1.529-3.739-3.681-5.699-5.419-1.374-1.34-2.756-2.693-3.917-4.218-1.28-2.058-2.031-4.386-3.19-6.505-.778-1.771-2.319-3.115-2.837-5.005-.58-1.795-.278-3.829-1.329-5.46-.768-1.271-1.353-2.656-1.541-4.132-.747-3.255-.512-6.616-.833-9.916-.172-2.234-.482-4.464-.404-6.706-.057-3.414-.455-6.853.114-10.247.453-2.463.418-4.964.486-7.448-.055-1.836.978-3.468.988-5.296.059-1.537.68-3.464 2.38-3.812a31.925 31.925 0 0 1 6.675-1.123c3.942-.41 7.598-2.017 11.274-3.382 1.1-.574 1.88-1.599 2.962-2.21 1.111-.648 2.254-1.262 3.197-2.16 1.686-1.599 3.748-2.767 5.256-4.558 1.321-1.496 1.957-3.427 2.717-5.239.761-1.898 1.988-3.587 2.58-5.554.79-2.43.792-5.041 1.671-7.443zm61.078 39.527c.396-.029.8-.012 1.217.053.629.607.955 1.455 1.323 2.254.741 1.816 1.5 3.697 1.468 5.71-.022 1.607.074 3.337-.749 4.788-.704 1.283-1.519 2.542-2.623 3.513-.539.504-1.321.586-2.002.475-.547-.816-.686-1.812-.637-2.759.139-3.582-.378-7.145-.468-10.723.004-1.012-.088-2.078.353-3.017.681-.188 1.399-.262 2.118-.294zm-105.26 3.115c.141-.049.427-.152.567-.205.465 3.23-.9 6.308-.965 9.51-.135 2.062.294 4.189-.351 6.198-1.219.803-2.768.324-4.101.16-.757-.074-1.116-.84-1.368-1.443-.876-2.324-.692-4.89-.214-7.276.469-1.775 1.115-3.665 2.6-4.841 1.135-.931 2.503-1.509 3.832-2.103zm79.271-10.604c-.702.127-1.409.328-1.996.734-.968 1.91-.486 4.169-.9 6.222-.831 1.012-2 1.742-3.227 2.172-.7-.328-.947-1.103-1.213-1.75-.529-1.435-.786-2.947-1.213-4.407-.216-.615-.335-1.406-1.047-1.603-.884.164-1.729.627-2.262 1.361-.231 2.546 1.496 5.046.618 7.591a3.701 3.701 0 0 1-1.229-.066c-.48-1.783-.529-3.652-1.012-5.427-.416-1.246-2.502-1.283-2.958-.045-.974 2.263-.576 4.915.545 7.059.906 1.75 1.506 3.628 2.182 5.48.357.963-.045 1.972-.2 2.943-.425 1.84-.492 3.886.418 5.595.81.262 1.682.381 2.552.295.957-1.197 1.509-2.685 1.723-4.193.282-1.939.917-3.865 2.207-5.374 1.055-1.234 2.076-2.582 3.497-3.423 1.956-.984 4.327-1.008 6.35-.201 1.182.467 1.962 1.537 2.778 2.472.792.992 1.862 2.037 1.668 3.443.051 2.144-.598 4.71.939 6.497.788.16 1.627.172 2.427-.02.867-1.156 1.717-2.587 1.435-4.091-.386-2.041-.676-4.128-1.529-6.038-.531-1.349-1.217-2.73-1.055-4.214.067-2.283 1.576-4.152 1.984-6.345.286-1.094-.778-2.205-1.853-2.078-.686.086-1.349.496-1.594 1.164-.784 1.722-1.153 3.722-2.535 5.107-.882.082-1.802-.049-2.58-.455-1.123-1.168-1.255-2.939-1.225-4.468-.016-1.349.249-2.927-.759-3.993-.234.015-.701.043-.936.056zm-59.298 2.93c-1.496.824-1.637 2.861-1.384 4.378.122 1.693.951 3.607-.073 5.169-.776-.143-1.505-.512-1.923-1.189-1.265-1.853-2.674-3.632-4.403-5.058-.968.303-.945 1.381-1.035 2.217-.063.951-.333 2.037.257 2.894.927 1.525 2.223 2.898 2.641 4.694-.421 1.193-1.166 2.23-1.678 3.377-.551 1.103-.59 2.365-.653 3.578-.057 1.574.124 3.259 1.07 4.579.916-.127 1.878-.369 2.605-.988.428-1.636.161-3.455 1.053-4.951.896-1.496 2.192-2.685 3.358-3.96.882-1.062 2.264-1.373 3.497-1.845 1.208-.434 2.46-1.012 3.784-.758 2.119.258 4.544.779 5.799 2.714 1.155 1.685.684 3.824 1.08 5.718.935 1.148 2.278 2.804 3.952 2.152 1.249-1.57 1.535-3.742.99-5.64-.565-1.422-1.407-2.726-1.904-4.173-.314-1.127-.331-2.324-.214-3.472.425-1.611 1.468-2.976 1.913-4.583.163-1.201-.033-2.549-.821-3.501-.904-.205-2.117-.254-2.564.742-1.276 2.123-1.445 4.947-3.576 6.505a3.8 3.8 0 0 1-1.121-.803c-.757-1.689-.088-3.529.114-5.255.282-1.365-.969-2.845-2.349-2.701-.976.221-1.282 1.295-1.555 2.123-.572 1.734-.449 3.586-.774 5.37-.908.438-2.427.676-2.872-.492-.673-1.767-.169-3.779-.89-5.525-.503-.729-1.336-1.762-2.324-1.316zm24.334 18.36l-.288.205c-1.037 1.91.663 3.878.337 5.853-.365 3.168-2.368 5.767-3.397 8.714-.749 2.103-2.121 3.898-2.966 5.952-.371 1.685-.171 3.66.957 5.042.57.734 1.543.951 2.425 1.086 1.321.143 2.68.164 3.997-.107 1.962-.443 3.541-1.779 5.109-2.972 2.392-1.877 4.317-4.312 5.699-7.022 1.18-2.574 1.664-5.378 2.421-8.083.261-1.082.584-2.177.535-3.296-.175-1.103-1.153-1.91-2.135-2.275-1.078-.016-1.829.955-2.297 1.816-.925 1.976-1.019 4.197-1.366 6.321-.314 2.197-1.608 4.046-2.664 5.939-1.541 2.685-4.403 4.857-7.587 4.783-.621-1.968 1.141-3.296 1.886-4.898 1.425-3.058 2.323-6.333 3.123-9.6.682-2.304.065-4.808-.888-6.931-.838-.486-1.983-1.097-2.901-.527zm23.954 29.984c-1.331.291-2.641.713-4.005.754-2.172.066-4.323-.266-6.487-.168-2.866-.016-5.726.365-8.585.205-3.25.037-6.532-.516-9.739.213-1.533.332-3.064-.131-4.576-.275-1.884-.246-3.684.701-5.562.496-.866-.037-1.772-.312-2.586.049-.453 2.193-.925 4.423-.88 6.669-.09 1.459 1.078 2.492 1.923 3.529 1.443 1.553 2.543 3.464 4.352 4.648 1.564 1.021 2.988 2.34 4.809 2.918 1.413.447 2.819.976 4.06 1.816 1.202.82 2.641 1.144 4.06 1.402 1.812.324 3.56 1.164 5.448.992 4.719-.209 9.12-2.312 12.97-4.939 2.005-1.5 4.325-2.787 5.583-5.054 1.033-1.824 2.311-3.48 3.458-5.23 1.112-1.632 1.127-3.693 1.449-5.579.17-.808-.12-1.75-.923-2.066a9.948 9.948 0 0 0-4.769-.38z" fill="#E5CAA4" clip-rule="evenodd" fill-rule="evenodd" data-color="4"></path>
          <path d="M97.235 157.498c-.919.103-1.798.25-2.584.476-.929 1.426-.874 3.029-.449 4.542.125.775 1.637 1.144 2.903 1.373 1.706.299 3.858.394 5.23-.279 2.127-.979 2.258-2.64 1.672-4.037-.324-.607-.459-1.287-1.304-1.762-1.722-.428-3.698-.522-5.468-.313z" fill="#FFFFFF" clip-rule="evenodd" fill-rule="evenodd" data-color="5"></path>
        </g>
      </svg>
  </div>
</div>
            
          
!
            
              body {
  margin: 20px;
}
#stage {
  display: flex;
  flex-wrap: wrap;
}
.svg-wrapper {
  flex: 0 0 200px;
  width: 200px;
  height: 200px;
  padding: 30px 20px;
  text-align: center;
}
.svg-content {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.animate {
  animation: 3s expand-in;
  animation-fill-mode: forwards;
}

@keyframes expand-in {
  from {
    opacity: 0;
    transform: scale(0.1);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

            
          
!
            
              animate.addEventListener('click', event => {
  const svgs = [...document.querySelectorAll('.svg-content')]
  svgs.forEach(svg => svg.classList.remove('animate'))
  setTimeout(() => svgs.forEach(svg => svg.classList.add('animate')), 100)
})
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console