{% comment %}
  ___                       _          _   ___        ___      _ _    _          _     
 / __|___ _ _  ___ _ _ __ _| |_ ___ __| | | _ )_  _  | _ )_  _(_) |__| |___ _ _ (_)___ 
| (_ / -_) ' \/ -_) '_/ _` |  _/ -_) _` | | _ \ || | | _ \ || | | / _` / -_) '_|| / _ \
 \___\___|_||_\___|_| \__,_|\__\___\__,_| |___/\_, | |___/\_,_|_|_\__,_\___|_|(_)_\___/
                                               |__/    
                               
This content was created and managed is managed by Builder.io. 

*Do not edit this content directly* - this is only the minimum HTML and above the fold CSS 
for this content for best possible performance. Additional content (dynamic html, below the fold styles,
lazy images) load subsequently via our CDN

Be sure you have access to this account in Builder.io and edit this page at:
https://builder.io/content/40e822b953a14a0e87dae6a58f7b5354

If you are a developer working on this site, see this guide on using Builder.io for Shopify developers:
https://builder.io/c/docs/shopify/developers

Feature Panel
Last updated: Sun, 25 Sep 2022 10:18:13 GMT

{% endcomment %}



<builder-component name="symbol"  api-key="64dd5478e25746bf9db3b6c0319905f6" rev="ef5d746160cc490cb9f63edcb40677d8" entry="40e822b953a14a0e87dae6a58f7b5354"  style="display: flex; flex-direction: column; align-items: stretch">

  <!-- ***** Generated by Builder.io on Sun, 25 Sep 2022 10:18:13 GMT ***** -->

<style type="text/css" class="builder-styles builder-api-styles">
  .builder-block.builder-e41167d {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-right: auto;
  }
  .builder-block.builder-19757d9 {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    background-color: #1c1c1c;
    width: 100%;
    padding-bottom: 100%;
  }
  .builder-block.builder-dff7cad {
    flex-direction: column;
    position: absolute;
    flex-shrink: 0;
    box-sizing: border-box;
    height: 130px;
    background-color: #fff;
    width: 130px;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    margin: auto;
  }
  .builder-block.builder-4f7d04b,
  .builder-block.builder-7c7248c {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    position: relative;
    margin-top: 15px;
    text-align: left;
    line-height: normal;
    height: auto;
    width: 100%;
    font-size: 20px;
    font-family: "Neue Haas Grotesk Display Pro - 55 Roman", serif;
  }
  .builder-paragraph:first-of-type,
  .builder-text p:first-of-type {
    margin: 0;
  }
  .builder-paragraph,
  .builder-text > p {
    color: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: inherit;
    font-family: inherit;
  }
  @font-face {
    font-family: "Neue Haas Grotesk Display Pro - 75 Bold";
    src: local("Neue Haas Grotesk Display Pro - 75 Bold"),
      url(
          https://cdn.builder.io/o/assets%2F64dd5478e25746bf9db3b6c0319905f6%2Fcda62180cb7c4846865787d54e56ca2f?alt=media&token=3290abba-d7b2-4a60-841a-acf8b77c5a7c&apiKey=64dd5478e25746bf9db3b6c0319905f6,
        )format("woff2");
    font-display: fallback;
    font-weight: 400;
  }
  @font-face {
    font-family: "Neue Haas Grotesk Display Pro - 55 Roman";
    src: local("Neue Haas Grotesk Display Pro - 55 Roman"),
      url(
          https://cdn.builder.io/o/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F801ad1fc927c41ef959636b8424c18b6?alt=media&token=269259f3-2e52-4b04-b789-5e22187828bf&apiKey=64dd5478e25746bf9db3b6c0319905f6,
        )format("woff2");
    font-display: fallback;
    font-weight: 400;
  }
</style>
<div class="builder-component" data-name="symbol">
  <div
    class="builder-content"
    data-builder-content-id="40e822b953a14a0e87dae6a58f7b5354"
    data-builder-component="symbol"
    data-builder-variation-id="40e822b953a14a0e87dae6a58f7b5354"
  >
    <div
      builder-content-id="40e822b953a14a0e87dae6a58f7b5354"
      builder-model="symbol"
    >
      <div class="builder-block builder-e41167d">
        <div class="builder-block builder-19757d9">
          <div class="builder-block builder-dff7cad"></div>
        </div>
        <div class="builder-block builder-7c7248c light-main">
          <span class="builder-text"> </span>
        </div>
        <div class="builder-block builder-4f7d04b dark-text-main">
          <span class="builder-text"> </span>
        </div>
      </div>
    </div>
  </div>
</div>

</builder-component>

<script async src="https://cdn.builder.io/js/webcomponents"></script>