<ul class="sg-colors">
  <li class="sg-color">
    <div class="sg-color__block color--white js-sg-element"></div>
    <div class="sg-color__label">white</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--slight-off-white js-sg-element"></div>
    <div class="sg-color__label">slight off-white</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--lighter-gray js-sg-element"></div>
    <div class="sg-color__label">lighter gray</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--light-gray js-sg-element"></div>
    <div class="sg-color__label">light gray</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--gray js-sg-element"></div>
    <div class="sg-color__label">gray</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--dark-gray js-sg-element"></div>
    <div class="sg-color__label">dark gray</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--charcoal js-sg-element"></div>
    <div class="sg-color__label">charcoal</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--black js-sg-element"></div>
    <div class="sg-color__label">black</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--black-blue js-sg-element"></div>
    <div class="sg-color__label">black blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--darkest-blue js-sg-element"></div>
    <div class="sg-color__label">darkest blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--darker-blue js-sg-element"></div>
    <div class="sg-color__label">darker blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--dark-blue js-sg-element"></div>
    <div class="sg-color__label">dark blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--light-blue js-sg-element"></div>
    <div class="sg-color__label">light blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--lighter-blue js-sg-element"></div>
    <div class="sg-color__label">lighter blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--soft-blue js-sg-element"></div>
    <div class="sg-color__label">soft blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--cadillac-blue js-sg-element"></div>
    <div class="sg-color__label">cadillac blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--arctic-blue js-sg-element"></div>
    <div class="sg-color__label">arctic blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--spearmint-blue js-sg-element"></div>
    <div class="sg-color__label">spearmint blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--ultimate-blue js-sg-element"></div>
    <div class="sg-color__label">ultimate blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--iconic-blue js-sg-element"></div>
    <div class="sg-color__label">iconic blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--charcoal-blue js-sg-element"></div>
    <div class="sg-color__label">charcoal blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--light-green-blue js-sg-element"></div>
    <div class="sg-color__label">light green-blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--green-blue js-sg-element"></div>
    <div class="sg-color__label">green-blue</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--light-orange js-sg-element"></div>
    <div class="sg-color__label">light orange</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--orange js-sg-element"></div>
    <div class="sg-color__label">orange</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--orange-adjacent js-sg-element"></div>
    <div class="sg-color__label">orange adjacent</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--dark-orange js-sg-element"></div>
    <div class="sg-color__label">dark orange</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--darker-orange js-sg-element"></div>
    <div class="sg-color__label">darker orange</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--burnt-orange js-sg-element"></div>
    <div class="sg-color__label">burnt orange</div>
  </li>
  <li class="sg-color">
    <div class="sg-color__block color--error js-sg-element"></div>
    <div class="sg-color__label">error</div>
  </li>
</ul>
        

          <div class="sg-links">
    <div class="sg-link__container">
      <a href="#" class="link js-sg-element">basic link</a>
    </div>
    <div class="sg-link__container color--light-blue">
      <a href="#" class="link--inverse js-sg-element">link inverse</a>
    </div>
    <div class="sg-link__container">
      <a href="#" class="link--nav js-sg-element">link nav</a>
    </div>
    <div class="sg-message">
        Delivered stylguide from creative should include hover and active states, when available.
    </div>
</div>
        

          <div class="sg-headings">
  <h1 class="js-sg-element">Level one heading</h1>
  <h2 class="js-sg-element">Level two heading</h2>
  <h3 class="js-sg-element">Level three heading</h3>
  <h4 class="js-sg-element">Level four heading</h4>
  <h5 class="js-sg-element">Level five heading</h5>
  <h6 class="js-sg-element">Level six heading</h6>
</div>

        

          <div class="sg-texts">
  <h2 class="sg-component__title highlight">XX-Large Text</h2>
  <p class="text--xxlarge js-sg-element">Large text (31.5px) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt veritatis sequi nobis earum dicta vero impedit esse at, debitis doloremque eius inventore qui, et dolores eaque eos iste repellendus non.
  </p>
  <h2 class="sg-component__title highlight">X-Large Text</h2>
  <p class="text--xlarge js-sg-element">Large text (27px) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt veritatis sequi nobis earum dicta vero impedit esse at, debitis doloremque eius inventore qui, et dolores eaque eos iste repellendus non.
  </p>
  <h2 class="sg-component__title highlight">Large Text</h2>
  <p class="text--large js-sg-element">Large text (22.5px) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt veritatis sequi nobis earum dicta vero impedit esse at, debitis doloremque eius inventore qui, et dolores eaque eos iste repellendus non.
  </p>
  <h2 class="sg-component__title highlight">Medium Text, also default</h2>
  <p class="text--medium js-sg-element">Large text (18px) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt veritatis sequi nobis earum dicta vero impedit esse at, debitis doloremque eius inventore qui, et dolores eaque eos iste repellendus non.
  </p>
  <h2 class="sg-component__title highlight">Small Text</h2>
  <p class="text--small js-sg-element">Default text (16px) Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  <h2 class="sg-component__title highlight">UL w/ circle</h2>
  <ul class="circle js-sg-element">
    <li>list item</li>
    <li>list item</li>
    <li>list item</li>
  </ul>
  <h2 class="sg-component__title highlight">OL w/ numbers</h2>
  <ol class="disc js-sg-element">
    <li>list item</li>
    <li>list item</li>
    <li>list item</li>
  </ol>
  <p>Otherwise, OL and UL are reset without list-type for use with floats</p>
</div>
        

          <div class="sg-header">
  Primary
</div>
<div class="sg-buttons">
  <a href="/" class="button">Button text</a>
  <button class="button">Button text</button>
  <input type="button" class="button" value="Button text">
</div>
<div class="sg-buttons">
  <a href="/" class="button-dark">Dark Button text</a>
  <button class="button-dark">Dark Button text</button>
  <input type="button" class="button-dark" value="Dark Button text">
</div>

        

          <div class="sg-links">
  <div class="sg-link__container">
    <section class="section-hero">
      <header class="section-hero__header">
        <h2 class="section-hero__title">Our Company</h2>
      </header>
      <div class="section-hero__background">
        <img data-src="https://s3.amazonaws.com/stratfs/heros/hero-company.jpg" alt="Company" class="section-hero__img js-lazy-load loaded" src="https://s3.amazonaws.com/stratfs/heros/hero-company.jpg">
      </div>
    </section>
  </div>
</div>

        

          <div class="sg-links">
  <div class="sg-link__container">
    <h4 class="wow fadeInRight" data-wow-duration="1s">Fade In Right</h4>
    <h4 class="wow fadeInLeft" data-wow-duration="1s">Fade In Left</h4>
    <h4 class="wow fadeIn" data-wow-duration="1s" data-wow-iteration="3">Fade In (3 Times)</h4>
    <h4 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="500ms">Fade In Down (Delay 1/2 Second)</h4>
    <h4 class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2s">Fade In Up (Delay 2s)</h4>
  </div>
