www.encircled.ca Open in urlscan Pro
23.227.38.74  Public Scan

Submitted URL: http://www.encircled.ca/
Effective URL: https://www.encircled.ca/
Submission: On December 01 via api from US — Scanned from CA

Form analysis 75 forms found in the DOM

GET /search

<form class="search-form" action="/search" method="get" role="search">
  <input name="options[prefix]" type="hidden" value="last">
  <button class="search-popdown__submit" type="submit" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24">
      <g stroke="currentColor">
        <path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"></path>
      </g>
    </svg></button>
  <div class="input-holder">
    <label for="SearchInput--mobile" class="visually-hidden">Search</label>
    <input type="search" id="SearchInput--mobile" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search" role="combobox" aria-label="Search our store" aria-owns="predictive-search-results"
      aria-controls="predictive-search-results" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <button type="reset" class="search-reset hidden" aria-label="Reset">Clear</button>
  </div>
  <div class="predictive-search" tabindex="-1" data-predictive-search-results="" data-scroll-lock-scrollable="">
    <div class="predictive-search__loading-state">
      <div class="predictive-search__loader loader">
        <div class="loader-indeterminate"></div>
      </div>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
</form>

POST /localization

<form method="post" action="/localization" id="localization-form-header-mobile-top" accept-charset="UTF-8" class="popout-header" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/?rfsn=4051047.cb5828&amp;utm_source=refersion&amp;utm_medium=affiliate&amp;utm_campaign=4051047.cb5828">
  <div class="popout-header__holder">
    <h2 class="visually-hidden" id="currency-heading-header-mobile-top"> Currency </h2>
    <div class="popout" data-popout="">
      <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list-header-mobile-top" aria-describedby="currency-heading-header-mobile-top" data-popout-toggle="">
        <span data-popout-toggle-text="">CAD $</span></button>
      <ul id="currency-list-header-mobile-top" class="popout-list" data-popout-list="" style="max-width: 1600px;">
        <li class="popout-list__item">
          <a class="popout-list__option" href="#" data-value="AUD" data-popout-option="">
                    <span>AUD $</span>
                  </a>
        </li>
        <li class="popout-list__item is-active">
          <a class="popout-list__option" href="#" aria-current="true" data-value="CAD" data-popout-option="">
                    <span>CAD $</span>
                  </a>
        </li>
        <li class="popout-list__item">
          <a class="popout-list__option" href="#" data-value="USD" data-popout-option="">
                    <span>USD $</span>
                  </a>
        </li>
      </ul>
      <input type="hidden" name="currency_code" id="CurrencySelector-header-mobile-top" value="CAD" data-popout-input="">
    </div>
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="localization-form-header-desktop" accept-charset="UTF-8" class="popout-header" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/?rfsn=4051047.cb5828&amp;utm_source=refersion&amp;utm_medium=affiliate&amp;utm_campaign=4051047.cb5828">
  <div class="popout-header__holder">
    <h2 class="visually-hidden" id="currency-heading-header-desktop"> Currency </h2>
    <div class="popout" data-popout="">
      <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list-header-desktop" aria-describedby="currency-heading-header-desktop" data-popout-toggle="">
        <span data-popout-toggle-text="">CAD $</span></button>
      <ul id="currency-list-header-desktop" class="popout-list" data-popout-list="" style="max-width: 253px;">
        <li class="popout-list__item">
          <a class="popout-list__option" href="#" data-value="AUD" data-popout-option="">
                    <span>AUD $</span>
                  </a>
        </li>
        <li class="popout-list__item is-active">
          <a class="popout-list__option" href="#" aria-current="true" data-value="CAD" data-popout-option="">
                    <span>CAD $</span>
                  </a>
        </li>
        <li class="popout-list__item">
          <a class="popout-list__option" href="#" data-value="USD" data-popout-option="">
                    <span>USD $</span>
                  </a>
        </li>
      </ul>
      <input type="hidden" name="currency_code" id="CurrencySelector-header-desktop" value="CAD" data-popout-input="">
    </div>
  </div>
</form>

GET /search

<form class="search-form" action="/search" method="get" role="search">
  <input name="options[prefix]" type="hidden" value="last">
  <button class="search-popdown__submit" type="submit" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24">
      <g stroke="currentColor">
        <path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"></path>
      </g>
    </svg></button>
  <div class="input-holder">
    <label for="SearchInput--desktop" class="visually-hidden">Search</label>
    <input type="search" id="SearchInput--desktop" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search" role="combobox" aria-label="Search our store" aria-owns="predictive-search-results"
      aria-controls="predictive-search-results" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <button type="reset" class="search-reset hidden" aria-label="Reset">Clear</button>
  </div>
  <div class="predictive-search" tabindex="-1" data-predictive-search-results="" data-scroll-lock-scrollable="">
    <div class="predictive-search__loading-state">
      <div class="predictive-search__loader loader">
        <div class="loader-indeterminate"></div>
      </div>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
</form>

POST /localization

