blackcloverusa.com
Open in
urlscan Pro
23.227.38.32
Public Scan
Submitted URL: https://cat.va.us.criteo.com/delivery/ck.php?cppv=3&cpp=slKRY2AEdK8wZhPTLhHs41QktG3hbsXvS4gyi-kbKDy_39unbrVQ-WO0-N8MyPQwoGAhX...
Effective URL: https://blackcloverusa.com/products/leto-navy?variant=40498540249149&utm_source=criteo&utm_medium=display&utm_campaign=midf...
Submission: On January 15 via manual from US — Scanned from US
Effective URL: https://blackcloverusa.com/products/leto-navy?variant=40498540249149&utm_source=criteo&utm_medium=display&utm_campaign=midf...
Submission: On January 15 via manual from US — Scanned from US
Form analysis 33 forms found in the DOM
GET /search
<form action="/search" method="get" role="search">
<div class="item--loadbar" data-loading-indicator="" style="display: none;"></div>
<div class="search__predictive__outer">
<div class="wrapper">
<div class="search__predictive__main">
<div class="search__predictive__actions">
<button class="search__predictive__button" type="submit">
<span class="visually-hidden">Search</span>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 16 16">
<path
d="M16 14.864 14.863 16l-4.24-4.241a6.406 6.406 0 0 1-4.048 1.392 6.61 6.61 0 0 1-4.65-1.925A6.493 6.493 0 0 1 .5 9.098 6.51 6.51 0 0 1 0 6.575a6.536 6.536 0 0 1 1.922-4.652A6.62 6.62 0 0 1 4.062.5 6.52 6.52 0 0 1 6.575 0 6.5 6.5 0 0 1 9.1.5c.8.332 1.51.806 2.129 1.423a6.454 6.454 0 0 1 1.436 2.13 6.54 6.54 0 0 1 .498 2.522c0 1.503-.468 2.853-1.4 4.048L16 14.864zM3.053 10.091c.973.972 2.147 1.461 3.522 1.461 1.378 0 2.551-.489 3.525-1.461.968-.967 1.45-2.138 1.45-3.514 0-1.37-.482-2.545-1.45-3.524-.981-.968-2.154-1.45-3.525-1.45-1.376 0-2.547.483-3.513 1.45-.973.973-1.46 2.146-1.46 3.523 0 1.375.483 2.548 1.45 3.515z">
</path>
</svg>
</button>
<input type="search" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search..." aria-label="Search..." aria-controls="predictive-search-results">
<div class="search__predictive__clear">
<button type="reset" class="search__predictive__close__inner search-reset is-hidden" aria-label="Reset">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 15 15">
<g fill-rule="evenodd">
<path d="m2.06 1 12.02 12.021-1.06 1.061L1 2.062z"></path>
<path d="M1 13.02 13.022 1l1.061 1.06-12.02 12.02z"></path>
</g>
</svg> Clear</button>
</div>
</div>
<div class="search__predictive__close">
<button type="button" class="search__predictive__close__inner" data-close-popdown="" aria-label="Close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close-small" viewBox="0 0 15 15">
<g fill-rule="evenodd">
<path d="m2.237 1.073 12.021 12.021-1.414 1.414L.824 2.488z"></path>
<path d="m.823 13.094 12.021-12.02 1.414 1.413-12.02 12.021z"></path>
</g>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="header__search__results" tabindex="-1" data-predictive-search-results=""></div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-template--15478857695293__main-6986536747069" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-product-form="" data-product-handle="leto-navy"><input
type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden" name="utf8" value="✓" aria-label="utf8">
<div class="product__form__inner" data-form-inner="">
<div class="product__submit" data-buttons-wrapper="" data-add-action-wrapper="" data-error-boundary="">
<div data-error-display="" class="add-action-errors"></div>
<div class="product__submit__buttons">
<button type="submit" name="add" class="btn--outline btn--full btn--primary btn--add-to-cart" data-add-to-cart="" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :aria-busy="isLoading">
<span class="btn-state-ready">
<span data-add-to-cart-text="">Add to Cart</span>
<span class="cta__dot">•</span>
<span data-button-price="">$ 89.00</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete"> </span>
</button>
</div>
<div class="saso-bundle"></div>
<div class="saso-volumes"></div>
</div>
</div>
<div class="shop-pay-terms"><shopify-payment-terms variant-id="40498540249149"
shopify-meta="{"type":"product","variants":[{"id":40498540150845,"price_per_term":"$22.25","full_price":"$89.00","eligible":true,"available":true},{"id":40498540183613,"price_per_term":"$22.25","full_price":"$89.00","eligible":true,"available":true},{"id":40498540216381,"price_per_term":"$22.25","full_price":"$89.00","eligible":true,"available":true},{"id":40498540249149,"price_per_term":"$22.25","full_price":"$89.00","eligible":true,"available":true},{"id":40498540281917,"price_per_term":"$22.25","full_price":"$89.00","eligible":true,"available":true}],"min_price":"$50.00","max_price":"$30,000.00","financing_plans":[{"min_price":"$50.00","max_price":"$149.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":4}]},{"min_price":"$150.00","max_price":"$999.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":4},{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]},{"min_price":"$1,000.00","max_price":"$30,000.00","terms":[{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]}],"installments_buyer_prequalification_enabled":false,"seller_id":519027}"></shopify-payment-terms>
</div>
<input type="hidden" name="id" value="40498540249149" aria-label="id">
<script data-product-json="" type="application/json">
{
"id": 6986536747069,
"title": "Leto Skort",
"handle": "leto-navy",
"description": "\u003cp\u003eThe \u003cstrong\u003eLeto Skort\u003c\/strong\u003e was designed with 90% Performance Syntrel™ Polyester + 10% SPD to create an incredible, breathable skort with inherent stretch and maximum comfort \u0026amp; movability. With a mid-rise fit, this skort isn't allowing any muffin top \u0026amp; only the most flattering of silhouettes.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1207\/7562\/files\/SKORTICONS_480x480.jpg?v=1675718314\"\u003e\u003c\/p\u003e",
"published_at": "2023-03-06T09:34:29-07:00",
"created_at": "2023-02-06T14:51:07-07:00",
"vendor": "Black Clover",
"type": "Skort",
"tags": ["All Women", "not-on-sale"],
"price": 8900,
"price_min": 8900,
"price_max": 8900,
"available": true,
"price_varies": false,
"compare_at_price": 8900,
"compare_at_price_min": 8900,
"compare_at_price_max": 8900,
"compare_at_price_varies": false,
"variants": [{
"id": 40498540150845,
"title": "XS",
"option1": "XS",
"option2": null,
"option3": null,
"sku": "850043371014",
"requires_shipping": true,
"taxable": true,
"featured_image": {
"id": 30448766648381,
"product_id": 6986536747069,
"position": 1,
"created_at": "2023-02-06T14:51:26-07:00",
"updated_at": "2023-10-27T12:04:49-06:00",
"alt": null,
"width": 1280,
"height": 1600,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889",
"variant_ids": [40498540150845, 40498540183613, 40498540216381, 40498540249149, 40498540281917]
},
"available": true,
"name": "Leto Skort - XS",
"public_title": "XS",
"options": ["XS"],
"price": 8900,
"weight": 0,
"compare_at_price": 8900,
"inventory_quantity": 49,
"inventory_management": "shopify",
"inventory_policy": "deny",
"barcode": null,
"featured_media": {
"alt": null,
"id": 22750605541437,
"position": 1,
"preview_image": {
"aspect_ratio": 0.8,
"height": 1600,
"width": 1280,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889"
}
},
"requires_selling_plan": false,
"selling_plan_allocations": [],
"quantity_rule": {
"min": 1,
"max": null,
"increment": 1
}
}, {
"id": 40498540183613,
"title": "Small",
"option1": "Small",
"option2": null,
"option3": null,
"sku": "850043303848",
"requires_shipping": true,
"taxable": true,
"featured_image": {
"id": 30448766648381,
"product_id": 6986536747069,
"position": 1,
"created_at": "2023-02-06T14:51:26-07:00",
"updated_at": "2023-10-27T12:04:49-06:00",
"alt": null,
"width": 1280,
"height": 1600,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889",
"variant_ids": [40498540150845, 40498540183613, 40498540216381, 40498540249149, 40498540281917]
},
"available": true,
"name": "Leto Skort - Small",
"public_title": "Small",
"options": ["Small"],
"price": 8900,
"weight": 0,
"compare_at_price": 8900,
"inventory_quantity": 97,
"inventory_management": "shopify",
"inventory_policy": "deny",
"barcode": null,
"featured_media": {
"alt": null,
"id": 22750605541437,
"position": 1,
"preview_image": {
"aspect_ratio": 0.8,
"height": 1600,
"width": 1280,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889"
}
},
"requires_selling_plan": false,
"selling_plan_allocations": [],
"quantity_rule": {
"min": 1,
"max": null,
"increment": 1
}
}, {
"id": 40498540216381,
"title": "Medium",
"option1": "Medium",
"option2": null,
"option3": null,
"sku": "850043303831",
"requires_shipping": true,
"taxable": true,
"featured_image": {
"id": 30448766648381,
"product_id": 6986536747069,
"position": 1,
"created_at": "2023-02-06T14:51:26-07:00",
"updated_at": "2023-10-27T12:04:49-06:00",
"alt": null,
"width": 1280,
"height": 1600,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889",
"variant_ids": [40498540150845, 40498540183613, 40498540216381, 40498540249149, 40498540281917]
},
"available": true,
"name": "Leto Skort - Medium",
"public_title": "Medium",
"options": ["Medium"],
"price": 8900,
"weight": 0,
"compare_at_price": 8900,
"inventory_quantity": 150,
"inventory_management": "shopify",
"inventory_policy": "deny",
"barcode": null,
"featured_media": {
"alt": null,
"id": 22750605541437,
"position": 1,
"preview_image": {
"aspect_ratio": 0.8,
"height": 1600,
"width": 1280,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889"
}
},
"requires_selling_plan": false,
"selling_plan_allocations": [],
"quantity_rule": {
"min": 1,
"max": null,
"increment": 1
}
}, {
"id": 40498540249149,
"title": "Large",
"option1": "Large",
"option2": null,
"option3": null,
"sku": "850043303824",
"requires_shipping": true,
"taxable": true,
"featured_image": {
"id": 30448766648381,
"product_id": 6986536747069,
"position": 1,
"created_at": "2023-02-06T14:51:26-07:00",
"updated_at": "2023-10-27T12:04:49-06:00",
"alt": null,
"width": 1280,
"height": 1600,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889",
"variant_ids": [40498540150845, 40498540183613, 40498540216381, 40498540249149, 40498540281917]
},
"available": true,
"name": "Leto Skort - Large",
"public_title": "Large",
"options": ["Large"],
"price": 8900,
"weight": 0,
"compare_at_price": 8900,
"inventory_quantity": 142,
"inventory_management": "shopify",
"inventory_policy": "deny",
"barcode": null,
"featured_media": {
"alt": null,
"id": 22750605541437,
"position": 1,
"preview_image": {
"aspect_ratio": 0.8,
"height": 1600,
"width": 1280,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889"
}
},
"requires_selling_plan": false,
"selling_plan_allocations": [],
"quantity_rule": {
"min": 1,
"max": null,
"increment": 1
}
}, {
"id": 40498540281917,
"title": "XL",
"option1": "XL",
"option2": null,
"option3": null,
"sku": "850043371007",
"requires_shipping": true,
"taxable": true,
"featured_image": {
"id": 30448766648381,
"product_id": 6986536747069,
"position": 1,
"created_at": "2023-02-06T14:51:26-07:00",
"updated_at": "2023-10-27T12:04:49-06:00",
"alt": null,
"width": 1280,
"height": 1600,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889",
"variant_ids": [40498540150845, 40498540183613, 40498540216381, 40498540249149, 40498540281917]
},
"available": true,
"name": "Leto Skort - XL",
"public_title": "XL",
"options": ["XL"],
"price": 8900,
"weight": 0,
"compare_at_price": 8900,
"inventory_quantity": 74,
"inventory_management": "shopify",
"inventory_policy": "deny",
"barcode": null,
"featured_media": {
"alt": null,
"id": 22750605541437,
"position": 1,
"preview_image": {
"aspect_ratio": 0.8,
"height": 1600,
"width": 1280,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889"
}
},
"requires_selling_plan": false,
"selling_plan_allocations": [],
"quantity_rule": {
"min": 1,
"max": null,
"increment": 1
}
}],
"images": ["\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889", "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOSIDEMIDNIGHTNAVY.jpg?v=1698429889",
"\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY2.jpg?v=1698429889"
],
"featured_image": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889",
"options": ["Size"],
"media": [{
"alt": null,
"id": 22750605541437,
"position": 1,
"preview_image": {
"aspect_ratio": 0.8,
"height": 1600,
"width": 1280,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889"
},
"aspect_ratio": 0.8,
"height": 1600,
"media_type": "image",
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY.jpg?v=1698429889",
"width": 1280
}, {
"alt": null,
"id": 22750605574205,
"position": 2,
"preview_image": {
"aspect_ratio": 0.8,
"height": 1600,
"width": 1280,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOSIDEMIDNIGHTNAVY.jpg?v=1698429889"
},
"aspect_ratio": 0.8,
"height": 1600,
"media_type": "image",
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOSIDEMIDNIGHTNAVY.jpg?v=1698429889",
"width": 1280
}, {
"alt": null,
"id": 22750605508669,
"position": 3,
"preview_image": {
"aspect_ratio": 0.8,
"height": 1600,
"width": 1280,
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY2.jpg?v=1698429889"
},
"aspect_ratio": 0.8,
"height": 1600,
"media_type": "image",
"src": "\/\/blackcloverusa.com\/cdn\/shop\/products\/LETOBACKMIDNIGHTNAVY2.jpg?v=1698429889",
"width": 1280
}],
"requires_selling_plan": false,
"selling_plan_groups": [],
"content": "\u003cp\u003eThe \u003cstrong\u003eLeto Skort\u003c\/strong\u003e was designed with 90% Performance Syntrel™ Polyester + 10% SPD to create an incredible, breathable skort with inherent stretch and maximum comfort \u0026amp; movability. With a mid-rise fit, this skort isn't allowing any muffin top \u0026amp; only the most flattering of silhouettes.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1207\/7562\/files\/SKORTICONS_480x480.jpg?v=1675718314\"\u003e\u003c\/p\u003e"
}
</script><input type="hidden" name="product-id" value="6986536747069" aria-label="product-id"><input type="hidden" name="section-id" value="template--15478857695293__main" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537369661" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498551554109" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XS to Cart" aria-label="Add XS to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XS </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537369661" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537369661" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498551586877" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Small to Cart" aria-label="Add Small to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Small </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537369661" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537369661" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498551619645" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Medium to Cart" aria-label="Add Medium to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Medium </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537369661" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537369661" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498551652413" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Large to Cart" aria-label="Add Large to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Large </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537369661" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537369661" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498551685181" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XL to Cart" aria-label="Add XL to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XL </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537369661" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986536943677" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498544869437" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XS to Cart" aria-label="Add XS to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XS </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986536943677" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986536943677" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498544902205" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Small to Cart" aria-label="Add Small to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Small </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986536943677" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986536943677" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498544934973" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Medium to Cart" aria-label="Add Medium to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Medium </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986536943677" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986536943677" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498544967741" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Large to Cart" aria-label="Add Large to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Large </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986536943677" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986536943677" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498545000509" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XL to Cart" aria-label="Add XL to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XL </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986536943677" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537074749" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498548146237" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XS to Cart" aria-label="Add XS to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XS </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537074749" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537074749" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498548179005" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Small to Cart" aria-label="Add Small to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Small </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537074749" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537074749" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498548211773" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Medium to Cart" aria-label="Add Medium to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Medium </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537074749" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537074749" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498548244541" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Large to Cart" aria-label="Add Large to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Large </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537074749" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986537074749" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498548277309" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XL to Cart" aria-label="Add XL to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XL </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986537074749" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986534584381" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498511347773" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="true || isDisabled" :aria-busy="isLoading" disabled="disabled" title="Add XS to Cart - Sold Out" aria-label="Add XS to Cart - Sold Out">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
opacity-70 line-through
"> XS </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986534584381" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986534584381" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498511380541" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Small to Cart" aria-label="Add Small to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Small </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986534584381" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986534584381" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498511413309" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Medium to Cart" aria-label="Add Medium to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Medium </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986534584381" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986534584381" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498511446077" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Large to Cart" aria-label="Add Large to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Large </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986534584381" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986534584381" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498511478845" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XL to Cart" aria-label="Add XL to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XL </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986534584381" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986519642173" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498394628157" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="true || isDisabled" :aria-busy="isLoading" disabled="disabled" title="Add XS to Cart - Sold Out" aria-label="Add XS to Cart - Sold Out">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
opacity-70 line-through
"> XS </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986519642173" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986519642173" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498394660925" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Small to Cart" aria-label="Add Small to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Small </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986519642173" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986519642173" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498394693693" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Medium to Cart" aria-label="Add Medium to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Medium </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986519642173" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986519642173" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498394726461" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Large to Cart" aria-label="Add Large to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Large </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986519642173" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986519642173" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498394759229" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XL to Cart" aria-label="Add XL to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XL </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986519642173" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986526883901" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498436407357" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XS to Cart" aria-label="Add XS to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XS </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986526883901" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986526883901" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498436440125" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Small to Cart" aria-label="Add Small to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Small </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986526883901" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986526883901" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498436472893" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Medium to Cart" aria-label="Add Medium to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Medium </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986526883901" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986526883901" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498436505661" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add Large to Cart" aria-label="Add Large to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> Large </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986526883901" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_6986526883901" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" aria-label="form_type"><input type="hidden"
name="utf8" value="✓" aria-label="utf8">
<input type="hidden" name="id" value="40498436538429" aria-label="id">
<button data-add-to-cart="" name="add" class="
group/option-button
whitespace-nowrap typography-accent text-a2
h-8 px-2 py-2
md:h-7 md:px-1 md:py-1
" :class="{
'has-success': isSuccess,
'loading': isLoading
}" :disabled="false || isDisabled" :aria-busy="isLoading" title="Add XL to Cart" aria-label="Add XL to Cart">
<span class="
btn-state-ready
inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))]
text-button-contrast
px-2 py-1
group-hover/option-button:text-button-contrast
group-hover/option-button:bg-button-contrast/5
"> XL </span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9"></circle>
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="6986526883901" aria-label="product-id"><input type="hidden" name="section-id" value="related" aria-label="section-id">
</form>GET /search
<form action="/search" method="get" role="search">
<div class="item--loadbar" data-loading-indicator="" style="display: none;"></div>
<div class="search__predictive__outer">
<div class="wrapper">
<div class="search__predictive__main">
<div class="search__predictive__actions">
<button class="search__predictive__button" type="submit">
<span class="visually-hidden">Search</span>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 16 16">
<path
d="M16 14.864 14.863 16l-4.24-4.241a6.406 6.406 0 0 1-4.048 1.392 6.61 6.61 0 0 1-4.65-1.925A6.493 6.493 0 0 1 .5 9.098 6.51 6.51 0 0 1 0 6.575a6.536 6.536 0 0 1 1.922-4.652A6.62 6.62 0 0 1 4.062.5 6.52 6.52 0 0 1 6.575 0 6.5 6.5 0 0 1 9.1.5c.8.332 1.51.806 2.129 1.423a6.454 6.454 0 0 1 1.436 2.13 6.54 6.54 0 0 1 .498 2.522c0 1.503-.468 2.853-1.4 4.048L16 14.864zM3.053 10.091c.973.972 2.147 1.461 3.522 1.461 1.378 0 2.551-.489 3.525-1.461.968-.967 1.45-2.138 1.45-3.514 0-1.37-.482-2.545-1.45-3.524-.981-.968-2.154-1.45-3.525-1.45-1.376 0-2.547.483-3.513 1.45-.973.973-1.46 2.146-1.46 3.523 0 1.375.483 2.548 1.45 3.515z">
</path>
</svg>
</button>
<input type="search" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search..." aria-label="Search..." aria-controls="predictive-search-results">
<div class="search__predictive__clear">
<button type="reset" class="search__predictive__close__inner search-reset is-hidden" aria-label="Reset">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 15 15">
<g fill-rule="evenodd">
<path d="m2.06 1 12.02 12.021-1.06 1.061L1 2.062z"></path>
<path d="M1 13.02 13.022 1l1.061 1.06-12.02 12.02z"></path>
</g>
</svg> Clear</button>
</div>
</div>
<div class="search__predictive__close">
<button type="button" class="search__predictive__close__inner" data-close-popdown="" aria-label="Close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close-small" viewBox="0 0 15 15">
<g fill-rule="evenodd">
<path d="m2.237 1.073 12.021 12.021-1.414 1.414L.824 2.488z"></path>
<path d="m.823 13.094 12.021-12.02 1.414 1.413-12.02 12.021z"></path>
</g>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="header__search__results" tabindex="-1" data-predictive-search-results=""></div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
</form>Text Content
Back ACCESSIBILITY OPTIONS Are you sure you want to hide the widget forever? If you need it back, please clear your cookies. OkCancel CONTENT Bigger Text Bigger Text Line Height Line Height Readable Fonts Readable fonts Dyslexic Font Dyslexic Font Stop Animations Stop Animations COLORS Invert Color Invert Colors Brightness Brightness Contrast Contrast Saturation Saturation NAVIGATION Reading Mask Reading Mask LanguageEnglish (USA) Search language English (USA)SwedishFinnishGermanSpanishPortugueseTurkishFrenchJapaneseKoreanHebrewLatvianPolishGreekThai ACCESSIBLY APP ACCESSIBILITY STATEMENT Accessibly App is committed to making sites accessible for all, including people with disabilities. We are continuously improving the service we provide through our app to comply with increased accessibility standards, guidelines, and to make the browsing experience better for everyone. CONFORMANCE STATUS The app uses the Web Content Accessibility Guidelines (WCAG) defined requirements to improve accessibility for people with disabilities. It defines three levels of conformance: Level A, Level AA, and Level AAA. Accessibly App is following the best guidelines and is partially conformant with WCAG 2.1 level AA. TECHNICAL INFORMATION Accessibly App is an app supported in Shopify and Wordpress environments. The app relies on the following technologies: HTML CSS JavaScript NodeJs MongoDB ACCESSIBLY APP FEATURES When a site has Accessibly App i ac-h4 installed, the website can be adjusted with keyboard navigation using the “tab” key (WCAG 2.1/2.1.1). Additionally, see the list of all provided Accessibly App features and tools for better website experience: ZOOM | WCAG 2.1 / 1.4.4 This feature enables users to enhance the size of the text to up to three times the original text for better text readability. BIGGER CURSOR Makes the cursor bigger and more prominent. Increases the size for better site browsing. INVERT COLORS Invert the colors of the website content. For those with decreased vision, the high contrast greatly helps to read the site better. TWEAK CONTRAST | WCAG 2.1 / 1.4.6 This feature lets users manually select from two options: to enhance the contrast of the website or to decrease the contrast. TWEAK BRIGHTNESS | WCAG 2.1 / 1.4.6 This feature lets users update the brightness on the site. The content can either be made brighter or darker. GRAYSCALE | WCAG 2.1 / 1.4.6 Users can turn on grayscale, making the website content appear only in shades of gray. This benefits people with visual impairment. READING LINE Add a supportive reading line to the site. READABLE FONTS Convert the fonts available on-site to one of the most easily readable fonts: Helvetica. ALT TEXT AND IMAGES Ability to read alt text of images. As of now, our tool has added a feature where alt descriptions for images without them are generated using Google's Vision AI. In the event that you haven't manually written these image descriptions yourself, this greatly helps people with visual impairment browse your site. TOOLTIPS | WCAG 2.1 / 2.5.3 Add labels to images that contain a written description of the image. HIGHLIGHT LINKS Highlight links to make them more prominent. HIDE IMAGES Hide images on the site. This provides better site readability for people with visual impairment. READ PAGE A feature that allows a voice to read the text on your site out loud to visitors. NOTES & FEEDBACK We always try to update our services and operate in the best possible manner to benefit all of our clients and their site visitors. We cannot control or correct problems with third-party sites, but please let us know if you encounter difficulty with any sites we link to so we can pass the information along to the site owners. You may also want to address your concerns directly to these third parties. Reset settings Accessibility statement Skip to content Cart $ 0.00 (0) MEN TOPS Luxe Tees Graphic Tees Polos Outerwear BOTTOMS Shorts Pants ACCESSORIES Hats Belts Socks Headwear Care WOMEN FEATURED Activewear Collection TOPS Tees Polos Outerwear BOTTOMS Skorts Dresses HATS Women's Hats Headwear Care All Headwear HEADWEAR Premium Clover Memory Fit™ Adjustable Flat Brims Beanies Visors Women's Hats Collegiate State BC + Rawlings® Youth Headwear Care Kit ACCESSORIES Socks Belts Backpacks Hat Caddies Headwear Care Kit Gift Cards LIVE LUCKY CLUB Shop By College Alabama Auburn University University of Alabama Arizona University of Arizona Arizona State University Arkansas University of Arkansas California Stanford University Colorado University of Colorado Colorado State University Florida Florida State University Idaho Boise State University Illinois University of Illinois Iowa University of Iowa Kansas University of Kansas Kansas State University Kentucky University of Louisville Louisiana Louisiana State University Maryland University of Maryland Massachusetts Boston College Michigan Michigan State University Mississippi University of Mississippi Mississippi State University Missouri University of Missouri Nebraska University of Nebraska Nevada University of Nevada, Las Vegas University of Nevada, Reno New Jersey Rutgers University New Mexico New Mexico State University University of New Mexico New York Syracuse University North Dakota University of North Dakota Oklahoma Oklahoma State University University of Oklahoma Oregon Oregon State University Pennsylvania University of Pittsburgh South Carolina Clemson University University of South Carolina South Dakota South Dakota State University University of South Dakota Tennessee University of Memphis University of Tennessee Vanderbilt University Texas University of Houston Texas A&M University Texas Tech University Utah Brigham Young University University of Utah Utah State University Weber State University Virginia Virginia Tech Washington Gonzaga University Washington State University West Virginia West Virginia University Wyoming University of Wyoming My Account Search Cart $ 0.00 (0) My Account Search Clear MEN Expand menu Hide menu MEN TOPS Expand menu Hide menu TOPS Luxe Tees Graphic Tees Polos Outerwear BOTTOMS Expand menu Hide menu BOTTOMS Shorts Pants ACCESSORIES Expand menu Hide menu ACCESSORIES Hats Belts Socks Headwear Care WOMEN Expand menu Hide menu WOMEN FEATURED Expand menu Hide menu FEATURED Activewear Collection TOPS Expand menu Hide menu TOPS Tees Polos Outerwear BOTTOMS Expand menu Hide menu BOTTOMS Skorts Dresses HATS Expand menu Hide menu HATS Women's Hats Headwear Care All Headwear HEADWEAR Expand menu Hide menu HEADWEAR Premium Clover Memory Fit™ Adjustable Flat Brims Beanies Visors Women's Hats Collegiate State BC + Rawlings® Youth Headwear Care Kit ACCESSORIES Expand menu Hide menu ACCESSORIES Socks Belts Backpacks Hat Caddies Headwear Care Kit Gift Cards LIVE LUCKY CLUB Shop By College Expand menu Hide menu Shop By College Alabama Expand menu Hide menu Alabama Auburn University University of Alabama Arizona Expand menu Hide menu Arizona University of Arizona Arizona State University Arkansas Expand menu Hide menu Arkansas University of Arkansas California Expand menu Hide menu California Stanford University Colorado Expand menu Hide menu Colorado University of Colorado Colorado State University Florida Expand menu Hide menu Florida Florida State University Idaho Expand menu Hide menu Idaho Boise State University Illinois Expand menu Hide menu Illinois University of Illinois Iowa Expand menu Hide menu Iowa University of Iowa Kansas Expand menu Hide menu Kansas University of Kansas Kansas State University Kentucky Expand menu Hide menu Kentucky University of Louisville Louisiana Expand menu Hide menu Louisiana Louisiana State University Maryland Expand menu Hide menu Maryland University of Maryland Massachusetts Expand menu Hide menu Massachusetts Boston College Michigan Expand menu Hide menu Michigan Michigan State University Mississippi Expand menu Hide menu Mississippi University of Mississippi Mississippi State University Missouri Expand menu Hide menu Missouri University of Missouri Nebraska Expand menu Hide menu Nebraska University of Nebraska Nevada Expand menu Hide menu Nevada University of Nevada, Las Vegas University of Nevada, Reno New Jersey Expand menu Hide menu New Jersey Rutgers University New Mexico Expand menu Hide menu New Mexico New Mexico State University University of New Mexico New York Expand menu Hide menu New York Syracuse University North Dakota Expand menu Hide menu North Dakota University of North Dakota Oklahoma Expand menu Hide menu Oklahoma Oklahoma State University University of Oklahoma Oregon Expand menu Hide menu Oregon Oregon State University Pennsylvania Expand menu Hide menu Pennsylvania University of Pittsburgh South Carolina Expand menu Hide menu South Carolina Clemson University University of South Carolina South Dakota Expand menu Hide menu South Dakota South Dakota State University University of South Dakota Tennessee Expand menu Hide menu Tennessee University of Memphis University of Tennessee Vanderbilt University Texas Expand menu Hide menu Texas University of Houston Texas A&M University Texas Tech University Utah Expand menu Hide menu Utah Brigham Young University University of Utah Utah State University Weber State University Virginia Expand menu Hide menu Virginia Virginia Tech Washington Expand menu Hide menu Washington Gonzaga University Washington State University West Virginia Expand menu Hide menu West Virginia West Virginia University Wyoming Expand menu Hide menu Wyoming University of Wyoming 0% Zoom 0% Zoom 0% Zoom LETO SKORT $ 89.00 Sale • Save Size Large XS Variant sold out or unavailable Small Variant sold out or unavailable Medium Variant sold out or unavailable Large Variant sold out or unavailable XL Variant sold out or unavailable XS Small Medium Large XL − + Item is in stock Only 0 left in stock Item is out of stock Item is unavailable Add to Cart • $ 89.00 Description Description The Leto Skort was designed with 90% Performance Syntrel™ Polyester + 10% SPD to create an incredible, breathable skort with inherent stretch and maximum comfort & movability. With a mid-rise fit, this skort isn't allowing any muffin top & only the most flattering of silhouettes. The Leto Skort was designed with 90% Performance Syntrel™ Polyester + 10% SPD to create an incredible, breathable skort with inherent stretch and maximum comfort & movability. With a mid-rise fit, this skort isn't Read more The Fit The Fit -Model is a size 2, 5'6, and wearing a size XS -Skirt length is measured at the center front, from the top of the waistband to the hem. -Skirt Length: XS: 14.5'', S: 15", M: 15.5", L: 16", XL: 16.5" the Details the Details -90% Performance Polyester + 10% SPD -Mid Rise Fit -Shaped Shorts Liner with Pockets -4-way Inherent Stretch -Easy Care & Wash -Moisture Wicking Technology Reviews (tab expanded) Questions (tab collapsed) No reviews yet, write one now? Write a Review (Opens in a new window) Reviews LoadedReviews Added No questions yet, ask one now? Ask a Question (Opens in a new window) YOU'RE GOING TO LOVE THESE TOO 123 Quick add XS Small Medium Large XL Leto Skort Leto Skort Sapphire $ 89.00 123 Quick add XS Small Medium Large XL Leto Skort Leto Skort Black $ 89.00 123 Quick add XS Small Medium Large XL Leto Skort Leto Skort White $ 89.00 1234 Quick add XS Small Medium Large XL Zoe Skort Zoe Skort Sapphire $ 95.00 1234 Quick add XS Small Medium Large XL Zoe Skort Zoe Skort Desert Rose $ 95.00 1234 Quick add XS Small Medium Large XL Zoe Skort Zoe Skort Midnight Navy $ 95.00 PreviousNext Support Quick Links * Contact Us * Become an Ambassador * Returns Center * Return Policy * BC Business Information Footer menu * About Black Clover * International * Accessibility Statement * Privacy Policy * CCPA © Black Clover 2024 About Black Clover International Accessibility Statement Privacy Policy CCPA Facebook Instagram Search Clear