</div>

        

          <ul class="sg-icons">
  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215.25 154.71">
        <defs>
          <style>
            .icon-bankruptcy-truck__body{fill:#ffffff;}
            .icon-bankruptcy-truck__tires{fill:#ffffff;}
            .icon-bankruptcy-truck__dollar-sign{fill:none;}
          </style>
        </defs>
        <path class="svg-icon icon-bankruptcy-truck icon-bankruptcy-truck__body" d="M50.45,107.63A23.54,23.54,0,1,0,74,131.17,23.53,23.53,0,0,0,50.45,107.63Zm0,33.63a10.09,10.09,0,1,1,10.09-10.09A10.09,10.09,0,0,1,50.45,141.26ZM164.8,107.63a23.54,23.54,0,1,0,23.54,23.54A23.54,23.54,0,0,0,164.8,107.63Zm0,33.63a10.09,10.09,0,1,1,10.09-10.09A10.09,10.09,0,0,1,164.8,141.26Z"/>
        <path class="svg-icon icon-bankruptcy-truck icon-bankruptcy-truck__tires" d="M201.8,0H78a30.89,30.89,0,0,0-30.9,30.9,2.73,2.73,0,0,0,2.73,2.73h4L33.63,67.27,12.76,72.48a8,8,0,0,0-6,7.73v27.42H4.49A4.49,4.49,0,0,0,0,112.11v17.94a4.49,4.49,0,0,0,4.49,4.48H19.84a30.83,30.83,0,0,1-.33-3.36,30.94,30.94,0,0,1,61.88,0,28.53,28.53,0,0,1-.34,3.36H134.2a28.53,28.53,0,0,1-.34-3.36,30.94,30.94,0,0,1,61.88,0,30.83,30.83,0,0,1-.33,3.36h6.39a13.45,13.45,0,0,0,13.45-13.45V13.45A13.45,13.45,0,0,0,201.8,0ZM87.45,67.27H53.81L72.94,33.63H87.45ZM168.17,74V79a1.73,1.73,0,0,1-1.75,1.68h-3.23A1.72,1.72,0,0,1,161.44,79V74a31,31,0,0,1-13.3-3.09,1.41,1.41,0,0,1-.75-1.72l2.11-6.07a1.47,1.47,0,0,1,1-.92,1.83,1.83,0,0,1,.59-.12,1.85,1.85,0,0,1,.85.22,32.7,32.7,0,0,0,12.24,3.06c4.28,0,8.13-1.67,8.13-4.78,0-2.52-2.87-4.72-9.48-6.9-9.28-3-15.5-7-15.5-13,0-7.28,6.8-13.53,14.12-13.77V21.86a1.72,1.72,0,0,1,1.75-1.68h3.23a1.73,1.73,0,0,1,1.75,1.68v5.06c4.58-.13,10.87,1.35,13.36,2.79a1.39,1.39,0,0,1,.68,1.69l-2.16,5.85a1.62,1.62,0,0,1-1,.94,2.1,2.1,0,0,1-.56.08,1.89,1.89,0,0,1-.91-.23c-1.55-.88-8.61-2.38-12.82-2.38-3.87,0-7.22,1.42-7.22,4.06,0,2.47,2.6,3.49,8.92,5.7,9.53,3.14,15.85,7.76,15.85,14.43S176,73.61,168.17,74Z"/>
        <path class="svg-icon icon-bankruptcy-truck icon-bankruptcy-truck__dollar-sign" d="M168.17,74V79a1.73,1.73,0,0,1-1.75,1.68h-3.23A1.72,1.72,0,0,1,161.44,79V74a31,31,0,0,1-13.3-3.09,1.41,1.41,0,0,1-.75-1.72l2.11-6.07a1.47,1.47,0,0,1,1-.92,1.83,1.83,0,0,1,.59-.12,1.85,1.85,0,0,1,.85.22,32.7,32.7,0,0,0,12.24,3.06c4.28,0,8.13-1.67,8.13-4.78,0-2.52-2.87-4.72-9.48-6.9-9.28-3-15.5-7-15.5-13,0-7.28,6.8-13.53,14.12-13.77V21.86a1.72,1.72,0,0,1,1.75-1.68h3.23a1.73,1.73,0,0,1,1.75,1.68v5.06c4.58-.13,10.87,1.35,13.36,2.79a1.39,1.39,0,0,1,.68,1.69l-2.16,5.85a1.62,1.62,0,0,1-1,.94,2.1,2.1,0,0,1-.56.08,1.89,1.89,0,0,1-.91-.23c-1.55-.88-8.61-2.38-12.82-2.38-3.87,0-7.22,1.42-7.22,4.06,0,2.47,2.6,3.49,8.92,5.7,9.53,3.14,15.85,7.76,15.85,14.43S176,73.61,168.17,74Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Home Bankruptcy Truck<br/>(fillable dollar sign)</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 217.28 189.24">
        <defs>
          <style>
            .icon-card__1{fill:#ffffff;}
            .icon-card__2{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-card icon-card__1" d="M164.93,63.08H17.3A17.31,17.31,0,0,0,0,80.39v91.55a17.3,17.3,0,0,0,17.3,17.3H164.93a17.3,17.3,0,0,0,17.31-17.3V80.39A17.32,17.32,0,0,0,164.93,63.08Zm-104,28a2.13,2.13,0,0,1,2.13,2.13v11.89h-14v-14ZM28,93.25a2.13,2.13,0,0,1,2.13-2.13H42.05v14H28Zm0,18.89h14v14H30.17A2.13,2.13,0,0,1,28,124Zm21,46.93a2.13,2.13,0,0,1-2.13,2.14H30.17A2.13,2.13,0,0,1,28,159.07v-2.74a2.13,2.13,0,0,1,2.13-2.13H46.93a2.13,2.13,0,0,1,2.13,2.13ZM61,126.16H49.06v-14h14V124A2.13,2.13,0,0,1,61,126.16Zm23.16,32.91A2.14,2.14,0,0,1,82,161.21H65.22a2.14,2.14,0,0,1-2.14-2.14v-2.74a2.14,2.14,0,0,1,2.14-2.13H82a2.14,2.14,0,0,1,2.14,2.13Zm35,0a2.13,2.13,0,0,1-2.13,2.14H100.26a2.13,2.13,0,0,1-2.13-2.14v-2.74a2.13,2.13,0,0,1,2.13-2.13H117a2.13,2.13,0,0,1,2.13,2.13Zm35,0a2.14,2.14,0,0,1-2.14,2.14H135.31a2.14,2.14,0,0,1-2.14-2.14v-2.74a2.14,2.14,0,0,1,2.14-2.13h16.75a2.14,2.14,0,0,1,2.14,2.13Z"/>
        <path class="svg-icon icon-card icon-card__2" d="M200,0H52.35a17.3,17.3,0,0,0-17.3,17.3V56.07H203.26v52.79a3.28,3.28,0,0,1-3.28,3.28H189.24v14H200a17.31,17.31,0,0,0,17.3-17.3V17.3A17.31,17.31,0,0,0,200,0Zm3.28,28H49.06V17.3A3.3,3.3,0,0,1,52.35,14H200a3.29,3.29,0,0,1,3.28,3.28Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Credit Card Stack</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 393.77 439.47">
        <defs>
          <style>
            .icon-globe--globe{fill:#ffffff;}
            .icon-globe--marker{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-globe--globe" d="M67.94,240H4.16c-2.39,0-4.24-1-4.16-2.24l.08-2.31a194.85,194.85,0,0,1,12-61.09c13.41,23.52,30.85,43,46.81,57.61C62,234.94,65,237.57,67.94,240Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M.57,258.58s-.08-1.05-.19-2.32,1.69-2.31,4-2.31h79c2.33,0,4.22.94,4.24,2.1l.05,2.09a512.8,512.8,0,0,0,10.71,93s.16.82.38,1.82a2.22,2.22,0,0,1-1.38,2.47l-1.77.64c-15,5.35-27.85,11.36-38.27,17.83l-2.2,1.65c-1.21.9-2.77,1-3.48.22l-1.26-1.43A194.75,194.75,0,0,1,.57,258.58Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M96.35,412.29l-1.09-.61c-3.72-2.22-7.92-5-13.1-8.64l-3.1-2.25c-3.62-2.8-7.31-5.66-11.26-9.11l-2.67-2.31c-1.48-1.28-1.52-3-.12-3.81l2.56-1.5A189.29,189.29,0,0,1,98,369.93l2.19-.81a2.08,2.08,0,0,1,2.79,1.46l.61,2.26a327.74,327.74,0,0,0,14.57,42.39l2.78,6.5c.91,2.12,0,3.06-2.15,2.06l-9.41-4.43C104.3,416.84,100.28,414.66,96.35,412.29Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M189.89,177.24v58.55a4.27,4.27,0,0,1-4.24,4.24H135.6C152.34,226.07,173.7,204.79,189.89,177.24Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M189.89,258.16v77.28c0,2.31-.92,4.24-2.07,4.24l-2,.09a310.57,310.57,0,0,0-69,9.71s-1,.23-2.24.54a2.1,2.1,0,0,1-2.62-1.63l-.46-2.15a501,501,0,0,1-9.8-85.54,19,19,0,0,0,10.26-3c1.39-.93,3.17-2.08,5.4-3.71h68.26A4.21,4.21,0,0,1,189.89,258.16Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M179.68,439.06l-4.44-.45-1.19-.19c-3.36-.38-6.38-.8-9.42-1.22l-7.12-1.34c-2.7-.56-5.54-1.23-8.39-2l-.45-.09a17.1,17.1,0,0,1-4.12-2.13A21.34,21.34,0,0,1,138,425c-8.33-16.07-15.47-35.11-21.2-56.56,0,0-.26-.94-.56-2.09a2.18,2.18,0,0,1,1.53-2.65l2.07-.55a300.21,300.21,0,0,1,65.61-9.36l2.18-.08c1.21,0,2.2,1.8,2.2,4.11v77.68a3.84,3.84,0,0,1-4,4l-4-.22Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M206.07,353.68l2.18.08A300.94,300.94,0,0,1,274,363.13l2.06.55a2.16,2.16,0,0,1,1.52,2.64l-.57,2.09c-5.7,21.35-12.86,40.39-21.21,56.61-1.89,3.59-6.75,7.27-10.15,8.59-.57.17-2.48.67-4.73,1.22q-2.74.65-5.47,1.23l-5.85,1.08c-3.35.49-6.76,1-10.27,1.32l-1.48.19c-1.2.17-2.34.34-4.28.49l-5.46.32a3.94,3.94,0,0,1-4.19-4V357.79C203.89,355.48,204.86,353.64,206.07,353.68Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M277.52,121.63a2.37,2.37,0,0,1-1.31.93l-2.09.62a301.94,301.94,0,0,1-65.49,9.41,153.33,153.33,0,0,0,5.1-39.27A105.3,105.3,0,0,0,204,48.82c.39-1.7,1.62-2.85,3-2.7l3.16.15c1,0,1.84,0,2.61.08l5.87.61c3.62.4,7.4.94,11,1.55,2.08.38,4,.7,6,1.08,3,.61,5.95,1.31,8.87,2.08l.85.23c3.47,1.32,8.41,5,10.33,8.72,8.33,16.12,15.59,35.4,21.37,57.31,0,0,.15.46.31,1.08A3.79,3.79,0,0,1,277.52,121.63Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M208,339.74l-2-.05c-1.13-.05-2.05-2-2.05-4.28V258.16a4.2,4.2,0,0,1,4.2-4.21H288c2.33,0,4.18,1,4.14,2.2l-.07,2.22a509,509,0,0,1-9.81,87.87l-.49,2.18a2.12,2.12,0,0,1-2.66,1.62l-2.19-.57A315.72,315.72,0,0,0,208,339.74Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M203.89,235.81V150.94c0-2.32.9-4.23,2-4.26l2-.07a317.91,317.91,0,0,0,69.13-9.8l2.18-.57a2.1,2.1,0,0,1,2.62,1.64l.43,2.23a503.11,503.11,0,0,1,9.93,95.6s0,1,0,2.15-1.85,2.16-4.17,2.16h-80A4.21,4.21,0,0,1,203.89,235.81Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M290.22,372.86s.26-1,.59-2.25a2.11,2.11,0,0,1,2.82-1.45l2.22.78a185.69,185.69,0,0,1,30.32,14.12l2.6,1.5a2,2,0,0,1,.37,3.48l-2.25,2-1.46,1.15c-3.65,3.12-7.18,6-11.46,9.16L311.66,403c-4.51,3.28-8.83,6.15-13.29,8.77l-1.18.73c-4.46,2.61-8.71,4.87-12.89,6.89l-9.14,4.36c-2.1,1-3.06.08-2.15-2.06l2.72-6.44A332.89,332.89,0,0,0,290.22,372.86Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M272.93,63.76c-.92-2.14.05-3,2.14-2.06l6.45,3.07c.71.39,3.85,1.93,3.85,1.93,2.46,1.22,4.9,2.52,7.31,3.86,2,1.13,4.36,2.49,5.22,3l.79.43c.44.25,3.62,2.18,7,4.47,1.93,1.29,4,2.69,6.08,4.18,1.14.82,2.39,1.74,3.79,2.81,3.53,2.69,7.05,5.45,10.91,8.82l1.1.91,2.13,1.92a2,2,0,0,1-.4,3.4L326.79,102A181.62,181.62,0,0,1,296,116.25l-2.23.81a2.08,2.08,0,0,1-2.81-1.4l-.59-2.23a319.14,319.14,0,0,0-14.66-43.08Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M333.57,372.2a207.79,207.79,0,0,0-35.45-16.13l-.88-.32a3.79,3.79,0,0,1-2-1.3A2.25,2.25,0,0,1,295,353l.39-1.82a514.78,514.78,0,0,0,10.7-93s0-.94,0-2.1,1.93-2.12,4.24-2.12h79.07c2.32,0,4.11,1,4,2.3l-.19,2.31a195.19,195.19,0,0,1-49.82,115.79l-1.32,1.44a2.16,2.16,0,0,1-2.88.25s-1.57-1.21-1.83-1.44S335.58,373.36,333.57,372.2Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--globe" d="M306.23,237.88l0-2.15a522.36,522.36,0,0,0-10.61-100.61s-.18-.82-.39-1.84a2.17,2.17,0,0,1,1.35-2.46l1.75-.62a196.33,196.33,0,0,0,38.65-18.11l2.2-1.63c1.22-.9,2.79-1,3.51-.18l1.32,1.46a194.26,194.26,0,0,1,49.72,123.81s0,1,.08,2.23S392,240,389.65,240H310.48C308.15,240,306.25,239.06,306.23,237.88Z" transform="translate(0)"/>
        <path class="svg-icon icon-globe--marker" d="M101.57,0C48.21,0,5,41.73,5,93.36c0,56.91,36.24,101.38,64.37,127.28A252.72,252.72,0,0,0,99.55,244.7a4,4,0,0,0,4.06,0c13.91-9,94.68-65.14,94.68-151.36,0-44.36-32-81.44-74.93-91A100.91,100.91,0,0,0,101.57,0Zm0,147.75C70,147.75,44.3,122.93,44.3,92.37S70,37,101.61,37,159,61.76,159,92.37,133.25,147.75,101.61,147.75Z" transform="translate(0)"/>
      </svg>
    </div>
    <div class="sg-color__label">Globe</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.89 47.97">
        <defs>
          <style>.icon-heart{fill:#ffffff;}</style>
        </defs>
        <path class="svg-icon icon-heart" d="M27.49,6.29a1.21,1.21,0,0,1,.14-.2A24.29,24.29,0,0,1,32.86,2,14.75,14.75,0,0,1,37.78.15,12.18,12.18,0,0,1,40.41,0,15.84,15.84,0,0,1,45.33,1a13.86,13.86,0,0,1,8.87,9.38,17.25,17.25,0,0,1,.64,6.31A18.75,18.75,0,0,1,52,25.19a31.4,31.4,0,0,1-4.34,5.41,84.65,84.65,0,0,1-6.85,6.13c-2.26,1.89-4.53,3.77-6.76,5.7A41.87,41.87,0,0,0,29.47,47a2.62,2.62,0,0,1-4,0A54.42,54.42,0,0,0,19,40.77c-2.24-1.88-4.51-3.73-6.76-5.61A63.49,63.49,0,0,1,6.72,30a27.91,27.91,0,0,1-4.78-6.63,17.94,17.94,0,0,1-1.81-6A16.84,16.84,0,0,1,1.25,8.8a13.74,13.74,0,0,1,8-7.71A16.24,16.24,0,0,1,15.82,0a12.46,12.46,0,0,1,4.79,1.21,20.83,20.83,0,0,1,5.08,3.38C26.28,5.14,26.86,5.7,27.49,6.29Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Heart</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.94 75.61">
        <defs>
          <style>
            .icon-house{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-house" d="M11.92,20l.17-.08q4.79-4.32,9.57-8.66a1,1,0,0,0,.25-.63C22,9,22,7.42,22,5.83V5.08H11.92Z"/>
        <path class="svg-icon icon-house" d="M13.13,75.61a2.1,2.1,0,0,1-1.25-2.19q0-17.19,0-34.39a1.2,1.2,0,0,1,.44-1L39.5,14l.48-.41.43.37L67.66,38.08a1.06,1.06,0,0,1,.39.89q0,17.24,0,34.45a2.09,2.09,0,0,1-1.25,2.19h-18q0-7.6,0-15.22c0-1.4-.61-2-2-2H33.23c-1.56,0-2.12.57-2.13,2.11q0,7.56,0,15.12Z"/>
        <path class="svg-icon icon-house" d="M0,35.17c.15-.12.31-.22.45-.34L39.34.39c.6-.52.67-.52,1.28,0l38.84,34.4.48.43c-1.38,1.56-2.76,3.11-4.18,4.73L40,8.28,4.21,40,0,35.27Z"/>
        <path class="svg-icon icon-house" d="M11.92,20V5.08H22v.75c0,1.59,0,3.19-.07,4.78a1,1,0,0,1-.25.63q-4.77,4.35-9.57,8.66Z"/>
      </svg>
    </div>
    <div class="sg-color__label">House</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.93 52.33">
        <defs>
          <style>
            .icon-money-bag--bag{fill:#ffffff;}
            .icon-money-bag--dollar{fill:#df6226;}
          </style>
        </defs>
        <path class="svg-icon icon-money-bag icon-money-bag--bag" d="M24.3,52.33c-3.25-.15-6.18-.21-9.09-.45a26.25,26.25,0,0,1-9.12-2.14,9.6,9.6,0,0,1-5.61-7,18.86,18.86,0,0,1,2.4-14.26,24.33,24.33,0,0,1,10.78-9.64,11.83,11.83,0,0,1,1.49-.59.89.89,0,0,1,.62.07,12.71,12.71,0,0,0,7.35,1.55,13.33,13.33,0,0,0,5.49-1.16,5.86,5.86,0,0,0,1.26-.8,1.17,1.17,0,0,1,1.26-.22,26.08,26.08,0,0,1,11,7.15,21.92,21.92,0,0,1,5.32,9.41,18.14,18.14,0,0,1,.3,7,11.48,11.48,0,0,1-1.86,5.19,10.51,10.51,0,0,1-5,3.71,25.47,25.47,0,0,1-7.36,1.62C30.32,52,27.15,52.17,24.3,52.33ZM21.5,42.25c0,.64,0,1.23,0,1.83,0,.38.15.58.54.58l1.65,0c.38,0,.52-.18.5-.54s0-.9,0-1.34.1-.72.63-.88a4.49,4.49,0,0,0,3.45-3.75,4.25,4.25,0,0,0-2.16-4.59c-.9-.53-1.9-.88-2.83-1.35a6.76,6.76,0,0,1-1.49-.89A1.14,1.14,0,0,1,22,29.39a2.39,2.39,0,0,1,.87-.27,6.54,6.54,0,0,1,3.45.64c.52.26.62.21.8-.36s.3-1.12.49-1.67.05-.67-.37-.8l-2.94-.87c0-.46,0-1,0-1.62,0-.34-.14-.51-.49-.51q-.82,0-1.65,0c-.38,0-.52.18-.51.54s0,.93,0,1.39-.06.57-.45.65a4.56,4.56,0,0,0-1,.38,4.19,4.19,0,0,0-.74,7.25,30.65,30.65,0,0,0,3.44,1.72,5.51,5.51,0,0,1,1.29.81,1.36,1.36,0,0,1-.31,2.25,3.44,3.44,0,0,1-1.52.37,6.82,6.82,0,0,1-3.49-.91c-.4-.22-.63-.14-.75.32-.15.62-.33,1.23-.53,1.83a.57.57,0,0,0,.35.78A9.24,9.24,0,0,0,21.5,42.25Z" transform="translate(0 0)"/>
        <path class="svg-icon icon-money-bag icon-money-bag--bag" d="M22.47,17a19.89,19.89,0,0,1-5.33-.86,2.62,2.62,0,0,1-1.76-1.58c-1-2.33-2-4.64-3-7-.08-.21-.19-.41-.29-.61A1.65,1.65,0,0,1,13.7,4.38c.52,0,1,.07,1.55,0A19.46,19.46,0,0,0,18,4.12a2.11,2.11,0,0,0,1.46-1.41A6.94,6.94,0,0,1,20.31,1a2.34,2.34,0,0,1,4,.11,9.45,9.45,0,0,1,.9,1.73c.5,1.11,1,1.35,2.15.79A7.51,7.51,0,0,1,30,2.58c1.3-.15,2,.59,1.76,1.86a3.74,3.74,0,0,1-.33.92,20,20,0,0,0-2.23,7.23,8.6,8.6,0,0,0,0,1.34,1.59,1.59,0,0,1-.77,1.47,9.21,9.21,0,0,1-3.76,1.32C23.84,16.86,23.05,16.9,22.47,17Z" transform="translate(0 0)"/>
        <path class="svg-icon icon-money-bag icon-money-bag--dollar" d="M21.5,42.25A9.24,9.24,0,0,1,18,41.31a.57.57,0,0,1-.35-.78c.2-.6.38-1.21.53-1.83.12-.46.35-.54.75-.32a6.82,6.82,0,0,0,3.49.91,3.44,3.44,0,0,0,1.52-.37,1.36,1.36,0,0,0,.31-2.25,5.51,5.51,0,0,0-1.29-.81,30.65,30.65,0,0,1-3.44-1.72,4.19,4.19,0,0,1,.74-7.25,4.56,4.56,0,0,1,1-.38c.39-.08.48-.29.45-.65s0-.93,0-1.39.13-.55.51-.54q.83,0,1.65,0c.35,0,.49.17.49.51,0,.58,0,1.16,0,1.62l2.94.87c.42.13.51.39.37.8s-.32,1.12-.49,1.67-.28.62-.8.36a6.54,6.54,0,0,0-3.45-.64,2.39,2.39,0,0,0-.87.27,1.14,1.14,0,0,0-.22,1.91,6.76,6.76,0,0,0,1.49.89c.93.47,1.93.82,2.83,1.35a4.25,4.25,0,0,1,2.16,4.59,4.49,4.49,0,0,1-3.45,3.75c-.53.16-.68.37-.63.88s0,.89,0,1.34-.12.55-.5.54l-1.65,0c-.39,0-.55-.2-.54-.58C21.51,43.48,21.5,42.89,21.5,42.25Z" transform="translate(0 0)"/>
      </svg>
    </div>
    <div class="sg-color__label">Money Bag<br/>(fillable dollar sign)</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186.37 207.87">
        <defs>
          <style>
            .icon-money-hand{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-money-hand" d="M118.33,57.82C117.5,50,125.54,43,136.19,43s18.69,7,17.86,14.8-8.81,13.86-17.86,13.86S119.17,65.63,118.33,57.82Zm68,76.58c0,7.82-6.18,14.33-14.38,15.81a15.59,15.59,0,0,1,7.21,12.86c0,8.92-8,16.13-17.92,16.13h-3.2a15.53,15.53,0,0,1,6.78,12.55c0,8.91-8,16.12-17.92,16.12h-21.5c-44.51,0-47.53-19-82.43-21.27,0,0,0-86,0-86.25,43,0,35.84-28.67,57.34-28.67l.23.24c-4-18.56-9.71-35.19-14.51-59.61-.36-1.8,1.25-3.81,3.56-4.46,36.83-10.45,56.3-10.47,93.13,0,2.31.65,3.92,2.68,3.56,4.48-6,30.42-13.43,48.74-17,73.78,9.51.42,17.1,7.89,17.1,17.13a17.21,17.21,0,0,1-11.75,16.1C181.47,121.58,186.37,127.45,186.37,134.4ZM102.28,30.63c4,21.6,7.63,33.45,10,52,4.58,2.08,11.58,3.41,23.9,3.41h23.52c2.35-20.51,6.14-32.53,10.39-55.39C160.54,29,155.75,24.2,155.22,15c-15.29-3.47-23.06-2.87-38,0C116.77,24.2,111,29.87,102.28,30.63ZM29.83,93.19H6a6,6,0,0,0-6,6v95.49a6,6,0,0,0,6,6H29.83a6,6,0,0,0,6-6V99.2A6,6,0,0,0,29.83,93.19Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Money Hand</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225.34 177.62">
        <defs>
          <style>
            .icon-talk-bubble__1{fill:#ffffff;}
            .icon-talk-bubble__2{fill:#ffffff;}
            .icon-talk-bubble__dollar-sign{fill:none;}
          </style>
        </defs>
        <path class="svg-icon icon-talk-bubble icon-talk-bubble__1" d="M162.54,29.13c-20-21.2-45.72-28-74-29.13-3.71.25-7.71.37-11.68.8C52.29,3.47,30.26,11.67,13.3,30.63-2.31,48.09-4.35,72.3,8.08,92.15a65.56,65.56,0,0,0,20.35,20.32c3.93,2.53,4.27,4.78,1.86,8.44A94.11,94.11,0,0,1,18.74,135.3c-2.11,2.16-3.44,4.62-2,7.64s4.26,2.7,7,2.36c1.16-.14,2.31-.31,3.45-.54a101.88,101.88,0,0,0,35.47-14.28,11.4,11.4,0,0,1,8.45-2,111.09,111.09,0,0,0,37.28-.25c20.86-3.61,39.58-11.56,54.3-27.38C182.31,79.62,182.34,50.16,162.54,29.13ZM106.24,74.5a15.16,15.16,0,0,1-8.21,7c-1.47.58-3,1-4.62,1.45V91.1H85.52c0-2.26,0-4.52,0-6.78,0-.95,0-.91-.94-1a32,32,0,0,1-12.47-3.21l-.39-.21c.81-3.14,1.61-6.27,2.43-9.47.21.09.38.15.54.23a28,28,0,0,0,10.81,3.2,13.31,13.31,0,0,0,7.44-1A4.43,4.43,0,0,0,94,65.67a15.16,15.16,0,0,0-5.51-3.14,57.32,57.32,0,0,1-8.67-3.63A15.24,15.24,0,0,1,73.59,53a13.48,13.48,0,0,1,2.35-15.36,18.42,18.42,0,0,1,9-4.82c1.07-.26.9,0,.9-1.15,0-2.22,0-4.44,0-6.7h7.95v7c1.89.25,3.73.36,5.51.77,2,.45,3.85,1.18,5.77,1.78.32.1.51.25.4.66-.76,2.88-1.49,5.77-2.26,8.75-.46-.19-.89-.35-1.31-.54A24.73,24.73,0,0,0,90.27,41.2a7.79,7.79,0,0,0-3.74,1.08,3.7,3.7,0,0,0-.41,6.24,21,21,0,0,0,4,2.38c2.31,1,4.71,1.88,7,2.86a22.12,22.12,0,0,1,6.57,4,12.4,12.4,0,0,1,4,8.08A14.49,14.49,0,0,1,106.24,74.5Z" transform="translate(0)"/>
        <path class="svg-icon icon-talk-bubble icon-talk-bubble__2" d="M91.24,143.88c30.48-.85,58.15-9.17,80.17-31.42,16.86-17,23.43-37.5,18.91-61.29-.28-1.48-1.71-3.39.21-4.52,1.42-.83,2.83.57,4.06,1.34,11.06,7,20.12,15.92,25.91,27.77,9,18.44,5.21,40.54-9.51,56.54a67.16,67.16,0,0,1-14.76,12.63c-3.42,2-3.6,4.11-1.68,7.31A80.78,80.78,0,0,0,206,166.72c2.29,2.37,4.37,4.87,2.46,8.37s-5.16,2.55-8,2a97.71,97.71,0,0,1-37-14.24,14.86,14.86,0,0,0-10.82-2.23c-23.35,3.05-45.82.12-67-10.65-1.92-1-3.76-2.14-5.61-3.26-.68-.42-1.53-.9-1.24-1.91s1.28-.94,2.07-.95C84.25,143.86,87.75,143.88,91.24,143.88Z" transform="translate(0)"/>
        <path class="svg-icon icon-talk-bubble icon-talk-bubble__dollar-sign" d="M106.24,74.5a15.16,15.16,0,0,1-8.21,7c-1.47.58-3,1-4.62,1.45V91.1H85.52c0-2.26,0-4.52,0-6.78,0-.95,0-.91-.94-1a32,32,0,0,1-12.47-3.21l-.39-.21c.81-3.14,1.61-6.27,2.43-9.47.21.09.38.15.54.23a28,28,0,0,0,10.81,3.2,13.31,13.31,0,0,0,7.44-1A4.43,4.43,0,0,0,94,65.67a15.16,15.16,0,0,0-5.51-3.14,57.32,57.32,0,0,1-8.67-3.63A15.24,15.24,0,0,1,73.59,53a13.48,13.48,0,0,1,2.35-15.36,18.42,18.42,0,0,1,9-4.82c1.07-.26.9,0,.9-1.15,0-2.22,0-4.44,0-6.7h7.95v7c1.89.25,3.73.36,5.51.77,2,.45,3.85,1.18,5.77,1.78.32.1.51.25.4.66-.76,2.88-1.49,5.77-2.26,8.75-.46-.19-.89-.35-1.31-.54A24.73,24.73,0,0,0,90.27,41.2a7.79,7.79,0,0,0-3.74,1.08,3.7,3.7,0,0,0-.41,6.24,21,21,0,0,0,4,2.38c2.31,1,4.71,1.88,7,2.86a22.12,22.12,0,0,1,6.57,4,12.4,12.4,0,0,1,4,8.08A14.49,14.49,0,0,1,106.24,74.5Z" transform="translate(0)"/>
      </svg>
    </div>
    <div class="sg-color__label">Talk Bubble<br/>(fillable dollar sign)</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.12 57.79">
        <defs>
          <style>
            .icon-network{fill:#ffffff;}
          </style>
        </defs>
        <circle class="svg-icon icon-network icon-network--node" cx="9.24" cy="25.47" r="9.24"/>
        <circle class="svg-icon icon-network icon-network--node" cx="56.88" cy="9.24" r="9.24"/>
        <circle class="svg-icon icon-network icon-network--node" cx="46.29" cy="48.55" r="9.24"/>
        <rect class="svg-icon icon-network icon-network--link" x="17.65" y="21.84" width="1" height="0.75" transform="translate(-5.73 6.33) rotate(-17.11)"/>
        <path class="svg-icon icon-network icon-network--link" d="M20.62,21.85l-.23-.71,1.88-.58.22.72Zm3.75-1.15L24.15,20,26,19.41l.22.72Zm3.75-1.15-.22-.72,1.87-.57L30,19Zm3.75-1.15-.22-.72,1.87-.58.22.72Zm3.75-1.15-.22-.72L37.27,16l.23.72Zm3.75-1.16-.22-.71L41,14.8l.22.72Zm3.75-1.15-.22-.72,1.88-.57.22.72Zm3.75-1.15-.22-.72,1.88-.57.22.71Z"/>
        <rect class="svg-icon icon-network icon-network--link" x="45.78" y="48.55" width="1" height="0.75" transform="translate(-15.93 74.73) rotate(-69.11)"/>
        <path class="svg-icon icon-network icon-network--link" d="M50.31,39.43l-.7-.27.69-1.83.7.26Zm1.39-3.67-.7-.27.7-1.83.7.27Zm1.4-3.67-.7-.26L53.1,30l.7.27Zm1.4-3.66-.7-.27.7-1.83.7.26Zm1.4-3.67-.71-.27.7-1.83.7.27Zm1.39-3.67-.7-.27.7-1.83.7.27Z"/>
        <path class="svg-icon icon-network icon-network--link" d="M37.65,43.13l-1.78-.83.32-.68,1.78.83Zm-3.56-1.65-1.78-.83.32-.68,1.78.83Zm-3.56-1.65L28.75,39l.32-.68,1.78.83ZM27,38.18l-1.78-.83.32-.68,1.78.83Zm-3.56-1.65-1.78-.83L22,35l1.78.83Zm-3.56-1.65-1.78-.83.32-.67,1.78.82Zm-3.56-1.65-1.78-.82.32-.68,1.78.82Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Network</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.69 45.8">
        <defs>
          <style>
            .icon-phone{fill:#df6226;}
          </style>
        </defs>
        <path class="svg-icon icon-phone" d="M29.71,45.8a17.46,17.46,0,0,1-5.88-1.13,25.11,25.11,0,0,1-5-2.57A38.4,38.4,0,0,1,13.6,38a57.3,57.3,0,0,1-4.9-5.2A50.77,50.77,0,0,1,3.82,26a30.64,30.64,0,0,1-2.71-5.8,21.16,21.16,0,0,1-1-4.32A15.89,15.89,0,0,1,.61,9.51,14,14,0,0,1,2.92,4.93,13.61,13.61,0,0,1,5.44,2.42C6,2,6.49,1.51,7,1.06A4.73,4.73,0,0,1,8.33.21a2.78,2.78,0,0,1,2.48.18,7,7,0,0,1,2,1.82,36.35,36.35,0,0,1,2,3,20.33,20.33,0,0,1,1.33,2.31,8.07,8.07,0,0,1,.8,2.58,4.05,4.05,0,0,1-1.06,3.31c-.49.53-1.06,1-1.59,1.48a17.18,17.18,0,0,1-1.67,1.28,3.5,3.5,0,0,0-1.43,2,4.35,4.35,0,0,0,0,2.09,10.23,10.23,0,0,0,1.1,2.67,28.26,28.26,0,0,0,3,4.16,39.28,39.28,0,0,0,3.28,3.54,15.87,15.87,0,0,0,3.47,2.63A5.76,5.76,0,0,0,24.3,34a3.27,3.27,0,0,0,2.46-.87,3.05,3.05,0,0,0,.45-.43,16.6,16.6,0,0,1,2-1.9,9.57,9.57,0,0,1,1.25-1A4.13,4.13,0,0,1,34,29.47,8.62,8.62,0,0,1,36.73,31c.92.72,1.8,1.49,2.7,2.24a16.92,16.92,0,0,1,2,1.91,5.86,5.86,0,0,1,1.06,1.7A2.73,2.73,0,0,1,42,39.73,12.22,12.22,0,0,1,40.9,40.8c-.66.6-1.31,1.2-2,1.77a13.41,13.41,0,0,1-4.67,2.56A14.67,14.67,0,0,1,29.71,45.8Z" transform="translate(0 0)"/>
      </svg>
    </div>
    <div class="sg-color__label">Phone</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 277.05 198.49">
        <defs>
          <style>
            .icon-pig{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-pig" d="M277,88.34a67.76,67.76,0,0,0-.22-6.84c-.75-6.93-5-11.9-11.3-13.12a29.27,29.27,0,0,0-5.55-.24,1.76,1.76,0,0,1-1.7-1.07c-2.61-4.24-5-8.69-8.06-12.57-4-5-8.6-9.62-13-14.48,1.18-3.39,2.62-7,3.69-10.7,1.61-5.58,2.58-11.28,1.88-17.13-.34-2.93-1.37-5.47-4.08-7a30.17,30.17,0,0,0-3.56-1.76A52.07,52.07,0,0,0,207.71.72c-9.48,1.5-17.85,5.31-24.42,12.57a2.14,2.14,0,0,1-1.75.49,155.42,155.42,0,0,0-27.92-3.51,168.49,168.49,0,0,0-38.16,3.09c-19.26,3.81-37,11.15-52.82,22.94A89.57,89.57,0,0,0,37.48,64.46,69.46,69.46,0,0,0,28.86,91.4c-.06.56-.35,1.49-.67,1.55-1.78.35-3.59.49-5.8.75.62-1.07.95-1.62,1.26-2.17a28,28,0,0,0,3.72-13c.15-5.79-3.54-10.38-9.41-11.77A12.17,12.17,0,0,0,4.13,73c-1.81,3.76-1.55,7.63-.49,11.5A31.73,31.73,0,0,0,9,95.26C6.78,97,4.66,98.62,2.48,100.2-.07,102-.72,104.57.83,106.92c1.42,2.15,4.33,2.6,6.74.84,2.62-1.9,5.09-4,7.65-6,.45-.34,1.19-.8,1.57-.65a22.71,22.71,0,0,0,11.83,1.15c.06.59.15,1.1.18,1.62a64.6,64.6,0,0,0,5.76,22.21c5,11.25,12.53,20.62,21.64,28.8a5.07,5.07,0,0,1,1.44,2.33c1.75,6.71,3.37,13.45,5.1,20.16,1.17,4.57,2.18,9.21,3.73,13.65,1.75,5,5.69,7.4,10.93,7.4H93.33c7.29,0,12.19-4.89,12.18-12.17v-5.52a160.28,160.28,0,0,0,75.63,1.93,89.18,89.18,0,0,0,2.71,8.71c2,4.6,5.49,7.12,10.68,7.06,5.53-.07,11.05,0,16.57,0a11.53,11.53,0,0,0,11.66-11.74c0-6.27,0-12.53,0-18.8a2.49,2.49,0,0,1,1.36-2.57,43.64,43.64,0,0,0,4-2.62c12.32-8.51,22.57-19,29.58-32.31a3.32,3.32,0,0,1,3.64-2.13,13.78,13.78,0,0,0,9.68-2.93c4.25-3.34,5.94-7.91,6-13.14C277.07,104.27,277,96.3,277,88.34ZM15.09,88A19.22,19.22,0,0,1,12,79.28c-.19-2.94,1.93-4.52,4.58-3.48a2.39,2.39,0,0,1,1.71,2.4A19.05,19.05,0,0,1,15.09,88ZM220,79.42A8.36,8.36,0,0,1,207.36,82c-5.7-4.18-7.11-13.65-2.87-19.3,3.36-4.49,9.5-4.58,13.51-.2a14.94,14.94,0,0,1,3.74,9.89A13.51,13.51,0,0,1,220,79.42Z" transform="translate(0)"/>
      </svg>
    </div>
    <div class="sg-color__label">Pig</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.22 53.27">
        <defs>
          <style>
            .icon-single-card{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-single-card" d="M38.61,53.27H6.6C1.53,53.27,0,51.8,0,46.84Q0,26.63,0,6.45C0,1.46,1.51,0,6.58,0H70.85c4.76,0,6.35,1.6,6.36,6.43q0,20.2,0,40.39c0,5-1.52,6.45-6.59,6.45ZM4.9,19.4V48.31H72.43V19.4ZM72.45,4.9H4.89V9.62H72.45Z"/>
        <path class="svg-icon icon-single-card" d="M9.81,33.67V29.25H57.57v4.42Z"/>
        <path class="svg-icon icon-single-card" d="M9.79,43.45V39.06h18.8v4.39Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Single Credit Card</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.86 185.95">
        <defs>
          <style>
            .icon-two-coins{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-two-coins icon-two-coins__left-coin" d="M80.12,142.47a69.65,69.65,0,0,1-8.6.57A71.52,71.52,0,1,1,133.4,35.76,82.54,82.54,0,0,0,87.3,71.54a41,41,0,0,0-11.22-5.83c-7.76-3-11-5.49-11-8.86,0-3.62,4.12-5.7,8.85-5.7,5.17,0,12.73,4.19,14.63,5.39a2.18,2.18,0,0,0,1.1.31,2.06,2.06,0,0,0,.7-.12,2,2,0,0,0,1.25-1.27l2.64-8.92a2,2,0,0,0-.83-2.31c-3-2-9.74-4.34-14.8-5v-8a2.56,2.56,0,0,0-2.52-2.6H66.9a2.56,2.56,0,0,0-2.53,2.6v9.35c-8.69,2.74-15,9.22-15,17.62,0,8.16,6.66,13.65,18.06,17.73,8.11,3,10.77,6,10.77,9.44,0,4.24-3.87,5.63-9.12,5.63-5,0-11.71-2.44-14.76-4.2a2,2,0,0,0-1-.29,2.3,2.3,0,0,0-.73.14,2,2,0,0,0-1.22,1.28l-2.58,9.22a2,2,0,0,0,.92,2.35c3.91,2.26,9.51,4.61,14.72,4.36v7.28c0,2.15,1.12,3.31,2.53,3.31h8.2A81.74,81.74,0,0,0,80.12,142.47Z"/>
        <path class="svg-icon icon-two-coins icon-two-coins__right-coin" d="M228.86,114.43a71.52,71.52,0,1,1-71.52-71.52A71.51,71.51,0,0,1,228.86,114.43Zm-20.74,0a50.78,50.78,0,1,0-50.78,50.78A50.83,50.83,0,0,0,208.12,114.43Z"/>
        <path class="svg-icon icon-two-coins icon-two-coins__dollar-sign" d="M164.5,145.62v9.13a2.56,2.56,0,0,1-2.52,2.59h-9.26c-1.4,0-2.53-1.16-2.53-3.31v-8c-5.21.25-9.37-1.39-13.29-3.65A2,2,0,0,1,136,140l2.58-9.22a1.93,1.93,0,0,1,1.22-1.27,2,2,0,0,1,.72-.14,2.07,2.07,0,0,1,1.05.28c3.05,1.76,8.35,4.2,13.33,4.2,5.25,0,9.12-1.39,9.12-5.63,0-3.45-2.67-6.47-10.78-9.44-11.39-4.08-17.34-9.57-17.34-17.73,0-8.4,5.61-14.87,14.3-17.62V74.12a2.57,2.57,0,0,1,2.53-2.6H162a2.57,2.57,0,0,1,2.52,2.6v8.71a34.6,34.6,0,0,1,13.36,4.31,2,2,0,0,1,.84,2.31l-2.64,8.93a2.11,2.11,0,0,1-1.26,1.27,2.27,2.27,0,0,1-.69.12,2.2,2.2,0,0,1-1.11-.32c-1.9-1.2-8-5.39-13.2-5.39-4.73,0-8.85,2.08-8.85,5.7,0,3.37,3.2,5.84,11,8.86,11.67,4.29,16.89,9.56,16.89,18.67C178.8,136.56,173.91,143.08,164.5,145.62Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Two Coins</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 286.57">
        <defs>
          <style>
            .icon-arrow-bars{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-arrow-bars" d="M277,273.59v-251a2,2,0,0,0-2-2H213a2,2,0,0,0-2,2v251a2,2,0,0,1-2,2H190a2,2,0,0,1-2-2v-140a2,2,0,0,0-2-2H124a2,2,0,0,0-2,2v140a2,2,0,0,1-2,2H101a2,2,0,0,1-2-2v-96a2,2,0,0,0-2-2H35a2,2,0,0,0-2,2v96a2,2,0,0,1-2,2H2a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H308a2,2,0,0,0,2-2v-7a2,2,0,0,0-2-2H279A2,2,0,0,1,277,273.59Z"/>
        <path class="svg-icon icon-arrow-bars" d="M167.48,0l-100,12.84a2.75,2.75,0,0,0-1.6,4.66L93.16,45.06C78.43,67.2,43.29,78.38,27.57,82.44a5.76,5.76,0,0,0-2.39,9.86c33,29.78,84.52,3,105-9.83L153,105.56a2.74,2.74,0,0,0,4.67-1.58L170.55,3.09A2.74,2.74,0,0,0,167.48,0Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Arrow Bars</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132.53 133.14">
        <defs>
          <style>
            .icon-dollar-arrow{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-dollar-arrow" d="M84.35,89.24Q79.69,93.73,71.8,95v8a1,1,0,0,1-1,.93H62.62a1,1,0,0,1-1-.93V95.3q-11-1-17.75-5.72a.92.92,0,0,1-.29-1.14l3.43-7.17a1,1,0,0,1,1.43-.37,30.43,30.43,0,0,0,14.09,4.82V71.48a62,62,0,0,1-9.47-3.09,16.83,16.83,0,0,1-6.44-4.87A13,13,0,0,1,44,55,14.74,14.74,0,0,1,48.9,44a23.24,23.24,0,0,1,12.76-5.89V30.13a.94.94,0,0,1,1-.92h8.21a.94.94,0,0,1,1,.92V38a42.31,42.31,0,0,1,9,2.17,23,23,0,0,1,6.35,3.39.89.89,0,0,1,.25,1.09l-3.46,7.23a1,1,0,0,1-1.42.37A30.78,30.78,0,0,0,71,47.65V62.37a54.69,54.69,0,0,1,9.22,2.89,16.12,16.12,0,0,1,6.28,4.79A12.89,12.89,0,0,1,89,78.36,14.51,14.51,0,0,1,84.35,89.24ZM58.46,57.74a11.4,11.4,0,0,0,4.11,2.34V47.89a8.19,8.19,0,0,0-4.11,2.33,5.8,5.8,0,0,0-1.46,4A4.64,4.64,0,0,0,58.46,57.74ZM76,78.92a4,4,0,0,0-1.29-3A11.41,11.41,0,0,0,71,73.69v11.4Q76,83.67,76,78.92Z"/>
        <path class="svg-icon icon-dollar-arrow" d="M116.37,72.6A50.17,50.17,0,1,1,91.49,23l-7.15,9.29a.77.77,0,0,0,.44,1.22l41.31,9.67a.77.77,0,0,0,.88-1.06L109.4,1.62a.77.77,0,0,0-1.32-.16L101.55,10a66.56,66.56,0,1,0,31,65.5Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Arrow Bars</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 201.77 169.52">
        <defs>
          <style>
            .icon-check{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-check icon-check__dollar-sign" d="M46,140.3c5.12-1.54,8.68-4.76,9.49-10.13a11.38,11.38,0,0,0-6-12.37c-2.47-1.42-5.21-2.38-7.78-3.64a19.72,19.72,0,0,1-4.1-2.41,3.06,3.06,0,0,1,.61-5.14,6.32,6.32,0,0,1,2.4-.73,17.85,17.85,0,0,1,9.48,1.73c1.45.69,1.72.56,2.2-1s.83-3,1.35-4.53c.39-1.11.14-1.81-1-2.14L44.57,97.6c0-1.22,0-2.79,0-4.36,0-.91-.37-1.38-1.35-1.36-1.51,0-3,0-4.53,0-1.05,0-1.42.48-1.39,1.45,0,1.25,0,2.51,0,3.76.06,1-.19,1.52-1.26,1.75a13.38,13.38,0,0,0-2.77,1c-7.93,3.67-9.63,14.6-2,19.57,2.9,1.91,6.31,3.06,9.46,4.63a14.81,14.81,0,0,1,3.56,2.19,3.64,3.64,0,0,1-.84,6.08,10.24,10.24,0,0,1-4.19,1,19,19,0,0,1-9.61-2.46c-1.1-.59-1.73-.38-2,.86-.43,1.66-.91,3.31-1.45,4.93-.35,1,0,1.61,1,2.11a26.46,26.46,0,0,0,9.74,2.55c0,1.7,0,3.31,0,4.92,0,1,.39,1.58,1.49,1.56l4.53,0c1,0,1.42-.5,1.38-1.48,0-1.21.1-2.42,0-3.62C44.08,141.29,44.52,140.73,46,140.3Z"/>
        <path class="svg-icon icon-check icon-check__pen-top" d="M114.34,57.92l22.12-12.69C117.94,8,109.89,1.86,109.89,1.86s-4.8-4.8-13.2,1-1.89,19.2-1.89,19.2Z"/>
        <path class="svg-icon icon-check icon-check__pen-bottom" d="M175.89,143.8c4.62-18.86-35.15-90.68-35.15-90.68L118.63,65.63S160.8,145.69,175.89,143.8Z"/>
        <path class="svg-icon icon-check icon-check__pen-clip" d="M120.91,83c2.26-1.56.83-4.1.83-4.1-12.07-20.14-27.8-50.95-27.8-50.95-6.4-1.9-7.75,3.92-7.75,3.92C92.84,47.88,113.72,80,113.72,80S118.65,84.55,120.91,83Z"/>
        <path class="svg-icon icon-check icon-check__line-1" d="M72.32,113.12h68.81q-1.75-2.72-3.63-5.71c-1.54-2.45-3-4.9-4.5-7.32H72.32a2.38,2.38,0,0,0-2.38,2.38v8.27A2.39,2.39,0,0,0,72.32,113.12Z"/>
        <path class="svg-icon icon-check icon-check__line-2" d="M69.94,135.94a2.39,2.39,0,0,0,2.38,2.38h85.59a2.37,2.37,0,0,0,1.38-.45,157.57,157.57,0,0,1-9.9-12.58H72.32a2.38,2.38,0,0,0-2.38,2.38Z"/>
        <path class="svg-icon icon-check icon-check__outline" d="M183.86,50H145.3l.39.69c.09.16,7.7,13.94,15.82,30.85h27.26v70a4.92,4.92,0,0,1-4.91,4.92h-166A4.92,4.92,0,0,1,13,151.6v-70h96.32c-2.71-4.21-11.71-18.35-19-31.54H17.91A17.91,17.91,0,0,0,0,67.94V151.6a17.91,17.91,0,0,0,17.91,17.92h166a17.91,17.91,0,0,0,17.91-17.92V67.94A17.91,17.91,0,0,0,183.86,50Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Check Book</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.72 91.54">
        <defs>
          <style>
            .icon-dollar-man{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-dollar-man icon-dollar-man__dollar-sign" d="M23.49,61.55c-2.47-1.42-5.21-2.38-7.79-3.63a20.76,20.76,0,0,1-4.1-2.42,3.06,3.06,0,0,1,.62-5.14,6.25,6.25,0,0,1,2.4-.72,17.71,17.71,0,0,1,9.47,1.72c1.45.69,1.72.57,2.2-1s.83-3,1.36-4.52c.38-1.11.14-1.81-1-2.15C24,43,21.43,42.2,18.56,41.36c0-1.23,0-2.8,0-4.36,0-.91-.36-1.38-1.34-1.37-1.51,0-3,0-4.54,0-1,0-1.42.48-1.39,1.46,0,1.25,0,2.5,0,3.75.06,1-.19,1.53-1.26,1.76a13.22,13.22,0,0,0-2.78,1c-7.93,3.67-9.62,14.6-2,19.58,2.91,1.9,6.32,3.06,9.46,4.62A15.14,15.14,0,0,1,18.27,70a3.63,3.63,0,0,1-.84,6.08,10.37,10.37,0,0,1-4.19,1,19,19,0,0,1-9.6-2.46c-1.11-.59-1.74-.39-2.06.86-.43,1.65-.91,3.3-1.45,4.93-.34,1,0,1.6,1,2.1a26.32,26.32,0,0,0,9.75,2.55c0,1.71,0,3.32,0,4.92,0,1,.4,1.58,1.49,1.56,1.51,0,3,0,4.54,0,1,0,1.41-.5,1.38-1.48,0-1.2.09-2.42,0-3.61-.13-1.37.3-1.93,1.74-2.36,5.12-1.54,8.68-4.76,9.49-10.14A11.38,11.38,0,0,0,23.49,61.55Z" transform="translate(0)"/>
        <circle class="svg-icon icon-dollar-man icon-dollar-man__head" cx="48.29" cy="9.77" r="9.77"/>
        <path class="svg-icon icon-dollar-man icon-dollar-man__body" d="M61.72,22.71H58.58L53,33.3l-2.85-4A4.73,4.73,0,0,0,51.68,26c0-2.09.1-3.07-3.16-3.07s-3.2,1-3.15,3.07a4.75,4.75,0,0,0,1.5,3.31L44,33.3,38.47,22.71H11.19a5,5,0,0,0,0,10h24.3V85.15a6.4,6.4,0,0,0,6.4,6.39h9.77a6.4,6.4,0,0,0,6.4-6.39V57.83a5,5,0,0,0,8.66-3.38V27.71A5,5,0,0,0,61.72,22.71Z" transform="translate(0)"/>
      </svg>
    </div>
    <div class="sg-color__label">Dollar Man</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 147.03 173.62">
        <defs>
          <style>
            .icon-dollar-shield{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-dollar-shield icon-dollar-shield__shield" d="M140.9,26.48l-5.48.89C124,29.23,95.66,14.1,79.18,2.77L76.51.93a5.29,5.29,0,0,0-6,0L67.85,2.77A256.68,256.68,0,0,1,44.66,16.61C23.42,27.71,14.47,27.83,11.6,27.37l-5.47-.89A5.28,5.28,0,0,0,0,31.69v73.56a5.16,5.16,0,0,0,.19,1.41l.17.62c.6,2.16,15.35,53.2,70.92,66l1,.24a5.27,5.27,0,0,0,2.37,0l1-.24c55.57-12.76,70.31-63.8,70.92-66l.17-.62a5.57,5.57,0,0,0,.19-1.41V31.69A5.28,5.28,0,0,0,140.9,26.48ZM127,102.19a5.29,5.29,0,0,1-.3,1.76c-2.93,8.17-16.12,38.9-51.82,48.87a5.12,5.12,0,0,1-2.8,0c-35.9-10-48.91-40.61-51.82-48.87a5.37,5.37,0,0,1-.29-1.73V51.3a5.27,5.27,0,0,1,4.1-5.15c16.56-3.71,35.44-14.36,46.62-21.36a5.23,5.23,0,0,1,5.59,0c11.18,7,30.06,17.65,46.62,21.36A5.27,5.27,0,0,1,127,51.3Z"/>
        <path class="svg-icon icon-dollar-shield icon-dollar-shield__dollar" d="M89.79,85.84C85.16,83.18,80,81.38,75.2,79a37.72,37.72,0,0,1-7.68-4.52c-3.33-2.76-2.66-7.53,1.14-9.63a11.78,11.78,0,0,1,4.5-1.37,33.32,33.32,0,0,1,17.76,3.24C93.64,68,94.14,67.79,95,64.92s1.57-5.7,2.54-8.49c.73-2.07.27-3.38-1.88-4C90.83,51,85.94,49.56,80.55,48c0-2.3,0-5.23,0-8.17,0-1.7-.68-2.58-2.52-2.55-2.83,0-5.67,0-8.5,0-2-.05-2.67.89-2.61,2.72.07,2.35-.08,4.7.07,7,.11,1.82-.36,2.86-2.36,3.29a25.15,25.15,0,0,0-5.2,1.9c-14.87,6.88-18,27.36-3.82,36.69,5.44,3.57,11.83,5.73,17.72,8.67A28,28,0,0,1,80,101.66a6.81,6.81,0,0,1-1.58,11.39,19.44,19.44,0,0,1-7.85,1.89,35.58,35.58,0,0,1-18-4.62c-2.07-1.1-3.25-.72-3.85,1.61-.8,3.11-1.7,6.2-2.71,9.25-.65,1.95,0,3,1.78,3.94,5.59,2.87,11.59,4.14,18.26,4.77,0,3.2,0,6.22,0,9.24,0,1.91.74,3,2.79,2.91q4.26-.06,8.5,0c1.94,0,2.66-.94,2.59-2.78-.07-2.25.18-4.53-.05-6.77-.25-2.57.56-3.62,3.26-4.43,9.6-2.88,16.28-8.92,17.79-19S98.75,91,89.79,85.84Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Dollar Shield</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131.37 130.86">
        <defs>
          <style>
            .icon-sleuth-glass{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-sleuth-glass icon-sleuth-glass__dollar-sign" d="M63.84,53.13c-2.47-1.42-5.21-2.38-7.78-3.63A20.2,20.2,0,0,1,52,47.08a3.06,3.06,0,0,1,.61-5.14,6.5,6.5,0,0,1,2.4-.73,17.83,17.83,0,0,1,9.48,1.73c1.45.69,1.72.56,2.2-1s.83-3,1.35-4.53c.39-1.1.14-1.8-1-2.14l-8.09-2.37c0-1.22,0-2.79,0-4.36,0-.91-.36-1.37-1.34-1.36-1.52,0-3,0-4.54,0-1,0-1.42.48-1.39,1.45,0,1.25,0,2.51,0,3.76.06,1-.19,1.53-1.26,1.75a14,14,0,0,0-2.77,1c-7.93,3.67-9.63,14.6-2,19.58,2.91,1.9,6.31,3.05,9.46,4.62a15.14,15.14,0,0,1,3.56,2.19,3.63,3.63,0,0,1-.84,6.08,10.41,10.41,0,0,1-4.19,1A19.16,19.16,0,0,1,44,66.2c-1.1-.59-1.73-.39-2.05.85Q41.3,69.54,40.49,72c-.35,1,0,1.6.95,2.1a26.26,26.26,0,0,0,9.74,2.55c0,1.7,0,3.31,0,4.92,0,1,.39,1.58,1.49,1.56q2.27,0,4.53,0c1,0,1.42-.5,1.39-1.48-.05-1.2.09-2.42,0-3.61-.14-1.38.3-1.93,1.74-2.37C65.42,74.1,69,70.88,69.79,65.5A11.38,11.38,0,0,0,63.84,53.13Z"/>
        <path class="svg-icon icon-sleuth-glass icon-sleuth-glass__glass" d="M100.63,86.34a55.24,55.24,0,1,0-14.22,14.24c19.83,43.32,36.5,28.36,39.24,25.37h0S149.22,108.29,100.63,86.34Zm-45.47,7A38.16,38.16,0,1,1,93.32,55.16,38.21,38.21,0,0,1,55.16,93.32Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Sleuth Glass</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.25 244.82">
        <defs>
          <style>
            .icon-coin-pig{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-coin-pig icon-coin-pig__pig" d="M241.05,141.08c-.76-.27-1.59-.61-2.48-1a17.9,17.9,0,0,0,9.68-15.65c0-10-8.69-18.12-19.41-18.12a20.27,20.27,0,0,0-10.64,3c-12-31-43.43-53.09-80.33-53.09a89.69,89.69,0,0,0-21.73,2.65c-3.75-11-29.44-16.09-42.25-17.19a8.08,8.08,0,0,0-8.77,8V72.92h0a75.55,75.55,0,0,0-31,34s-4.55,9.81-23.06,11.87H10a10,10,0,0,0-10,10v32.34a10,10,0,0,0,7.59,9.73c6.22,1.48,15.42,5.53,24.28,16.29a45.21,45.21,0,0,0,2.79,3.61.86.86,0,0,1,.07.1v0A55.32,55.32,0,0,0,59.67,207h0s7.19,3.55,5.64,23.7C64.61,244.22,74,244.8,74,244.8H99.77s4.37-.58,7-8.55c1.57-4.75,5.31-10.16,8.07-13.76A90.57,90.57,0,0,0,149.38,221c1.83,2.24,4.46,6.37,6.32,13.22,3.15,11.57,10.09,10.61,10.09,10.61H187s7.78.13,7.78-13.63c0-9.5-.77-24.22,2.21-35.68A78.83,78.83,0,0,0,223.22,142a35.89,35.89,0,0,0,15.72,6.65,4,4,0,0,0,2.11-7.61ZM61,131.53a12.35,12.35,0,1,1,12.34-12.34A12.35,12.35,0,0,1,61,131.53ZM73.35,79.07V55c14,5.15,16.71,30.35,16.71,30.35A30.81,30.81,0,0,0,73.35,79.07Zm155.49,53.66c-.26,0-.51,0-.77,0a29.36,29.36,0,0,1-4.67-6.46c-.38-.7-.73-1.3-1.07-1.82-.25-1.55-.57-3.08-.92-4.59a9.08,9.08,0,0,1,7.43-3.73c4.93,0,8.92,3.72,8.92,8.32S233.77,132.73,228.84,132.73Z"/>
        <circle class="svg-icon icon-coin-pig icon-coin-pig__coin" cx="137.83" cy="24.69" r="24.69"/>
      </svg>
    </div>
    <div class="sg-color__label">Coin Pig</div>
  </li>

  <li class="sg-icon">
    <div class="sg-icon__svg js-sg-element">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.04 239.15">
        <defs>
          <style>
            .icon-cash-machine{fill:#ffffff;}
          </style>
        </defs>
        <path class="svg-icon icon-cash-machine icon-cash-machine__terminal" d="M217.16,0H30.88A30.89,30.89,0,0,0,0,30.88V208.26a30.89,30.89,0,0,0,30.88,30.89H217.16A30.88,30.88,0,0,0,248,208.26V30.88A30.88,30.88,0,0,0,217.16,0ZM129.23,191.1a2.24,2.24,0,0,1-2.24,2.24H48.53a2.24,2.24,0,0,1-2.24-2.24V168a2.24,2.24,0,0,1,2.24-2.24H127a2.24,2.24,0,0,1,2.24,2.24Zm9.14-63.84a2.21,2.21,0,0,1-2.21,2.21H39.1a2.21,2.21,0,0,1-2.21-2.21V39.14a2.21,2.21,0,0,1,2.21-2.21h97.06a2.21,2.21,0,0,1,2.21,2.21Zm36.78,57h-9.28V175h9.28Zm0-18.43h-9.28v-9.28h9.28Zm0-18.43h-9.28v-9.28h9.28Zm18.39,36.86h-9.28V175h9.28Zm0-18.43h-9.28v-9.28h9.28Zm0-18.43h-9.28v-9.28h9.28Zm18.38,36.86h-9.27V175h9.27Zm0-18.43h-9.27v-9.28h9.27Zm0-18.43h-9.27v-9.28h9.27Zm0-57.53a2.54,2.54,0,0,1-2.53,2.53h-41a2.53,2.53,0,0,1-2.53-2.53V76.21a2.53,2.53,0,0,1,2.53-2.53h41A2.53,2.53,0,0,1,212,76.21Z"/>
        <rect class="svg-icon icon-cash-machine icon-cash-machine__cash" x="55.86" y="174.95" width="63.9" height="9.28"/>
        <path class="svg-icon icon-cash-machine icon-cash-machine__dollar-sign" d="M105.76,84a24.38,24.38,0,0,0-5.42-3,47.6,47.6,0,0,0-8-2.36q-4.09-.89-8.17-1.82a18.74,18.74,0,0,1-3.79-1.26,6.85,6.85,0,0,1-2.11-1.41,4.15,4.15,0,0,1-1.17-3.84,5,5,0,0,1,2.09-3.19,10.23,10.23,0,0,1,3.1-1.5,18.77,18.77,0,0,1,8.65-.51,11.59,11.59,0,0,1,4.16,1.55A6.11,6.11,0,0,1,97.3,68.9a13.55,13.55,0,0,1,.82,1.72,1.9,1.9,0,0,0,1.52,1.28,2.7,2.7,0,0,0,.63.07c2.73,0,5.47,0,8.2,0a3,3,0,0,0,1-.17A1.57,1.57,0,0,0,110.57,70a5.67,5.67,0,0,0-.1-.72,15.4,15.4,0,0,0-7.5-10.6,23.35,23.35,0,0,0-9.83-3.05c-.21,0-.4-.08-.66-.13,0-.37,0-.7,0-1V49.22c0-.25,0-.49,0-.73a2.31,2.31,0,0,0-1.69-2.14,3.31,3.31,0,0,0-.89-.14H85.58a2.38,2.38,0,0,0-2.18,2.39c0,.24,0,.48,0,.73,0,1.7,0,3.4,0,5.1a1.46,1.46,0,0,1-.16,1c-.13,0-.28,0-.43.06a22.78,22.78,0,0,0-5.61,1.11,22.25,22.25,0,0,0-7,3.71,13.06,13.06,0,0,0-4.73,7.47A21.46,21.46,0,0,0,65,73,10.34,10.34,0,0,0,67,78.9a12.9,12.9,0,0,0,2.72,2.8,21.37,21.37,0,0,0,4.22,2.51,45.32,45.32,0,0,0,9.17,2.92q4.48,1,9,2a18.12,18.12,0,0,1,3.36,1.11,7,7,0,0,1,2.2,1.44A4,4,0,0,1,98.76,94a4.57,4.57,0,0,1-1.53,4.27,10.23,10.23,0,0,1-1.64,1.14,10.93,10.93,0,0,1-3,1.11,19.12,19.12,0,0,1-6.87.38A13.41,13.41,0,0,1,81,99.36a6.67,6.67,0,0,1-2.79-2.92c-.21-.44-.38-.89-.57-1.34A1.89,1.89,0,0,0,76,93.94c-.21,0-.42,0-.63,0H67.56a5.62,5.62,0,0,0-.82,0,1.71,1.71,0,0,0-1.49,2c.13.62.25,1.25.42,1.86A15.64,15.64,0,0,0,72.58,107a20.79,20.79,0,0,0,9.14,3.11,8.12,8.12,0,0,1,1.64.24c0,.37,0,.7,0,1,0,1.73,0,3.46,0,5.19,0,.24,0,.49,0,.73a2.3,2.3,0,0,0,2.24,2.29h3.92c.25,0,.49,0,.73,0a2.27,2.27,0,0,0,2-1.5,2.84,2.84,0,0,0,.16-1.16v-5.38c0-.33,0-.66,0-1.11.38,0,.67-.12,1-.13a17.38,17.38,0,0,0,2.79-.41,22.77,22.77,0,0,0,8.31-3.57,14.12,14.12,0,0,0,5.64-8,19.48,19.48,0,0,0,.65-4.86,10.53,10.53,0,0,0-2.55-7.13A14.88,14.88,0,0,0,105.76,84Z"/>
      </svg>
    </div>
    <div class="sg-color__label">Cash Machine</div>
  </li>
</ul>