<form method="post" action="/localization" id="localization-form-header-mobile" accept-charset="UTF-8" class="popout-header" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/?rfsn=4051047.cb5828&amp;utm_source=refersion&amp;utm_medium=affiliate&amp;utm_campaign=4051047.cb5828">
  <div class="popout-header__holder">
    <h2 class="visually-hidden" id="currency-heading-header-mobile"> Currency </h2>
    <div class="popout" data-popout="">
      <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list-header-mobile" aria-describedby="currency-heading-header-mobile" data-popout-toggle="">
        <span data-popout-toggle-text="">CAD $</span></button>
      <ul id="currency-list-header-mobile" class="popout-list" data-popout-list="" style="max-width: 1600px;">
        <li class="popout-list__item">
          <a class="popout-list__option" href="#" data-value="AUD" data-popout-option="">
                    <span>AUD $</span>
                  </a>
        </li>
        <li class="popout-list__item is-active">
          <a class="popout-list__option" href="#" aria-current="true" data-value="CAD" data-popout-option="">
                    <span>CAD $</span>
                  </a>
        </li>
        <li class="popout-list__item">
          <a class="popout-list__option" href="#" data-value="USD" data-popout-option="">
                    <span>USD $</span>
                  </a>
        </li>
      </ul>
      <input type="hidden" name="currency_code" id="CurrencySelector-header-mobile" value="CAD" data-popout-input="">
    </div>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-evolve-top" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Deep Mauve" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=42456288198847" data-swatch="Deep Mauve" data-swatch-variant="42456288198847" data-swatch-variant-name="Deep Mauve / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/EvolveTop_DeepMauve_Santee_Aug2023_Website6.jpg?v=1693939656" data-variant="42456288198847" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/deep_mauve.png&quot;); background-size: cover; background-position: center center;">Deep Mauve</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Periwinkle Tencel" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=42303495569599" data-swatch="Periwinkle Tencel" data-swatch-variant="42303495569599" data-swatch-variant-name="Periwinkle Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEvolveTop_periwinkle_Kareen_April2023_Website2.jpg?v=1695999150" data-variant="42303495569599" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/periwinkle-tencel.png&quot;); background-size: cover; background-position: center center;">Periwinkle Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Tencel" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=40480125649087" data-swatch="Black Tencel" data-swatch-variant="40480125649087" data-swatch-variant-name="Black Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-Ecomm-Chin-June92022-TheEvolveTop-BlackTencel-Low2.jpg?v=1695999150" data-variant="40480125649087" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-tencel.png&quot;); background-size: cover; background-position: center center;">Black Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Warm White Tencel" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41853521133759" data-swatch="Warm White Tencel" data-swatch-variant="41853521133759" data-swatch-variant-name="Warm White Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-TheEvolveTop-White-HighTencel-Main.jpg?v=1695999150" data-variant="41853521133759" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/warm-white-tencel.png&quot;); background-size: cover; background-position: center center;">Warm White Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Forest Green Modal" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41844070023359" data-swatch="Forest Green Modal" data-swatch-variant="41844070023359" data-swatch-variant-name="Forest Green Modal / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_pine-1.jpg?v=1695999150" data-variant="41844070023359" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/forest-green-modal.png&quot;); background-size: cover; background-position: center center;">Forest Green Modal</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Cinnamon Modal" style="--animation-delay: 0.5s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41161737437375" data-swatch="Cinnamon Modal" data-swatch-variant="41161737437375" data-swatch-variant-name="Cinnamon Modal / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_cinnamon_1.jpg?v=1695999150" data-variant="41161737437375" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/cinnamon-modal.png&quot;); background-size: cover; background-position: center center;">Cinnamon Modal</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="White Tencel" style="--animation-delay: 0.6s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41667548053695" data-swatch="White Tencel" data-swatch-variant="41667548053695" data-swatch-variant-name="White Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheEvolveTop_White_Candice_WaystoWear-09.jpg?v=1695999150" data-variant="41667548053695" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/white-tencel.png&quot;); background-size: cover; background-position: center center;">White Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Modal" style="--animation-delay: 0.7s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41089754628287" data-swatch="Black Modal" data-swatch-variant="41089754628287" data-swatch-variant-name="Black Modal / 2X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_black_1.jpg?v=1695999150" data-variant="41089754628287" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-modal.png&quot;); background-size: cover; background-position: center center;">Black Modal</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-sweatshirt" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42043575009471" data-swatch="Navy Blue" data-swatch-variant="42043575009471" data-swatch-variant-name="Navy Blue / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_Navy_Santee_August2023_Website3_ddf6fa96-6528-4247-9d72-16fa3ff72a70.jpg?v=1697813801" data-variant="42043575009471" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42043575140543" data-swatch="Black" data-swatch-variant="42043575140543" data-swatch-variant-name="Black / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_Black_Dana_Oct2023_Website1.jpg?v=1697813801" data-variant="42043575140543" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Navy Blue" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42465185169599" data-swatch="Heathered Navy Blue" data-swatch-variant="42465185169599" data-swatch-variant-name="Heathered Navy Blue / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_HeatheredNavy_Santee_August2023_Website3_38387429-542a-438d-bdef-d7d2fcf0e143.jpg?v=1697813951" data-variant="42465185169599" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png&quot;); background-size: cover; background-position: center center;">Heathered Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-comfy-dress-shirt" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-comfy-dress-shirt?variant=37919447023807" data-swatch="Black" data-swatch-variant="37919447023807" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/ComfyDressShirt_Black_Santee_Websitesquare_3.jpg?v=1696000081" data-variant="37919447023807" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="White" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-comfy-dress-shirt?variant=39507692454079" data-swatch="White" data-swatch-variant="39507692454079" data-swatch-variant-name="White / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/BeyondSoft_Scuba_A-lineSkirt_SlateBlue_TheComfyDressShirt_White_October_2023_Dana_Square1.jpg?v=1697209906" data-variant="39507692454079" style="--swatch: #ffffff;">White</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Sapphire Blue" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-comfy-dress-shirt?variant=37918870372543" data-swatch="Sapphire Blue" data-swatch-variant="37918870372543" data-swatch-variant-name="Sapphire Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/Encircled-Lifestyle-Chin-June92022-ComfyDressShirt-Sapphire_CG-Web11.jpg?v=1696425728" data-variant="37918870372543" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/sapphire-blue.png&quot;); background-size: cover; background-position: center center;">Sapphire Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="everyday-twist-top" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=32444677423150" data-swatch="Black" data-swatch-variant="32444677423150" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/EverydayTwistTop_Black_Santee_WebsiteSquare_1.jpg?v=1695999338" data-variant="32444677423150" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Sapphire" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=41924098425023" data-swatch="Sapphire" data-swatch-variant="41924098425023" data-swatch-variant-name="Sapphire / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEverydayTwistTop_Sapphire_Crewneck_White_WudeLeg_Slate_WebsiteRes3_f959faa2-805d-4719-8292-d921cbfec465.jpg?v=1696427734" data-variant="41924098425023" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/sapphire.png&quot;); background-size: cover; background-position: center center;">Sapphire</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Heathered Grey" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=41924098228415" data-swatch="Dark Heathered Grey" data-swatch-variant="41924098228415" data-swatch-variant-name="Dark Heathered Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/EverydayTwistTop_Grey_dressySweatpants.jpg?v=1696427734" data-variant="41924098228415" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png&quot;); background-size: cover; background-position: center center;">Dark Heathered Grey</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-effortless-v-neck-t-shirt" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Olive" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=42100182122687" data-swatch="Olive" data-swatch-variant="42100182122687" data-swatch-variant-name="Olive / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheDressySweatpants_BlackRib_EffortlessVNeck_Olive_Website7.jpg?v=1697821406" data-variant="42100182122687" style="--swatch: #40483f;">Olive</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Pale Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41761293828287" data-swatch="Pale Blue" data-swatch-variant="41761293828287" data-swatch-variant-name="Pale Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/EffortlessVNeck_PaleBlue_LowRes.jpg?v=1697821406" data-variant="41761293828287" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/pale-blue.png&quot;); background-size: cover; background-position: center center;">Pale Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41224143863999" data-swatch="Black" data-swatch-variant="41224143863999" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Untitled-4_f676ed76-fd85-4761-a8bc-13283b651c94.jpg?v=1697821406" data-variant="41224143863999" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Warm White" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41761298120895" data-swatch="Warm White" data-swatch-variant="41761298120895" data-swatch-variant-name="Warm White / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheBeyondSoft_Scuba_FlarePant_SlateBlue_TheEffortlessVNeckTshirt_White_Dana_Oct2023_Website3.jpg?v=1697821406" data-variant="41761298120895" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/warm-white.png&quot;); background-size: cover; background-position: center center;">Warm White</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Soft Peach" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41639143309503" data-swatch="Soft Peach" data-swatch-variant="41639143309503" data-swatch-variant-name="Soft Peach / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-Ecomm-Chin-June92022-EffortlessVNeckTee-SoftPeachBamboo-Web2.jpg?v=1697821406" data-variant="41639143309503" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/soft-peach.png&quot;); background-size: cover; background-position: center center;">Soft Peach</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="White" style="--animation-delay: 0.5s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41224145240255" data-swatch="White" data-swatch-variant="41224145240255" data-swatch-variant-name="White / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-Ecomm-Chin-June92022-EffortlessVNeckTee-WhiteBamboo-Web1.jpg?v=1691779249" data-variant="41224145240255" style="--swatch: #ffffff;">White</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-unblazer" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550595530798" data-swatch="Black" data-swatch-variant="31550595530798" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheComfyWideLeg_Redwood_TheEffortlessMerinoTurtleneck_Black_TheUnblazer_Black_Santee_Aug23_WebsiteSquare4_1f74d626-4427-4972-8832-017f0b3b9483.jpg?v=1698689091" data-variant="31550595530798" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Navy Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=41594051231935" data-swatch="Heathered Navy Blue" data-swatch-variant="41594051231935" data-swatch-variant-name="Heathered Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPonteShort_Navy_TheAiryGauzeReversibleTank_White_TheUnblazer_Navy_Chin_Website2.jpg?v=1694623198" data-variant="41594051231935" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png&quot;); background-size: cover; background-position: center center;">Heathered Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550775328814" data-swatch="Navy Blue" data-swatch-variant="31550775328814" data-swatch-variant-name="Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/encircled-unblazer-navy-blue-3.jpg?v=1694623198" data-variant="31550775328814" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Heathered Grey" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550753013806" data-swatch="Dark Heathered Grey" data-swatch-variant="31550753013806" data-swatch-variant-name="Dark Heathered Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/encircled-unblazer-dark-heathered-grey-2_b2ca788d-5661-4706-a6ae-d988b96270be.jpg?v=1694623198" data-variant="31550753013806" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png&quot;); background-size: cover; background-position: center center;">Dark Heathered Grey</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-sweatpant-womens-fancy-sweatpants" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Redwood" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=42484500660415" data-swatch="Redwood" data-swatch-variant="42484500660415" data-swatch-variant-name="Redwood / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatpant_Redwood__Santee_Aug23_Website2.jpg?v=1700841847" data-variant="42484500660415" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Redwood.png&quot;); background-size: cover; background-position: center center;">Redwood</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=30869730295854" data-swatch="Black" data-swatch-variant="30869730295854" data-swatch-variant-name="Black / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/AiryGauzeButtonUp-WhiteCotton-Chin-L-Web-Sq11_11a13155-2af1-4c8b-9d3b-7d723021b2d8.jpg?v=1700841847" data-variant="30869730295854" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Bamboo Rib" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=40032665305279" data-swatch="Black Bamboo Rib" data-swatch-variant="40032665305279" data-swatch-variant-name="Black Bamboo Rib / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyT-Shirt_DoveGrey_DressySweatpant_RibknitBlack_Katelyn_Jul23_HR_7a6414ee-3bbb-4153-8f91-6d6aa6696a05.jpg?v=1700841847" data-variant="40032665305279" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-bamboo-rib.png&quot;); background-size: cover; background-position: center center;">Black Bamboo Rib</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue Bamboo Rib" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=37973320859839" data-swatch="Navy Blue Bamboo Rib" data-swatch-variant="37973320859839" data-swatch-variant-name="Navy Blue Bamboo Rib / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/2.webp?v=1700841845" data-variant="37973320859839" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue-rib.png&quot;); background-size: cover; background-position: center center;">Navy Blue Bamboo Rib</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Grey" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=41089641152703" data-swatch="Dark Grey" data-swatch-variant="41089641152703" data-swatch-variant-name="Dark Grey / Regular / 4X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_3X_dressy-sweatpants_charcoal-1.jpg?v=1700841845" data-variant="41089641152703" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-grey.png&quot;); background-size: cover; background-position: center center;">Dark Grey</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.5s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=41844613808319" data-swatch="Navy Blue" data-swatch-variant="41844613808319" data-swatch-variant-name="Navy Blue / Regular / 2X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/IMG_0458_8f94f799-34a3-4d08-b319-2ccee186c73b.jpg?v=1700841845" data-variant="41844613808319" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-legging" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=30275947364398" data-swatch="Black" data-swatch-variant="30275947364398" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheDressyLegging_Black_Andy_LR3.jpg?v=1696002686" data-variant="30275947364398" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=32701433970734" data-swatch="Navy Blue" data-swatch-variant="32701433970734" data-swatch-variant-name="Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Untitled-1_82b80312-c5f4-40cf-b310-21916ed9998c.jpg?v=1696002686" data-variant="32701433970734" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Graphite" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=41499069382847" data-swatch="Graphite" data-swatch-variant="41499069382847" data-swatch-variant-name="Graphite / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/050522_DressyLegging_GraphiteGrey_Destiny_Web186.jpg?v=1696000000" data-variant="41499069382847" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/graphite.png&quot;); background-size: cover; background-position: center center;">Graphite</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Alpine Green" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=42308095082687" data-swatch="Alpine Green" data-swatch-variant="42308095082687" data-swatch-variant-name="Alpine Green / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyTunic_Black_TheDressylegging_AlpineGreen_Katelyn_July2023_Website.jpg?v=1696002686" data-variant="42308095082687" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/alpine-green.png&quot;); background-size: cover; background-position: center center;">Alpine Green</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-all-day-wide-leg-pant" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-all-day-wide-leg-pant?variant=42267361345727" data-swatch="Black" data-swatch-variant="42267361345727" data-swatch-variant-name="Modal / Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheChrysalisCardi_Sapphire_TheComfyWidelegPant_Black_TheEffortlessVneckT-shirt_Dana_Oct2023_Website1.jpg?v=1697821564" data-variant="42267361345727" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Redwood" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-all-day-wide-leg-pant?variant=42484435910847" data-swatch="Redwood" data-swatch-variant="42484435910847" data-swatch-variant-name="Modal / Redwood / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/EvolveTop_DeepMauve_Santee_Aug2023_Website3_f7abc01a-9699-42b6-a814-6eca21b29ce6.jpg?v=1694542238" data-variant="42484435910847" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Redwood.png&quot;); background-size: cover; background-position: center center;">Redwood</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-tailored-ponte-pant" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42492404302015" data-swatch="Black" data-swatch-variant="42492404302015" data-swatch-variant-name="Black / Full Length / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPontePant_Full_Black_TheEffortlessCrewneckTee_BrightMagenta_Dana_Oct2023_Website3.jpg?v=1697821272" data-variant="42492404302015" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Aubergine" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42492404891839" data-swatch="Aubergine" data-swatch-variant="42492404891839" data-swatch-variant-name="Aubergine / Full Length / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TailoredPonte_FullLength_Aubergine_Santee_web3.jpg?v=1695307282" data-variant="42492404891839" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png&quot;); background-size: cover; background-position: center center;">Aubergine</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Slate Grey" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42492405285055" data-swatch="Heathered Slate Grey" data-swatch-variant="42492405285055" data-swatch-variant-name="Heathered Slate Grey / Full Length / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TailoredPonte_FullLength_HeatheredSlateGrey_Santee_web1.jpg?v=1697821272" data-variant="42492405285055" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png&quot;); background-size: cover; background-position: center center;">Heathered Slate Grey</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Truffle" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42318863204543" data-swatch="Truffle" data-swatch-variant="42318863204543" data-swatch-variant-name="Truffle / Ankle / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyTshirt_Black_TheTailoredPontePant_Fawn_Katelyn_July2023_Website1.jpg?v=1697821272" data-variant="42318863204543" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/truffle.png&quot;); background-size: cover; background-position: center center;">Truffle</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42318863401151" data-swatch="Navy Blue" data-swatch-variant="42318863401151" data-swatch-variant-name="Navy Blue / Ankle / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyTunic_VintageRose_TheTailoredPontePant_Navy_Katelyn_July2023_Website2.jpg?v=1697821272" data-variant="42318863401151" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-effortless-legging" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-legging?variant=32714413080622" data-swatch="Black" data-swatch-variant="32714413080622" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/IMG_4858.jpg?v=1669405727" data-variant="32714413080622" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-legging?variant=32714419306542" data-swatch="Navy Blue" data-swatch-variant="32714419306542" data-swatch-variant-name="Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/IMG_4865.jpg?v=1669405727" data-variant="32714419306542" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-tailored-ponte-short" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-short?variant=42346622288063" data-swatch="Black" data-swatch-variant="42346622288063" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/05172023-DressyPonteShort-Black-Chin-XL-Web-Sq2.jpg?v=1691156772" data-variant="42346622288063" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Navy Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-short?variant=42346622484671" data-swatch="Heathered Navy Blue" data-swatch-variant="42346622484671" data-swatch-variant-name="Heathered Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/05172023-DressyPonteShort-HeatherNavy-Chin-XL-Web-Sq2.jpg?v=1693919807" data-variant="42346622484671" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png&quot;); background-size: cover; background-position: center center;">Heathered Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="everyday-twist-top" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=32444677423150" data-swatch="Black" data-swatch-variant="32444677423150" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/EverydayTwistTop_Black_Santee_WebsiteSquare_1.jpg?v=1695999338" data-variant="32444677423150" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Sapphire" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=41924098425023" data-swatch="Sapphire" data-swatch-variant="41924098425023" data-swatch-variant-name="Sapphire / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEverydayTwistTop_Sapphire_Crewneck_White_WudeLeg_Slate_WebsiteRes3_f959faa2-805d-4719-8292-d921cbfec465.jpg?v=1696427734" data-variant="41924098425023" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/sapphire.png&quot;); background-size: cover; background-position: center center;">Sapphire</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Heathered Grey" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=41924098228415" data-swatch="Dark Heathered Grey" data-swatch-variant="41924098228415" data-swatch-variant-name="Dark Heathered Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/EverydayTwistTop_Grey_dressySweatpants.jpg?v=1696427734" data-variant="41924098228415" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png&quot;); background-size: cover; background-position: center center;">Dark Heathered Grey</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-unblazer" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550595530798" data-swatch="Black" data-swatch-variant="31550595530798" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheComfyWideLeg_Redwood_TheEffortlessMerinoTurtleneck_Black_TheUnblazer_Black_Santee_Aug23_WebsiteSquare4_1f74d626-4427-4972-8832-017f0b3b9483.jpg?v=1698689091" data-variant="31550595530798" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Navy Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=41594051231935" data-swatch="Heathered Navy Blue" data-swatch-variant="41594051231935" data-swatch-variant-name="Heathered Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPonteShort_Navy_TheAiryGauzeReversibleTank_White_TheUnblazer_Navy_Chin_Website2.jpg?v=1694623198" data-variant="41594051231935" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png&quot;); background-size: cover; background-position: center center;">Heathered Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550775328814" data-swatch="Navy Blue" data-swatch-variant="31550775328814" data-swatch-variant-name="Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/encircled-unblazer-navy-blue-3.jpg?v=1694623198" data-variant="31550775328814" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Heathered Grey" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550753013806" data-swatch="Dark Heathered Grey" data-swatch-variant="31550753013806" data-swatch-variant-name="Dark Heathered Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/encircled-unblazer-dark-heathered-grey-2_b2ca788d-5661-4706-a6ae-d988b96270be.jpg?v=1694623198" data-variant="31550753013806" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png&quot;); background-size: cover; background-position: center center;">Dark Heathered Grey</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-jardigan" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-jardigan?variant=41284317249727" data-swatch="Black" data-swatch-variant="41284317249727" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/BeyondSoft_Scuba_A-lineSkirt_Saffron_TheEffortlessMerinoTurtleneck_LightHeatheredGrey_TheJardigan_Black_October_2023_Dana_Square2.jpg?v=1697554310" data-variant="41284317249727" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Bordeaux" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-jardigan?variant=41284321902783" data-swatch="Bordeaux" data-swatch-variant="41284321902783" data-swatch-variant-name="Bordeaux / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheJardigan_Bordeaux_Andy_LowRes4.jpg?v=1697554310" data-variant="41284321902783" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/bordeaux.png&quot;); background-size: cover; background-position: center center;">Bordeaux</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Wheat" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-jardigan?variant=41627833827519" data-swatch="Wheat" data-swatch-variant="41627833827519" data-swatch-variant-name="Wheat / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/RibKnitReversibleTank_MartiniOlive_WideLegCropped_MartiniOlive_Jardigan_Wheat_Chin_Websitecopy2.jpg?v=1697554310" data-variant="41627833827519" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/wheat.png&quot;); background-size: cover; background-position: center center;">Wheat</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Glacier Blue" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-jardigan?variant=41627831599295" data-swatch="Glacier Blue" data-swatch-variant="41627831599295" data-swatch-variant-name="Glacier Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheJardigan_GlacierBlue_Chin_Web.jpg?v=1697554303" data-variant="41627831599295" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/glacier-blue.png&quot;); background-size: cover; background-position: center center;">Glacier Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="beyondsoft-scuba-jacket-dress" data-swatch-label="Color">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/beyondsoft-scuba-jacket-dress?variant=42530328445119" data-swatch="Black" data-swatch-variant="42530328445119" data-swatch-variant-name="XS / Black" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheBeyondSoft_Scuba_JacketDress_Black_TheEffortlessMerinoTurtleneck_LightHeatheredGrey_TheDressySweatpant_Black_October_2023_Dana_Square1.jpg?v=1697209037" data-variant="42530328445119" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Saffron" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/beyondsoft-scuba-jacket-dress?variant=42530328477887" data-swatch="Saffron" data-swatch-variant="42530328477887" data-swatch-variant-name="XS / Saffron" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheBeyondSoft_Scuba_JacketDress_Saffron__October_2023_Dana_Square1.jpg?v=1697551135" data-variant="42530328477887" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Saffron.png&quot;); background-size: cover; background-position: center center;">Saffron</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-oversized-ponte-blazer" data-swatch-label="Color">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Aubergine" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-oversized-ponte-blazer?variant=42489120915647" data-swatch="Aubergine" data-swatch-variant="42489120915647" data-swatch-variant-name="Aubergine / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheOversizedBlazer_Aubergine_Santee_Website_EDITS_d695479f-9544-4408-b8a5-151c8a095bfa.jpg?v=1695313752" data-variant="42489120915647" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png&quot;); background-size: cover; background-position: center center;">Aubergine</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Slate Grey" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-oversized-ponte-blazer?variant=42489121112255" data-swatch="Heathered Slate Grey" data-swatch-variant="42489121112255" data-swatch-variant-name="Heathered Slate Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheOversizedBlazer_Slate_Santee_Website.jpg?v=1697820955" data-variant="42489121112255" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png&quot;); background-size: cover; background-position: center center;">Heathered Slate Grey</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-oversized-ponte-blazer?variant=42489120719039" data-swatch="Black" data-swatch-variant="42489120719039" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPontePant_Full_Black_TheEffortlessCrewneckTee_BrightMagenta_TheOversizedPonteBlazer_Black_Dana_Oct2023_Website3.jpg?v=1697820955" data-variant="42489120719039" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="luxe-shape-knit-coatigan" data-swatch-label="Color">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/luxe-shape-knit-coatigan?variant=42530338832575" data-swatch="Black" data-swatch-variant="42530338832575" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheLuxeShapeKnitCoatigan_Black_TheEvolveOneShoulderTop_ScarletRed_TheTailoredPonteTrouser_Black_Dana_Oct2023_Website3_01f9ca08-b37f-4c98-9a5e-af14b44c2029.jpg?v=1698775695" data-variant="42530338832575" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Light Heathered Grey" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/luxe-shape-knit-coatigan?variant=42530338865343" data-swatch="Light Heathered Grey" data-swatch-variant="42530338865343" data-swatch-variant-name="Light Heathered Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheLuxeShapeKnitCoatigan_LightHeatheredGrey_TheBeyondSoftScubaFlarePant_Black_Dana_Oct2023_Website9.jpg?v=1698775695" data-variant="42530338865343" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/light-heathered-grey.png&quot;); background-size: cover; background-position: center center;">Light Heathered Grey</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="everyday-twist-top" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=32444677423150" data-swatch="Black" data-swatch-variant="32444677423150" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/EverydayTwistTop_Black_Santee_WebsiteSquare_1.jpg?v=1695999338" data-variant="32444677423150" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Sapphire" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=41924098425023" data-swatch="Sapphire" data-swatch-variant="41924098425023" data-swatch-variant-name="Sapphire / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEverydayTwistTop_Sapphire_Crewneck_White_WudeLeg_Slate_WebsiteRes3_f959faa2-805d-4719-8292-d921cbfec465.jpg?v=1696427734" data-variant="41924098425023" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/sapphire.png&quot;); background-size: cover; background-position: center center;">Sapphire</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Heathered Grey" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/everyday-twist-top?variant=41924098228415" data-swatch="Dark Heathered Grey" data-swatch-variant="41924098228415" data-swatch-variant-name="Dark Heathered Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/EverydayTwistTop_Grey_dressySweatpants.jpg?v=1696427734" data-variant="41924098228415" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png&quot;); background-size: cover; background-position: center center;">Dark Heathered Grey</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-sweatpant-womens-fancy-sweatpants" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Redwood" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=42484500660415" data-swatch="Redwood" data-swatch-variant="42484500660415" data-swatch-variant-name="Redwood / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatpant_Redwood__Santee_Aug23_Website2.jpg?v=1700841847" data-variant="42484500660415" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Redwood.png&quot;); background-size: cover; background-position: center center;">Redwood</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=30869730295854" data-swatch="Black" data-swatch-variant="30869730295854" data-swatch-variant-name="Black / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/AiryGauzeButtonUp-WhiteCotton-Chin-L-Web-Sq11_11a13155-2af1-4c8b-9d3b-7d723021b2d8.jpg?v=1700841847" data-variant="30869730295854" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Bamboo Rib" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=40032665305279" data-swatch="Black Bamboo Rib" data-swatch-variant="40032665305279" data-swatch-variant-name="Black Bamboo Rib / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyT-Shirt_DoveGrey_DressySweatpant_RibknitBlack_Katelyn_Jul23_HR_7a6414ee-3bbb-4153-8f91-6d6aa6696a05.jpg?v=1700841847" data-variant="40032665305279" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-bamboo-rib.png&quot;); background-size: cover; background-position: center center;">Black Bamboo Rib</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue Bamboo Rib" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=37973320859839" data-swatch="Navy Blue Bamboo Rib" data-swatch-variant="37973320859839" data-swatch-variant-name="Navy Blue Bamboo Rib / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/2.webp?v=1700841845" data-variant="37973320859839" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue-rib.png&quot;); background-size: cover; background-position: center center;">Navy Blue Bamboo Rib</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Grey" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=41089641152703" data-swatch="Dark Grey" data-swatch-variant="41089641152703" data-swatch-variant-name="Dark Grey / Regular / 4X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_3X_dressy-sweatpants_charcoal-1.jpg?v=1700841845" data-variant="41089641152703" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-grey.png&quot;); background-size: cover; background-position: center center;">Dark Grey</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.5s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=41844613808319" data-swatch="Navy Blue" data-swatch-variant="41844613808319" data-swatch-variant-name="Navy Blue / Regular / 2X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/IMG_0458_8f94f799-34a3-4d08-b319-2ccee186c73b.jpg?v=1700841845" data-variant="41844613808319" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-sweatshirt" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42043575009471" data-swatch="Navy Blue" data-swatch-variant="42043575009471" data-swatch-variant-name="Navy Blue / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_Navy_Santee_August2023_Website3_ddf6fa96-6528-4247-9d72-16fa3ff72a70.jpg?v=1697813801" data-variant="42043575009471" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42043575140543" data-swatch="Black" data-swatch-variant="42043575140543" data-swatch-variant-name="Black / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_Black_Dana_Oct2023_Website1.jpg?v=1697813801" data-variant="42043575140543" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Navy Blue" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42465185169599" data-swatch="Heathered Navy Blue" data-swatch-variant="42465185169599" data-swatch-variant-name="Heathered Navy Blue / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_HeatheredNavy_Santee_August2023_Website3_38387429-542a-438d-bdef-d7d2fcf0e143.jpg?v=1697813951" data-variant="42465185169599" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png&quot;); background-size: cover; background-position: center center;">Heathered Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-legging" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=30275947364398" data-swatch="Black" data-swatch-variant="30275947364398" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheDressyLegging_Black_Andy_LR3.jpg?v=1696002686" data-variant="30275947364398" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=32701433970734" data-swatch="Navy Blue" data-swatch-variant="32701433970734" data-swatch-variant-name="Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Untitled-1_82b80312-c5f4-40cf-b310-21916ed9998c.jpg?v=1696002686" data-variant="32701433970734" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Graphite" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=41499069382847" data-swatch="Graphite" data-swatch-variant="41499069382847" data-swatch-variant-name="Graphite / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/050522_DressyLegging_GraphiteGrey_Destiny_Web186.jpg?v=1696000000" data-variant="41499069382847" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/graphite.png&quot;); background-size: cover; background-position: center center;">Graphite</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Alpine Green" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=42308095082687" data-swatch="Alpine Green" data-swatch-variant="42308095082687" data-swatch-variant-name="Alpine Green / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyTunic_Black_TheDressylegging_AlpineGreen_Katelyn_July2023_Website.jpg?v=1696002686" data-variant="42308095082687" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/alpine-green.png&quot;); background-size: cover; background-position: center center;">Alpine Green</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-effortless-v-neck-t-shirt" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Olive" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=42100182122687" data-swatch="Olive" data-swatch-variant="42100182122687" data-swatch-variant-name="Olive / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheDressySweatpants_BlackRib_EffortlessVNeck_Olive_Website7.jpg?v=1697821406" data-variant="42100182122687" style="--swatch: #40483f;">Olive</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Pale Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41761293828287" data-swatch="Pale Blue" data-swatch-variant="41761293828287" data-swatch-variant-name="Pale Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/EffortlessVNeck_PaleBlue_LowRes.jpg?v=1697821406" data-variant="41761293828287" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/pale-blue.png&quot;); background-size: cover; background-position: center center;">Pale Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41224143863999" data-swatch="Black" data-swatch-variant="41224143863999" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Untitled-4_f676ed76-fd85-4761-a8bc-13283b651c94.jpg?v=1697821406" data-variant="41224143863999" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Warm White" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41761298120895" data-swatch="Warm White" data-swatch-variant="41761298120895" data-swatch-variant-name="Warm White / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheBeyondSoft_Scuba_FlarePant_SlateBlue_TheEffortlessVNeckTshirt_White_Dana_Oct2023_Website3.jpg?v=1697821406" data-variant="41761298120895" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/warm-white.png&quot;); background-size: cover; background-position: center center;">Warm White</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Soft Peach" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41639143309503" data-swatch="Soft Peach" data-swatch-variant="41639143309503" data-swatch-variant-name="Soft Peach / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-Ecomm-Chin-June92022-EffortlessVNeckTee-SoftPeachBamboo-Web2.jpg?v=1697821406" data-variant="41639143309503" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/soft-peach.png&quot;); background-size: cover; background-position: center center;">Soft Peach</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="White" style="--animation-delay: 0.5s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-v-neck-t-shirt?variant=41224145240255" data-swatch="White" data-swatch-variant="41224145240255" data-swatch-variant-name="White / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-Ecomm-Chin-June92022-EffortlessVNeckTee-WhiteBamboo-Web1.jpg?v=1691779249" data-variant="41224145240255" style="--swatch: #ffffff;">White</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-evolve-top" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Deep Mauve" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=42456288198847" data-swatch="Deep Mauve" data-swatch-variant="42456288198847" data-swatch-variant-name="Deep Mauve / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/EvolveTop_DeepMauve_Santee_Aug2023_Website6.jpg?v=1693939656" data-variant="42456288198847" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/deep_mauve.png&quot;); background-size: cover; background-position: center center;">Deep Mauve</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Periwinkle Tencel" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=42303495569599" data-swatch="Periwinkle Tencel" data-swatch-variant="42303495569599" data-swatch-variant-name="Periwinkle Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEvolveTop_periwinkle_Kareen_April2023_Website2.jpg?v=1695999150" data-variant="42303495569599" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/periwinkle-tencel.png&quot;); background-size: cover; background-position: center center;">Periwinkle Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Tencel" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=40480125649087" data-swatch="Black Tencel" data-swatch-variant="40480125649087" data-swatch-variant-name="Black Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-Ecomm-Chin-June92022-TheEvolveTop-BlackTencel-Low2.jpg?v=1695999150" data-variant="40480125649087" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-tencel.png&quot;); background-size: cover; background-position: center center;">Black Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Warm White Tencel" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41853521133759" data-swatch="Warm White Tencel" data-swatch-variant="41853521133759" data-swatch-variant-name="Warm White Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-TheEvolveTop-White-HighTencel-Main.jpg?v=1695999150" data-variant="41853521133759" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/warm-white-tencel.png&quot;); background-size: cover; background-position: center center;">Warm White Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Forest Green Modal" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41844070023359" data-swatch="Forest Green Modal" data-swatch-variant="41844070023359" data-swatch-variant-name="Forest Green Modal / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_pine-1.jpg?v=1695999150" data-variant="41844070023359" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/forest-green-modal.png&quot;); background-size: cover; background-position: center center;">Forest Green Modal</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Cinnamon Modal" style="--animation-delay: 0.5s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41161737437375" data-swatch="Cinnamon Modal" data-swatch-variant="41161737437375" data-swatch-variant-name="Cinnamon Modal / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_cinnamon_1.jpg?v=1695999150" data-variant="41161737437375" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/cinnamon-modal.png&quot;); background-size: cover; background-position: center center;">Cinnamon Modal</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="White Tencel" style="--animation-delay: 0.6s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41667548053695" data-swatch="White Tencel" data-swatch-variant="41667548053695" data-swatch-variant-name="White Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheEvolveTop_White_Candice_WaystoWear-09.jpg?v=1695999150" data-variant="41667548053695" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/white-tencel.png&quot;); background-size: cover; background-position: center center;">White Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Modal" style="--animation-delay: 0.7s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41089754628287" data-swatch="Black Modal" data-swatch-variant="41089754628287" data-swatch-variant-name="Black Modal / 2X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_black_1.jpg?v=1695999150" data-variant="41089754628287" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-modal.png&quot;); background-size: cover; background-position: center center;">Black Modal</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-effortless-boat-neck-top" data-swatch-label="Color">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Warm White" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-boat-neck-top?variant=42489055871167" data-swatch="Warm White" data-swatch-variant="42489055871167" data-swatch-variant-name="Warm White / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEffortlessBoatneck_WarmWhite_Santee_Website4.jpg?v=1695241762" data-variant="42489055871167" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/warm-white.png&quot;); background-size: cover; background-position: center center;">Warm White</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black &amp; White Stripes" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-boat-neck-top?variant=42489056067775" data-swatch="Black &amp; White Stripes" data-swatch-variant="42489056067775" data-swatch-variant-name="Black &amp; White Stripes / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEffortlessBoatneck_Stripes_Santee_Website3.jpg?v=1695128026" data-variant="42489056067775" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Black_and_White_Stripes.png&quot;); background-size: cover; background-position: center center;">Black &amp; White Stripes</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Golden Amber" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-boat-neck-top?variant=42489056264383" data-swatch="Golden Amber" data-swatch-variant="42489056264383" data-swatch-variant-name="Golden Amber / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEffortlessBoatneck_GoldenAmber_Santee_Website.jpg?v=1695241762" data-variant="42489056264383" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Golden_Amber.png&quot;); background-size: cover; background-position: center center;">Golden Amber</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Storm Blue" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-effortless-boat-neck-top?variant=42489056460991" data-swatch="Storm Blue" data-swatch-variant="42489056460991" data-swatch-variant-name="Storm Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEffortlessBoatneck_StormBlue_Santee_Website.jpg?v=1695241762" data-variant="42489056460991" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Storm_Blue.png&quot;); background-size: cover; background-position: center center;">Storm Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-tailored-ponte-trouser" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-trouser?variant=42489127960767" data-swatch="Black" data-swatch-variant="42489127960767" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPonteTrouser_Black_Dana_Oct2023_Website1.jpg?v=1697820598" data-variant="42489127960767" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Slate Grey" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-trouser?variant=42489128157375" data-swatch="Heathered Slate Grey" data-swatch-variant="42489128157375" data-swatch-variant-name="Heathered Slate Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPonteTrouser_Slate_Santee_Website.jpg?v=1697820598" data-variant="42489128157375" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png&quot;); background-size: cover; background-position: center center;">Heathered Slate Grey</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Aubergine" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-trouser?variant=42489128353983" data-swatch="Aubergine" data-swatch-variant="42489128353983" data-swatch-variant-name="Aubergine / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPonteTrouser_Aubergine_Santee_Website3.jpg?v=1695241500" data-variant="42489128353983" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png&quot;); background-size: cover; background-position: center center;">Aubergine</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-oversized-ponte-blazer" data-swatch-label="Color">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Aubergine" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-oversized-ponte-blazer?variant=42489120915647" data-swatch="Aubergine" data-swatch-variant="42489120915647" data-swatch-variant-name="Aubergine / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheOversizedBlazer_Aubergine_Santee_Website_EDITS_d695479f-9544-4408-b8a5-151c8a095bfa.jpg?v=1695313752" data-variant="42489120915647" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png&quot;); background-size: cover; background-position: center center;">Aubergine</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Slate Grey" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-oversized-ponte-blazer?variant=42489121112255" data-swatch="Heathered Slate Grey" data-swatch-variant="42489121112255" data-swatch-variant-name="Heathered Slate Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheOversizedBlazer_Slate_Santee_Website.jpg?v=1697820955" data-variant="42489121112255" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png&quot;); background-size: cover; background-position: center center;">Heathered Slate Grey</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-oversized-ponte-blazer?variant=42489120719039" data-swatch="Black" data-swatch-variant="42489120719039" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPontePant_Full_Black_TheEffortlessCrewneckTee_BrightMagenta_TheOversizedPonteBlazer_Black_Dana_Oct2023_Website3.jpg?v=1697820955" data-variant="42489120719039" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-sweatshirt" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42043575009471" data-swatch="Navy Blue" data-swatch-variant="42043575009471" data-swatch-variant-name="Navy Blue / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_Navy_Santee_August2023_Website3_ddf6fa96-6528-4247-9d72-16fa3ff72a70.jpg?v=1697813801" data-variant="42043575009471" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42043575140543" data-swatch="Black" data-swatch-variant="42043575140543" data-swatch-variant-name="Black / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_Black_Dana_Oct2023_Website1.jpg?v=1697813801" data-variant="42043575140543" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Navy Blue" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatshirt?variant=42465185169599" data-swatch="Heathered Navy Blue" data-swatch-variant="42465185169599" data-swatch-variant-name="Heathered Navy Blue / XS/S" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatshirt_HeatheredNavy_Santee_August2023_Website3_38387429-542a-438d-bdef-d7d2fcf0e143.jpg?v=1697813951" data-variant="42465185169599" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png&quot;); background-size: cover; background-position: center center;">Heathered Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-evolve-top" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Deep Mauve" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=42456288198847" data-swatch="Deep Mauve" data-swatch-variant="42456288198847" data-swatch-variant-name="Deep Mauve / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/EvolveTop_DeepMauve_Santee_Aug2023_Website6.jpg?v=1693939656" data-variant="42456288198847" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/deep_mauve.png&quot;); background-size: cover; background-position: center center;">Deep Mauve</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Periwinkle Tencel" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=42303495569599" data-swatch="Periwinkle Tencel" data-swatch-variant="42303495569599" data-swatch-variant-name="Periwinkle Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheEvolveTop_periwinkle_Kareen_April2023_Website2.jpg?v=1695999150" data-variant="42303495569599" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/periwinkle-tencel.png&quot;); background-size: cover; background-position: center center;">Periwinkle Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Tencel" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=40480125649087" data-swatch="Black Tencel" data-swatch-variant="40480125649087" data-swatch-variant-name="Black Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-Ecomm-Chin-June92022-TheEvolveTop-BlackTencel-Low2.jpg?v=1695999150" data-variant="40480125649087" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-tencel.png&quot;); background-size: cover; background-position: center center;">Black Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Warm White Tencel" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41853521133759" data-swatch="Warm White Tencel" data-swatch-variant="41853521133759" data-swatch-variant-name="Warm White Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Encircled-TheEvolveTop-White-HighTencel-Main.jpg?v=1695999150" data-variant="41853521133759" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/warm-white-tencel.png&quot;); background-size: cover; background-position: center center;">Warm White Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Forest Green Modal" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41844070023359" data-swatch="Forest Green Modal" data-swatch-variant="41844070023359" data-swatch-variant-name="Forest Green Modal / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_pine-1.jpg?v=1695999150" data-variant="41844070023359" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/forest-green-modal.png&quot;); background-size: cover; background-position: center center;">Forest Green Modal</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Cinnamon Modal" style="--animation-delay: 0.5s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41161737437375" data-swatch="Cinnamon Modal" data-swatch-variant="41161737437375" data-swatch-variant-name="Cinnamon Modal / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_cinnamon_1.jpg?v=1695999150" data-variant="41161737437375" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/cinnamon-modal.png&quot;); background-size: cover; background-position: center center;">Cinnamon Modal</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="White Tencel" style="--animation-delay: 0.6s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41667548053695" data-swatch="White Tencel" data-swatch-variant="41667548053695" data-swatch-variant-name="White Tencel / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheEvolveTop_White_Candice_WaystoWear-09.jpg?v=1695999150" data-variant="41667548053695" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/white-tencel.png&quot;); background-size: cover; background-position: center center;">White Tencel</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Modal" style="--animation-delay: 0.7s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-evolve-top?variant=41089754628287" data-swatch="Black Modal" data-swatch-variant="41089754628287" data-swatch-variant-name="Black Modal / 2X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_2X_evolve-top_black_1.jpg?v=1695999150" data-variant="41089754628287" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-modal.png&quot;); background-size: cover; background-position: center center;">Black Modal</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="0"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="0">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-unblazer" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550595530798" data-swatch="Black" data-swatch-variant="31550595530798" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheComfyWideLeg_Redwood_TheEffortlessMerinoTurtleneck_Black_TheUnblazer_Black_Santee_Aug23_WebsiteSquare4_1f74d626-4427-4972-8832-017f0b3b9483.jpg?v=1698689091" data-variant="31550595530798" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Navy Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=41594051231935" data-swatch="Heathered Navy Blue" data-swatch-variant="41594051231935" data-swatch-variant-name="Heathered Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPonteShort_Navy_TheAiryGauzeReversibleTank_White_TheUnblazer_Navy_Chin_Website2.jpg?v=1694623198" data-variant="41594051231935" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png&quot;); background-size: cover; background-position: center center;">Heathered Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550775328814" data-swatch="Navy Blue" data-swatch-variant="31550775328814" data-swatch-variant-name="Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/encircled-unblazer-navy-blue-3.jpg?v=1694623198" data-variant="31550775328814" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Heathered Grey" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-unblazer?variant=31550753013806" data-swatch="Dark Heathered Grey" data-swatch-variant="31550753013806" data-swatch-variant-name="Dark Heathered Grey / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/encircled-unblazer-dark-heathered-grey-2_b2ca788d-5661-4706-a6ae-d988b96270be.jpg?v=1694623198" data-variant="31550753013806" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png&quot;); background-size: cover; background-position: center center;">Dark Heathered Grey</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-sweatpant-womens-fancy-sweatpants" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Redwood" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=42484500660415" data-swatch="Redwood" data-swatch-variant="42484500660415" data-swatch-variant-name="Redwood / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheDressySweatpant_Redwood__Santee_Aug23_Website2.jpg?v=1700841847" data-variant="42484500660415" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Redwood.png&quot;); background-size: cover; background-position: center center;">Redwood</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=30869730295854" data-swatch="Black" data-swatch-variant="30869730295854" data-swatch-variant-name="Black / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/AiryGauzeButtonUp-WhiteCotton-Chin-L-Web-Sq11_11a13155-2af1-4c8b-9d3b-7d723021b2d8.jpg?v=1700841847" data-variant="30869730295854" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black Bamboo Rib" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=40032665305279" data-swatch="Black Bamboo Rib" data-swatch-variant="40032665305279" data-swatch-variant-name="Black Bamboo Rib / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyT-Shirt_DoveGrey_DressySweatpant_RibknitBlack_Katelyn_Jul23_HR_7a6414ee-3bbb-4153-8f91-6d6aa6696a05.jpg?v=1700841847" data-variant="40032665305279" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black-bamboo-rib.png&quot;); background-size: cover; background-position: center center;">Black Bamboo Rib</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue Bamboo Rib" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=37973320859839" data-swatch="Navy Blue Bamboo Rib" data-swatch-variant="37973320859839" data-swatch-variant-name="Navy Blue Bamboo Rib / Regular / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/2.webp?v=1700841845" data-variant="37973320859839" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue-rib.png&quot;); background-size: cover; background-position: center center;">Navy Blue Bamboo Rib</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Dark Grey" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=41089641152703" data-swatch="Dark Grey" data-swatch-variant="41089641152703" data-swatch-variant-name="Dark Grey / Regular / 4X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/112321_ecomm_donia_3X_dressy-sweatpants_charcoal-1.jpg?v=1700841845" data-variant="41089641152703" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/dark-grey.png&quot;); background-size: cover; background-position: center center;">Dark Grey</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.5s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-sweatpant-womens-fancy-sweatpants?variant=41844613808319" data-swatch="Navy Blue" data-swatch-variant="41844613808319" data-swatch-variant-name="Navy Blue / Regular / 2X" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/IMG_0458_8f94f799-34a3-4d08-b319-2ccee186c73b.jpg?v=1700841845" data-variant="41844613808319" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-tailored-ponte-pant" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42492404302015" data-swatch="Black" data-swatch-variant="42492404302015" data-swatch-variant-name="Black / Full Length / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheTailoredPontePant_Full_Black_TheEffortlessCrewneckTee_BrightMagenta_Dana_Oct2023_Website3.jpg?v=1697821272" data-variant="42492404302015" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Aubergine" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42492404891839" data-swatch="Aubergine" data-swatch-variant="42492404891839" data-swatch-variant-name="Aubergine / Full Length / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TailoredPonte_FullLength_Aubergine_Santee_web3.jpg?v=1695307282" data-variant="42492404891839" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png&quot;); background-size: cover; background-position: center center;">Aubergine</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Heathered Slate Grey" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42492405285055" data-swatch="Heathered Slate Grey" data-swatch-variant="42492405285055" data-swatch-variant-name="Heathered Slate Grey / Full Length / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TailoredPonte_FullLength_HeatheredSlateGrey_Santee_web1.jpg?v=1697821272" data-variant="42492405285055" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png&quot;); background-size: cover; background-position: center center;">Heathered Slate Grey</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Truffle" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42318863204543" data-swatch="Truffle" data-swatch-variant="42318863204543" data-swatch-variant-name="Truffle / Ankle / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyTshirt_Black_TheTailoredPontePant_Fawn_Katelyn_July2023_Website1.jpg?v=1697821272" data-variant="42318863204543" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/truffle.png&quot;); background-size: cover; background-position: center center;">Truffle</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.4s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-tailored-ponte-pant?variant=42318863401151" data-swatch="Navy Blue" data-swatch-variant="42318863401151" data-swatch-variant-name="Navy Blue / Ankle / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyTunic_VintageRose_TheTailoredPontePant_Navy_Katelyn_July2023_Website2.jpg?v=1697821272" data-variant="42318863401151" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden" aria-label="Close" autofocus=""></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--small" data-grid-swatch-form="" data-fieldset="">
  <div class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="the-dressy-legging" data-swatch-label=" Colour">
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Black" style="--animation-delay: 0s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=30275947364398" data-swatch="Black" data-swatch-variant="30275947364398" data-swatch-variant-name="Black / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/TheDressyLegging_Black_Andy_LR3.jpg?v=1696002686" data-variant="30275947364398" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/black.png&quot;); background-size: cover; background-position: center center;">Black</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Navy Blue" style="--animation-delay: 0.1s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=32701433970734" data-swatch="Navy Blue" data-swatch-variant="32701433970734" data-swatch-variant-name="Navy Blue / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/Untitled-1_82b80312-c5f4-40cf-b310-21916ed9998c.jpg?v=1696002686" data-variant="32701433970734" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png&quot;); background-size: cover; background-position: center center;">Navy Blue</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Graphite" style="--animation-delay: 0.2s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=41499069382847" data-swatch="Graphite" data-swatch-variant="41499069382847" data-swatch-variant-name="Graphite / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/products/050522_DressyLegging_GraphiteGrey_Destiny_Web186.jpg?v=1696000000" data-variant="41499069382847" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/graphite.png&quot;); background-size: cover; background-position: center center;">Graphite</a>
    </div>
    <div class="swatch__button swatch__button--circle" data-swatch-button="" data-fades-in="" data-tooltip="Alpine Green" style="--animation-delay: 0.3s;">
      <a class="swatch__link" data-swatch-link="" href="/products/the-dressy-legging?variant=42308095082687" data-swatch="Alpine Green" data-swatch-variant="42308095082687" data-swatch-variant-name="Alpine Green / XS" data-swatch-image="https://cdn.shopify.com/s/files/1/0222/6410/files/TheCloudJerseyTunic_Black_TheDressylegging_AlpineGreen_Katelyn_July2023_Website.jpg?v=1696002686" data-variant="42308095082687" style="--swatch: #888888; background-image: url(&quot;//www.encircled.ca/cdn/shop/t/144/assets/alpine-green.png&quot;); background-size: cover; background-position: center center;">Alpine Green</a>
    </div>
  </div>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev="" tabindex="-1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left"
        viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="" tabindex="-1">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /contact#Newsletter--fe0bfb64-4cb9-4f27-b7a1-58fe15aaf2f0

