baronfig.com
Open in
urlscan Pro
23.227.38.65
Public Scan
Submitted URL: https://click.convertkit-mail4.com/0vuvgevz95u9hodl8nvcx/x0hph6hwpedwkxi5/aHR0cHM6Ly9iYXJvbmZpZy5jb20vcHJvZHVjdHMvc3RyYXRlZ2lzdD92Y...
Effective URL: https://baronfig.com/en-de/products/strategist?variant=39787199529043
Submission: On April 13 via api from BE — Scanned from DE
Effective URL: https://baronfig.com/en-de/products/strategist?variant=39787199529043
Submission: On April 13 via api from BE — Scanned from DE
Form analysis
36 forms found in the DOMGET /en-de/search
<form action="/en-de/search" method="get">
<div class="relative min-h-[]" :class="{ 'z-10': search_active }">
<input type="hidden" name="type" value="product">
<div class="relative">
<input class="form-input !pl-8 color__text !min-h-0
color__border-divider-1" type="text" placeholder="Search by products, colors, or more...">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle pointer-events-none absolute !flex items-center
top-0 left-2 h-full opacity-50 color__text" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
</div>
<div class="animation-500 absolute top-0 w-full" :class="{ 'z-10 !fixed left-4 !top-4 right-4 !w-auto': search_active }">
<label class="sr-only" for="search-mobile">Search</label>
<input id="search-mobile" class="form-input !pl-8 color__text !min-h-0
color__border-divider-1" type="text" name="q" placeholder="Search by products, colors, or more..." x-ref="searchInputMobile" @focus="search_active = true;" @input.debounce="fetchAndUpdateSearch($event,params,resources)">
<div class="right-2 absolute top-0 flex items-center h-full">
<button class="btn btn--smaller btn--plain !bg-transparent !border-0 opacity-0" :class="{ '!opacity-100' : search_active }" type="button" title="Cancel search" @click="search_active = false; $refs.searchInputMobile.value = '';"
x-show="search_active" style="display: none;">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</span>
</button>
</div>
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle absolute !flex items-center
top-0 left-2 h-full opacity-50 color__text" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
</div>
<div class="fixed overflow-hidden mobile-border--radius-t-0 shadow-md border--width border--radius animation-100 left-0 right-0 top-0 pt-14
color__border-divider-1
color__bg-body color__text" x-show="search_active" x-transition:enter="animation-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="animation-300" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" style="display: none;">
<div class="flex flex-wrap h-full px-4 -mx-4 overflow-y-auto">
<div class="h-[50vh] w-full overflow-y-auto">
<div class="p-4" x-show="!search_loading && $refs.searchInputMobile.value.length == 0">
<span class="type--small pb-2 no-underline" href="#">
<strong>Top searches</strong>
</span><a class="block no-underline" href="/en-de/products/starter-kit">
Build a Starter Kit
</a><a class="block no-underline" href="/en-de/pages/pens-and-writing">
Pens
</a><a class="block no-underline" href="/en-de/pages/journals">
Journals
</a><a class="block no-underline" href="/en-de/collections/planners">
Planners
</a><a class="block no-underline" href="/en-de/products/squirerefills">
Ink Refills
</a>
</div>
<div class="p-4" x-show="search_loading" style="display: none;">
<div class="btn--load btn--loading">
<div class="btn__content">Loading...</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</div>
</div>
<div class="sticky top-0 z-10 border--b-width p-4
color__border-divider-1
color__bg-body color__text"
x-show="(search_items && search_items.length != 0) || (search_items_pages && search_items_pages.length !== 0) || (search_items_articles && search_items_articles.length !== 0) && !search_loading"
style="display: none;">
<button class="underline" type="submit"> View all results </button>
</div>
<div x-show="!search_loading && $refs.searchInputMobile.value.length > 0" style="display: none;">
<div class="p-4"
x-show="(search_items && search_items.length === 0) && (search_items_pages && search_items_pages.length === 0) && (search_items_articles && search_items_articles.length === 0) && !search_loading">
<p>No results found</p>
</div>
<div class="p-4 border--b-width color__border-divider-1" x-show="search_items_queries && search_items_queries.length !== 0" style="display: none;">
<template x-for="item in search_items_queries">
<div class="flex items-center">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle mr-1" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
<a class="whitespace-nowrap text-ellipsis overflow-hidden no-underline" :href="item.url" x-html="item.styled_text">
</a>
</div>
</template>
</div>
<div class="p-4 border--b-width
color__border-divider-1" x-show="search_items_pages && search_items_pages.length !== 0" style="display: none;">
<span class="type--small pb-2 no-underline">
<strong>Pages</strong>
</span>
<template x-for="item in search_items_pages">
<div class="flex items-center">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle mr-1" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
<a class="whitespace-nowrap text-ellipsis overflow-hidden no-underline" :href="item.url" x-text="item.title">
</a>
</div>
</template>
</div>
<div class="p-4 border--b-width
color__border-divider-1" x-show="search_items_collections && search_items_collections.length !== 0" style="display: none;">
<span class="type--small pb-2 no-underline">
<strong>Collections</strong>
</span>
<template x-for="item in search_items_collections">
<div class="flex items-center">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle mr-1" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
<a class="whitespace-nowrap text-ellipsis overflow-hidden no-underline" :href="item.url" x-text="item.title">
</a>
</div>
</template>
</div>
<div class="p-4 border--b-width color__border-divider-1" x-show="search_items_articles && search_items_articles.length !== 0" style="display: none;">
<span class="type--small pb-2 no-underline">
<strong>Articles</strong>
</span>
<template x-for="item in search_items_articles">
<div class="flex items-center">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle mr-1" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
<a class="whitespace-nowrap text-ellipsis overflow-hidden no-underline" :href="item.url" x-text="item.title">
</a>
</div>
</template>
</div>
<div class="p-4" x-show="search_items && search_items.length != 0" style="display: none;">
<span class="type--small pb-2 no-underline">
<strong>Products</strong>
</span>
<div class="md:gap-4 grid grid-cols-1 gap-2">
<template x-for="item in search_items">
<a class="hover:no-underline border--width border--radius color__bg-body color__text color__border-divider-1 flex items-center w-full overflow-hidden no-underline" :href="item.url">
<div class="w-[25%] h-full flex-none">
<div class="object-cover flex items-center aspect-[1/1] aspect-w-1 aspect-h-1 h-full max-w-full
color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text">
<img class="w-full h-full object-cover
color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text" width="180" loading="lazy" :src="item.image + '&width=180'" :alt="item.title">
</div>
</div>
<div class="grow md:py-4 p-2 px-4">
<p class="mb-0 type--base !leading-tight
type__body
" x-text="item.title"></p>
<ul class="flex flex-wrap items-center gap-x-1 gap-y-0.5 p-0 opacity-75 mb-0.5">
</ul>
<p class="type--small mb-0">
<span class="type--small !leading-tight" x-text="Shopify.formatMoney(item.price, currency_symbol, true, 'amount_no_decimals', '100')">
$10.00
</span>
<span x-show="item.compare_at_price_max > item.price">
<s class="type--small !leading-tight" x-text="Shopify.formatMoney(item.compare_at_price_max, currency_symbol, true, 'amount_no_decimals', '100')">
$0.00
</s>
</span>
</p>
</div>
</a>
</template>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
GET /en-de/search
<form action="/en-de/search" method="get">
<div class="relative" :class="{ 'z-50': search_active }">
<input type="hidden" name="type" value="product">
<div class="relative" :class="{ 'z-10': search_active }">
<label class="sr-only" for="search-desktop"> Search </label>
<input id="search-desktop" class="form-input !pl-8 py-2 color__text !min-h-0 max-h-[35px]
color__border-divider-1" type="text" name="q" placeholder="Search by products, colors, or more..." x-ref="searchInput" @focus="search_active = true;" @input.debounce="fetchAndUpdateSearch($event, params, resources)">
<div class="right-2 absolute top-0 flex items-center h-full">
<button class="btn btn--smaller btn--plain !bg-transparent !border-0" title="Cancel search" type="button" @click="search_active = false; $refs.searchInput.value = '';
search_visible = false;" x-show="search_active" style="display: none;">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</span>
</button>
</div>
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle pointer-events-none absolute !flex items-center
top-0 left-2 h-full opacity-50 color__text" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
</div>
<div class="absolute overflow-hidden shadow-md border--width border--radius animation-500 pt-16 -left-3 -right-3 -top-3
color__border-divider-1
color__bg-body color__text" x-show="search_active" style="display: none;">
<div class="flex flex-wrap h-full px-4 -mx-4">
<div class="h-[70vh] max-h-[600px] w-full overflow-y-auto">
<div class="p-4" x-show="!search_loading && $refs.searchInput.value.length == 0">
<span class="type--small block pb-2 no-underline">
<strong>Top searches</strong>
</span><a class="block no-underline" href="/en-de/products/starter-kit">
Build a Starter Kit
</a><a class="block no-underline" href="/en-de/pages/pens-and-writing">
Pens
</a><a class="block no-underline" href="/en-de/pages/journals">
Journals
</a><a class="block no-underline" href="/en-de/collections/planners">
Planners
</a><a class="block no-underline" href="/en-de/products/squirerefills">
Ink Refills
</a>
</div>
<div class="p-4" x-show="search_loading" style="display: none;">
<div class="btn--load btn--loading">
<div class="btn__content">Loading...</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</div>
</div>
<div class="sticky top-0 z-10 border--b-width p-4
color__border-divider-1
color__bg-body color__text"
x-show="(search_items && search_items.length != 0) || (search_items_pages && search_items_pages.length !== 0) || (search_items_articles && search_items_articles.length !== 0) && !search_loading"
style="display: none;">
<button class="underline" type="submit"> View all results </button>
</div>
<div x-show="!search_loading && $refs.searchInput.value.length > 0" style="display: none;">
<div class="p-4"
x-show="(search_items && search_items.length === 0) && (search_items_pages && search_items_pages.length === 0) && (search_items_articles && search_items_articles.length === 0) && !search_loading">
<p>No results found</p>
</div>
<div class="p-4 border--b-width color__border-divider-1" x-show="search_items_queries && search_items_queries.length !== 0" style="display: none;">
<template x-for="item in search_items_queries">
<div class="flex items-center">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle mr-1" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
<a class="whitespace-nowrap text-ellipsis overflow-hidden no-underline" :href="item.url" x-html="item.styled_text">
</a>
</div>
</template>
</div>
<div class="p-4 border--b-width
color__border-divider-1" x-show="search_items_pages && search_items_pages.length !== 0" style="display: none;">
<span class="type--small pb-2 no-underline">
<strong>Pages</strong>
</span>
<template x-for="item in search_items_pages">
<div class="flex items-center">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle mr-1" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
<a class="whitespace-nowrap text-ellipsis overflow-hidden no-underline" :href="item.url" x-text="item.title">
</a>
</div>
</template>
</div>
<div class="p-4 border--b-width
color__border-divider-1" x-show="search_items_articles && search_items_articles.length !== 0" style="display: none;">
<span class="type--small pb-2 no-underline">
<strong>Articles</strong>
</span>
<template x-for="item in search_items_articles">
<div class="flex items-center">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle mr-1" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
<a class="whitespace-nowrap text-ellipsis overflow-hidden no-underline" :href="item.url" x-text="item.title">
</a>
</div>
</template>
</div>
<div class="p-4 border--b-width
color__border-divider-1" x-show="search_items_collections && search_items_collections.length !== 0" style="display: none;">
<span class="type--small pb-2 no-underline">
<strong>Collections</strong>
</span>
<template x-for="item in search_items_collections">
<div class="flex items-center">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle mr-1" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
<a class="whitespace-nowrap text-ellipsis overflow-hidden no-underline" :href="item.url" x-text="item.title">
</a>
</div>
</template>
</div>
<div class="p-4" x-show="search_items && search_items.length != 0" style="display: none;">
<span class="type--small pb-2 no-underline">
<strong>Products</strong>
</span>
<div class="md:gap-4 grid grid-cols-2 gap-2">
<template x-for="item in search_items">
<a class="hover:no-underline border--width border--radius color__bg-body color__text color__border-divider-1 flex items-center w-full overflow-hidden no-underline" :href="item.url">
<div class="w-[20%] h-full flex flex-col shrink-0 overflow-hidden">
<div class="flex items-center object-cover aspect-[1/1] aspect-w-1 aspect-h-1 h-full max-w-full
color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text">
<img class="w-full h-full object-cover color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text" width="95" loading="lazy" :src="item.image + '&width=95'" :alt="item.title">
</div>
</div>
<div class="grow md:py-4 p-2 px-4">
<p class="mb-0 type--base !leading-tight
type__body
" x-text="item.title"></p>
<ul class="flex flex-wrap items-center gap-x-1 gap-y-0.5 p-0 opacity-75 mb-0.5">
</ul>
<p class="type--small mb-0">
<span class="type--small !leading-tight" x-text="Shopify.formatMoney(item.price, currency_symbol, true, 'amount_no_decimals', '100')">
$10.00
</span>
<span x-show="item.compare_at_price_max > item.price">
<s class="type--small !leading-tight" x-text="Shopify.formatMoney(item.compare_at_price_max, currency_symbol, true, 'amount_no_decimals', '100')">
$0.00
</s>
</span>
</p>
</div>
</a>
</template>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: 41112916590675,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="formContainer" @submit.prevent="
addCartItem($refs.formContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<input type="hidden" name="id" value="41112916590675">
<label class="sr-only" for="upsell_item_quantity_41112916590675">Quantity</label>
<input id="upsell_item_quantity_41112916590675" class="!hidden" type="text" name="quantity" value="1" min="1" max="" x-model="quantity">
<button type="submit" role="button" class="btn btn--plain btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: 909578338329,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="formContainer" @submit.prevent="
addCartItem($refs.formContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div>
<button type="button" role="button" class="btn btn--plain btn--small btn--load" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" @click="
button_loading = true;
fetchAndRenderQuickAdd('squire', 'upsell');
setTimeout(function(){ button_loading = false}, 500);">
<div class="btn__content">Add</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: 35638867020,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="formContainer" @submit.prevent="
addCartItem($refs.formContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div>
<button type="button" role="button" class="btn btn--plain btn--small btn--load" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" @click="
button_loading = true;
fetchAndRenderQuickAdd('confidant-hardcover-notebook', 'upsell');
setTimeout(function(){ button_loading = false}, 500);">
<div class="btn__content">Add</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: 19995350982,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="formContainer" @submit.prevent="
addCartItem($refs.formContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div>
<button type="button" role="button" class="btn btn--plain btn--small btn--load" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" @click="
button_loading = true;
fetchAndRenderQuickAdd('squirerefills', 'upsell');
setTimeout(function(){ button_loading = false}, 500);">
<div class="btn__content">Add</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: 20646812230,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="formContainer" @submit.prevent="
addCartItem($refs.formContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div>
<button type="button" role="button" class="btn btn--plain btn--small btn--load" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" @click="
button_loading = true;
fetchAndRenderQuickAdd('vanguard-softcover-notebook', 'upsell');
setTimeout(function(){ button_loading = false}, 500);">
<div class="btn__content">Add</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
</form>
POST /en-de/cart
<form class="w-full px-4 py-4" action="/en-de/cart" method="post" x-data="{checkout_button_loading:false}"
@submit.prevent="checkout_button_loading = true; if(enable_audio) { playSound(click_audio) } ;setTimeout(function(){ checkout_button_loading = false}, 5000); window.location.href = '/checkout';">
<p class="mb-0">
<button type="submit" name="checkout" class="!w-full btn btn--load btn cart-drawer-checkout" :class="{ 'btn--loading' : checkout_button_loading }" :disabled="checkout_button_loading">
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
<div class="btn__content"> Checkout · <span class="ml-1" x-text="Shopify.formatMoney(cart.total_price, currency_symbol, true, 'amount_no_decimals', '100')">$0</span>
</div>
</button>
<a href="/en-de/cart" @click.prevent="cart_drawer = false;" class="!w-full mt-2 btn btn--secondary btn--load block">
Continue shopping
</a>
</p>
</form>
POST /en-de/cart/add
<form method="post" action="/en-de/cart/add" id="product_form_114418843673" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-productid="114418843673" x-ref="productForm"
x-on:submit.prevent="addCartItem($refs.productForm)" x-on:keydown.enter.prevent=""><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<!-- snippets/product__title.liquid -->
<div class="px-4 color__border-divider-1
color__bg-body color__text
" style="
padding-top:10px;
padding-bottom:10px;">
<h1 class="type__heading type__heading--bold-3 mb-0.5"> Strategist Index Cards </h1>
<ul class="flex flex-wrap items-center gap-x-1 gap-y-0.5 p-0 opacity-75 mb-0.5">
</ul>
</div>
<div class="
px-4 color__border-divider-1
color__bg-body color__text
border--b-width
" style="
padding-top:0px;
padding-bottom:10px;
">
<div class="relative flex items-end justify-between">
<!-- snippets/product__price.liquid -->
<div><span class="flex items-center">
<span class="!leading-tight js-price-total" :data-variant-price="defaultVariantPrice" :class="{
'color__success' : defaultVariantComparePrice > defaultVariantPrice
}" x-text="Shopify.formatMoney(defaultVariantPrice, currency_symbol, true, 'amount_no_decimals', '100')" x-show="defaultVariantPrice > 0" data-variant-price="1000">$10</span>
<span class="!leading-tight" x-show="defaultVariantPrice == 0" x-text="Shopify.formatMoney(1000, currency_symbol, true, 'amount_no_decimals', '100')" style="display: none;">$10</span>
<span class="!leading-tight js-price-compare" x-show="sellingGroupId == false && defaultVariantPrice > 0">
</span>
<span class="!leading-tight js-price-compare" x-show="sellingGroupId != false && defaultVariantPrice > 0" style="display: none;">
<s class="ml-2 !leading-tight" x-text="Shopify.formatMoney(defaultVariantComparePrice, currency_symbol, true, 'amount_no_decimals', '100')" x-show="defaultVariantComparePrice > defaultVariantPrice" style="display: none;">$0</s>
</span>
<s class="js-price-origin ml-1 !leading-tight hidden" :data-variant-price="defaultVariantPrice" data-variant-price="1000"> $10.00 </s>
</span><span class="type--small flex" x-show="defaultVariantUnitPrice > 0" style="display: none;">
<span x-text="Shopify.formatMoney(defaultVariantUnitPrice, currency_symbol, true, 'amount_no_decimals', '100')">$0</span>
<span>/</span>
<span x-text="defaultVariantUnitLabel"></span>
</span>
<div class="mt-1" x-show="sellingGroupId != 0 && defaultHasSellingPlan" style="display: none;">
<!-- snippets/component__badge.liquid -->
<div class="color__bg-overlay-1 color__overlay-1 border__button--radius inline-flex items-center px-2 py-1
">
<span class="type--smaller type__nav flex items-center gap-1"> Subscription <span x-text="defaultSavingsHighlight"></span>
</span>
</div>
</div>
</div>
</div>
<div class="type--small mt-1">
<shopify-payment-terms variant-id="32000718241875"
shopify-meta="{"type":"product","variants":[{"id":32000718241875,"price_per_term":"$2.50","full_price":"$10.00","eligible":false,"available":true},{"id":1047391371289,"price_per_term":"$2.50","full_price":"$10.00","eligible":false,"available":false}],"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":245581}"></shopify-payment-terms>
</div>
</div>
<div class="w-full px-4 mt-4">
<div id="shopify-block-e67e5837-9931-43d9-a17b-4d29926c0da6" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: junip-product-summary -->
<span class="junip-product-summary junip-product-summary-clickable junip-product-summary-rendered" data-product-id="114418843673" data-product-rating-count="43" data-product-rating-average="4.790697674418604" data-initialized="true">
<div class="junip-product-summary-stars-wrapper">
<div class="junip-product-summary-star-ratings-container" tabindex="0" role="button" aria-label="4.79 stars, 43 reviews">
<div class="junip-stars-container">
<div class="junip-stars-outline">
<div class="junip-product-summary-star junip-star-outline">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Outline Star</title>
<use href="#junipOutlineStar"></use>
</svg>
</div>
<div class="junip-product-summary-star junip-star-outline">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Outline Star</title>
<use href="#junipOutlineStar"></use>
</svg>
</div>
<div class="junip-product-summary-star junip-star-outline">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Outline Star</title>
<use href="#junipOutlineStar"></use>
</svg>
</div>
<div class="junip-product-summary-star junip-star-outline">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Outline Star</title>
<use href="#junipOutlineStar"></use>
</svg>
</div>
<div class="junip-product-summary-star junip-star-outline">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Outline Star</title>
<use href="#junipOutlineStar"></use>
</svg>
</div>
</div>
<div class="junip-stars-filled" style="width: 95.81395348837208%">
<div class="junip-product-summary-star junip-star-filled">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Filled Star</title>
<use href="#junipFilledStar"></use>
</svg>
</div>
<div class="junip-product-summary-star junip-star-filled">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Filled Star</title>
<use href="#junipFilledStar"></use>
</svg>
</div>
<div class="junip-product-summary-star junip-star-filled">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Filled Star</title>
<use href="#junipFilledStar"></use>
</svg>
</div>
<div class="junip-product-summary-star junip-star-filled">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Filled Star</title>
<use href="#junipFilledStar"></use>
</svg>
</div>
<div class="junip-product-summary-star junip-star-filled">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Filled Star</title>
<use href="#junipFilledStar"></use>
</svg>
</div>
</div>
</div>
<div class="junip-product-summary-review-count"> (43) </div>
</div>
</div>
</span>
<!-- END app snippet -->
</div>
</div>
<div class="
options color__border-divider-1
color__bg-body color__text
" style="
padding-top:20px;
padding-bottom:0px;
">
<!-- snippets/product__options.liquid -->
<div class="
flex flex-wrap px-4 no-js--hide
">
<p class="type--small mb-2" x-show="choosing && buttonDisabled" style="display: none;"> Select an option to add this to your cart </p>
<div class="w-full">
<div class="flex justify-between mb-2">
<label class="type--smaller flex opacity-75" for="114418843673-papertype"> Paper type <span x-model="papertype" class="ml-1 inline" :class="
{
'inline' : papertype == `to-do`,
'hidden' : papertype != `to-do`,
}
">: To-Do</span>
<span x-model="papertype" class="ml-1 hidden" :class="
{
'inline' : papertype == `dotgrid`,
'hidden' : papertype != `dotgrid`,
}
">: Dot Grid</span>
</label>
</div>
<select id="114418843673-papertype" name="select-option-1" class="mb-0" :class="{ '!border-rose-500': choosing }" @change="handleForm()" x-model="papertype">
<option disabled="" selected="" value="">Choose an option</option>
<option value="to-do"> To-Do </option>
<option value="dotgrid"> Dot Grid </option>
</select>
</div>
<select class="hidden" name="handle" x-model="variantHandle">
<option value="to-do" data-id="32000718241875" selected=""> to-do </option>
<option value="dot-grid" data-id="1047391371289"> dot-grid </option>
</select>
</div>
<div class="
flex flex-wrap px-4 hidden no-js--block
">
<div class="w-full">
<label class="type--smaller flex mb-1 opacity-75" for="Variants-template--15122365153363__1638995507af787164"> Sold Out </label>
<select id="Variants-template--15122365153363__1638995507af787164" class="w-full" name="id" data-productid="114418843673" x-model="defaultVariantId">
<option value="32000718241875" selected="selected"> To-Do - $10.00 </option>
<option value="1047391371289" disabled=""> Dot Grid - Sold Out - $10.00 </option>
</select>
</div>
</div>
</div>
<div class="
color__border-divider-1
color__bg-body color__text
" style="
padding-top:10px;
padding-bottom:30px;
">
<!-- snippets/product__add.liquid -->
<div class="px-4">
<div class="mb-4">
<label class="type--smaller flex mb-1 opacity-75" for="114418843673-quantity"> Quantity </label>
<div class="color__text color__border-divider-2 color__bg-overlay-1 border--width hover:color__border-selected-1 border__input--radius relative flex w-full overflow-hidden" x-data="{
button_loading: false
}">
<button class="btn btn--smaller btn--plain shrink-0 !rounded-none" title="Decrease quantity" type="button" :disabled="button_loading" @click="
quantity=Math.max(1, quantity-1);
handleForm();
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus">
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
</span>
</button>
<input id="114418843673-quantity" class="form-input !border-0 text-center !rounded-none js-product-quantity-input" type="text" name="quantity" value="1" placeholder="1" min="1" x-model="quantity" @change.debounce="
button_loading = true;
handleForm();
setTimeout(function(){ button_loading = false;}, 500);">
<div class="btn__spinner btn--smaller !w-auto" :class="{ '!visible color__bg-overlay-1 z-10' : button_loading }">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
<button class="btn btn--smaller btn--plain shrink-0 !rounded-none" title="Increase quantity" type="button" :disabled="button_loading" @click="
quantity+=1;
handleForm();
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus">
<line x1="12" y1="5" x2="12" y2="19"></line>
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
</span>
</button>
</div>
</div>
<div class="flex-grow">
<button class="btn btn--load !w-full btn--plain" :class="{ 'btn--loading' : cart_loading && button_loading }" type="button" role="button" :disabled="button_loading" @click="choosing = true"
x-show="buttonDisabled && defaultAvailable && true == true " style="display: none;">
<div class="btn__content"> Choose options </div>
</button>
<button class="btn btn--load !w-full btn--plain" :class="{ 'btn--loading' : cart_loading && button_loading }" type="button" role="button" :disabled="button_loading" x-show="!defaultAvailable && defaultVariantExists"
style="display: none;">
<div class="btn__content"> Sold Out </div>
</button>
<button class="btn btn--load !w-full btn--plain" :class="{ 'btn--loading' : cart_loading && button_loading }" type="button" role="button" :disabled="button_loading" x-show="!defaultVariantExists && allOptionsSelected"
style="display: none;">
<div class="btn__content"> Unavailable </div>
</button>
<button class="btn btn--load !w-full" type="submit" role="button" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading || incomplete_fields"
x-show="!buttonDisabled && defaultVariantExists && defaultAvailable">
<div class="btn__content"> Add to Cart · <span class="ml-1 " x-text="Shopify.formatMoney(calculatedPrice, currency_symbol, true, 'amount_no_decimals', '100')" x-show="calculatedPrice > 0">$10</span>
</div>
<div class="btn__spinner btn--smaller !w-auto" :class="{ '!visible color__bg-overlay-1 z-10' : button_loading }">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
</div>
<div class="w-full px-4 mt-4">
<button id="BIS_trigger" type="button" class="btn btn--load !w-full" aria-label="Notify me when available" style="display: none;">Notify me when available</button>
<div class="type--small m-0--clear color__bg-overlay-1 border--radius p-2 text-center">
<p>Free US Shipping on orders $65+</p>
</div>
</div>
</div>
<div style="
padding-top:0px;
padding-bottom:0px;
">
<!-- snippets/product__description.liquid -->
<!-- snippets/component__accordion.liquid -->
<div class="
px-4 color__border-divider-1 border--b-width color__bg-body color__text
" x-data="{
accordion: true
}">
<button type="button" class="flex items-center justify-between w-full py-4 btn-accordion " @click="
accordion = ! accordion
">
<div class="flex items-center">
<span class="type__body--bold text-left"> Description </span>
</div>
<div x-show=" !accordion " style="display: none;">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</span>
</div>
<div x-show=" accordion ">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</span>
</div>
</button>
<div class="accordion-content mb-4" x-show=" accordion " x-transition:enter="animation-100" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="animation-100" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"> Make lists, plan your next book, study for a test, design an app—you get the idea. Endless potential. </div>
</div>
</div>
<!-- snippets/product__accordion.liquid -->
<!-- snippets/component__accordion.liquid -->
<div class="
px-4 color__border-divider-1 border--b-width color__bg-body color__text
" x-data="{
accordion: false
}">
<button type="button" class="flex items-center justify-between w-full py-4 btn-accordion " @click="
accordion = ! accordion
">
<div class="flex items-center">
<span class="type__body--bold text-left"> Specs </span>
</div>
<div x-show=" !accordion ">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</span>
</div>
<div x-show=" accordion " style="display: none;">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</span>
</div>
</button>
<div class="accordion-content mb-4" x-show=" accordion " x-transition:enter="animation-100" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="animation-100" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" style="display: none;">
<p><span class="metafield-multi_line_text_field">• Dot Grid index cards (blank back) x 100<br> • To-Do index cards (dot grid back) x 100<br> • Details: 3" x 5" • Card-stock quality<br> • Rounded corners</span></p>
</div>
</div>
<!-- snippets/product__accordion.liquid -->
<!-- snippets/component__accordion.liquid -->
<div class="
px-4 color__border-divider-1 border--b-width color__bg-body color__text
" x-data="{
accordion: false
}">
<button type="button" class="flex items-center justify-between w-full py-4 btn-accordion " @click="
accordion = ! accordion
">
<div class="flex items-center">
<span class="type__body--bold text-left"> Shipping & Returns </span>
</div>
<div x-show=" !accordion ">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</span>
</div>
<div x-show=" accordion " style="display: none;">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</span>
</div>
</button>
<div class="accordion-content mb-4" x-show=" accordion " x-transition:enter="animation-100" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="animation-100" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" style="display: none;">
<p>Free US shipping on orders $65+ and free 30 day returns.</p>
</div>
</div>
<!-- snippets/product__accordion.liquid -->
<!-- snippets/component__accordion.liquid -->
<div class="
px-4 color__border-divider-1 border--b-width color__bg-body color__text
" x-data="{
accordion: false
}">
<button type="button" class="flex items-center justify-between w-full py-4 btn-accordion " @click="
accordion = ! accordion
">
<div class="flex items-center">
<span class="type__body--bold text-left"> Want to buy 10+ or customize? </span>
</div>
<div x-show=" !accordion ">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</span>
</div>
<div x-show=" accordion " style="display: none;">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</span>
</div>
</button>
<div class="accordion-content mb-4" x-show=" accordion " x-transition:enter="animation-100" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="animation-100" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" style="display: none;">
<p><strong>For 10+ units:</strong> Visit <a href="/en-de/pages/bulk" title="Bulk">Bulk orders »</a></p>
<p><strong>For customization: </strong>Minimum 25+ units. Visit <a href="/en-de/pages/branded" title="Branded">Branded orders »</a></p>
<p><a href="/en-de/pages/forbusiness" title="Baronfig for Business">Learn more about Baronfig for Business »</a></p>
</div>
</div>
<!-- snippets/product__stickyadd.liquid -->
<div class="fixed left-0 bottom-0 w-full border--t-width py-4 color__border-divider-1
color__bg-body color__text" x-show="stickyadd" x-transition:enter="animation-300" x-transition:enter-start="opacity-0 translate-y-8" x-transition:enter-end="opacity-100" x-transition:leave="animation-300" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0 translate-y-8" style="display: none;">
<div class="window--wide">
<div class="flex flex-row flex-wrap items-center justify-between gap-4">
<div class="md:w-1/2 md:block hidden w-full">
<h5 class="type__heading type--base mb-0">
<strong>Strategist Index Cards</strong>
<strong x-show="!buttonDisabled && variantTitle != 'Default Title'" x-text="'·' + ' ' + variantTitle">· To-Do</strong>
</h5>
<div class="type--small m-0--clear mt-2">
<p>Free US Shipping on orders $50+</p>
</div>
</div>
<div class="md:w-auto w-full">
<button class="btn btn--load !w-full btn--secondary" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading" type="button" role="button"
@click="choosing = true; document.querySelector('.options').scrollIntoView();" x-show="buttonDisabled && defaultAvailable" style="display: none;">
<div class="btn__content"> Choose options </div>
</button>
<button class="btn btn--load !w-full btn--secondary" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading" type="button" role="button" x-show="!defaultAvailable" style="display: none;">
<div class="btn__content"> Sold Out </div>
</button>
<button class="btn btn--load !w-full" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading" role="button" @click.prevent="
addCartItem($refs.productForm);
button_loading = true;
option_popup = false;
setTimeout(function(){ button_loading = false}, 500);" x-show="!buttonDisabled && defaultAvailable">
<div class="btn__content"> Add to Cart · <span class="ml-1" x-text="Shopify.formatMoney(calculatedPrice, currency_symbol, true, 'amount_no_decimals', '100')">$10</span>
</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
</div>
</div>
</div>
<div class="md:hidden">
</div>
<input type="hidden" name="product-id" value="114418843673"><input type="hidden" name="section-id" value="template--15122365153363__1638995507af787164">
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="31145053580">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-9012659532-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-9012659532-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="31145053580">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-9012659532-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-9012659532-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden" value="40077999407187">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-6802795528275-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-6802795528275-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" style="display: none;">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden" value="40077999407187">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-6802795528275-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-6802795528275-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" style="display: none;">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden" value="41032510931027">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-53705441305-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-53705441305-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" style="display: none;">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden" value="41032510931027">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-53705441305-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-53705441305-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" style="display: none;">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="12894598561875">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-1392187506771-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-1392187506771-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="12894598561875">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-1392187506771-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-1392187506771-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="1599153963033">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-207317467161-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-207317467161-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="1599153963033">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-207317467161-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-207317467161-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="32236919095379">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-4687707799635-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-4687707799635-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="32236919095379">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-4687707799635-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-4687707799635-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="35638867020">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-310529399-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-310529399-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="35638867020">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-310529399-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-310529399-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="20646812230">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-6525043782-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-6525043782-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="20646812230">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-6525043782-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-6525043782-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden" value="41112895062099">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-7079310393427-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-7079310393427-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" style="display: none;">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden" value="41112895062099">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-7079310393427-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-7079310393427-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading" style="display: none;">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="39787205427283">
<label :for="'recommendations-' + item.id + '-quantity'" class="sr-only" for="recommendations-164207427609-quantity">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity" id="recommendations-164207427609-quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="recentFormContainer" @submit.prevent="
addCartItem($refs.recentFormContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'" style="display: none;">
<input name="id" :value="item.variants[0].id" type="hidden" value="39787205427283">
<label :for="'recommendations-' + item.id + '-quantity-m'" class="sr-only" for="recommendations-164207427609-quantity-m">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recommendations-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity" id="recommendations-164207427609-quantity-m">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id ,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="formContainer" @submit.prevent="
addCartItem($refs.formContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden">
<label :for="'recent-' + item.id + '-quantity'" class="sr-only">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recent-' + item.id + '-quantity'" value="1" min="1" max="" x-model="quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
defaultVariantId: item.variants[0].id,
defaultSellingPlanId: 0,
quantity: 1,
}" x-ref="formContainer" @submit.prevent="
addCartItem($refs.formContainer);
button_loading = true;
setTimeout(function(){ button_loading = false}, 500);
">
<div class="!w-full" x-show="item.variants[0].option1 == 'Default Title'">
<input name="id" :value="item.variants[0].id" type="hidden">
<label :for="'recent-' + item.id + '-quantity-m'" class="sr-only">Quantity</label>
<input class="!hidden" type="text" name="quantity" :id="'recent-' + item.id + '-quantity-m'" value="1" min="1" max="" x-model="quantity">
<button type="submit" role="button" class="!w-full btn btn--secondary btn--small btn--load" :class="{ 'btn--loading' : cart_loading && button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</div>
<button x-show="item.variants[0].option1 !== 'Default Title'" type="button" class="!w-full btn btn--small btn--load btn--secondary" @click="
button_loading = true;
fetchAndRenderQuickAdd(item.handle, 'recent');
setTimeout(function(){ button_loading = false}, 500);" :class="{ 'btn--loading' : button_loading }" :disabled="button_loading">
<div class="btn__content">Add to Cart</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader">
<line x1="12" y1="2" x2="12" y2="6"></line>
<line x1="12" y1="18" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="6" y2="12"></line>
<line x1="18" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
</svg>
</span>
</div>
</button>
</form>
POST /en-de/contact#contact_form
<form method="post" action="/en-de/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<h3 class="mb-2">Don't miss out on the latest.</h3>
<div class="m-0--clear mb-2">
<p>Stay updated and get 10% off your first order.</p>
</div>
<div class="flex w-full">
<label for="customer_email" class="sr-only">Email</label>
<input id="customer_email" class="form-input flex-grow -mr-8" name="contact[email]" type="email" placeholder="Enter your email" autocorrect="off" autocapitalize="off">
<button type="submit" class="btn btn--small btn whitespace-nowrap shrink-0">
<span class="btn__content">Subscribe</span>
</button>
</div>
<div class="m-0--clear type--smaller mt-2 opacity-75">
</div>
</form>
POST /en-de/localization
<form method="post" action="/en-de/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" 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="/en-de/products/strategist?variant=39787199529043">
<!-- snippets/component__accordion.liquid -->
<div class="border--b-width color__border-divider-1 px-4" x-data="{
accordion: false
}">
<button type="button" class="flex items-center justify-between w-full py-4 btn-accordion " @click="
accordion = ! accordion
">
<div class="flex items-center">
<span class="type__body--bold text-left"> Change Country <span class="type--small block text-left">Germany ($ USD)</span>
</span>
</div>
<div x-show=" !accordion ">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</span>
</div>
<div x-show=" accordion " style="display: none;">
<!-- snippets/component__icon.liquid -->
<span class="inline-flex align-middle " aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</span>
</div>
</button>
<div class="accordion-content " x-show=" accordion " x-transition:enter="animation-100" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="animation-100" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" style="display: none;">
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="AX">
<span class="type--small ml-2">Åland Islands (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="AL">
<span class="type--small ml-2">Albania (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="AD">
<span class="type--small ml-2">Andorra (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="AI">
<span class="type--small ml-2">Anguilla ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="AG">
<span class="type--small ml-2">Antigua & Barbuda ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="AR">
<span class="type--small ml-2">Argentina ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="AM">
<span class="type--small ml-2">Armenia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="AW">
<span class="type--small ml-2">Aruba ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_AUD">Country selection</label>
<input id="country_selection_AUD" class="form-radio" type="radio" value="AUD" data-value="AU">
<span class="type--small ml-2">Australia ($ AUD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="AT">
<span class="type--small ml-2">Austria (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BS">
<span class="type--small ml-2">Bahamas ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BH">
<span class="type--small ml-2">Bahrain ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BB">
<span class="type--small ml-2">Barbados ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="BY">
<span class="type--small ml-2">Belarus (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="BE">
<span class="type--small ml-2">Belgium (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BZ">
<span class="type--small ml-2">Belize ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BM">
<span class="type--small ml-2">Bermuda ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BO">
<span class="type--small ml-2">Bolivia ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="BA">
<span class="type--small ml-2">Bosnia & Herzegovina (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BR">
<span class="type--small ml-2">Brazil ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="VG">
<span class="type--small ml-2">British Virgin Islands ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BN">
<span class="type--small ml-2">Brunei ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="BG">
<span class="type--small ml-2">Bulgaria (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_CAD">Country selection</label>
<input id="country_selection_CAD" class="form-radio" type="radio" value="CAD" data-value="CA">
<span class="type--small ml-2">Canada ($ CAD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BQ">
<span class="type--small ml-2">Caribbean Netherlands ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="KY">
<span class="type--small ml-2">Cayman Islands ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="CL">
<span class="type--small ml-2">Chile ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="CX">
<span class="type--small ml-2">Christmas Island ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="CO">
<span class="type--small ml-2">Colombia ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="CR">
<span class="type--small ml-2">Costa Rica ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="HR">
<span class="type--small ml-2">Croatia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="CY">
<span class="type--small ml-2">Cyprus (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="CZ">
<span class="type--small ml-2">Czechia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="DK">
<span class="type--small ml-2">Denmark (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="DO">
<span class="type--small ml-2">Dominican Republic ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="EC">
<span class="type--small ml-2">Ecuador ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="EE">
<span class="type--small ml-2">Estonia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="FK">
<span class="type--small ml-2">Falkland Islands ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="FO">
<span class="type--small ml-2">Faroe Islands (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="FJ">
<span class="type--small ml-2">Fiji ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="FI">
<span class="type--small ml-2">Finland (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="FR">
<span class="type--small ml-2">France ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="GF">
<span class="type--small ml-2">French Guiana ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="TF">
<span class="type--small ml-2">French Southern Territories ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="GE">
<span class="type--small ml-2">Georgia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="DE" checked="">
<span class="type--small ml-2">Germany ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="GI">
<span class="type--small ml-2">Gibraltar (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="GR">
<span class="type--small ml-2">Greece (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="GL">
<span class="type--small ml-2">Greenland (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="GP">
<span class="type--small ml-2">Guadeloupe (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="GT">
<span class="type--small ml-2">Guatemala ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="GG">
<span class="type--small ml-2">Guernsey (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="GY">
<span class="type--small ml-2">Guyana ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="HM">
<span class="type--small ml-2">Heard & McDonald Islands ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="HK">
<span class="type--small ml-2">Hong Kong SAR ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="HU">
<span class="type--small ml-2">Hungary (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="IS">
<span class="type--small ml-2">Iceland (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="IN">
<span class="type--small ml-2">India ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="ID">
<span class="type--small ml-2">Indonesia ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="IE">
<span class="type--small ml-2">Ireland (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="IM">
<span class="type--small ml-2">Isle of Man (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="IL">
<span class="type--small ml-2">Israel ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="IT">
<span class="type--small ml-2">Italy (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="JM">
<span class="type--small ml-2">Jamaica ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="JP">
<span class="type--small ml-2">Japan ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="JE">
<span class="type--small ml-2">Jersey (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="XK">
<span class="type--small ml-2">Kosovo (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="KW">
<span class="type--small ml-2">Kuwait ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="LV">
<span class="type--small ml-2">Latvia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="LB">
<span class="type--small ml-2">Lebanon ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="LI">
<span class="type--small ml-2">Liechtenstein (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="LT">
<span class="type--small ml-2">Lithuania (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="LU">
<span class="type--small ml-2">Luxembourg (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="MO">
<span class="type--small ml-2">Macao SAR ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="MY">
<span class="type--small ml-2">Malaysia ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="MV">
<span class="type--small ml-2">Maldives ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="MT">
<span class="type--small ml-2">Malta (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="YT">
<span class="type--small ml-2">Mayotte (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="MX">
<span class="type--small ml-2">Mexico ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="MD">
<span class="type--small ml-2">Moldova (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="MC">
<span class="type--small ml-2">Monaco (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="ME">
<span class="type--small ml-2">Montenegro (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="MA">
<span class="type--small ml-2">Morocco ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="MM">
<span class="type--small ml-2">Myanmar (Burma) ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="NP">
<span class="type--small ml-2">Nepal ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="NL">
<span class="type--small ml-2">Netherlands ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="AN">
<span class="type--small ml-2">Netherlands Antilles ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="NZ">
<span class="type--small ml-2">New Zealand ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="MK">
<span class="type--small ml-2">North Macedonia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="NO">
<span class="type--small ml-2">Norway (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="PA">
<span class="type--small ml-2">Panama ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="PG">
<span class="type--small ml-2">Papua New Guinea ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="PY">
<span class="type--small ml-2">Paraguay ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="PE">
<span class="type--small ml-2">Peru ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="PH">
<span class="type--small ml-2">Philippines ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="PL">
<span class="type--small ml-2">Poland (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="PT">
<span class="type--small ml-2">Portugal (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="RE">
<span class="type--small ml-2">Réunion (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="RO">
<span class="type--small ml-2">Romania (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="SM">
<span class="type--small ml-2">San Marino (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="RS">
<span class="type--small ml-2">Serbia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="SG">
<span class="type--small ml-2">Singapore ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="SX">
<span class="type--small ml-2">Sint Maarten ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="SK">
<span class="type--small ml-2">Slovakia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="SI">
<span class="type--small ml-2">Slovenia (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="ZA">
<span class="type--small ml-2">South Africa ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="GS">
<span class="type--small ml-2">South Georgia & South Sandwich Islands ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="KR">
<span class="type--small ml-2">South Korea ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="ES">
<span class="type--small ml-2">Spain (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="LK">
<span class="type--small ml-2">Sri Lanka ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="BL">
<span class="type--small ml-2">St. Barthélemy ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="KN">
<span class="type--small ml-2">St. Kitts & Nevis ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="LC">
<span class="type--small ml-2">St. Lucia ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="MF">
<span class="type--small ml-2">St. Martin ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="PM">
<span class="type--small ml-2">St. Pierre & Miquelon ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="VC">
<span class="type--small ml-2">St. Vincent & Grenadines ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="SR">
<span class="type--small ml-2">Suriname ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="SJ">
<span class="type--small ml-2">Svalbard & Jan Mayen (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="SE">
<span class="type--small ml-2">Sweden (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="CH">
<span class="type--small ml-2">Switzerland (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="TW">
<span class="type--small ml-2">Taiwan ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="TH">
<span class="type--small ml-2">Thailand ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="TT">
<span class="type--small ml-2">Trinidad & Tobago ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="TR">
<span class="type--small ml-2">Türkiye (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="TC">
<span class="type--small ml-2">Turks & Caicos Islands ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="UA">
<span class="type--small ml-2">Ukraine (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="AE">
<span class="type--small ml-2">United Arab Emirates ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_GBP">Country selection</label>
<input id="country_selection_GBP" class="form-radio" type="radio" value="GBP" data-value="GB">
<span class="type--small ml-2">United Kingdom (£ GBP)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="US">
<span class="type--small ml-2">United States ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="UY">
<span class="type--small ml-2">Uruguay ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_EUR">Country selection</label>
<input id="country_selection_EUR" class="form-radio" type="radio" value="EUR" data-value="VA">
<span class="type--small ml-2">Vatican City (€ EUR)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="VE">
<span class="type--small ml-2">Venezuela ($ USD)</span>
</label>
<label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
<label class="sr-only" for="country_selection_USD">Country selection</label>
<input id="country_selection_USD" class="form-radio" type="radio" value="USD" data-value="VN">
<span class="type--small ml-2">Vietnam ($ USD)</span>
</label>
</div>
</div>
<input id="country_code" type="hidden" name="country_code" value="DE">
</form>
<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Vzv2KU" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 450px; min-width: 200px; max-width: 1000px; border-radius: 25px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 20px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 200px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 0 1 auto; margin: 0px auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
src="https://d3k81ch9hvuctc.cloudfront.net/company/JCJSyf/images/fb61c9ec-1752-4f6e-8e17-6b9966376459.png" tabindex="-1" alt="Newsletter signup" class="needsclick kl-private-reset-css-Xuajs1"
style="max-width: 100%; width: 400px; height: auto; cursor: initial;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-59814257" style="width: 100%;">
<p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
style="font-size: 32px; font-family: Calibre, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold;">15% off Your First Order</span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 6px 6px 10px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-59814258" style="width: 100%;">
<div style="text-align: center;"><span style="color: #5c5c5c; font-size: 18px; font-family: Calibre, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">Sign up for our newsletter</span></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 4px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_59814259" class="needsclick go3104410168 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="Enter Your Email" aria-label="Enter Your Email" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 10px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Calibre, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 0px 0px 5px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;"><button
class="needsclick go3938254384 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(0, 0, 0); border-radius: 10px; border-style: none; border-color: rgb(0, 0, 0); border-width: 2px; color: rgb(255, 255, 255); font-family: Calibre, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 50px; width: 100%;">Continue</button>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-59814261" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
style="color: #9e9e9e; font-family: Calibre, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; font-size: 10px;">For orders $25 or more. By entering your email, you agree to
our<a href="https://www.baronfig.com/pages/terms-and-polic" style="color: #9e9e9e;">Terms & Policy</a></span></p>
</div>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>
Text Content
%0A%3Clink%20rel=%22preconnect%20dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fapi.config-security.com%252F%22%20crossorigin=%22%22%3E%0A%3Clink%20rel=%22preconnect%20dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fconf.config-security.com%252F%22%20crossorigin=%22%22%3E%0A%3Clink%20rel=%22preconnect%20dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fwhale.camera%252F%22%20crossorigin=%22%22%3E%0A%0A%20%20%20%20%0A%20%20%20%20%3C!--%20heatmap.com%20snippet%20--%3E%0A%0A%3C!--%20End%20heatmap.com%20snippet%20Code%20--%3E%0A%20%20%20%20%0A%3Clink%20rel=%22preconnect%20dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Ftriplewhale-pixel.web.app%252F%22%20crossorigin=%22%22%3E%0A%20%20%20%20%0A%0A%20%20%0A%0A%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%3Clink%20rel=%22preconnect%20dns-prefetch%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Ftriplewhale-pixel.web.app%252F%22%20crossorigin=%22%22%3E%0A%20%20%20%20%0A%0A%20%20%20%20%3C!--%20snippets/theme__meta.liquid%20--%3E%0A%0A%0A%0A%3Ctitle%3EStrategist%20Index%20Cards%0A%20%C2%B7%20Baronfig%3C/title%3E%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-de%252Fproducts%252Fstrategist%22%20rel=%22canonical%22%3E%0A%0A%20%20%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fcdn%252Fshop%252Ffiles%252Fbaronfig_favicon_538e166d-1160-406e-a039-286585dd5d09.png%253Fcrop%253Dcenter%2526height%253D180%2526v%253D1663631322%2526width%253D180%22%20rel=%22apple-touch-icon%22%20sizes=%22180x180%22%3E%0A%20%20%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fcdn%252Fshop%252Ffiles%252Fbaronfig_favicon_538e166d-1160-406e-a039-286585dd5d09.png%253Fcrop%253Dcenter%2526height%253D32%2526v%253D1663631322%2526width%253D32%22%20rel=%22icon%22%20type=%22image/png%22%20sizes=%2232x32%22%3E%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%20%20%0A%20%20%0A%20%20%0A%20%20%0A%0A%0A%0A%0A%0A%20%20%20%20%3Clink%20rel=%22preconnect%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.shopify.com%252F%22%20crossorigin=%22%22%3E%3Clink%20rel=%22preconnect%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Ffonts.shopifycdn.com%252F%22%20crossorigin=%22%22%3E%3Clink%20rel=%22preload%22%20as=%22font%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fcdn%252Ffonts%252Finter%252Finter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2%253Fh1%253DY2hlY2tvdXQuYmFyb25maWcuY29t%2526h2%253DYmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ%2526h3%253DYmFyb25maWcuY29t%2526h4%253DYWNjb3VudC5iYXJvbmZpZy5jb20%2526hmac%253D77f40d3430d98c18f0a81b9c9957b98693d3722e24bfb7b9622d749133dbf2c2%22%20type=%22font/woff2%22%20crossorigin=%22%22%3E%3Clink%20rel=%22preload%22%20as=%22font%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fcdn%252Ffonts%252Finter%252Finter_n7.50ef4139896edec0637fde057914fbf7e3a8d56e.woff2%253Fh1%253DY2hlY2tvdXQuYmFyb25maWcuY29t%2526h2%253DYmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ%2526h3%253DYmFyb25maWcuY29t%2526h4%253DYWNjb3VudC5iYXJvbmZpZy5jb20%2526hmac%253Dab51e931c1b434f42d368ce5079f274982a3f326dfbe474e6d2ce6e6638d341e%22%20type=%22font/woff2%22%20crossorigin=%22%22%3E%3Clink%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdnjs.cloudflare.com%252Fajax%252Flibs%252Ffont-awesome%252F6.4.0%252Fcss%252Fall.min.css%22%3E%0A%20%20%20%20%3C!--%20snippets/theme__structured-data.liquid%20--%3E%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%20%20%0A%20%20%0A%20%20%0A%20%20%0A%20%20%0A%20%20%0A%20%20%0A%0A%0A%0A%20%20%20%20%3C!--%20snippets/theme__styles.liquid%20--%3E%0A%0A%0A%3Cnoscript%3E<style>%0A%20%20.js%5C:animation.opacity-0%20%7B%0A%20%20%20%20opacity:%20100%20!important;%0A%20%20%7D%0A%20%20.js%5C:animation.translate-y-4,%0A%20%20.js%5C:animation.translate-y-8%20%7B%0A%20%20%20%20transform:%20translateY(0px)%20!important;%0A%20%20%7D%0A%20%20.no-js--hide%20%7B%0A%20%20%20%20display:%20none%20!important;%0A%20%20%7D%0A%20%20.no-js--block%20%7B%0A%20%20%20%20display:%20block%20!important;%0A%20%20%7D%0A</style>%3C/noscript%3E%0A%0A%3Cstyle%20data-shopify=%22%22%3E%0A%0A%20%20@font-face%20%7B%0A%20%20font-family:%20Inter;%0A%20%20font-weight:%20400;%0A%20%20font-style:%20normal;%0A%20%20font-display:%20swap;%0A%20%20src:%20url(%22//baronfig.com/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=Y2hlY2tvdXQuYmFyb25maWcuY29t&h2=YmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=YmFyb25maWcuY29t&h4=YWNjb3VudC5iYXJvbmZpZy5jb20&hmac=77f40d3430d98c18f0a81b9c9957b98693d3722e24bfb7b9622d749133dbf2c2%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//baronfig.com/cdn/fonts/inter/inter_n4.5a356a4c1877691cd26008ee4a5c7ada675c80ce.woff?h1=Y2hlY2tvdXQuYmFyb25maWcuY29t&h2=YmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=YmFyb25maWcuY29t&h4=YWNjb3VudC5iYXJvbmZpZy5jb20&hmac=fcfbcd8fe0f15dae0b508a35fceeac09a71025b2b1bdb27015d2a32e814da68f%22)%20format(%22woff%22);%0A%7D%0A%0A%20%20@font-face%20%7B%0A%20%20font-family:%20Inter;%0A%20%20font-weight:%20700;%0A%20%20font-style:%20normal;%0A%20%20font-display:%20swap;%0A%20%20src:%20url(%22//baronfig.com/cdn/fonts/inter/inter_n7.50ef4139896edec0637fde057914fbf7e3a8d56e.woff2?h1=Y2hlY2tvdXQuYmFyb25maWcuY29t&h2=YmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=YmFyb25maWcuY29t&h4=YWNjb3VudC5iYXJvbmZpZy5jb20&hmac=ab51e931c1b434f42d368ce5079f274982a3f326dfbe474e6d2ce6e6638d341e%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//baronfig.com/cdn/fonts/inter/inter_n7.194c3d3f64efd8e4c82bbbe83dc84f5893fd9087.woff?h1=Y2hlY2tvdXQuYmFyb25maWcuY29t&h2=YmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=YmFyb25maWcuY29t&h4=YWNjb3VudC5iYXJvbmZpZy5jb20&hmac=4b2cacc53eab3b196a019d0eb180c0a9ecc65e585a3e52a1d29397952f81231d%22)%20format(%22woff%22);%0A%7D%0A%0A%20%20%0A%20%20%0A%20%20@font-face%20%7B%0A%20%20font-family:%20Inter;%0A%20%20font-weight:%20700;%0A%20%20font-style:%20normal;%0A%20%20font-display:%20swap;%0A%20%20src:%20url(%22//baronfig.com/cdn/fonts/inter/inter_n7.50ef4139896edec0637fde057914fbf7e3a8d56e.woff2?h1=Y2hlY2tvdXQuYmFyb25maWcuY29t&h2=YmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=YmFyb25maWcuY29t&h4=YWNjb3VudC5iYXJvbmZpZy5jb20&hmac=ab51e931c1b434f42d368ce5079f274982a3f326dfbe474e6d2ce6e6638d341e%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//baronfig.com/cdn/fonts/inter/inter_n7.194c3d3f64efd8e4c82bbbe83dc84f5893fd9087.woff?h1=Y2hlY2tvdXQuYmFyb25maWcuY29t&h2=YmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=YmFyb25maWcuY29t&h4=YWNjb3VudC5iYXJvbmZpZy5jb20&hmac=4b2cacc53eab3b196a019d0eb180c0a9ecc65e585a3e52a1d29397952f81231d%22)%20format(%22woff%22);%0A%7D%0A%0A%20%20@font-face%20%7B%0A%20%20font-family:%20Inter;%0A%20%20font-weight:%20400;%0A%20%20font-style:%20normal;%0A%20%20font-display:%20swap;%0A%20%20src:%20url(%22//baronfig.com/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=Y2hlY2tvdXQuYmFyb25maWcuY29t&h2=YmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=YmFyb25maWcuY29t&h4=YWNjb3VudC5iYXJvbmZpZy5jb20&hmac=77f40d3430d98c18f0a81b9c9957b98693d3722e24bfb7b9622d749133dbf2c2%22)%20format(%22woff2%22),%0A%20%20%20%20%20%20%20url(%22//baronfig.com/cdn/fonts/inter/inter_n4.5a356a4c1877691cd26008ee4a5c7ada675c80ce.woff?h1=Y2hlY2tvdXQuYmFyb25maWcuY29t&h2=YmFyb24tZmlnLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h3=YmFyb25maWcuY29t&h4=YWNjb3VudC5iYXJvbmZpZy5jb20&hmac=fcfbcd8fe0f15dae0b508a35fceeac09a71025b2b1bdb27015d2a32e814da68f%22)%20format(%22woff%22);%0A%7D%0A%0A%0A%20%20:root%20%7B%0A%20%20%20%20--color__bg-body-light:%20#ffffff;%0A%20%20%20%20--color__bg-overlay-light-1:%20#f0f0f0;%0A%20%20%20%20--color__bg-overlay-light-2:%20#e0e0e0;%0A%20%20%20%20--color__bg-overlay-light-3:%20#c2c2c2;%0A%0A%20%20%20%20--color__text-light:%20#0e0e0e;%0A%20%20%20%20--color__link-light:%20#0e0e0e;%0A%0A%20%20%20%20--color__text-dark:%20#fdfdfd;%0A%0A%20%20%20%20--color__border-divider-light-1:%20#cccccc;%0A%20%20%20%20--color__border-divider-light-2:%20#a6a6a6;%0A%20%20%20%20--color__border-divider-light-3:%20#808080;%0A%20%20%20%20--color__border-selected-light-1:%20#595959;%0A%20%20%20%20--color__border-selected-light-2:%20#333333;%0A%0A%20%20%20%20--color-primary-button-background-light:%20#0e0e0e;%0A%20%20%20%20--color-primary-button-border-light:%20#0e0e0e;%0A%20%20%20%20--color-primary-button-text-light:%20#ffffff;%0A%0A%20%20%20%20--color-secondary-button-background-light:%20#ffd96b;%0A%20%20%20%20--color-secondary-button-border-light:%20#ffd96b;%0A%20%20%20%20--color-secondary-button-text-light:%20#0e0e0e;%0A%0A%20%20%20%20--color-tertiary-button-background-light:%20#d0e5e1;%0A%20%20%20%20--color-tertiary-button-border-light:%20#d0e5e1;%0A%20%20%20%20--color-tertiary-button-text-light:%20#0e0e0e;%0A%0A%20%20%20%20--color-neutral-button-background-light:%20#d5d5d5;%0A%20%20%20%20--color-neutral-button-border-light:%20#d5d5d5;%0A%20%20%20%20--color-neutral-button-text-light:%20#0e0e0e;%0A%0A%20%20%20%20--color-plain-button-background-light:%20#f0f0f0;%0A%20%20%20%20--color-plain-button-border-light:%20#f0f0f0;%0A%20%20%20%20--color-plain-button-text-light:%20#0e0e0e;%0A%0A%20%20%20%20--sizes-border-button-radius:%2050px;%0A%20%20%20%20--sizes-border-input-radius:%2050px;%0A%20%20%20%20--sizes-border-element-radius:%2010px;%0A%20%20%20%20--sizes-border-width:%201px;%0A%20%20%20%20--sizes-gap-width:%2020px;%0A%0A%20%20%20%20--type-font-body-family:%20Inter,%20sans-serif;%0A%20%20%20%20--type-font-body-style:%20normal;%0A%20%20%20%20--type-font-body-weight:%20400;%0A%20%20%20%20--type-font-header-family:%20Inter,%20sans-serif;%0A%20%20%20%20--type-font-header-style:%20normal;%0A%20%20%20%20--type-font-header-weight:%20700;%0A%20%20%20%20--type-font-nav-family:%20Inter,%20sans-serif;%0A%20%20%20%20--type-font-nav-style:%20normal;%0A%20%20%20%20--type-font-nav-weight:%20400;%0A%20%20%20%20--type-font-base-size:%2016px;%0A%20%20%20%20--type-button-capiliziation:%20;%0A%20%20%7D%0A%3C/style%3E%0A%0A%20%20%20%20%0A%0A%0A%20%20%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fcdn%252Fshop%252Ft%252F183%252Fassets%252Fstyles-a1775376.css%253Fv%253D171431560665108664991704724596%22%20rel=%22stylesheet%22%20type=%22text/css%22%20media=%22all%22%3E%0A%0A%0A%0A%20%20%20%20%0A%0A%0A%0A%0A%3Clink%20rel=%22alternate%22%20hreflang=%22x-default%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-CA%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-ca%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-GB%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-gb%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-AX%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-AL%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-AD%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-AM%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-AT%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-BY%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-BE%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-BA%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-BG%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-HR%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-CY%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-CZ%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-DK%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-EE%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-FO%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-FI%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-GE%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-GI%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-GR%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-GL%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-GP%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-GG%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-HU%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-IS%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-IE%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-IM%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-IT%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-JE%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-XK%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-LV%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-LI%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-LT%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-LU%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-MK%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-MT%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-YT%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-MD%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-MC%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-ME%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-NO%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-PL%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-PT%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-RE%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-RO%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-SM%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-RS%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-SK%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-SI%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-ES%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-SJ%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-SE%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-CH%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-TR%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-UA%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-VA%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-eu%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-NZ%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-nz%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-AU%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-au%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-SG%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-sg%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-DE%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-de%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-NL%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-nl%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-FR%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-fr%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-JP%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-jp%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20hreflang=%22en-US%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fproducts%252Fstrategist%22%3E%0A%3Clink%20rel=%22alternate%22%20type=%22application/json+oembed%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-de%252Fproducts%252Fstrategist.oembed%22%3E%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%3Cstyle%20id=%22shopify-dynamic-checkout-cart%22%3E@media%20screen%20and%20(min-width:%20750px)%20%7B%0A%20%20#dynamic-checkout-cart%20%7B%0A%20%20%20%20min-height:%2050px;%0A%20%20%7D%0A%7D%0A%0A@media%20screen%20and%20(max-width:%20750px)%20%7B%0A%20%20#dynamic-checkout-cart%20%7B%0A%20%20%20%20min-height:%20240px;%0A%20%20%7D%0A%7D%0A%3C/style%3E%0A%0A%20%20%20%20%0A%20%20%20%20%3C!--%20Intelligems%20snippet1%20--%3E%0A%20%20%20%20%20%20%20%0A%0A%20%20%20%20%3C!--%20Intelligems%20snippet1%20--%3E%0A%0A%20%20%20%20%0A%20%20%20%20%3C!--%20Intelligems%20snippet%20--%3E%0A%20%20%20%20%3Cstyle%3E.ig-hidden%20%7B%0A%20%20display:%20none%20!important;%0A%7D%0A%0A.ig-find-replace%20%7B%0A%20%20border:%203px%20dashed%20#2caf2c%20!important;%0A%20%20border-radius:%204px%20!important;%0A%7D%0A%0A.ig-find-replace-builder%20%7B%0A%20%20border:%203px%20dashed%20#2caf2c%20!important;%0A%20%20border-radius:%204px%20!important;%0A%7D%0A%0A.ig-find-replace-builder:hover%20%7B%0A%20%20border:%203px%20dashed%20#2962ff%20!important;%0A%20%20border-radius:%204px%20!important;%0A%20%20cursor:%20pointer;%0A%7D%0A%0A.ig-price-element%20%7B%0A%20%20background-color:%20#b8d3ff%20!important;%0A%7D%0A%0A.ig-price-element-changed%20%7B%0A%20%20background-color:%20#71dd71%20!important;%0A%7D%0A%0A.ig-price-element-1%20%7B%0A%20%20background-color:%20#71dd71%20!important;%0A%7D%0A%0A.ig-price-element-3%20%7B%0A%20%20background-color:%20#1fad1f%20!important;%0A%7D%0A.ig-price-element-4%20%7B%0A%20%20background-color:%20#febf48%20!important;%0A%7D%0A%0A.ig-price-element-5%20%7B%0A%20%20background-color:%20#cb8501%20!important;%0A%7D%0A%0A.ig-price-element-6%20%7B%0A%20%20background-color:%20#e3354d%20!important;%0A%20%20color:%20white%20!important;%0A%7D%0A%0A.ig-price-element-7%20%7B%0A%20%20color:%20white%20!important;%0A%20%20background-color:%20#a6162a%20!important;%0A%7D%0A%0A.ig-price-element-8%20%7B%0A%20%20color:%20white%20!important;%0A%20%20background-color:%20#a6162a%20!important;%0A%7D%0A%0A/*#%20sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9pbml0L2RvbS9pZy1lbGVtZW50L2lnLWVsZW1lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0Usd0JBQXdCO0FBQzFCOztBQUVBO0VBQ0UscUNBQXFDO0VBQ3JDLDZCQUE2QjtBQUMvQjs7QUFFQTtFQUNFLHFDQUFxQztFQUNyQyw2QkFBNkI7QUFDL0I7O0FBRUE7RUFDRSxxQ0FBcUM7RUFDckMsNkJBQTZCO0VBQzdCLGVBQWU7QUFDakI7O0FBRUE7RUFDRSxvQ0FBb0M7QUFDdEM7O0FBRUE7RUFDRSxvQ0FBb0M7QUFDdEM7O0FBRUE7RUFDRSxvQ0FBb0M7QUFDdEM7O0FBRUE7RUFDRSxvQ0FBb0M7QUFDdEM7QUFDQTtFQUNFLG9DQUFvQztBQUN0Qzs7QUFFQTtFQUNFLG9DQUFvQztBQUN0Qzs7QUFFQTtFQUNFLG9DQUFvQztFQUNwQyx1QkFBdUI7QUFDekI7O0FBRUE7RUFDRSx1QkFBdUI7RUFDdkIsb0NBQW9DO0FBQ3RDOztBQUVBO0VBQ0UsdUJBQXVCO0VBQ3ZCLG9DQUFvQztBQUN0QyIsInNvdXJjZXNDb250ZW50IjpbIi5pZy1oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG5cbi5pZy1maW5kLXJlcGxhY2Uge1xuICBib3JkZXI6IDNweCBkYXNoZWQgIzJjYWYyYyAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiA0cHggIWltcG9ydGFudDtcbn1cblxuLmlnLWZpbmQtcmVwbGFjZS1idWlsZGVyIHtcbiAgYm9yZGVyOiAzcHggZGFzaGVkICMyY2FmMmMgIWltcG9ydGFudDtcbiAgYm9yZGVyLXJhZGl1czogNHB4ICFpbXBvcnRhbnQ7XG59XG5cbi5pZy1maW5kLXJlcGxhY2UtYnVpbGRlcjpob3ZlciB7XG4gIGJvcmRlcjogM3B4IGRhc2hlZCAjMjk2MmZmICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5pZy1wcmljZS1lbGVtZW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2I4ZDNmZiAhaW1wb3J0YW50O1xufVxuXG4uaWctcHJpY2UtZWxlbWVudC1jaGFuZ2VkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzcxZGQ3MSAhaW1wb3J0YW50O1xufVxuXG4uaWctcHJpY2UtZWxlbWVudC0xIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzcxZGQ3MSAhaW1wb3J0YW50O1xufVxuXG4uaWctcHJpY2UtZWxlbWVudC0zIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzFmYWQxZiAhaW1wb3J0YW50O1xufVxuLmlnLXByaWNlLWVsZW1lbnQtNCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZWJmNDggIWltcG9ydGFudDtcbn1cblxuLmlnLXByaWNlLWVsZW1lbnQtNSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNjYjg1MDEgIWltcG9ydGFudDtcbn1cblxuLmlnLXByaWNlLWVsZW1lbnQtNiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlMzM1NGQgIWltcG9ydGFudDtcbiAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG59XG5cbi5pZy1wcmljZS1lbGVtZW50LTcge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2E2MTYyYSAhaW1wb3J0YW50O1xufVxuXG4uaWctcHJpY2UtZWxlbWVudC04IHtcbiAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNhNjE2MmEgIWltcG9ydGFudDtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0=%20*/%3C/style%3E%0A%20%20%20%20%3C!--%20End%20Intelligems%20snipp%20--%3E%0A%0A%20%20%20%20%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fcdn%252Fshop%252Ft%252F183%252Fassets%252Fswiper-bundle.css%253Fv%253D20384094664185729791700585603%22%20rel=%22stylesheet%22%20type=%22text/css%22%20media=%22all%22%3E%0A%20%20%20%20%0A%20%20%20%20%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fcdn%252Fshop%252Ft%252F183%252Fassets%252Fcustom.css%253Fv%253D54514839447579244441705764849%22%20rel=%22stylesheet%22%20type=%22text/css%22%20media=%22all%22%3E%0A%20%20%3C!--%20BEGIN%20app%20block:%20shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507%20--%3E%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%20%20%0A%20%20%0A%0A%20%20%0A%20%20%20%20%0A%20%20%0A%0A%0A%0A%0A%20%20%0A%0A%0A%0A%3C!--%20END%20app%20app%20block%20--%3E%3C!--%20BEGIN%20app%20block:%20shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6%20--%3E%0A%0A%0A%0A%0A%0A%0A%3C!--%20END%20app%20app%20block%20--%3E%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fmonorail-edge.shopifysvc.com%252F%22%20rel=%22dns-prefetch%22%3E%0A%0A%20%20%0A%0A%0A%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fcdn%252Fshopifycloud%252Fboomerang%252Fshopify-boomerang-1.0.0.min.js%22%20rel=%22preload%22%20as=%22script%22%3E%0A%3Cstyle%3Eig-volume-progress-bar-widget%7B%0A%20%20%20%20font-size:%2014px;%0A%20%20%20%20max-height:%2065px;%0A%7D%0A%0A%0A.ig-dp-container%7B%0A%20%20%20%20max-width:%20100%25!important;%0A%20%20%20%20width:%20100%25!important;%0A%7D%3C/style%3E%3Cstyle%20id=%22kl-custom-fonts%22%3E%0A%0A%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/CalibreBlack.woff2?v=1663897379);%0A%20%20%20%20%20%20%20%20font-weight:%20900;%0A%20%20%20%20%20%20%20%20font-style:%20normal;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/CalibreBlackItalic.woff2?v=1663897378);%0A%20%20%20%20%20%20%20%20font-weight:%20900;%0A%20%20%20%20%20%20%20%20font-style:%20italic;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/CalibreBold.woff2?v=1663897378);%0A%20%20%20%20%20%20%20%20font-weight:%20700;%0A%20%20%20%20%20%20%20%20font-style:%20normal;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/CalibreBoldItalic.woff2?v=1663897378);%0A%20%20%20%20%20%20%20%20font-weight:%20700;%0A%20%20%20%20%20%20%20%20font-style:%20italic;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/CalibreRegular.woff2?v=1663897378);%0A%20%20%20%20%20%20%20%20font-weight:%20400;%0A%20%20%20%20%20%20%20%20font-style:%20normal;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/CalibreRegularItalic.woff2?v=1663897378);%0A%20%20%20%20%20%20%20%20font-weight:%20400;%0A%20%20%20%20%20%20%20%20font-style:%20italic;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre%20No%20Padding';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/Calibre-Bold.woff2?v=1654102617);%0A%20%20%20%20%20%20%20%20font-weight:%20700;%0A%20%20%20%20%20%20%20%20font-style:%20normal;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre%20No%20Padding';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/Calibre-Medium.woff2?v=1654102617);%0A%20%20%20%20%20%20%20%20font-weight:%20500;%0A%20%20%20%20%20%20%20%20font-style:%20normal;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre%20No%20Padding';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/Calibre-Regular.woff2?v=1654102617);%0A%20%20%20%20%20%20%20%20font-weight:%20400;%0A%20%20%20%20%20%20%20%20font-style:%20normal;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A@font-face%20%7B%0A%20%20%20%20%20%20%20%20font-family:%20'Calibre%20No%20Padding';%20%0A%20%20%20%20%20%20%20%20src:%20url(https://cdn.shopify.com/s/files/1/0543/1257/files/Calibre-Semibold.woff2?v=1654102617);%0A%20%20%20%20%20%20%20%20font-weight:%20600;%0A%20%20%20%20%20%20%20%20font-style:%20normal;%0A%20%20%20%20%20%20%20%20font-display:%20swap;%0A%20%20%20%20%20%20%7D%0A%3C/style%3E%3Cstyle%3E%0A%20%20%20%20%20%20%5Bdata-ig-discount%5D:not(%5Bdata-ig-discount=%220%22%5D)%20%7B%0A%20%20%20%20%20%20%20%20%20%20display:%20none;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%3C/style%3E%3Clink%20type=%22text/css%22%20rel=%22stylesheet%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.rebuyengine.com%252Fonsite%252Fcss%252Fglobal.min.css%253Fbuild%253D1712606503%22%3E%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.rebuyengine.com%252Fonsite%252Fcss%252Frebuy-flickity.min.css%253Fbuild%253D1712606503%22%20rel=%22stylesheet%22%20type=%22text/css%22%20id=%22rebuy-flickity-styles%22%3E%3Clink%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.rebuyengine.com%252Fonsite%252Fcss%252Frebuy-smart-cart.min.css%253Fbuild%253D1712606503%22%20rel=%22stylesheet%22%20type=%22text/css%22%20id=%22rebuy-smart-cart-styles%22%3E%3Cstyle%20id=%22rebuy-global-styles%22%3E@import%20%22https://cached.rebuyengine.com/api/v1/user/stylesheet?shop=baron-fig.myshopify.com&cache_key=1712969110%22%3C/style%3E%3Cstyle%20id=%22rebuy-stylesheet-72614%22%3E@import%20%22https://cached.rebuyengine.com/api/v1/widgets/styles?id=72614&format=css&cache_key=1712969110%22%3C/style%3E%3Cstyle%20id=%22rebuy-stylesheet-72616%22%3E@import%20%22https://cached.rebuyengine.com/api/v1/widgets/styles?id=72616&format=css&cache_key=1712969110%22%3C/style%3E%3Cstyle%20id=%22rebuy-stylesheet-72615%22%3E@import%20%22https://cached.rebuyengine.com/api/v1/widgets/styles?id=72615&format=css&cache_key=1712969110%22%3C/style%3E%3Cstyle%20id=%22smart-cart-style%22%3E.rebuy-cart__flyout-title%20%7B%0A%20%20font-size:%2018px;%0A%20%20line-height:%201.8;%0A%7D%0A.rebuy-cart__flyout-announcement-bar-message%20%7B%0A%20%20font-size:%2014px;%0A%7D%0A.rebuy-cart__flyout-item%20%7B%0A%20%20margin:%200;%0A%20%20padding-inline:%2020px;%0A%7D%0A.rebuy-cart__progress-bar-container.above,%0A.rebuy-cart__flyout-items,%0A.rebuy-cart__flyout-item%20+%20.rebuy-cart__flyout-item%20%7B%0A%20%20/*%20border-color:%20black;%20*/%0A%7D%0A.rebuy-cart__flyout-items%20%7B%0A%20%20border-bottom:%2010px%20solid%20#E3E3E4;%0A%7D%0A.rebuy-cart__flyout-subtotal%20%7B%0A%20%20padding-bottom:%2010px;%0A%7D%0A.rebuy-cart__checkout-button%20%7B%0A%20%20margin:%200%20!important;%0A%7D%0A.rebuy-cart__checkout-button%20.rebuy-button-icon%20%7B%0A%20%20position:%20relative;%0A%20%20top:%20-1px;%0A%7D%0A.rebuy-cart__flyout-recommendations%20%7B%0A%20%20background:%20#fff;%0A%7D%0A.rebuy-cart__flyout-recommendations%20.rebuy-widget%20.primary-title%20%7B%0A%20%20font-size:%2018px;%20%0A%7D%0A.rebuy-cart__flyout-item-media%20img,%0A.rebuy-cart__flyout-recommendations%20.rebuy-product-media%20img%20%7B%0A%20%20border-radius:%205px;%0A%7D%3C/style%3E%3Clink%20rel=%22dns-prefetch%20preconnect%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fbaronfig.com%252Fen-de%252Fproducts%252Fh%22%20crossorigin=%22%22%3E%3Clink%20rel=%22prefetch%22%20fetchpriority=%22low%22%20as=%22script%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.shopify.com%252Fshopifycloud%252Fcheckout-web%252Fassets%252Fruntime.latest.en.4d6e3011ed8e141c4b6a.js%22%20crossorigin=%22%22%3E%3Clink%20rel=%22prefetch%22%20fetchpriority=%22low%22%20as=%22script%22%20href=%22/sttracker/css/get_file?url=https%253A%252F%252Fcdn.shopify.com%252Fshopifycloud%252Fcheckout-web%252Fassets%252F387.latest.en.9e34afdfca3b3ca8e82f.js%22%20crossorigin=%22%22%3E%3Cstyle%3E#BIS_frame%20%7B%20background:%20none;%0Aposition:%20fixed;%0Awidth:%20100%25;%0Aheight:%20100%25;%0Atop:%200;%0Aborder:%200;%0Aoverflow:%20hidden;%0Adisplay:%20none;%0Aleft:%200;%0Az-index:%201000000;%20%7D%0A.bis-reset>div%7Bfont-family:%22Helvetica%20Neue%22,%20Helvetica,%20Arial,%20sans-serif;font-size-adjust:none;font-size:100%25;font-style:normal;letter-spacing:normal;font-stretch:normal;font-variant:normal;font-weight:normal;font:normal%20normal%20100%25%20%22Helvetica%20Neue%22,%20Helvetica,%20Arial,%20sans-serif;text-align:left;-moz-text-align-last:start;text-align-last:start;text-decoration:none;-webkit-text-emphasis:none;text-emphasis:none;text-height:auto;text-indent:0;text-justify:auto;text-outline:none;text-shadow:none;text-transform:none;text-wrap:normal;alignment-adjust:auto;alignment-baseline:baseline;animation:none%200%20ease%200%201%20normal;-webkit-animation-play-state:running;-moz-play-state:running;animation-play-state:running;-webkit-appearance:normal;-moz-appearance:normal;appearance:normal;azimuth:center;backface-visibility:visible;background:none%200%200%20auto%20repeat%20scroll%20padding-box%20transparent;background-color:transparent;background-image:none;baseline-shift:baseline;binding:none;bleed:6pt;bookmark-label:content();bookmark-level:none;bookmark-state:open;bookmark-target:none;border:0%20none%20transparent;border-radius:0;bottom:auto;box-align:stretch;-webkit-box-decoration-break:slice;box-decoration-break:slice;box-direction:normal;box-flex:0.0;box-flex-group:1;box-lines:single;box-ordinal-group:1;box-orient:inline-axis;box-pack:start;box-shadow:none;box-sizing:content-box;-moz-column-break-after:auto;break-after:auto;-moz-column-break-before:auto;break-before:auto;-moz-column-break-inside:auto;break-inside:auto;caption-side:top;clear:none;clip:auto;color:inherit;color-profile:auto;-webkit-column-count:auto;-webkit-column-fill:balance;-webkit-column-gap:normal;-webkit-column-rule:medium%20medium%20#1f1f1f;-webkit-column-span:1;-webkit-column-width:auto;-webkit-columns:auto%20auto;-moz-column-count:auto;-moz-column-fill:balance;-moz-column-gap:normal;-moz-column-rule:medium%20medium%20#1f1f1f;-moz-column-span:1;-moz-column-width:auto;-moz-columns:auto%20auto;column-count:auto;column-fill:balance;column-gap:normal;column-rule:medium%20medium%20#1f1f1f;column-span:1;column-width:auto;columns:auto%20auto;content:normal;counter-increment:none;counter-reset:none;crop:auto;cursor:auto;direction:ltr;display:inline;dominant-baseline:auto;drop-initial-after-adjust:text-after-edge;drop-initial-after-align:baseline;drop-initial-before-adjust:text-before-edge;drop-initial-before-align:caps-height;drop-initial-size:auto;drop-initial-value:initial;elevation:level;empty-cells:show;fit:fill;fit-position:0%25%200%25;float:none;float-offset:0%200;grid-columns:none;grid-rows:none;hanging-punctuation:none;height:auto;hyphenate-after:auto;hyphenate-before:auto;hyphenate-character:auto;hyphenate-lines:no-limit;hyphenate-resource:none;-webkit-hyphens:manual;hyphens:manual;icon:auto;image-orientation:auto;image-rendering:auto;image-resolution:normal;inline-box-align:last;left:auto;line-height:inherit;line-stacking:inline-line-height%20exclude-ruby%20consider-shifts;list-style:disc%20outside%20none;margin:0;marks:none;marquee-direction:forward;marquee-loop:1;marquee-play-count:1;marquee-speed:normal;marquee-style:scroll;max-height:none;max-width:none;min-height:0;min-width:0;move-to:normal;nav-down:auto;nav-index:auto;nav-left:auto;nav-right:auto;nav-up:auto;opacity:1;orphans:2;outline:invert%20none%20medium;outline-offset:0;overflow:visible;overflow-style:auto;padding:0;page:auto;page-break-after:auto;page-break-before:auto;page-break-inside:auto;page-policy:start;perspective:none;perspective-origin:50%25%2050%25;position:static;presentation-level:0;punctuation-trim:none;quotes:none;rendering-intent:auto;resize:none;right:auto;rotation:0;rotation-point:50%25%2050%25;ruby-align:auto;ruby-overhang:none;ruby-position:before;ruby-span:none;size:auto;string-set:none;table-layout:auto;top:auto;transform:none;transform-origin:50%25%2050%25%200;transform-style:flat;transition:all%200%20ease%200;unicode-bidi:normal;vertical-align:baseline;white-space:normal;white-space-collapse:collapse;widows:2;width:auto;word-break:normal;word-spacing:normal;word-wrap:normal;z-index:auto;text-align:start;-ms-filter:%22progid:DXImageTransform.Microsoft.gradient(enabled=false)%22;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)%7D.bis-reset%7Bz-index:999999%7D.bis-reset%20div%7Bdisplay:block%7D.bis-reset%20.bis-button%7Bcursor:pointer;text-shadow:1px%201px%200%20rgba(0,0,0,0.2);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:none%7D.bis-reset.bis-edge-left,.bis-reset.bis-edge-right%7Btransform-origin:left%20bottom;white-space:nowrap;position:fixed%7D.bis-reset.bis-edge-left%7Bleft:0%7D.bis-reset.bis-edge-right%7Bright:0%7D.bis-reset.bis-rotate-90%7Bfilter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-webkit-transform-origin:left%20bottom;-moz-transform:rotate(90deg);-moz-transform-origin:left%20bottom;-ms-transform:rotate(90deg);-ms-transform-origin:left%20bottom;-o-transform:rotate(90deg);-o-transform-origin:left%20bottom;transform:rotate(90deg)%7D.bis-reset.bis-rotate-270%7Bfilter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-webkit-transform-origin:100%25%20100%25;-moz-transform:rotate(270deg);-moz-transform-origin:100%25%20100%25;-ms-transform:rotate(270deg);-ms-transform-origin:100%25%20100%25;-o-transform:rotate(270deg);-o-transform-origin:100%25%20100%25;transform:rotate(270deg)%7D.bis-reset.bis-edge-bottom%7Bposition:fixed;bottom:0%7D.bis-reset%20img%7Bdisplay:block;cursor:pointer%7D.bis-reset.preview%7Bposition:absolute%20!important%7D.bis-reset%20.bis-button.with-bis-image%7Btransform:none;-ms-filter:none;filter:none%7D%0A%3C/style%3E Skip to content Free Shipping on all US orders over $65 2/2 Limited Time: Pre-Order the new Huddle Men's Journal and save 10%! Shop now » 2/2 Get Started Shop All Pens Journals Accessories Gifts Sale 0 Search Top searches Build a Starter Kit Pens Journals Planners Ink Refills Loading... View all results No results found Pages Collections Articles Products $10.00 $0.00 Search Top searches Build a Starter Kit Pens Journals Planners Ink Refills Loading... View all results No results found Pages Articles Collections Products $10.00 $0.00 Get Started Shop All Pens Journals Accessories Gifts Sale For Business 0 FREE SHIPPING ON $65+ On all US orders $65+. Need a boost? Make sure to get ink! 1 JOURNAL = 1 TREE PLANTED For every Journal you purchase, Baronfig plants a tree. Cart (0) You're $65 away from free shipping Congrats! You unlocked free shipping. Your cart is empty Get Started Your cart is empty Get Started · / Quantity Edit Subtotal $0 Discount -$0 Total $0 Popular add-ons Writing Set $102.40 Quantity Add Squire Rollerball Pen $59 Add Confidant Hardcover Notebook $7.50 Add Squire Rollerball Ink Refills $15 Add Vanguard Softcover Notebook $5 Add Checkout · $0 Continue shopping Cart updated (0) View cart Checkout · $0 0 Get Started Shop All Pens Journals Accessories Gifts Sale Our Story For Business Help Log in 4.79 4.79 STRATEGIST INDEX CARDS $10 $10 $0 $10.00 $0 / Subscription Outline Star Outline Star Outline Star Outline Star Outline Star Filled Star Filled Star Filled Star Filled Star Filled Star (43) Select an option to add this to your cart Paper type : To-Do : Dot Grid Choose an option To-Do Dot Grid to-do dot-grid Sold Out To-Do - $10.00 Dot Grid - Sold Out - $10.00 Quantity Choose options Sold Out Unavailable Add to Cart · $10 Notify me when available Free US Shipping on orders $65+ Description Make lists, plan your next book, study for a test, design an app—you get the idea. Endless potential. Specs • Dot Grid index cards (blank back) x 100 • To-Do index cards (dot grid back) x 100 • Details: 3" x 5" • Card-stock quality • Rounded corners Shipping & Returns Free US shipping on orders $65+ and free 30 day returns. Want to buy 10+ or customize? For 10+ units: Visit Bulk orders » For customization: Minimum 25+ units. Visit Branded orders » Learn more about Baronfig for Business » STRATEGIST INDEX CARDS · TO-DO Free US Shipping on orders $50+ Choose options Sold Out Add to Cart · $10 1/7 Close BE MORE PRODUCTIVE ENDLESS POTENTIAL DOT GRID, TO-DO, & HABIT TRACKER OPTIONS YOU MAY ALSO LIKE Quantity Add to Cart Add to Cart Sold Out $10.00 - $10.00 $0.00 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out MASTERMIND DESK PAD $10 - $16 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out STARTER KIT $95.25 - $95.25 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out MASTERMIND WEEK PAD $12 - $12 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out CLEAR HABIT JOURNAL $26 - $29 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out SQUIRE CLICK BALLPOINT PEN $49 - $49 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out MOSAIC DESK ORGANIZER $27.20 - $27.20 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out CONFIDANT HARDCOVER NOTEBOOK $7.50 - $25 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out VANGUARD SOFTCOVER NOTEBOOK $5 - $16 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out ON THE GO BUNDLE $121.60 - $121.60 $0 Quantity Add to cart Add to cart Sold Out Quantity Add to Cart Add to Cart Sold Out NON-SLIP RULER SET $16 - $16 $0 Quantity Add to cart Add to cart Sold Out CUSTOMER REVIEWS 4.79 Outline star Outline star Outline star Outline star Outline star Filled star Filled star Filled star Filled star Filled star 43 reviews 5 4 3 2 1 Write a review Sort & Filter Sort by FeaturedMost recentOldestHighest ratedLowest ratedMost helpful Rating All1 star2 stars3 stars4 stars5 stars With media JW Joseph W Verified checkmark Verified Buyer Recommend checkmark I recommend this product Outline star Outline star Outline star Outline star Outline star Filled star Filled star Filled star Filled star Filled star 3 months ago Small product, big impact, high quality. Sometimes a simple product can be better than you think. I use this for so many different things. The quality is very good and the cards are big enough to write a lot. Review left on: Strategist Index Cards - To-Do Was this review helpful? Review vote up 0 Review vote down 0 KH kalvin h Verified checkmark Verified Buyer Recommend checkmark I recommend this product Outline star Outline star Outline star Outline star Outline star Filled star Filled star Filled star Filled star Filled star 3 months ago These are great for... These are great for jotting down daily notes quickly. The versatility of being able to write in the days or headings is a very useful feature. Review left on: Strategist Index Cards - To-Do Was this review helpful? Review vote up 0 Review vote down 0 MT Margaret T Verified checkmark Verified Buyer Recommend checkmark I recommend this product Outline star Outline star Outline star Outline star Outline star Filled star Filled star Filled star Filled star Filled star 3 months ago The Boujie Hipster PDA There's nothing here you can't do with a normal index card, but the elegant, app-like layout provides some structure and external motivation. I appreciate the rounded corners and the dot grid on the back. I'll post an updated review after I've stress tested the cards in daily use. Review left on: Strategist Index Cards - To-Do Was this review helpful? Review vote up 1 Review vote down 0 A AQ Recommend checkmark I recommend this product Outline star Outline star Outline star Outline star Outline star Filled star Filled star Filled star Filled star Filled star 4 months ago Best cards I've ever... Best cards I've ever owned. Only a few factors to consider in making cards, right? But they get them all right. Sturdy, take pen and pencil well, and rounded corners to make them fancy. Was this review helpful? Review vote up 1 Review vote down 0 VC Vanessa C Verified checkmark Verified Buyer Recommend checkmark I recommend this product Outline star Outline star Outline star Outline star Outline star Filled star Filled star Filled star Filled star Filled star 5 months ago Sturdy and helpful cards Exactly as described - I use them for daily lists and it's lovely to be "done" with it when the day is done. Review left on: Strategist Index Cards - Dot Grid Was this review helpful? Review vote up 3 Review vote down 0 See more reviews Reviewed on FAQS How do I get free shipping? Free shipping will automatically be applied to all domestic orders over the shipping limit listed in your cart (where eligible). Simply add products over that amount (sum total) to your cart and you will see the discount while checking out. How long does shipping take? We typically ship orders out within 1-2 business days of ordering. From there shipping may take 3-5 business days in the US. For non-US orders, shipping can take between 7-14 business days. RECENTLY VIEWED Quantity Add to Cart Add to Cart Sold Out $10.00 - $10.00 $0.00 Quantity Add to Cart Add to Cart Sold Out DON'T MISS OUT ON THE LATEST. Stay updated and get 10% off your first order. Email Subscribe BARONFIG Science-backed analog tools that supercharge your thinking. Starter Kit Pens Journals Accessories Gift Cards Our Story Science Plant a Tree For Business Shop All FAQ Feedback Affiliates Wholesale Customize BARONFIG Science-backed analog tools that supercharge your thinking. Starter Kit Pens Journals Accessories Gift Cards Our Story Science Plant a Tree For Business Shop All FAQ Feedback Affiliates Wholesale Customize Terms of Service Refund policy Log in $ USD · EN POS and Ecommerce by Shopify Copyright 2024 ©. All rights reserved. Change Country Germany ($ USD) Country selection Åland Islands (€ EUR) Country selection Albania (€ EUR) Country selection Andorra (€ EUR) Country selection Anguilla ($ USD) Country selection Antigua & Barbuda ($ USD) Country selection Argentina ($ USD) Country selection Armenia (€ EUR) Country selection Aruba ($ USD) Country selection Australia ($ AUD) Country selection Austria (€ EUR) Country selection Bahamas ($ USD) Country selection Bahrain ($ USD) Country selection Barbados ($ USD) Country selection Belarus (€ EUR) Country selection Belgium (€ EUR) Country selection Belize ($ USD) Country selection Bermuda ($ USD) Country selection Bolivia ($ USD) Country selection Bosnia & Herzegovina (€ EUR) Country selection Brazil ($ USD) Country selection British Virgin Islands ($ USD) Country selection Brunei ($ USD) Country selection Bulgaria (€ EUR) Country selection Canada ($ CAD) Country selection Caribbean Netherlands ($ USD) Country selection Cayman Islands ($ USD) Country selection Chile ($ USD) Country selection Christmas Island ($ USD) Country selection Colombia ($ USD) Country selection Costa Rica ($ USD) Country selection Croatia (€ EUR) Country selection Cyprus (€ EUR) Country selection Czechia (€ EUR) Country selection Denmark (€ EUR) Country selection Dominican Republic ($ USD) Country selection Ecuador ($ USD) Country selection Estonia (€ EUR) Country selection Falkland Islands ($ USD) Country selection Faroe Islands (€ EUR) Country selection Fiji ($ USD) Country selection Finland (€ EUR) Country selection France ($ USD) Country selection French Guiana ($ USD) Country selection French Southern Territories ($ USD) Country selection Georgia (€ EUR) Country selection Germany ($ USD) Country selection Gibraltar (€ EUR) Country selection Greece (€ EUR) Country selection Greenland (€ EUR) Country selection Guadeloupe (€ EUR) Country selection Guatemala ($ USD) Country selection Guernsey (€ EUR) Country selection Guyana ($ USD) Country selection Heard & McDonald Islands ($ USD) Country selection Hong Kong SAR ($ USD) Country selection Hungary (€ EUR) Country selection Iceland (€ EUR) Country selection India ($ USD) Country selection Indonesia ($ USD) Country selection Ireland (€ EUR) Country selection Isle of Man (€ EUR) Country selection Israel ($ USD) Country selection Italy (€ EUR) Country selection Jamaica ($ USD) Country selection Japan ($ USD) Country selection Jersey (€ EUR) Country selection Kosovo (€ EUR) Country selection Kuwait ($ USD) Country selection Latvia (€ EUR) Country selection Lebanon ($ USD) Country selection Liechtenstein (€ EUR) Country selection Lithuania (€ EUR) Country selection Luxembourg (€ EUR) Country selection Macao SAR ($ USD) Country selection Malaysia ($ USD) Country selection Maldives ($ USD) Country selection Malta (€ EUR) Country selection Mayotte (€ EUR) Country selection Mexico ($ USD) Country selection Moldova (€ EUR) Country selection Monaco (€ EUR) Country selection Montenegro (€ EUR) Country selection Morocco ($ USD) Country selection Myanmar (Burma) ($ USD) Country selection Nepal ($ USD) Country selection Netherlands ($ USD) Country selection Netherlands Antilles ($ USD) Country selection New Zealand ($ USD) Country selection North Macedonia (€ EUR) Country selection Norway (€ EUR) Country selection Panama ($ USD) Country selection Papua New Guinea ($ USD) Country selection Paraguay ($ USD) Country selection Peru ($ USD) Country selection Philippines ($ USD) Country selection Poland (€ EUR) Country selection Portugal (€ EUR) Country selection Réunion (€ EUR) Country selection Romania (€ EUR) Country selection San Marino (€ EUR) Country selection Serbia (€ EUR) Country selection Singapore ($ USD) Country selection Sint Maarten ($ USD) Country selection Slovakia (€ EUR) Country selection Slovenia (€ EUR) Country selection South Africa ($ USD) Country selection South Georgia & South Sandwich Islands ($ USD) Country selection South Korea ($ USD) Country selection Spain (€ EUR) Country selection Sri Lanka ($ USD) Country selection St. Barthélemy ($ USD) Country selection St. Kitts & Nevis ($ USD) Country selection St. Lucia ($ USD) Country selection St. Martin ($ USD) Country selection St. Pierre & Miquelon ($ USD) Country selection St. Vincent & Grenadines ($ USD) Country selection Suriname ($ USD) Country selection Svalbard & Jan Mayen (€ EUR) Country selection Sweden (€ EUR) Country selection Switzerland (€ EUR) Country selection Taiwan ($ USD) Country selection Thailand ($ USD) Country selection Trinidad & Tobago ($ USD) Country selection Türkiye (€ EUR) Country selection Turks & Caicos Islands ($ USD) Country selection Ukraine (€ EUR) Country selection United Arab Emirates ($ USD) Country selection United Kingdom (£ GBP) Country selection United States ($ USD) Country selection Uruguay ($ USD) Country selection Vatican City (€ EUR) Country selection Venezuela ($ USD) Country selection Vietnam ($ USD) Enable audio Disable audio Something went wrong... Close dialog 1 15% off Your First Order Sign up for our newsletter Continue For orders $25 or more. By entering your email, you agree to ourTerms & Policy