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
Effective URL: https://www.encircled.ca/
Submission: On December 01 via api from US — Scanned from CA
Form analysis
75 forms found in the DOMGET /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&utm_source=refersion&utm_medium=affiliate&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&utm_source=refersion&utm_medium=affiliate&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&utm_source=refersion&utm_medium=affiliate&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("//www.encircled.ca/cdn/shop/t/144/assets/deep_mauve.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/periwinkle-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/warm-white-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/forest-green-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/cinnamon-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/white-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/sapphire-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/sapphire.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/pale-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/warm-white.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/soft-peach.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Redwood.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-bamboo-rib.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue-rib.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/graphite.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/alpine-green.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Redwood.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/truffle.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/sapphire.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/bordeaux.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/wheat.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/glacier-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Saffron.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/light-heathered-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/sapphire.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Redwood.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-bamboo-rib.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue-rib.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/graphite.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/alpine-green.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/pale-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/warm-white.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/soft-peach.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/deep_mauve.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/periwinkle-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/warm-white-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/forest-green-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/cinnamon-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/white-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/warm-white.png"); 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 & 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 & White Stripes" data-swatch-variant="42489056067775" data-swatch-variant-name="Black & 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("//www.encircled.ca/cdn/shop/t/144/assets/Black_and_White_Stripes.png"); background-size: cover; background-position: center center;">Black & 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("//www.encircled.ca/cdn/shop/t/144/assets/Golden_Amber.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Storm_Blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/deep_mauve.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/periwinkle-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/warm-white-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/forest-green-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/cinnamon-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/white-tencel.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-modal.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/heathered-navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-heathered-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Redwood.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black-bamboo-rib.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue-rib.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/dark-grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Aubergine.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/Heathered_Slate_Grey.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/truffle.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/black.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/navy-blue.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/graphite.png"); 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("//www.encircled.ca/cdn/shop/t/144/assets/alpine-green.png"); 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&utm_source=refersion&utm_medium=affiliate&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 ↗ ×