<form method="post" action="/contact#Newsletter--fe0bfb64-4cb9-4f27-b7a1-58fe15aaf2f0" id="Newsletter--fe0bfb64-4cb9-4f27-b7a1-58fe15aaf2f0" accept-charset="UTF-8" class="newsletter-form" data-newsletter-form="" style="--text: #a9a191;
  --text-dark: #917f5c;
  --text-a35: rgba(169, 161, 145, 0.35);
  --text-a70: rgba(169, 161, 145, 0.7);
  --text-a75: rgba(169, 161, 145, 0.75);"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
  <div class="newsletter__message newsletter__message--error errors" id="Newsletter-error--fe0bfb64-4cb9-4f27-b7a1-58fe15aaf2f0"><em>This customer is already subscribed!</em></div>
  <input type="hidden" name="contact[accepts_marketing]" value="true">
  <div class="input-row td-name-field"><input type="text" name="contact[first_name]" class="field" aria-label="Name" placeholder="Name" value=""></div>
  <div class="td-form-flex">
    <div class="input-row td-email-field"><input type="email" id="email-input-fe0bfb64-4cb9-4f27-b7a1-58fe15aaf2f0" class="field" placeholder="Email" aria-label="Email" autocorrect="off" autocapitalize="off" name="contact[email]"
        data-newsletter-field="" required=""></div>
    <div class="input-row td-form-btn"><button type="submit" class="btn btn--full btn--primary  btn--solid newsletter__submit" name="commit" id="subscribe-button-fe0bfb64-4cb9-4f27-b7a1-58fe15aaf2f0">
        <span>Subscribe</span></button></div>
  </div>
  <div class="form__legal">
    <p data-spam-detection-disclaimer="">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</p>
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="localization-form-localization-sections--16245139374271__supporting-menu" accept-charset="UTF-8" class="popout-footer" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="localization"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to"
    value="/?rfsn=4051047.cb5828&amp;utm_source=refersion&amp;utm_medium=affiliate&amp;utm_campaign=4051047.cb5828">
  <div class="popout-footer__holder">
    <h2 class="visually-hidden" id="currency-heading-localization-sections--16245139374271__supporting-menu"> Currency </h2>
    <div class="popout" data-popout="">
      <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list-localization-sections--16245139374271__supporting-menu" aria-describedby="currency-heading-localization-sections--16245139374271__supporting-menu"
        data-popout-toggle="">
        <span data-popout-toggle-text="">CAD $</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24">
          <path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
      <ul id="currency-list-localization-sections--16245139374271__supporting-menu" class="popout-list" data-popout-list="" style="max-width: 1550px;">
        <li class="popout-list__item">
          <a class="popout-list__option" href="#" data-value="AUD" data-popout-option="">
                    <span>AUD $</span>
                  </a>
        </li>
        <li class="popout-list__item is-active">
          <a class="popout-list__option" href="#" aria-current="true" data-value="CAD" data-popout-option="">
                    <span>CAD $</span>
                  </a>
        </li>
        <li class="popout-list__item">
          <a class="popout-list__option" href="#" data-value="USD" data-popout-option="">
                    <span>USD $</span>
                  </a>
        </li>
      </ul>
      <input type="hidden" name="currency_code" id="CurrencySelector-localization-sections--16245139374271__supporting-menu" value="CAD" data-popout-input="">
    </div>
  </div>
