{% 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/d0cc1a3ee3b946cc8c0ed801959fe05c

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

slider
Last updated: Fri, 16 Aug 2024 23:59:18 GMT

{% endcomment %}



<builder-component name="symbol"  api-key="64dd5478e25746bf9db3b6c0319905f6" rev="130bc022529c4fafbfd821499763f62d" entry="d0cc1a3ee3b946cc8c0ed801959fe05c"  style="display: flex; flex-direction: column; align-items: stretch">

  <!-- ***** Generated by Builder.io on Fri, 16 Aug 2024 23:59:18 GMT ***** -->

<style type="text/css" class="builder-styles builder-api-styles">
  .builder-block.builder-62f7afb {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 16px;
    margin-right: 16px;
  }
</style>
<div class="builder-component" data-name="symbol">
  <div
    class="builder-content"
    data-builder-content-id="d0cc1a3ee3b946cc8c0ed801959fe05c"
    data-builder-component="symbol"
    data-builder-variation-id="d0cc1a3ee3b946cc8c0ed801959fe05c"
  >
    <div
      builder-content-id="d0cc1a3ee3b946cc8c0ed801959fe05c"
      builder-model="symbol"
    >
      <div
        class="builder-block builder-62f7afb"
        builder-id="builder-62f7afbd71574689bf652226b1935d02"
      >
        <div class="builder-custom-code">
          <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"
          />
          <!-- Swiper -->
          <div class="swiper gallerySwiper">
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-wrapper">
              <div class="swiper-slide gallery-swiper-slide">
                <img src="/images/beyond/form-factor/photo-web.webp" />
              </div>
              <div class="swiper-slide ipd-swiper-slide">
                <img
                  src="https://cdn.shopify.com/s/files/1/0643/5169/9161/files/photo_web_2.webp?v=1696889071"
                />
              </div>
              <div class="swiper-slide ipd-swiper-slide">
                <img
                  src="https://cdn.shopify.com/s/files/1/0643/5169/9161/files/photo_web_3.webp?v=1696889073"
                />
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

</builder-component>

<script async src="https://cdn.builder.io/js/webcomponents"></script>