</form>

POST /cart

<form action="/cart" method="post" novalidate="" class="cart__form">
  <details class="cart__widget accordion" data-collapsible="" data-animation="cart-items-fade" data-animation-duration="500" data-animation-delay="350">
    <summary class="cart__widget__title" data-collapsible-trigger="">Add order notes<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 24 24">
        <path d="M6 12h6m6 0h-6m0 0V6m0 6v6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 24 24">
        <path d="M6 12h12" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg></summary>
    <div class="cart__widget__content" data-collapsible-body="">
      <div class="cart__widget__content__inner" data-collapsible-content="">
        <label for="note">Leave a note about your order</label>
        <textarea id="note" name="note" class="cart__field cart__field--textarea" aria-label="Leave a note about your order"></textarea>
      </div>
    </div>
  </details>
  <div class="cart__foot__inner" data-animation="cart-items-fade" data-animation-duration="500" data-animation-delay="400">
    <div class="cart__price__holder" data-cart-price-holder="">
      <div class="cart__total is-hidden">
        <span class="cart__total__label">Items</span>
        <span class="cart__total__price">Free </span>
      </div>
      <div class="cart__total__discount is-hidden"></div>
      <div class="cart__total" data-animation="cart-items-fade" data-animation-duration="500" data-animation-delay="400">
        <span class="cart__total__label">Subtotal</span>
        <span class="cart__total__price cart__total__price--animated" data-cart-total="0">Free </span>
        <div class="cart__price__loader loader">
          <div class="loader-indeterminate"></div>
        </div>
      </div>
    </div>
    <div class="cart__button" data-animation="cart-items-fade" data-animation-duration="500" data-animation-delay="450">
      <button type="submit" name="checkout" class="btn btn--primary btn--solid btn--full cart__checkout giftbox-checkout" style="display:none!important;visibility:hidden;position:absolute;left:-10000px;"
        data-ocu-checkout="true"><!-- /snippets/animated-icon.liquid -->
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-lock" viewBox="0 0 24 24">
          <path d="M16 12h1.4a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6v-6.8a.6.6 0 0 1 .6-.6H8m8 0V8c0-1.333-.8-4-4-4S8 6.667 8 8v4m8 0H8" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>Check Out</button>
      <div class="gktPageWrapper gktCartPageWrapperV2">
        <div class="gktCartUpsellWrapper"></div>
        <div class="gktCartGiftMsgAndWrapWrapper"></div>
        <div class="gktCartGiftMessageWrapper"></div>
        <div class="gktAccountWidgetWrapper"></div>
        <div class="gktCashbackWidgetWrapper"></div>
      </div><button type="submit" name="checkout" class="btn btn--primary btn--solid btn--full cart__checkout giftbox-checkout" data-ocu-checkout="true"><!-- /snippets/animated-icon.liquid -->
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-lock" viewBox="0 0 24 24">
          <path d="M16 12h1.4a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6v-6.8a.6.6 0 0 1 .6-.6H8m8 0V8c0-1.333-.8-4-4-4S8 6.667 8 8v4m8 0H8" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>Check Out</button>
    </div>
    <em class="cart__note" data-animation="cart-items-fade" data-animation-duration="500" data-animation-delay="500">Shipping, taxes, and discount codes are calculated at checkout</em>
  </div>
  <div class="additional-checkout-buttons additional-checkout-buttons--vertical" data-animation="cart-items-fade" data-animation-duration="500" data-animation-delay="550">
    <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart">
      <div>
        <div class="shopify-cleanslate">
          <div id="shopify-svg-symbols" class="R9tDu8JrE_i1ctOEo0v_" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlnsxlink="http://www.w3.org/1999/xlink" focusable="false">
              <defs>
                <symbol id="shopify-svg__warning" viewBox="0 0 16 14">
                  <path d="M5.925 2.344c1.146-1.889 3.002-1.893 4.149 0l4.994 8.235c1.146 1.889.288 3.421-1.916 3.421h-10.305c-2.204 0-3.063-1.529-1.916-3.421l4.994-8.235zm1.075 1.656v5h2v-5h-2zm0 6v2h2v-2h-2z"></path>
                </symbol>
                <symbol id="shopify-svg__loading" viewBox="0 0 32 32">
                  <path d="M32 16c0 8.837-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0v2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14h2z"></path>
                </symbol>
                <symbol id="shopify-svg__error" viewBox="0 0 18 18">
                  <path d="M9 18c5 0 9-4 9-9s-4-9-9-9-9 4-9 9 4 9 9 9z" style="fill: rgb(255, 62, 62);"></path>
                  <path d="M8 4h2v6H8z" style="fill: rgb(255, 255, 255);"></path>
                  <rect x="7.8" y="12" width="2.5" height="2.5" rx="1.3" style="fill: rgb(255, 255, 255);"></rect>
                </symbol>
                <symbol id="shopify-svg__close-circle" viewBox="0 0 16 16">
                  <circle cx="8" cy="8" r="8"></circle>
                  <path d="M10.5 5.5l-5 5M5.5 5.5l5 5" stroke="#FFF" stroke-width="1.5" stroke-linecap="square"></path>
                </symbol>
                <symbol id="shopify-svg__close" viewBox="0 0 20 20">
                  <path d="M17.1 4.3l-1.4-1.4-5.7 5.7-5.7-5.7-1.4 1.4 5.7 5.7-5.7 5.7 1.4 1.4 5.7-5.7 5.7 5.7 1.4-1.4-5.7-5.7z"></path>
                </symbol>
                <symbol id="shopify-svg__arrow-right" viewBox="0 0 16 16">
                  <path d="M16 8.1l-8.1 8.1-1.1-1.1L13 8.9H0V7.3h13L6.8 1.1 7.9 0 16 8.1z"></path>
                </symbol>
                <symbol id="shopify-svg__payments-google-pay-light" viewBox="0 0 41 17">
                  <path
                    d="M19.526 2.635v4.083h2.518c.6 0 1.096-.202 1.488-.605.403-.402.605-.882.605-1.437 0-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0 5.52v4.736h-1.504V1.198h3.99c1.013 0 1.873.337 2.582 1.012.72.675 1.08 1.497 1.08 2.466 0 .991-.36 1.819-1.08 2.482-.697.665-1.559.996-2.583.996h-2.485v.001zM27.194 10.442c0 .392.166.718.499.98.332.26.722.391 1.168.391.633 0 1.196-.234 1.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61 0-1.12.148-1.528.442-.409.294-.613.657-.613 1.093m1.946-5.815c1.112 0 1.989.297 2.633.89.642.594.964 1.408.964 2.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45 1.372-2.486 1.372-.882 0-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96 0-.828.313-1.486.94-1.976s1.463-.735 2.51-.735c.892 0 1.629.163 2.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132 2.132 0 0 0-1.455-.547c-.84 0-1.504.353-1.995 1.062l-1.324-.834c.73-1.045 1.81-1.568 3.238-1.568M40.993 4.889l-5.02 11.53H34.42l1.864-4.034-3.302-7.496h1.635l2.387 5.749h.032l2.322-5.75z"
                    style="fill: rgb(255, 255, 255);"></path>
                  <path d="M13.448 7.134c0-.473-.04-.93-.116-1.366H6.988v2.588h3.634a3.11 3.11 0 0 1-1.344 2.042v1.68h2.169c1.27-1.17 2.001-2.9 2.001-4.944" style="fill: rgb(66, 133, 244);"></path>
                  <path d="M6.988 13.7c1.816 0 3.344-.595 4.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754 0-3.244-1.182-3.776-2.774H.978v1.731a6.728 6.728 0 0 0 6.01 3.703" style="fill: rgb(52, 168, 83);"></path>
                  <path d="M3.212 8.267a4.034 4.034 0 0 1 0-2.572V3.964H.978A6.678 6.678 0 0 0 .261 6.98c0 1.085.26 2.11.717 3.017l2.234-1.731z" style="fill: rgb(251, 188, 5);"></path>
                  <path d="M6.988 2.921c.992 0 1.88.34 2.58 1.008v.001l1.92-1.918C10.324.928 8.804.262 6.989.262a6.728 6.728 0 0 0-6.01 3.702l2.234 1.731c.532-1.592 2.022-2.774 3.776-2.774" style="fill: rgb(234, 67, 53);"></path>
                </symbol>
                <symbol id="shopify-svg__payments-google-pay-dark" viewBox="0 0 41 17">
                  <path
                    d="M19.526 2.635v4.083h2.518c.6 0 1.096-.202 1.488-.605.403-.402.605-.882.605-1.437 0-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0 5.52v4.736h-1.504V1.198h3.99c1.013 0 1.873.337 2.582 1.012.72.675 1.08 1.497 1.08 2.466 0 .991-.36 1.819-1.08 2.482-.697.665-1.559.996-2.583.996h-2.485v.001zM27.194 10.442c0 .392.166.718.499.98.332.26.722.391 1.168.391.633 0 1.196-.234 1.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61 0-1.12.148-1.528.442-.409.294-.613.657-.613 1.093m1.946-5.815c1.112 0 1.989.297 2.633.89.642.594.964 1.408.964 2.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45 1.372-2.486 1.372-.882 0-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96 0-.828.313-1.486.94-1.976s1.463-.735 2.51-.735c.892 0 1.629.163 2.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132 2.132 0 0 0-1.455-.547c-.84 0-1.504.353-1.995 1.062l-1.324-.834c.73-1.045 1.81-1.568 3.238-1.568M40.993 4.889l-5.02 11.53H34.42l1.864-4.034-3.302-7.496h1.635l2.387 5.749h.032l2.322-5.75z"
                    style="fill: rgba(0, 0, 0, 0.55);"></path>
                  <path d="M13.448 7.134c0-.473-.04-.93-.116-1.366H6.988v2.588h3.634a3.11 3.11 0 0 1-1.344 2.042v1.68h2.169c1.27-1.17 2.001-2.9 2.001-4.944" style="fill: rgb(66, 133, 244);"></path>
                  <path d="M6.988 13.7c1.816 0 3.344-.595 4.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754 0-3.244-1.182-3.776-2.774H.978v1.731a6.728 6.728 0 0 0 6.01 3.703" style="fill: rgb(52, 168, 83);"></path>
                  <path d="M3.212 8.267a4.034 4.034 0 0 1 0-2.572V3.964H.978A6.678 6.678 0 0 0 .261 6.98c0 1.085.26 2.11.717 3.017l2.234-1.731z" style="fill: rgb(251, 188, 5);"></path>
                  <path d="M6.988 2.921c.992 0 1.88.34 2.58 1.008v.001l1.92-1.918C10.324.928 8.804.262 6.989.262a6.728 6.728 0 0 0-6.01 3.702l2.234 1.731c.532-1.592 2.022-2.774 3.776-2.774" style="fill: rgb(234, 67, 53);"></path>
                </symbol>
                <symbol id="shopify-svg__payments-facebook-pay-dark" viewBox="0 0 300 50">
                  <path
                    d="M277.374 25.35a330.858 330.858 0 0 1-5.496-14.28h6.355c1.122 3.701 2.393 7.365 3.739 11.066 1.383 3.7 2.803 7.364 4.336 10.953a271.222 271.222 0 0 0 7.29-22.019h6.131a183.26 183.26 0 0 1-2.692 7.963 500.958 500.958 0 0 1-3.402 9.159c-1.271 3.29-2.766 6.99-4.411 11.028-1.57 3.813-3.327 6.542-5.196 8.224-1.907 1.645-4.225 2.505-7.028 2.505a11.37 11.37 0 0 1-2.243-.225v-5.046c.374.037.673.074.897.112h.673c1.645 0 3.028-.449 4.149-1.309 1.122-.86 2.131-2.28 3.066-4.299-2.168-4.523-4.187-9.121-6.131-13.832h-.037Zm-9.795 13.421h-5.682v-3.888c-1.009 1.458-2.28 2.58-3.85 3.365-1.571.785-3.328 1.196-5.309 1.196-2.467 0-4.635-.636-6.505-1.87-1.906-1.233-3.364-2.99-4.448-5.158-1.084-2.206-1.608-4.71-1.608-7.514 0-2.804.561-5.346 1.645-7.552 1.084-2.168 2.617-3.887 4.561-5.121 1.944-1.234 4.187-1.87 6.692-1.87 1.906 0 3.588.375 5.121 1.122 1.495.748 2.766 1.795 3.738 3.14v-3.55h5.683v27.775l-.038-.075Zm-5.794-18.056c-.636-1.57-1.608-2.841-2.953-3.738-1.346-.898-2.879-1.384-4.636-1.384-2.467 0-4.449.823-5.944 2.505-1.458 1.682-2.205 3.925-2.205 6.767 0 2.84.71 5.121 2.13 6.803 1.421 1.682 3.327 2.505 5.795 2.505 1.794 0 3.402-.449 4.785-1.383 1.383-.935 2.43-2.168 3.028-3.739v-8.336ZM209 1.5h14.131c4.747 0 8.411 1.084 10.99 3.252 2.58 2.169 3.888 5.234 3.888 9.271 0 4.038-1.271 7.103-3.85 9.271-2.58 2.169-6.243 3.253-11.028 3.253h-8.038v12.261H209V1.5Zm13.645 19.551c3.14 0 5.42-.56 6.916-1.72 1.495-1.158 2.243-2.915 2.243-5.27 0-2.355-.748-4.225-2.243-5.346-1.496-1.122-3.813-1.72-6.916-1.72h-7.552v14.056h7.552ZM71.937 1.249h7.429l12.63 22.85 12.632-22.85h7.268v37.546h-6.06V10.019L94.758 29.946h-5.686L77.997 10.019v28.776h-6.06V1.249Zm58.947 13.999c-4.346 0-6.964 3.27-7.59 7.32h14.75c-.304-4.171-2.711-7.32-7.16-7.32Zm-13.598 9.628c0-8.522 5.508-14.725 13.703-14.725 8.061 0 12.875 6.124 12.875 15.18v1.665h-20.57c.73 4.405 3.653 7.374 8.367 7.374 3.761 0 6.112-1.147 8.34-3.246l3.22 3.943c-3.033 2.79-6.891 4.398-11.775 4.398-8.872 0-14.16-6.47-14.16-14.589Zm33.926-9.09h-5.579v-4.963h5.579V2.618h5.846v8.205h8.475v4.962h-8.475v12.577c0 4.294 1.373 5.82 4.747 5.82 1.541 0 2.424-.132 3.728-.35v4.909c-1.625.459-3.176.67-4.854.67-6.312 0-9.467-3.449-9.467-10.352V15.785v.001Zm38.941 4.825c-1.174-2.965-3.794-5.148-7.644-5.148-5.003 0-8.205 3.55-8.205 9.333 0 5.638 2.948 9.36 7.966 9.36 3.944 0 6.76-2.296 7.883-5.15V20.61v.001ZM196 38.795h-5.739v-3.916c-1.605 2.305-4.524 4.586-9.253 4.586-7.604 0-12.686-6.366-12.686-14.67 0-8.381 5.204-14.644 13.009-14.644 3.858 0 6.885 1.543 8.93 4.266v-3.594H196v27.972Z"
                    fill="#000000"></path>
                  <path
                    d="M6.422 26.042c0 2.27.498 4.013 1.15 5.068.853 1.38 2.127 1.966 3.425 1.966 1.675 0 3.207-.415 6.16-4.499 2.364-3.273 5.151-7.867 7.027-10.747l3.175-4.88c2.206-3.388 4.76-7.155 7.687-9.708C37.436 1.158 40.015 0 42.61 0c4.357 0 8.506 2.524 11.682 7.259 3.475 5.185 5.162 11.717 5.162 18.457 0 4.007-.79 6.95-2.133 9.277-1.299 2.25-3.83 4.497-8.086 4.497v-6.414c3.645 0 4.554-3.35 4.554-7.182 0-5.463-1.273-11.525-4.079-15.856-1.99-3.073-4.571-4.95-7.41-4.95-3.07 0-5.54 2.316-8.317 6.445-1.477 2.193-2.992 4.867-4.694 7.883l-1.873 3.318c-3.763 6.672-4.716 8.192-6.597 10.7-3.298 4.391-6.114 6.056-9.82 6.056-4.398 0-7.18-1.905-8.901-4.774C.69 32.377 0 29.309 0 25.813l6.422.23v-.001Z"
                    fill="#0081FB"></path>
                  <path
                    d="M5.063 7.712C8.007 3.174 12.256 0 17.13 0c2.823 0 5.628.835 8.558 3.227 3.204 2.616 6.62 6.922 10.881 14.02l1.528 2.547c3.688 6.145 5.787 9.306 7.015 10.797 1.58 1.914 2.686 2.485 4.123 2.485 3.645 0 4.554-3.35 4.554-7.182l5.665-.178c0 4.007-.79 6.95-2.133 9.277-1.299 2.25-3.83 4.496-8.086 4.496-2.647 0-4.991-.574-7.584-3.02-1.993-1.877-4.323-5.212-6.116-8.21l-5.332-8.907c-2.675-4.47-5.13-7.803-6.55-9.312-1.528-1.623-3.492-3.583-6.626-3.583-2.537 0-4.691 1.78-6.494 4.503L5.064 7.712h-.001Z"
                    fill="url(#meta-pay-button__a)"></path>
                  <path
                    d="M17.026 6.457c-2.537 0-4.691 1.78-6.494 4.503-2.55 3.848-4.11 9.579-4.11 15.082 0 2.27.498 4.013 1.15 5.068l-5.476 3.606C.691 32.377 0 29.309 0 25.813c0-6.358 1.745-12.984 5.063-18.101C8.007 3.174 12.256 0 17.13 0l-.103 6.457h-.001Z"
                    fill="url(#meta-pay-button__b)"></path>
                  <defs>
                    <linearGradient id="meta-pay-button__a" x1="12.612" y1="24.19" x2="53.549" y2="26.257" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#0064E1"></stop>
                      <stop offset=".4" stop-color="#0064E1"></stop>
                      <stop offset=".83" stop-color="#0073EE"></stop>
                      <stop offset="1" stop-color="#0082FB"></stop>
                    </linearGradient>
                    <linearGradient id="meta-pay-button__b" x1="9.304" y1="28.738" x2="9.304" y2="13.646" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#0082FB"></stop>
                      <stop offset="1" stop-color="#0064E0"></stop>
                    </linearGradient>
                  </defs>
                </symbol>
                <symbol id="shopify-svg__payments-facebook-pay-light" viewBox="0 0 300 50">
                  <path
                    d="M277.374 25.35a330.858 330.858 0 0 1-5.496-14.28h6.355c1.122 3.701 2.393 7.365 3.739 11.066 1.383 3.7 2.803 7.364 4.336 10.953a271.222 271.222 0 0 0 7.29-22.019h6.131a183.26 183.26 0 0 1-2.692 7.963 500.958 500.958 0 0 1-3.402 9.159c-1.271 3.29-2.766 6.99-4.411 11.028-1.57 3.813-3.327 6.542-5.196 8.224-1.907 1.645-4.225 2.505-7.028 2.505a11.37 11.37 0 0 1-2.243-.225v-5.046c.374.037.673.074.897.112h.673c1.645 0 3.028-.449 4.149-1.309 1.122-.86 2.131-2.28 3.066-4.299-2.168-4.523-4.187-9.121-6.131-13.832h-.037Zm-9.795 13.421h-5.682v-3.888c-1.009 1.458-2.28 2.58-3.85 3.365-1.571.785-3.328 1.196-5.309 1.196-2.467 0-4.635-.636-6.505-1.87-1.906-1.233-3.364-2.99-4.448-5.158-1.084-2.206-1.608-4.71-1.608-7.514 0-2.804.561-5.346 1.645-7.552 1.084-2.168 2.617-3.887 4.561-5.121 1.944-1.234 4.187-1.87 6.692-1.87 1.906 0 3.588.375 5.121 1.122 1.495.748 2.766 1.795 3.738 3.14v-3.55h5.683v27.775l-.038-.075Zm-5.794-18.056c-.636-1.57-1.608-2.841-2.953-3.738-1.346-.898-2.879-1.384-4.636-1.384-2.467 0-4.449.823-5.944 2.505-1.458 1.682-2.205 3.925-2.205 6.767 0 2.84.71 5.121 2.13 6.803 1.421 1.682 3.327 2.505 5.795 2.505 1.794 0 3.402-.449 4.785-1.383 1.383-.935 2.43-2.168 3.028-3.739v-8.336ZM209 1.5h14.131c4.747 0 8.411 1.084 10.99 3.252 2.58 2.169 3.888 5.234 3.888 9.271 0 4.038-1.271 7.103-3.85 9.271-2.58 2.169-6.243 3.253-11.028 3.253h-8.038v12.261H209V1.5Zm13.645 19.551c3.14 0 5.42-.56 6.916-1.72 1.495-1.158 2.243-2.915 2.243-5.27 0-2.355-.748-4.225-2.243-5.346-1.496-1.122-3.813-1.72-6.916-1.72h-7.552v14.056h7.552ZM71.937 1.249h7.429l12.63 22.85 12.632-22.85h7.268v37.546h-6.06V10.019L94.758 29.946h-5.686L77.997 10.019v28.776h-6.06V1.249Zm58.947 13.999c-4.346 0-6.964 3.27-7.59 7.32h14.75c-.304-4.171-2.711-7.32-7.16-7.32Zm-13.598 9.628c0-8.522 5.508-14.725 13.703-14.725 8.061 0 12.875 6.124 12.875 15.18v1.665h-20.57c.73 4.405 3.653 7.374 8.367 7.374 3.761 0 6.112-1.147 8.34-3.246l3.22 3.943c-3.033 2.79-6.891 4.398-11.775 4.398-8.872 0-14.16-6.47-14.16-14.589Zm33.926-9.09h-5.579v-4.963h5.579V2.618h5.846v8.205h8.475v4.962h-8.475v12.577c0 4.294 1.373 5.82 4.747 5.82 1.541 0 2.424-.132 3.728-.35v4.909c-1.625.459-3.176.67-4.854.67-6.312 0-9.467-3.449-9.467-10.352V15.785v.001Zm38.941 4.825c-1.174-2.965-3.794-5.148-7.644-5.148-5.003 0-8.205 3.55-8.205 9.333 0 5.638 2.948 9.36 7.966 9.36 3.944 0 6.76-2.296 7.883-5.15V20.61v.001ZM196 38.795h-5.739v-3.916c-1.605 2.305-4.524 4.586-9.253 4.586-7.604 0-12.686-6.366-12.686-14.67 0-8.381 5.204-14.644 13.009-14.644 3.858 0 6.885 1.543 8.93 4.266v-3.594H196v27.972Z"
                    fill="#fff"></path>
                  <path
                    d="M6.422 26.042c0 2.27.498 4.013 1.15 5.068.853 1.38 2.127 1.966 3.425 1.966 1.675 0 3.207-.415 6.16-4.499 2.364-3.273 5.151-7.867 7.027-10.747l3.175-4.88c2.206-3.388 4.76-7.155 7.687-9.708C37.436 1.158 40.015 0 42.61 0c4.357 0 8.506 2.524 11.682 7.259 3.475 5.185 5.162 11.717 5.162 18.457 0 4.007-.79 6.95-2.133 9.277-1.299 2.25-3.83 4.497-8.086 4.497v-6.414c3.645 0 4.554-3.35 4.554-7.182 0-5.463-1.273-11.525-4.079-15.856-1.99-3.073-4.571-4.95-7.41-4.95-3.07 0-5.54 2.316-8.317 6.445-1.477 2.193-2.992 4.867-4.694 7.883l-1.873 3.318c-3.763 6.672-4.716 8.192-6.597 10.7-3.298 4.391-6.114 6.056-9.82 6.056-4.398 0-7.18-1.905-8.901-4.774C.69 32.377 0 29.309 0 25.813l6.422.23v-.001Z"
                    fill="#0081FB"></path>
                  <path
                    d="M5.063 7.712C8.007 3.174 12.256 0 17.13 0c2.823 0 5.628.835 8.558 3.227 3.204 2.616 6.62 6.922 10.881 14.02l1.528 2.547c3.688 6.145 5.787 9.306 7.015 10.797 1.58 1.914 2.686 2.485 4.123 2.485 3.645 0 4.554-3.35 4.554-7.182l5.665-.178c0 4.007-.79 6.95-2.133 9.277-1.299 2.25-3.83 4.496-8.086 4.496-2.647 0-4.991-.574-7.584-3.02-1.993-1.877-4.323-5.212-6.116-8.21l-5.332-8.907c-2.675-4.47-5.13-7.803-6.55-9.312-1.528-1.623-3.492-3.583-6.626-3.583-2.537 0-4.691 1.78-6.494 4.503L5.064 7.712h-.001Z"
                    fill="url(#meta-pay-button__a)"></path>
                  <path
                    d="M17.026 6.457c-2.537 0-4.691 1.78-6.494 4.503-2.55 3.848-4.11 9.579-4.11 15.082 0 2.27.498 4.013 1.15 5.068l-5.476 3.606C.691 32.377 0 29.309 0 25.813c0-6.358 1.745-12.984 5.063-18.101C8.007 3.174 12.256 0 17.13 0l-.103 6.457h-.001Z"
                    fill="url(#meta-pay-button__b)"></path>
                  <defs>
                    <linearGradient id="meta-pay-button__a" x1="12.612" y1="24.19" x2="53.549" y2="26.257" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#0064E1"></stop>
                      <stop offset=".4" stop-color="#0064E1"></stop>
                      <stop offset=".83" stop-color="#0073EE"></stop>
                      <stop offset="1" stop-color="#0082FB"></stop>
                    </linearGradient>
                    <linearGradient id="meta-pay-button__b" x1="9.304" y1="28.738" x2="9.304" y2="13.646" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#0082FB"></stop>
                      <stop offset="1" stop-color="#0064E0"></stop>
                    </linearGradient>
                  </defs>
                </symbol>
                <symbol id="shopify-svg__payments-amazon-pay" viewBox="0 0 102 20">
                  <path
                    d="M75.19 1.786c-.994 0-1.933.326-2.815.98v5.94c.896.683 1.82 1.023 2.774 1.023 1.932 0 2.899-1.32 2.899-3.96 0-2.655-.953-3.983-2.858-3.983zm-2.962-.277A5.885 5.885 0 0 1 73.93.444a4.926 4.926 0 0 1 1.85-.362c.672 0 1.282.127 1.827.383a3.763 3.763 0 0 1 1.387 1.108c.378.482.669 1.068.872 1.757.203.689.305 1.466.305 2.332 0 .88-.109 1.675-.326 2.385-.217.71-.522 1.314-.914 1.81a4.137 4.137 0 0 1-1.429 1.16 4.165 4.165 0 0 1-1.87.416c-1.26 0-2.346-.419-3.256-1.256v4.983c0 .284-.14.426-.42.426h-1.24c-.28 0-.42-.142-.42-.426V.827c0-.284.14-.426.42-.426h.925c.28 0 .441.142.483.426l.105.682zm13.194 8.37a4.21 4.21 0 0 0 1.45-.277 5.463 5.463 0 0 0 1.45-.81V6.62c-.35-.085-.719-.152-1.104-.202a8.8 8.8 0 0 0-1.124-.075c-1.583 0-2.374.617-2.374 1.853 0 .54.147.955.441 1.246.294.29.715.437 1.261.437zm-2.458-7.625l-.158.053a.561.561 0 0 1-.179.033c-.182 0-.273-.128-.273-.384V1.38c0-.199.028-.337.084-.415.056-.078.169-.153.337-.224.448-.199 1-.359 1.66-.48.657-.12 1.316-.18 1.974-.18 1.33 0 2.311.277 2.942.83.63.554.945 1.413.945 2.577v7.284c0 .284-.14.426-.42.426h-.903c-.267 0-.42-.135-.463-.405l-.105-.702a5.74 5.74 0 0 1-1.67 1.022 4.908 4.908 0 0 1-1.817.362c-1.009 0-1.807-.288-2.395-.863-.589-.575-.883-1.345-.883-2.31 0-1.037.364-1.864 1.092-2.481.73-.618 1.71-.927 2.942-.927.784 0 1.667.12 2.647.362V3.852c0-.767-.168-1.307-.504-1.619-.336-.313-.925-.469-1.764-.469-.982 0-2.01.163-3.09.49zm14.16 10.84c-.379.98-.816 1.683-1.314 2.109-.496.426-1.144.639-1.943.639-.448 0-.847-.05-1.197-.15a.606.606 0 0 1-.336-.202c-.07-.093-.105-.237-.105-.437V14.5c0-.27.105-.405.315-.405.07 0 .175.014.315.043.14.028.33.043.567.043.532 0 .946-.128 1.24-.384.294-.255.56-.724.798-1.406l.4-1.086-4.056-10.137c-.098-.241-.146-.411-.146-.511 0-.17.097-.256.294-.256h1.26c.224 0 .378.036.463.106.083.072.167.228.251.47l2.942 8.263L99.708.976c.084-.24.168-.397.252-.469.084-.07.238-.106.462-.106h1.177c.196 0 .294.086.294.256 0 .1-.05.27-.147.51l-4.622 11.927M40.15 15.47c-3.761 2.814-9.216 4.31-13.912 4.31-6.583 0-12.51-2.466-16.996-6.572-.352-.322-.038-.763.385-.513 4.84 2.855 10.825 4.574 17.006 4.574 4.17 0 8.753-.877 12.971-2.691.636-.273 1.17.425.547.891"
                    style="fill: rgb(51, 62, 72);"></path>
                  <path
                    d="M41.717 13.657c-.482-.624-3.181-.296-4.394-.148-.368.044-.425-.281-.093-.517 2.153-1.533 5.682-1.09 6.092-.577.413.518-.108 4.104-2.127 5.816-.31.263-.605.122-.468-.225.455-1.15 1.471-3.724.99-4.349M37.429 2.06V.57A.365.365 0 0 1 37.8.193l6.59-.001c.21 0 .38.155.38.376v1.278c-.003.214-.18.494-.496.938L40.86 7.722c1.267-.03 2.607.163 3.757.818.26.148.33.367.35.582v1.59c0 .218-.237.472-.485.34-2.028-1.077-4.718-1.194-6.96.013-.23.124-.47-.126-.47-.345V9.209c0-.242.005-.656.246-1.024l3.953-5.75H37.81a.369.369 0 0 1-.38-.375M13.4 11.365h-2.005a.38.38 0 0 1-.358-.343L11.038.595a.38.38 0 0 1 .387-.375h1.866a.38.38 0 0 1 .365.35v1.36h.037C14.18.615 15.096 0 16.331 0c1.253 0 2.039.614 2.6 1.93C19.418.615 20.521 0 21.7 0c.842 0 1.758.351 2.32 1.141.635.878.505 2.15.505 3.27l-.002 6.58a.38.38 0 0 1-.387.374h-2.001a.378.378 0 0 1-.36-.374V5.463c0-.438.037-1.535-.056-1.952-.15-.703-.6-.9-1.179-.9-.486 0-.991.33-1.197.855-.206.527-.188 1.405-.188 1.997v5.527a.38.38 0 0 1-.386.375h-2.002a.379.379 0 0 1-.36-.374l-.001-5.528c0-1.163.186-2.874-1.235-2.874-1.44 0-1.384 1.668-1.384 2.874l-.001 5.527a.38.38 0 0 1-.387.375m37.059-9.236c-1.478 0-1.571 2.04-1.571 3.312 0 1.273-.02 3.993 1.552 3.993 1.554 0 1.628-2.194 1.628-3.532 0-.877-.038-1.93-.3-2.764-.224-.724-.673-1.01-1.31-1.01zM50.439 0c2.975 0 4.584 2.59 4.584 5.88 0 3.181-1.777 5.705-4.584 5.705-2.918 0-4.508-2.59-4.508-5.814C45.93 2.523 47.539 0 50.439 0zm8.441 11.365h-1.997a.379.379 0 0 1-.36-.374L56.52.561a.381.381 0 0 1 .386-.34L58.764.22c.175.009.32.13.356.291v1.595h.038C59.72.68 60.505 0 61.89 0c.898 0 1.778.329 2.339 1.229.524.834.524 2.237.524 3.247v6.561a.382.382 0 0 1-.385.328H62.36a.38.38 0 0 1-.357-.328V5.376c0-1.141.13-2.809-1.253-2.809-.487 0-.936.33-1.16.834-.281.636-.319 1.272-.319 1.975v5.614a.386.386 0 0 1-.39.375m-24.684.075a.41.41 0 0 1-.473.047c-.665-.56-.785-.82-1.149-1.354-1.1 1.136-1.879 1.477-3.304 1.477-1.687 0-3-1.055-3-3.166 0-1.65.882-2.77 2.138-3.32 1.087-.484 2.606-.572 3.769-.704v-.264c0-.484.037-1.055-.245-1.473-.243-.374-.712-.528-1.124-.528-.765 0-1.444.397-1.611 1.22-.035.183-.167.364-.348.374l-1.943-.214c-.164-.037-.346-.17-.299-.425C27.055.721 29.183 0 31.09 0c.975 0 2.25.263 3.018 1.011.975.924.881 2.155.881 3.497v3.165c0 .952.39 1.37.757 1.882.128.185.156.405-.007.54-.409.348-1.136.988-1.537 1.35l-.005-.005zm-2.02-4.953v-.44c-1.45 0-2.98.314-2.98 2.045 0 .88.45 1.473 1.218 1.473.562 0 1.069-.352 1.387-.923.394-.704.376-1.363.376-2.155zM7.926 11.44a.41.41 0 0 1-.473.047c-.667-.56-.786-.82-1.15-1.354C5.204 11.27 4.425 11.61 3 11.61c-1.688 0-3-1.055-3-3.166 0-1.65.88-2.77 2.137-3.32 1.087-.484 2.606-.572 3.768-.704v-.264c0-.484.038-1.055-.243-1.473-.244-.374-.713-.528-1.125-.528-.764 0-1.444.397-1.61 1.22-.036.183-.168.364-.35.374l-1.94-.214c-.165-.037-.347-.17-.3-.425C.783.721 2.911 0 4.818 0c.975 0 2.25.263 3.018 1.011.975.924.882 2.155.882 3.497v3.165c0 .952.39 1.37.756 1.882.128.185.157.405-.006.54a78.47 78.47 0 0 0-1.537 1.35l-.005-.005zm-2.02-4.953v-.44c-1.45 0-2.982.314-2.982 2.045 0 .88.45 1.473 1.219 1.473.562 0 1.069-.352 1.387-.923.394-.704.375-1.363.375-2.155z"
                    style="fill: rgb(51, 62, 72);"></path>
                </symbol>
                <symbol id="shopify-svg__payments-apple-pay-dark" viewBox="0 0 43 19">
                  <path
                    d="M6.948 1.409C7.934.147 9.305.147 9.305.147s.193 1.18-.771 2.316c-1.05 1.2-2.228.993-2.228.993s-.236-.93.642-2.047zM3.82 3.663c-1.735 0-3.6 1.51-3.6 4.363 0 2.916 2.186 6.555 3.943 6.555.6 0 1.543-.6 2.485-.6.922 0 1.607.559 2.464.559 1.907 0 3.322-3.826 3.322-3.826s-2.015-.744-2.015-2.936c0-1.944 1.629-2.73 1.629-2.73s-.836-1.447-2.936-1.447c-1.22 0-2.164.661-2.656.661-.622.021-1.5-.6-2.636-.6zM19.64 1.426c2.453 0 4.188 1.788 4.188 4.396 0 2.608-1.755 4.417-4.248 4.417h-2.932v4.564h-1.974V1.426h4.966zm-2.992 7.067h2.473c1.695 0 2.693-.967 2.693-2.65 0-1.683-.978-2.671-2.693-2.671h-2.473v5.321zm7.559 3.429c0-1.767 1.296-2.777 3.65-2.945l2.572-.147v-.78c0-1.156-.738-1.787-1.994-1.787-1.037 0-1.795.568-1.955 1.43h-1.775c.06-1.788 1.656-3.092 3.79-3.092 2.333 0 3.829 1.304 3.829 3.281v6.9h-1.815v-1.684h-.04c-.519 1.094-1.715 1.788-3.012 1.788-1.934.021-3.25-1.178-3.25-2.965zm6.222-.905v-.778l-2.313.168c-1.297.084-1.975.59-1.975 1.494 0 .862.718 1.409 1.815 1.409 1.396-.021 2.473-.968 2.473-2.293zm3.969 7.383v-1.64c.14.041.438.041.598.041.897 0 1.416-.4 1.735-1.472l.14-.526L33.4 4.707h2.054l2.453 8.224h.04L40.4 4.707h1.994l-3.57 10.538c-.818 2.419-1.715 3.197-3.67 3.197-.14.02-.598-.021-.757-.042z"
                    style="fill: rgb(0, 0, 0);"></path>
                </symbol>
                <symbol id="shopify-svg__payments-apple-pay-light" viewBox="0 0 43 19">
                  <path
                    d="M6.948 1.409C7.934.147 9.305.147 9.305.147s.193 1.18-.771 2.316c-1.05 1.2-2.228.993-2.228.993s-.236-.93.642-2.047zM3.82 3.663c-1.735 0-3.6 1.51-3.6 4.363 0 2.916 2.186 6.555 3.943 6.555.6 0 1.543-.6 2.485-.6.922 0 1.607.559 2.464.559 1.907 0 3.322-3.826 3.322-3.826s-2.015-.744-2.015-2.936c0-1.944 1.629-2.73 1.629-2.73s-.836-1.447-2.936-1.447c-1.22 0-2.164.661-2.656.661-.622.021-1.5-.6-2.636-.6zM19.64 1.426c2.453 0 4.188 1.788 4.188 4.396 0 2.608-1.755 4.417-4.248 4.417h-2.932v4.564h-1.974V1.426h4.966zm-2.992 7.067h2.473c1.695 0 2.693-.967 2.693-2.65 0-1.683-.978-2.671-2.693-2.671h-2.473v5.321zm7.559 3.429c0-1.767 1.296-2.777 3.65-2.945l2.572-.147v-.78c0-1.156-.738-1.787-1.994-1.787-1.037 0-1.795.568-1.955 1.43h-1.775c.06-1.788 1.656-3.092 3.79-3.092 2.333 0 3.829 1.304 3.829 3.281v6.9h-1.815v-1.684h-.04c-.519 1.094-1.715 1.788-3.012 1.788-1.934.021-3.25-1.178-3.25-2.965zm6.222-.905v-.778l-2.313.168c-1.297.084-1.975.59-1.975 1.494 0 .862.718 1.409 1.815 1.409 1.396-.021 2.473-.968 2.473-2.293zm3.969 7.383v-1.64c.14.041.438.041.598.041.897 0 1.416-.4 1.735-1.472l.14-.526L33.4 4.707h2.054l2.453 8.224h.04L40.4 4.707h1.994l-3.57 10.538c-.818 2.419-1.715 3.197-3.67 3.197-.14.02-.598-.021-.757-.042z"
                    style="fill: rgb(255, 255, 255);"></path>
                </symbol>
                <symbol id="shopify-svg__payments-paypal" viewBox="0 0 67 19">
                  <path
                    d="M8.44.57H3.29a.718.718 0 0 0-.707.61L.502 14.517c-.041.263.16.5.425.5h2.458a.718.718 0 0 0 .707-.61l.561-3.597a.717.717 0 0 1 .706-.611h1.63c3.391 0 5.349-1.658 5.86-4.944.23-1.437.01-2.566-.657-3.357C11.461 1.029 10.162.57 8.44.57zm.594 4.87C8.752 7.308 7.34 7.308 5.976 7.308h-.777l.545-3.485a.43.43 0 0 1 .424-.366h.356c.93 0 1.807 0 2.26.535.27.32.353.794.25 1.45zm14.796-.06h-2.466a.43.43 0 0 0-.424.367l-.109.696-.172-.252c-.534-.783-1.724-1.044-2.912-1.044-2.725 0-5.052 2.084-5.505 5.008-.235 1.46.1 2.854.919 3.827.75.894 1.826 1.267 3.105 1.267 2.195 0 3.412-1.426 3.412-1.426l-.11.692a.432.432 0 0 0 .424.502h2.22a.718.718 0 0 0 .707-.61l1.333-8.526a.43.43 0 0 0-.423-.5zm-3.437 4.849c-.238 1.422-1.356 2.378-2.782 2.378-.716 0-1.288-.232-1.655-.672-.365-.436-.503-1.058-.387-1.75.222-1.41 1.359-2.397 2.763-2.397.7 0 1.269.235 1.644.678.375.448.524 1.073.417 1.763zM36.96 5.38h-2.478a.716.716 0 0 0-.592.318l-3.417 5.085-1.448-4.887a.719.719 0 0 0-.687-.515h-2.435a.433.433 0 0 0-.407.573l2.73 8.09-2.567 3.66a.434.434 0 0 0 .35.684h2.475a.712.712 0 0 0 .588-.31l8.24-12.016a.434.434 0 0 0-.352-.681z"
                    style="fill: rgb(37, 59, 128);"></path>
                  <path
                    d="M45.163.57h-5.15a.717.717 0 0 0-.706.61l-2.082 13.337a.43.43 0 0 0 .423.5h2.642a.502.502 0 0 0 .494-.427l.591-3.78a.717.717 0 0 1 .706-.611h1.63c3.392 0 5.348-1.658 5.86-4.944.231-1.437.009-2.566-.657-3.357C48.183 1.029 46.886.57 45.163.57zm.593 4.87c-.28 1.867-1.692 1.867-3.057 1.867h-.777l.546-3.485a.429.429 0 0 1 .423-.366h.356c.93 0 1.807 0 2.26.535.27.32.353.794.25 1.45zm14.795-.06h-2.464a.428.428 0 0 0-.423.367l-.109.696-.173-.252c-.534-.783-1.723-1.044-2.911-1.044-2.724 0-5.05 2.084-5.504 5.008-.235 1.46.099 2.854.918 3.827.753.894 1.826 1.267 3.105 1.267 2.195 0 3.413-1.426 3.413-1.426l-.11.692a.432.432 0 0 0 .424.502h2.22a.717.717 0 0 0 .707-.61l1.333-8.526a.433.433 0 0 0-.426-.5zm-3.436 4.849c-.237 1.422-1.356 2.378-2.782 2.378-.714 0-1.288-.232-1.655-.672-.365-.436-.502-1.058-.387-1.75.223-1.41 1.359-2.397 2.763-2.397.7 0 1.269.235 1.644.678.377.448.526 1.073.417 1.763zM63.458.935l-2.113 13.582a.43.43 0 0 0 .423.5h2.124a.716.716 0 0 0 .707-.61L66.683 1.07a.432.432 0 0 0-.423-.5h-2.379c-.21 0-.39.156-.423.366z"
                    style="fill: rgb(23, 155, 215);"></path>
                </symbol>
                <symbol id="shopify-svg__payments-shop-pay" viewBox="0 -2 341 81">
                  <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M227.297 0C220.448 0 214.896 5.47237 214.896 12.2229V67.8125C214.896 74.563 220.448 80.0354 227.297 80.0354H328.357C335.206 80.0354 340.758 74.563 340.758 67.8125V12.2229C340.758 5.47237 335.206 0 328.357 0H227.297ZM244.999 55.8917V41.8012H253.993C262.21 41.8012 266.579 37.2604 266.579 30.379C266.579 23.4976 262.21 19.3782 253.993 19.3782H239.205V55.8917H244.999ZM244.999 24.8084H252.663C257.982 24.8084 260.595 26.9617 260.595 30.5663C260.595 34.1708 258.077 36.3242 252.9 36.3242H244.999V24.8084ZM276.795 56.6407C281.212 56.6407 284.109 54.7214 285.439 51.4445C285.819 55.0959 288.052 56.9684 292.896 55.7044L292.944 51.819C290.996 52.0063 290.616 51.3041 290.616 49.2912V39.7415C290.616 34.124 286.864 30.8003 279.93 30.8003C273.09 30.8003 269.148 34.1708 269.148 39.8819H274.468C274.468 37.1668 276.415 35.5284 279.835 35.5284C283.444 35.5284 285.107 37.0732 285.059 39.7415V40.9586L278.932 41.614C272.045 42.3629 268.246 44.9376 268.246 49.4316C268.246 53.1298 270.905 56.6407 276.795 56.6407ZM277.982 52.4276C274.99 52.4276 273.803 50.836 273.803 49.2443C273.803 47.091 276.273 46.1079 281.117 45.5462L284.917 45.1249C284.679 49.2443 281.877 52.4276 277.982 52.4276ZM310.537 57.7174C308.115 63.5221 304.22 65.2541 298.141 65.2541H295.528V60.4793H298.331C301.655 60.4793 303.27 59.4494 305.028 56.5002L294.246 31.5493H300.23L307.925 49.7593L314.764 31.5493H320.606L310.537 57.7174Z"
                    fill="white"></path>
                  <path
                    d="M29.5136 35.1798C21.5797 33.4835 18.0451 32.8197 18.0451 29.8064C18.0451 26.9722 20.4371 25.5604 25.221 25.5604C29.4282 25.5604 32.5036 27.3726 34.7674 30.9232C34.9382 31.1972 35.2906 31.292 35.5789 31.1445L44.506 26.6983C44.8263 26.5402 44.9438 26.1399 44.7623 25.8343C41.0569 19.5022 34.2121 16.0358 25.1996 16.0358C13.3574 16.0358 6 21.7885 6 30.9338C6 40.648 14.9591 43.1029 22.9038 44.7992C30.8484 46.4955 34.3936 47.1592 34.3936 50.1725C34.3936 53.1858 31.8095 54.6082 26.6518 54.6082C21.8893 54.6082 18.3548 52.4589 16.2191 48.2866C16.059 47.981 15.6852 47.8546 15.3756 48.0127L6.46985 52.364C6.16017 52.5221 6.03203 52.8908 6.19221 53.2069C9.72673 60.2134 16.9773 64.1538 26.6625 64.1538C38.996 64.1538 46.4494 58.496 46.4494 49.0663C46.4494 39.6365 37.4476 36.8972 29.5136 35.2009V35.1798Z"
                    fill="white"></path>
                  <path
                    d="M77.3525 16.0358C72.291 16.0358 67.8168 17.8059 64.6026 20.9561C64.3997 21.1458 64.0687 21.0088 64.0687 20.7349V0.621625C64.0687 0.273937 63.791 0 63.4387 0H52.2692C51.9168 0 51.6391 0.273937 51.6391 0.621625V63.0476C51.6391 63.3952 51.9168 63.6692 52.2692 63.6692H63.4387C63.791 63.6692 64.0687 63.3952 64.0687 63.0476V35.6644C64.0687 30.3754 68.1798 26.319 73.7219 26.319C79.2639 26.319 83.279 30.2911 83.279 35.6644V63.0476C83.279 63.3952 83.5566 63.6692 83.909 63.6692H95.0785C95.4309 63.6692 95.7085 63.3952 95.7085 63.0476V35.6644C95.7085 24.1591 88.0628 16.0464 77.3525 16.0464V16.0358Z"
                    fill="white"></path>
                  <path
                    d="M118.389 14.2552C112.324 14.2552 106.622 16.0779 102.542 18.7224C102.265 18.9016 102.169 19.2703 102.34 19.5548L107.262 27.8466C107.444 28.1416 107.828 28.247 108.127 28.0679C111.224 26.2241 114.769 25.2653 118.389 25.2864C128.138 25.2864 135.303 32.0716 135.303 41.0377C135.303 48.6763 129.569 54.3342 122.297 54.3342C116.371 54.3342 112.26 50.9311 112.26 46.1266C112.26 43.3767 113.445 41.122 116.531 39.5311C116.851 39.3625 116.969 38.9727 116.777 38.6671L112.132 30.9126C111.982 30.6598 111.662 30.5439 111.373 30.6492C105.148 32.925 100.78 38.4037 100.78 45.7579C100.78 56.8839 109.761 65.1863 122.287 65.1863C136.916 65.1863 147.434 55.1876 147.434 40.8481C147.434 25.476 135.197 14.2446 118.368 14.2446L118.389 14.2552Z"
                    fill="white"></path>
                  <path
                    d="M180.098 15.9515C174.449 15.9515 169.409 18.006 165.725 21.6304C165.522 21.8306 165.191 21.6831 165.191 21.4092V17.0473C165.191 16.6996 164.914 16.4256 164.561 16.4256H153.68C153.328 16.4256 153.05 16.6996 153.05 17.0473V79.3784C153.05 79.7261 153.328 80 153.68 80H164.849C165.202 80 165.48 79.7261 165.48 79.3784V58.9385C165.48 58.6645 165.811 58.5276 166.013 58.7067C169.687 62.0782 174.545 64.0485 180.109 64.0485C193.211 64.0485 203.43 53.5862 203.43 39.9947C203.43 26.4032 193.2 15.941 180.109 15.941L180.098 15.9515ZM177.995 53.4914C170.541 53.4914 164.892 47.6439 164.892 39.9104C164.892 32.177 170.53 26.3295 177.995 26.3295C185.459 26.3295 191.086 32.0822 191.086 39.9104C191.086 47.7387 185.533 53.4914 177.984 53.4914H177.995Z"
                    fill="white"></path>
                </symbol>
              </defs>
            </svg></div>
        </div>
        <div class="shopify-cleanslate">
          <div class="Jk692hbroeK5lg6b_t4v usE9L3hgsurjyQqHttzR">
            <ul class="xGd3h1QpIzYq8GCXdELr" data-shopify-buttoncontainer="true" role="list">
              <li class="XLcXEW3RnM9fyU7k7fvC" data-testid="grid-cell">
                <div role="button" tabindex="0" class="kqsiVA9Jf8LJAbxw8Bau h7OYsWHrW5495r9beh2n DefhEHZZf4y32pvV7mZj DnvZqPMEvBFbBre5UuP9 size--large" data-testid="ShopifyPay-button"><span class="Xrk_DudB6JJ3t2Kh2_cU"> ShopPay</span><span
                    class="ElVMgDjOgshGFMIvg3se"><svg preserveAspectRatio="xMidYMid" class="qZgSr5RiiBCTAMfQYsty" style="height: 20px; width: 85px;">
                      <use xlink:href="#shopify-svg__payments-shop-pay"></use>
                    </svg></span></div>
              </li>
              <li class="XLcXEW3RnM9fyU7k7fvC" data-testid="grid-cell"><iframe class="ybSyad5RbtOghAuCHUvv paypalLight wOEViUrCyNb9maEe3QrQ" title="Checkout with PayPal"></iframe></li>
              <li class="XLcXEW3RnM9fyU7k7fvC" data-testid="grid-cell">
                <div role="button" tabindex="0" class="kqsiVA9Jf8LJAbxw8Bau h7OYsWHrW5495r9beh2n DefhEHZZf4y32pvV7mZj vKjZTx5He86dhWbWaFxE size--large" data-testid="GooglePay-button"><span class="Xrk_DudB6JJ3t2Kh2_cU"> GooglePay</span><span
                    class="ElVMgDjOgshGFMIvg3se"><svg preserveAspectRatio="xMidYMid" class="qZgSr5RiiBCTAMfQYsty" style="height: 20px; width: 45.2632px;">
                      <use xlink:href="#shopify-svg__payments-google-pay-light"></use>
                    </svg></span></div>
              </li>
            </ul>
          </div>
        </div>
        <div>
          <div></div>
        </div>
      </div>
    </div>
  </div>
</form>

<form>
  <div class="gktGiftCardGreetingCardContent"></div>
  <div class="gktGiftCardDetailsContent"></div>
  <div class="gktGiftCardMessageContent"></div>
</form>

Text Content

Skip to content
This site has limited support for your browser. We recommend switching to Edge,
Chrome, Safari, or Firefox.

🎁 Give the gift of SLOW FASHION Shop the Gift Guide

🎁 Give the gift of SLOW FASHION Shop the Gift Guide

Congratulations! Your order qualifies for free shipping You are $225 CAD away
from free shipping.

Congratulations! Your order qualifies for free shipping You are $225 CAD away
from free shipping.

Search
Search Clear





CURRENCY

CAD $
 * AUD $
 * CAD $
 * USD $

Account
Cart 0
Bestsellers New Black Friday
BESTSELLERS
Shop

MINIMALIST WARDROBE ESSENTIALS
MADE WITHOUT COMPROMISING STYLE, COMFORT OR THE PLANET.

Shop All Products

FREE SHIPPING ON ORDERS $225+

FIND YOUR PERFECT CAPSULE WARDROBE

Shop All Products

FREE SHIPPING ON ORDERS $225+

Category Tops Bottoms Skirts & Dresses Jackets & Blazers Accessories Gift Cards
Shop All
Wardrobe Capsules The Homebody Kit The Business Trip Kit The Workwear
Foundations Kit The Sleek Ponte Pantsuit The Relaxed Ponte Pantsuit The Dressy
Sweatsuit The Carry-on Kit The Versatile Basics Shop All Kits
Featured Our Gift Guide The Sale Rack New Arrivals Bestsellers Travel Favourites
Holiday Styles Fall Favourites Workleisure Favourites Resale

MAKE HOLIDAY DRESSING COMFORTABLE

shop new arrivals

New
Our Story

MINIMALIST WARDROBE ESSENTIALS
MADE WITHOUT COMPROMISING STYLE, COMFORT OR THE PLANET.

Shop All Products

FREE SHIPPING ON ORDERS $225+

FIND YOUR PERFECT CAPSULE WARDROBE

Shop All Products

FREE SHIPPING ON ORDERS $225+

About Founder Story Press FAQ
Values Made in Canada Sustainability Versatility
Fabrics BeyondSoft Scuba TENCEL™️ Lyocell TENCEL™️ Modal Organic Cotton Merino
Wool Rayon from Bamboo ECOVERO™ Ponte Luxe ShapeKnit

100% MADE IN TORONTO

full circle fashion

Sale
20% OFF 30% OFF 40% OFF 50% OFF 60% OFF
Take the QUIZ


TAKE THE QUIZ


CURRENCY

CAD $
 * AUD $
 * CAD $
 * USD $

Account
Search
Search Clear


Cart 0
BESTSELLERS
Shop Show menu
Exit menu Shop
Category Show menu
Exit menu Category
Tops
Bottoms
Skirts & Dresses
Jackets & Blazers
Accessories
Gift Cards
Shop All
Wardrobe Capsules Show menu
Exit menu Wardrobe Capsules
The Homebody Kit
The Business Trip Kit
The Workwear Foundations Kit
The Sleek Ponte Pantsuit
The Relaxed Ponte Pantsuit
The Dressy Sweatsuit
The Carry-on Kit
The Versatile Basics
Shop All Kits
Featured Show menu
Exit menu Featured
Our Gift Guide
The Sale Rack
New Arrivals
Bestsellers
Travel Favourites
Holiday Styles
Fall Favourites
Workleisure Favourites
Resale

MAKE HOLIDAY DRESSING COMFORTABLE

shop new arrivals

New
Our Story Show menu
Exit menu Our Story
About Show menu
Exit menu About
Founder Story
Press
FAQ
Values Show menu
Exit menu Values
Made in Canada
Sustainability
Versatility
Fabrics Show menu
Exit menu Fabrics
BeyondSoft Scuba
TENCEL™️ Lyocell
TENCEL™️ Modal
Organic Cotton
Merino Wool
Rayon from Bamboo
ECOVERO™ Ponte
Luxe ShapeKnit

100% MADE IN TORONTO

full circle fashion

Sale Show menu
Exit menu Sale
20% OFF
30% OFF
40% OFF
50% OFF
60% OFF
Take the QUIZ
Shop All
Our Story
Fabrics
Factories
Gift Cards
Press
Contact

I like the fit—especially the little longer short sleeve and the longer style. I
was not thrilled by the colour. The green is a bit dull or muddy. Guess I like
the clear white and black best.

Jeanne B.

Verified Buyer

Shop Our Best Sellers Take the Style QUIZ


CURRENCY

CAD $
 * AUD $
 * CAD $
 * USD $




MAKE HOLIDAY DRESSING COMFORTABLE

shop new arrivals


CLOTHING AS DYNAMIC AS YOUR LIFESTYLE. SUSTAINABLY-MADE IN CANADA.

SHOP BESTSELLERS


GIVE THE GIFT OF SLOW FASHION

shop giftcards
shop gift guide

TIMELESS WARDROBE ESSENTIALS

 * Tops
 * Bottoms
 * JACKETS
 * KITS

See All See All


STYLISH AND EXCEPTIONALLY COMFORTABLE

SHOP TOPS

Save 50%
Quick add  



The Evolve Top

From $89 CAD $178 CAD
Deep Mauve
Periwinkle Tencel
Black Tencel
Warm White Tencel
Forest Green Modal
Cinnamon Modal
White Tencel
Black Modal
See All See All
8 colors
Quick add  



The Dressy Sweatshirt

$194 CAD
Navy Blue
Black
Heathered Navy Blue
See All See All
3 colors
Quick add  



The Comfy Dress Shirt

$198 CAD
Black
White
Sapphire Blue
See All See All
3 colors
Quick add  



The Everyday Twist Top

$192 CAD
Black
Sapphire
Dark Heathered Grey
See All See All
3 colors
Quick add  



The Effortless V-Neck T-Shirt

$94 CAD
Olive
Pale Blue
Black
Warm White
Soft Peach
White
See All See All
6 colors
Quick add  



The Unblazer

$318 CAD
Black
Heathered Navy Blue
Navy Blue
Dark Heathered Grey
See All See All
4 colors
PreviousNext


SAY GOODBYE TO HARD PANTS, FOREVER

SHOP BOTTOMS

Save 39%
Quick add  



The Dressy Sweatpant

From $109 CAD $178 CAD
Redwood
Black
Black Bamboo Rib
Navy Blue Bamboo Rib
Dark Grey
Navy Blue
See All See All
6 colors

Save 61%
Quick add  



The Dressy Legging

From $69 CAD $178 CAD
Black
Navy Blue
Graphite
Alpine Green
See All See All
4 colors
Quick add  



The Comfy Wide Leg Pant

$198 CAD
Black
Redwood
See All See All
2 colors
Quick add  



The Tailored Ponte Pant

From $178 CAD
Black
Aubergine
Heathered Slate Grey
Truffle
Navy Blue
See All See All
5 colors

Save 50%
Quick add  



The Effortless Legging

$69 CAD $138 CAD
Black
Navy Blue
See All See All
2 colors

Save 50%
Quick add  



The Tailored Ponte Short

$79 CAD $158 CAD
Black
Heathered Navy Blue
See All See All
2 colors
PreviousNext


LAYER UP IN COMFORT

SHOP ALL
Quick add  



The Everyday Twist Top

$192 CAD
Black
Sapphire
Dark Heathered Grey
See All See All
3 colors
Quick add  



The Unblazer

$318 CAD
Black
Heathered Navy Blue
Navy Blue
Dark Heathered Grey
See All See All
4 colors
Quick add  



The BeyondSoft Scuba Jardigan

$268 CAD
Black
Bordeaux
Wheat
Glacier Blue
See All See All
4 colors

new
Quick add  



The BeyondSoft Scuba Jacket Dress

$328 CAD
Black
Saffron
See All See All
2 colors
Quick add  



The Oversized Ponte Blazer

$428 CAD
Aubergine
Heathered Slate Grey
Black
See All See All
3 colors

new
Quick add  



The Luxe ShapeKnit Coatigan

$398 CAD
Black
Light Heathered Grey
See All See All
2 colors
PreviousNext


DONE-FOR-YOU DAILY UNIFORMS

SHOP KITS
Quick add  



The Everyday Twist Top

$192 CAD
Black
Sapphire
Dark Heathered Grey
See All See All
3 colors

Save 39%
Quick add  



The Dressy Sweatpant

From $109 CAD $178 CAD
Redwood
Black
Black Bamboo Rib
Navy Blue Bamboo Rib
Dark Grey
Navy Blue
See All See All
6 colors
Quick add  



The Dressy Sweatshirt

$194 CAD
Navy Blue
Black
Heathered Navy Blue
See All See All
3 colors

Save 61%
Quick add  



The Dressy Legging

From $69 CAD $178 CAD
Black
Navy Blue
Graphite
Alpine Green
See All See All
4 colors
Quick add  



The Effortless V-Neck T-Shirt

$94 CAD
Olive
Pale Blue
Black
Warm White
Soft Peach
White
See All See All
6 colors

Save 50%
Quick add  



The Evolve Top

From $89 CAD $178 CAD
Deep Mauve
Periwinkle Tencel
Black Tencel
Warm White Tencel
Forest Green Modal
Cinnamon Modal
White Tencel
Black Modal
See All See All
8 colors
PreviousNext

GOT FIVE MINUTES?


WHAT'S YOUR CAPSULE WARDROBE TYPE?

TAKE THE STYLE QUIZ
Shop the look

get the look


new
Quick add  



The Effortless Boat Neck Top

$128 CAD
Warm White
Black & White Stripes
Golden Amber
Storm Blue
See All See All
4 colors
Quick add  



The Tailored Ponte Trouser

$218 CAD
Black
Heathered Slate Grey
Aubergine
See All See All
3 colors
Quick add  



The Oversized Ponte Blazer

$428 CAD
Aubergine
Heathered Slate Grey
Black
See All See All
3 colors


MADE IN


CANADA






AS SEEN IN



Forever pieces sewn to last. This slow fashion brand is proudly Canadian-made
with factories located just 20-minutes from their headquarters in Toronto.

Up your stay-at-home game with a few comfy picks that put a chic spin on the
classic jogger set.

The Chrysalis Cardi helps traveling women pack less and carry more.


BESTSELLING STYLES YOU'LL LOVE

add to cart and wear on repeat


BE A PROUD OUTFIT REPEATER

LEARN MORE
Quick add  



The Dressy Sweatshirt

$194 CAD
Navy Blue
Black
Heathered Navy Blue
See All See All
3 colors

Save 50%
Quick add  



The Evolve Top

From $89 CAD $178 CAD
Deep Mauve
Periwinkle Tencel
Black Tencel
Warm White Tencel
Forest Green Modal
Cinnamon Modal
White Tencel
Black Modal
See All See All
8 colors
Quick add  



The Unblazer

$318 CAD
Black
Heathered Navy Blue
Navy Blue
Dark Heathered Grey
See All See All
4 colors

Save 39%
Quick add  



The Dressy Sweatpant

From $109 CAD $178 CAD
Redwood
Black
Black Bamboo Rib
Navy Blue Bamboo Rib
Dark Grey
Navy Blue
See All See All
6 colors
Quick add  



The Tailored Ponte Pant

From $178 CAD
Black
Aubergine
Heathered Slate Grey
Truffle
Navy Blue
See All See All
5 colors

Save 61%
Quick add  



The Dressy Legging

From $69 CAD $178 CAD
Black
Navy Blue
Graphite
Alpine Green
See All See All
4 colors
PreviousNext

OUR PHILOSOPHY


WE BELIEVE BEAUTIFUL CLOTHES CAN’T COME FROM VEILED PROCESSES, SO TRANSPARENCY
AND ETHICAL CHOICES ARE WOVEN INTO EVERY THREAD OF OUR SUPPLY CHAIN.

Learn more


CERTIFIED B CORP

We believe that business can be a force for good in the world, so we focus on a
triple bottom line of purpose, people and profit. Encircled is one of the few
female-founded, locally made apparel brands to meet this rigorous standard for
social and environmental responsibility.

our values

How to style


OUR VERSATILE, MULTI-WEAR DESIGNS TAKE YOU FROM THE COUCH TO BRUNCH TO THE
BOARDROOM, ALL IN ONE GARMENT.

EXPLORE

CERTIFIED B CORPORATION®

We prioritize people and the planet over profits.

CANADIAN-MADE

Designed, patterned, cut and sewn in Toronto, Canada.

100% SECURE CHECKOUT

Transactions are handled with bank-grade security.

WOMAN-OWNED

Proudly woman-owned and operated




HELPFUL LINKS

 * Shop All
 * Our Story
 * Fabrics
 * Factories
 * Gift Cards
 * Press
 * Contact


CUSTOMER LOVE

 * FAQ
 * Shipping & Returns
 * Size Guide
 * Refer A Friend
 * Accessibility


MORE

 * Renewed Threads Resale
 * Events & Pop-ups
 * Style Guide
 * Join Our Team
 * Affiliate Program
 * Sezzle


SOCIAL

 * Instagram
 * Facebook
 * Pinterest
 * TikTok
 * Twitter
 * Youtube


LET US MAKE YOUR CLOSET MORE COMFORTABLE

Get first access to new arrivals and promos

This customer is already subscribed!

Subscribe

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of
Service apply.




CURRENCY

CAD $
 * AUD $
 * CAD $
 * USD $

 * © Encircled 2023
 * Accessibility
 * Privacy Policy
 * Terms & Conditions
 * Covid-19 Update
 * Site by A&M
   

 * American Express
 * Apple Pay
 * Diners Club
 * Discover
 * Google Pay
 * Mastercard
 * PayPal
 * Shop Pay
 * Visa



Previous Next


Close


CART

Congratulations! Your order qualifies for free shipping You are $225 CAD away
from free shipping.


NO MORE PRODUCTS AVAILABLE FOR PURCHASE





Your Cart is Empty

Shop All
Tops
Bottoms
Dresses
Jackets + Blazers
Accessories
Gift Cards
Continue building your capsule wardrobe

Add order notes
Leave a note about your order
Items Free

Subtotal Free

Check Out

Check Out
Shipping, taxes, and discount codes are calculated at checkout
 * ShopPay
 * 
 * GooglePay




Enable accessibility
Accessibility
Close icon Close accessibility
Reset All Checked mark Statement

Language English French Spanish German Italian Portuguese Chinese Japanese
Arabic Hebrew Persian Adjust font size Checked mark Font Size

Screen Reader Checked mark Screen Reader Contrast Checked mark Contrast Inverted
Low Contrast High Contrast

Highlight Links Checked mark Highlight Links Change Cursor Checked mark Cursor
Text align Text left Text right Checked mark Text Align Text Left Text Center
Text Right

Saturation icon Checked mark Saturation Low Saturation High Saturation Grayscale

Line Height Checked mark Line Height

Letter Spacing Checked mark Letter Spacing

Stop Animations Checked mark Stop Animation Mute sounds Checked mark Mute Sounds
Hide Image Checked mark Hide Images
Adjust text colors
Checked mark

Reset
Adjust heading colors
Checked mark

Reset
Adjust background colors
Checked mark

Reset
Powered by CodeInspire ↗
×