<!doctype html>
<html
  
  lang="en"
>
  <head><link
        rel="icon"
        type="image/png"
        href="//thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?crop=center&height=32&v=1778219290&width=32"
      >
    
      <link
        rel="expect"
        href="#MainContent"
        blocking="render"
        id="view-transition-render-blocker"
      >
    
<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="Thrifty Creativity"
>
<meta
  property="og:url"
  content="https://thriftycreativity.com/"
>
<meta
  property="og:title"
  content="Thrifty Creativity"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="A collection of handmade designs inspired by things I love."
><meta
    property="og:image"
    content="http://thriftycreativity.com/cdn/shop/files/Thrifty_Creativity_Logo_Handmade_1_4288a1bf-c649-4973-8089-536c77d449b4.png?v=1761678516"
  >
  <meta
    property="og:image:secure_url"
    content="https://thriftycreativity.com/cdn/shop/files/Thrifty_Creativity_Logo_Handmade_1_4288a1bf-c649-4973-8089-536c77d449b4.png?v=1761678516"
  >
  <meta
    property="og:image:width"
    content="1040"
  >
  <meta
    property="og:image:height"
    content="1052"
  ><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Thrifty Creativity"
>
<meta
  name="twitter:description"
  content="A collection of handmade designs inspired by things I love."
>

<title>
  Thrifty Creativity
</title>

<link
  rel="canonical"
  href="https://thriftycreativity.com/"
>


  <meta
    name="description"
    content="A collection of handmade designs inspired by things I love."
  >

<link href="//thriftycreativity.com/cdn/shop/t/6/assets/overflow-list.css?v=101911674359793798601778194819" as="style" rel="preload">
<link href="//thriftycreativity.com/cdn/shop/t/6/assets/base.css?v=126389236769991264151778790030" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//thriftycreativity.com/cdn/fonts/handlee/handlee_n4.e09be80d1dff9f38768cf71ac8b0b3be3d7f9119.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//thriftycreativity.com/cdn/fonts/handlee/handlee_n4.e09be80d1dff9f38768cf71ac8b0b3be3d7f9119.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//thriftycreativity.com/cdn/fonts/handlee/handlee_n4.e09be80d1dff9f38768cf71ac8b0b3be3d7f9119.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_n5.f0c725f329d28ac968babdc14b681bb4b5568bef.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//thriftycreativity.com/cdn/shop/t/6/assets/overflow-list.js?v=46858356770684902511778194819",
      "@theme/product-title": "//thriftycreativity.com/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781778194819",
      "@theme/component": "//thriftycreativity.com/cdn/shop/t/6/assets/component.js?v=184240237101443119871778194819",
      "@theme/dialog": "//thriftycreativity.com/cdn/shop/t/6/assets/dialog.js?v=61774032287387761671778194819",
      "@theme/events": "//thriftycreativity.com/cdn/shop/t/6/assets/events.js?v=147926035229139604561778194819",
      "@theme/focus": "//thriftycreativity.com/cdn/shop/t/6/assets/focus.js?v=60436577539430446401778194819",
      "@theme/morph": "//thriftycreativity.com/cdn/shop/t/6/assets/morph.js?v=35457747882330740861778194819",
      "@theme/paginated-list": "//thriftycreativity.com/cdn/shop/t/6/assets/paginated-list.js?v=95298315036233333871778194819",
      "@theme/performance": "//thriftycreativity.com/cdn/shop/t/6/assets/performance.js?v=171015751390534793081778194819",
      "@theme/product-form": "//thriftycreativity.com/cdn/shop/t/6/assets/product-form.js?v=37993400097492174081778194819",
      "@theme/recently-viewed-products": "//thriftycreativity.com/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651778194819",
      "@theme/scrolling": "//thriftycreativity.com/cdn/shop/t/6/assets/scrolling.js?v=118005526288211533611778194819",
      "@theme/section-renderer": "//thriftycreativity.com/cdn/shop/t/6/assets/section-renderer.js?v=117273408521114569061778194819",
      "@theme/section-hydration": "//thriftycreativity.com/cdn/shop/t/6/assets/section-hydration.js?v=177651605160027701221778194819",
      "@theme/utilities": "//thriftycreativity.com/cdn/shop/t/6/assets/utilities.js?v=74252600229394689081778194819",
      "@theme/variant-picker": "//thriftycreativity.com/cdn/shop/t/6/assets/variant-picker.js?v=124079696159966615681778194819",
      "@theme/media-gallery": "//thriftycreativity.com/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071778194819",
      "@theme/quick-add": "//thriftycreativity.com/cdn/shop/t/6/assets/quick-add.js?v=148903382353369979481778194819",
      "@theme/paginated-list-aspect-ratio": "//thriftycreativity.com/cdn/shop/t/6/assets/paginated-list-aspect-ratio.js?v=25254270272143792451778194819",
      "@theme/popover-polyfill": "//thriftycreativity.com/cdn/shop/t/6/assets/popover-polyfill.js?v=119029313658895111201778194819",
      "@theme/component-quantity-selector": "//thriftycreativity.com/cdn/shop/t/6/assets/component-quantity-selector.js?v=67906657287482036641778194819",
      "@theme/comparison-slider": "//thriftycreativity.com/cdn/shop/t/6/assets/comparison-slider.js?v=106705562947035711941778194819",
      "@theme/sticky-add-to-cart": "//thriftycreativity.com/cdn/shop/t/6/assets/sticky-add-to-cart.js?v=48956925339276737091778194819",
      "@theme/fly-to-cart": "//thriftycreativity.com/cdn/shop/t/6/assets/fly-to-cart.js?v=129971753673458693881778194819"
    }
  }
</script>

<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/view-transitions.js?v=7106414069516106341778194819"
  async
  
    blocking="render"
  
></script>

<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/utilities.js?v=74252600229394689081778194819"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/component.js?v=184240237101443119871778194819"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/section-renderer.js?v=117273408521114569061778194819"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/section-hydration.js?v=177651605160027701221778194819"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/morph.js?v=35457747882330740861778194819"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/focus.js?v=60436577539430446401778194819"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651778194819"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/scrolling.js?v=118005526288211533611778194819"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//thriftycreativity.com/cdn/shop/t/6/assets/events.js?v=147926035229139604561778194819"
  fetchpriority="low"
>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/popover-polyfill.js?v=119029313658895111201778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/overflow-list.js?v=46858356770684902511778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/quick-add.js?v=148903382353369979481778194819"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/cart-discount.js?v=107077853990124422021778194819"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/dialog.js?v=61774032287387761671778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/variant-picker.js?v=124079696159966615681778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/product-card.js?v=124402285637860180781778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/product-form.js?v=37993400097492174081778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/fly-to-cart.js?v=129971753673458693881778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/accordion-custom.js?v=99000499017714805851778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/disclosure-custom.js?v=168050880623268140331778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/media.js?v=37825095869491791421778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/product-price.js?v=117989390664188536191778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/product-sku.js?v=121804655373531320511778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/product-inventory.js?v=16343734458933704981778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/show-more.js?v=94563802205717136101778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/slideshow.js?v=40796646405849125981778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/layered-slideshow.js?v=30135417790894624731778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/anchored-popover.js?v=95953304814728754461778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/floating-panel.js?v=128677600744947036551778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/video-background.js?v=25237992823806706551778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/component-quantity-selector.js?v=67906657287482036641778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/rte-formatter.js?v=101420294193111439321778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/volume-pricing.js?v=15442793518842484731778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/price-per-item.js?v=144512917617120124431778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/volume-pricing-info.js?v=94479640769665442661778194819"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/localization.js?v=15585934801240115691778194819"
    type="module"
    fetchpriority="low"
  ></script>





  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/product-card-link.js?v=97122579314620396511778194819"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/auto-close-details.js?v=58350291535404441581778194819"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 item added to cart`,
      items_added_to_cart_other: `{{ count }} items added to cart`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: Handlee;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//thriftycreativity.com/cdn/fonts/handlee/handlee_n4.e09be80d1dff9f38768cf71ac8b0b3be3d7f9119.woff2") format("woff2"),
       url("//thriftycreativity.com/cdn/fonts/handlee/handlee_n4.081a97ceff5641279bbf8a840ba142543b41006e.woff") format("woff");
}
@font-face {
  font-family: "Red Hat Display";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_n5.f0c725f329d28ac968babdc14b681bb4b5568bef.woff2") format("woff2"),
       url("//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_n5.440df867090a25d2d49b62414702239d9d47de31.woff") format("woff");
}
@font-face {
  font-family: "Red Hat Display";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
       url("//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}
@font-face {
  font-family: "Red Hat Display";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_i5.932d275e5093df8cee8c06c1d9528cc15595485f.woff2") format("woff2"),
       url("//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_i5.275f476f319048efa2f76c7016f157424282d0bd.woff") format("woff");
}
@font-face {
  font-family: "Red Hat Display";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
       url("//thriftycreativity.com/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: Handlee, cursive;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Handlee, cursive;
    --font-subheading--style: normal;
    --font-subheading--weight: 400;
    --font-heading--family: Handlee, cursive;
    --font-heading--style: normal;
    --font-heading--weight: 400;
    --font-accent--family: "Red Hat Display", sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 500;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 1.0rem;--font-size--h1: clamp(2.75rem, 12.0vw, 7.5rem);--font-size--h2: 2.5rem;--font-size--h3: 1.5rem;--font-size--h4: 1.125rem;--font-size--h5: 1.0rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-subheading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-subheading--family);--font-h3--style: var(--font-subheading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-accent--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-loose);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-accent--family);--font-h4--style: var(--font-accent--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-accent--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-accent--family);--font-h6--style: var(--font-accent--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 0px;
    --style-border-radius-buttons-primary: 0px;
    --style-border-radius-buttons-secondary: 0px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 0px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 8px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 30;
    --variant-picker-swatch-height-unitless: 30;
    --variant-picker-swatch-width: 30px;
    --variant-picker-swatch-height: 30px;
    --variant-picker-swatch-radius: 0px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 0px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-subheading--family);
    --cart-secondary-font-style: var(--font-subheading--style);
    --cart-secondary-font-weight: var(--font-subheading--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(252 248 240 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 252 248 240;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.71);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.71);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(12 201 191 / 0.52);
        --color-primary-hover-rgb: 12 201 191;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(12 201 191 / 0.52);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(234 232 230 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(234 232 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(125 84 73 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 125 84 73;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 0.81);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.49);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 0.71);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(255 255 255 / 0.68);
        --color-variant-background: rgb(255 255 255 / 0.6);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 0.71);
        --color-selected-variant-border: rgb(0 0 0 / 0.71);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(84 53 46 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(84 53 46 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(69 79 85 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 69 79 85;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(239 239 239 / 1.0);
        --color-primary-rgb: 239 239 239;
        --color-primary-hover: rgb(255 255 255 / 0.49);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 0.71);
        --color-primary-button-border: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(255 255 255 / 0.6);
        --color-input-hover-background: rgb(255 255 255 / 0.68);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(233 228 224 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 233 228 224;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(67 54 37 / 1.0);
        --color-foreground-rgb: 67 54 37;
        --color-foreground-heading: rgb(67 54 37 / 0.88);
        --color-foreground-heading-rgb: 67 54 37;
        --color-primary: rgb(82 80 78 / 1.0);
        --color-primary-rgb: 82 80 78;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(67 54 37 / 0.15);
        --color-border-rgb: 67 54 37;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(67 54 37 / 1.0);
        --color-primary-button-border: rgb(67 54 37 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(67 54 37 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(67 54 37 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(67 54 37 / 1.0);
        --color-input-text-rgb: 67 54 37;
        --color-input-border: rgb(67 54 37 / 0.15);
        --color-input-hover-background: rgb(255 255 255 / 0.68);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(67 54 37 / 1.0);
        --color-variant-text-rgb: 67 54 37;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(245 245 245 / 1.0);
        --color-selected-variant-background: rgb(67 54 37 / 1.0);
        --color-selected-variant-border: rgb(67 54 37 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(62 69 57 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 62 69 57;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(234 232 230 / 1.0);
        --color-primary-hover-rgb: 234 232 230;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(230 230 230 / 1.0);
        --color-primary-button-hover-border: rgb(230 230 230 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.08);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(62 69 57 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(255 255 255 / 1.0);
        --color-variant-text-rgb: 255 255 255;
        --color-variant-hover-background: rgb(107 116 100 / 1.0);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(255 255 255 / 1.0);
        --color-selected-variant-border: rgb(62 69 57 / 1.0);
        --color-selected-variant-text: rgb(62 69 57 / 1.0);
        --color-selected-variant-hover-background: rgb(255 255 255 / 0.15);
        --color-selected-variant-hover-text: rgb(62 69 57 / 1.0);
        --color-selected-variant-hover-border: rgb(62 69 57 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(230 230 230 / 1.0);
        --color-primary-hover-rgb: 230 230 230;
        --color-border: rgb(0 0 0 / 0.0);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 0.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 0.6);
        --color-secondary-button-border: rgb(255 255 255 / 0.6);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(255 255 255 / 0.6);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-7 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 0.71);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(230 230 230 / 1.0);
        --color-secondary-button-border: rgb(230 230 230 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3e3f6cd9-f524-40dc-ac5f-a842fe97ef1b {
        --color-background: rgb(251 247 239 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 251 247 239;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.71);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(194 35 227 / 1.0);
        --color-foreground-heading-rgb: 194 35 227;
        --color-primary: rgb(0 0 0 / 0.71);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(230 230 230 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(234 232 230 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(234 232 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-ff3b3c6f-bf49-4b56-a528-6bd9d6ff8d8a {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.71);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.71);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(230 230 230 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(234 232 230 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(234 232 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-1e65c224-0a6a-4f98-bd61-62dabda95eb1 {
        --color-background: rgb(252 248 240 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 252 248 240;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.71);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(2 154 176 / 1.0);
        --color-foreground-heading-rgb: 2 154 176;
        --color-primary: rgb(0 0 0 / 0.71);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(230 230 230 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(234 232 230 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(234 232 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc {
        --color-background: rgb(2 154 176 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 2 154 176;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(252 248 240 / 1.0);
        --color-foreground-rgb: 252 248 240;
        --color-foreground-heading: rgb(252 248 240 / 1.0);
        --color-foreground-heading-rgb: 252 248 240;
        --color-primary: rgb(0 0 0 / 0.71);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(230 230 230 / 1.0);
        --color-primary-hover-rgb: 230 230 230;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(12 201 191 / 0.52);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(12 201 191 / 0.52);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(234 232 230 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(234 232 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(12 201 191 / 0.52);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(12 201 191 / 0.52);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-b60b61bb-2835-48de-9f63-368021f19f14 {
        --color-background: rgb(252 248 240 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 252 248 240;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.71);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.71);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(12 201 191 / 0.52);
        --color-primary-hover-rgb: 12 201 191;
        --color-border: rgb(234 232 230 / 1.0);
        --color-border-rgb: 234 232 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(12 201 191 / 0.52);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.71);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.71);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(234 232 230 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(234 232 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-3e3f6cd9-f524-40dc-ac5f-a842fe97ef1b, .color-scheme-ff3b3c6f-bf49-4b56-a528-6bd9d6ff8d8a, .color-scheme-1e65c224-0a6a-4f98-bd61-62dabda95eb1, .color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc, .color-scheme-b60b61bb-2835-48de-9f63-368021f19f14 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="otssspea056fzrj8cvmelhckf50q05">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/78901215450/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="2448610fa9575c46bac7c574b641f561">
<meta id="in-context-paypal-metadata" data-shop-id="78901215450" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=78901215450" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":78901215450,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/78901215450","merchantName":"Thrifty Creativity","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Thrifty Creativity","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"2448610fa9575c46bac7c574b641f561","betas":["rich-media-storefront-analytics"],"domain":"thriftycreativity.com","predictiveSearch":true,"shopId":78901215450,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "yrrht4-6s.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Copy of Dwell with Installments message","id":160670417114,"schema_name":"Dwell","schema_version":"3.2.1","theme_store_id":3623,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "thriftycreativity.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//thriftycreativity.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//thriftycreativity.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"transferSessionEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":78901215450,"offset":-25200,"reqid":"639dfa97-4e4a-4e21-bc8f-34f38d530a8a-1781112103","pageurl":"thriftycreativity.com\/?feed=rss2","u":"d4483ffd73c7","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//thriftycreativity.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//thriftycreativity.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-MrpR+SbfwphjsvuxKsSWA5xxY07P36eahsNLLXSgEwo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-c173577b.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://thriftycreativity.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://thriftycreativity.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://thriftycreativity.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//thriftycreativity.com/cdn/shop/t/6/compiled_assets/styles.css?v=39153968749180365031778194819">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 78901215450,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 78901215450,storefrontBaseUrl: "https://thriftycreativity.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"2235695322","configuration":"{\"accountID\":\"185567\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d22b5691c62682d22357c5bcbea63a2b","type":"APP","apiClientId":1892941825,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1886027994","configuration":"{\"tagID\":\"2612938618624\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1674379482","configuration":"{\"pixel_id\":\"2764078020594908\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Thrifty Creativity","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"yrrht4-6s.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/thriftycreativity.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://thriftycreativity.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"78901215450","storefrontBaseUrl":"https:\/\/thriftycreativity.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"639dfa97-4e4a-4e21-bc8f-34f38d530a8a-1781112103"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 78901215450,
      theme_id: 160670417114,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//thriftycreativity.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//thriftycreativity.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//thriftycreativity.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":78901215450,"isMerchantRequest":null,"themeId":160670417114,"themeCityHash":"17786988690458127805","contentLanguage":"en","currency":"USD","eventMetadataId":"e4067263-a13a-450a-9967-78ad561639fa"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"639dfa97-4e4a-4e21-bc8f-34f38d530a8a-1781112103","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//thriftycreativity.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://thriftycreativity.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="78901215450"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="160670417114"
  data-theme-name="Dwell"
  data-theme-version="3.2.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://thriftycreativity.com/api/collect"
></script>
</head>

  <body class="page-width-narrow card-hover-effect-lift">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>

    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--22002806489306__header_announcements_pbXTDf" class="shopify-section shopify-section-group-header-group">



<div class="section-background color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc"></div>
<aside
  class="announcement-bar spacing-style section section--full-width color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc"
  style="--padding-block-start: 15px; --padding-block-end:15px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 0px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
  >
    

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--ASWt1U2JlODhvTGpFb__announcement_KMAGKG
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 0.75rem;      --font-weight: var(--font-accent--weight);--font-family: var(--font-accent--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-loose);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      Follow us @thriftycreativity or subscribe to our emails for sales and new releases!
    </p>

    
      <a
        class="announcement-bar__link"
        href="/collections/all"
      >
        <span class="visually-hidden">
          Follow us @thriftycreativity or subscribe to our emails for sales and new releases!
        </span>
      </a>
    
  </slideshow-slide>



    </div>
  </announcement-bar-component>
</aside>




</div><header id="shopify-section-sections--22002806489306__header_section" class="shopify-section shopify-section-group-header-group header-section">





<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Thrifty Creativity",
    
      "logo": "https:\/\/thriftycreativity.com\/cdn\/shop\/files\/thrifty_creativity_logo.jpg?v=1778219290\u0026width=500",
    
    "url": "https:\/\/thriftycreativity.com"
  }
</script>

<header-component
  id="header-component"
  class="header"
  data-theme-color="rgb(252 248 240)"
  
  
  data-skip-node-update
  data-scroll-direction="none"
><h1 class="visually-hidden">Thrifty Creativity</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width divider--page-width"
        ref="headerRowTop"style="--border-bottom-width: 1px; --border-bottom-width-mobile: 1px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer desktop:hidden"
      ref="headerDrawerContainer"
      
    >
      

<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/header-drawer.js?v=44357639294953783801778194819"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer header__drawer--mobile"
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      data-header-drawer
      class="
        menu-drawer
        motion-reduce
        color-scheme-1
      "
    >
      <button
        class="button button-unstyled close-button menu-drawer__close-button"
        type="button"
        aria-label="Close"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-secondary--family);
--menu-top-level-font-size-desktop: 0.75rem; --menu-top-level-font-style: var(--font-secondary--style); --menu-top-level-font-weight: var(--font-secondary--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:
var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);

--menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:
var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));


        "
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-home"
                    href="/"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
                    
                      aria-current="page"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-all-products"
                    href="/collections/all-products"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">All Products</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-all-collections"
                    href="/collections"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">All collections</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 4;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-digital-designs"
                    href="/collections/digital-designs"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Digital Designs</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 5;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-coffee-cozies"
                    href="/collections/cup-cozies"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Coffee Cozies</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 6;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-handmade-accessories"
                    href="/collections/handmade-accessories"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Handmade Accessories</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 7;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-handmade-bags"
                    href="/collections/handmade-bags"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Handmade Bags</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 8;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-handstamped"
                    href="/collections/handstamped"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Handstamped</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 9;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-italian-charms"
                    href="/collections/italian-charms"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Italian Charms</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 10;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-mouse-ear-holders"
                    href="/collections/mouse-ear-holders"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Mouse Ear Holders</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 10;"
      >
        
        
          
          
            <drawer-localization-component class="menu-drawer__localization">
              <details
                id="drawer-localization"
                class="drawer-localization"
                on:toggle="/toggle"
              >
                <summary
                  id="HeaderDrawer-localization"
                  class="drawer-localization__button h3 link link--text focus-inset"
                  aria-expanded="false"
                  on:click="header-drawer/open"
                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
                >
                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span
                            class="icon-flag"
                            style="
                              background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32);
                              --size-shadow: 2px;
                              --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
                            "
                          ></span><span class="currency-code">USD</span>
                      </div></div>
                  <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                </summary>

                <div
                  class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
                  style=""
                >
                  <div
                    class="menu-drawer__nav-buttons"
                    ref="navButtons"
                  >
                    <button
                      class="button menu-drawer__back-button link link--text focus-inset"
                      aria-expanded="true"
                      on:click="header-drawer/back"
                    >
                      <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                      Region and language
                    </button>
                    <button
                      class="button close-button menu-drawer__close-button"
                      type="button"
                      aria-label="Close"
                      on:click="header-drawer/close"
                    >
                      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </button>
                  </div>

                  
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] results"
  data-show-filter="true"
  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
        <div class="country-filter">
          <div class="field">
            <div class="country-filter__search-icon field__button motion-reduce">
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

              </span>
            </div>
            <input
              class="country-filter__input"
              id="country-filter-input"
              type="search"
              name="country_filter"
              value=""
              placeholder="Search"
              role="combobox"
              aria-owns="country-results"
              aria-controls="country-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              aria-label="Find country"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false"
              ref="search"
              on:keyup="/filterCountries"
            >
            <label
              class="field__label visually-hidden"
              for="country-filter-input"
            >Search</label>
            <button
              type="reset"
              class="button button-unstyled country-filter__reset-button field__button"
              aria-label="Reset"
              ref="resetButton"
              hidden
              on:click="/resetCountriesFilter"
            >
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>

              </span>
            </button>
          </div>
        </div>
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="drawer-CountryLabel"
        >
          Country/Region
        </h2>
        
          <div
            id="sr-country-search-results-AUlMyZzc4ZFdHczNvV__header-menu-1"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
          id="drawer-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >No results found</span>
              <li
                class="localization-form__list-item"
                
                data-value="AU"
                
                  data-aliases=""
                
                id="Australia"
                aria-label="Australia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Australia</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AT"
                
                  data-aliases=""
                
                id="Austria"
                aria-label="Austria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Austria</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BE"
                
                  data-aliases=""
                
                id="Belgium"
                aria-label="Belgium"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belgium</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CA"
                
                  data-aliases=""
                
                id="Canada"
                aria-label="Canada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Canada</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  CAD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CZ"
                
                  data-aliases=""
                
                id="Czechia"
                aria-label="Czechia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Czechia</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  CZK
                  Kč</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DK"
                
                  data-aliases=""
                
                id="Denmark"
                aria-label="Denmark"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Denmark</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FI"
                
                  data-aliases=""
                
                id="Finland"
                aria-label="Finland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Finland</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="France"
                aria-label="France"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">France</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DE"
                
                  data-aliases=""
                
                id="Germany"
                aria-label="Germany"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Germany</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HK"
                
                  data-aliases=""
                
                id="Hong Kong SAR"
                aria-label="Hong Kong SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hong Kong SAR</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  HKD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IE"
                
                  data-aliases=""
                
                id="Ireland"
                aria-label="Ireland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ireland</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IL"
                
                  data-aliases=""
                
                id="Israel"
                aria-label="Israel"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Israel</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  ILS
                  ₪</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IT"
                
                  data-aliases=""
                
                id="Italy"
                aria-label="Italy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Italy</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JP"
                
                  data-aliases=""
                
                id="Japan"
                aria-label="Japan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JP"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Japan</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  JPY
                  ¥</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MY"
                
                  data-aliases=""
                
                id="Malaysia"
                aria-label="Malaysia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malaysia</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  MYR
                  RM</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Netherlands"
                aria-label="Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Netherlands</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NZ"
                
                  data-aliases=""
                
                id="New Zealand"
                aria-label="New Zealand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Zealand</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NO"
                
                  data-aliases=""
                
                id="Norway"
                aria-label="Norway"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norway</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PL"
                
                  data-aliases=""
                
                id="Poland"
                aria-label="Poland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Poland</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  PLN
                  zł</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PT"
                
                  data-aliases=""
                
                id="Portugal"
                aria-label="Portugal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Portugal</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SG"
                
                  data-aliases=""
                
                id="Singapore"
                aria-label="Singapore"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Singapore</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  SGD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KR"
                
                  data-aliases=""
                
                id="South Korea"
                aria-label="South Korea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Korea</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  KRW
                  ₩</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ES"
                
                  data-aliases=""
                
                id="Spain"
                aria-label="Spain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ES"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Spain</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SE"
                
                  data-aliases=""
                
                id="Sweden"
                aria-label="Sweden"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sweden</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  SEK
                  kr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CH"
                
                  data-aliases=""
                
                id="Switzerland"
                aria-label="Switzerland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Switzerland</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  CHF
                  CHF</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AE"
                
                  data-aliases=""
                
                id="United Arab Emirates"
                aria-label="United Arab Emirates"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Arab Emirates</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  AED
                  د.إ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GB"
                
                  data-aliases="uk,gb,great britain"
                
                id="United Kingdom"
                aria-label="United Kingdom"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Kingdom</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="US"
                
                  data-aliases="us,usa,america,united states of america"
                
                id="United States"
                aria-label="United States"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/US"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United States</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  USD
                  $</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="US"
          ref="countryInput"
        >
      </div>
    

    
</form></localization-form-component>



                </div>
              </details>
            </drawer-localization-component>
          
</div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  





            
        
      
        
          
              
  <search-button class="search-action desktop:hidden">
    <button
      on:click="#search-modal/showDialog"
      class="button button-unstyled search-modal__button header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span
        aria-hidden="true"
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
    </div><div
      class="header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  

  

  

  

  <img src="//thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?height=36&amp;v=1778219290" alt="" width="36" height="36" class="header-logo__image" srcset="//thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?height=36&amp;v=1778219290 1x, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?height=72&amp;v=1778219290 2x, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?height=108&amp;v=1778219290 3x" style="--header-logo-image-width: 36px;--header-logo-image-width-mobile: 28px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">


  </span>

  
</a>





            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  
    <dropdown-localization-component
      class="dropdown-localization mobile:hidden"
    >
      <button
        type="button"
        class="button dropdown-localization__button localization-selector link link--text"
        aria-expanded="false"
        aria-controls="dropdown-localization-results"
        ref="button"
        on:click="/toggleSelector"
        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 0.875rem; "
      >
        
          
            
            <span
              class="icon-flag"
              style="
                background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32);
                --size-shadow: 2px;
                --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
              "
            ></span>
          
          <span
            class="currency-code"
            data-testid="localization-currency-code"
          >USD</span>
        
        <span
          class="visually-hidden"
          data-testid="localization-visually-hidden"
        >Region and language selector</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>

      <div
        class="localization-wrapper right-bound color-scheme-1"
        hidden
        ref="panel"
      >
        
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] results"
  data-show-filter="true"
  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
        <div class="country-filter">
          <div class="field">
            <div class="country-filter__search-icon field__button motion-reduce">
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

              </span>
            </div>
            <input
              class="country-filter__input"
              id="country-filter-input"
              type="search"
              name="country_filter"
              value=""
              placeholder="Search"
              role="combobox"
              aria-owns="country-results"
              aria-controls="country-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              aria-label="Find country"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false"
              ref="search"
              on:keyup="/filterCountries"
            >
            <label
              class="field__label visually-hidden"
              for="country-filter-input"
            >Search</label>
            <button
              type="reset"
              class="button button-unstyled country-filter__reset-button field__button"
              aria-label="Reset"
              ref="resetButton"
              hidden
              on:click="/resetCountriesFilter"
            >
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>

              </span>
            </button>
          </div>
        </div>
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="dropdown-CountryLabel"
        >
          Country/Region
        </h2>
        
          <div
            id="sr-country-search-results-"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
          id="dropdown-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >No results found</span>
              <li
                class="localization-form__list-item"
                
                data-value="AU"
                
                  data-aliases=""
                
                id="Australia"
                aria-label="Australia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Australia</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  AUD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AT"
                
                  data-aliases=""
                
                id="Austria"
                aria-label="Austria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Austria</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BE"
                
                  data-aliases=""
                
                id="Belgium"
                aria-label="Belgium"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belgium</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CA"
                
                  data-aliases=""
                
                id="Canada"
                aria-label="Canada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CA"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Canada</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  CAD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CZ"
                
                  data-aliases=""
                
                id="Czechia"
                aria-label="Czechia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Czechia</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  CZK
                  Kč</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DK"
                
                  data-aliases=""
                
                id="Denmark"
                aria-label="Denmark"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Denmark</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FI"
                
                  data-aliases=""
                
                id="Finland"
                aria-label="Finland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Finland</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="France"
                aria-label="France"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">France</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DE"
                
                  data-aliases=""
                
                id="Germany"
                aria-label="Germany"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Germany</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HK"
                
                  data-aliases=""
                
                id="Hong Kong SAR"
                aria-label="Hong Kong SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hong Kong SAR</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  HKD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IE"
                
                  data-aliases=""
                
                id="Ireland"
                aria-label="Ireland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ireland</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IL"
                
                  data-aliases=""
                
                id="Israel"
                aria-label="Israel"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Israel</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  ILS
                  ₪</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IT"
                
                  data-aliases=""
                
                id="Italy"
                aria-label="Italy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Italy</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JP"
                
                  data-aliases=""
                
                id="Japan"
                aria-label="Japan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JP"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Japan</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  JPY
                  ¥</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MY"
                
                  data-aliases=""
                
                id="Malaysia"
                aria-label="Malaysia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malaysia</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  MYR
                  RM</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Netherlands"
                aria-label="Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Netherlands</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NZ"
                
                  data-aliases=""
                
                id="New Zealand"
                aria-label="New Zealand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Zealand</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  NZD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NO"
                
                  data-aliases=""
                
                id="Norway"
                aria-label="Norway"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norway</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  USD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PL"
                
                  data-aliases=""
                
                id="Poland"
                aria-label="Poland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Poland</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  PLN
                  zł</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PT"
                
                  data-aliases=""
                
                id="Portugal"
                aria-label="Portugal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Portugal</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SG"
                
                  data-aliases=""
                
                id="Singapore"
                aria-label="Singapore"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Singapore</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  SGD
                  $</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KR"
                
                  data-aliases=""
                
                id="South Korea"
                aria-label="South Korea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Korea</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  KRW
                  ₩</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ES"
                
                  data-aliases=""
                
                id="Spain"
                aria-label="Spain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ES"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Spain</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SE"
                
                  data-aliases=""
                
                id="Sweden"
                aria-label="Sweden"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sweden</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  SEK
                  kr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CH"
                
                  data-aliases=""
                
                id="Switzerland"
                aria-label="Switzerland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CH"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Switzerland</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  CHF
                  CHF</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AE"
                
                  data-aliases=""
                
                id="United Arab Emirates"
                aria-label="United Arab Emirates"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Arab Emirates</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  AED
                  د.إ</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GB"
                
                  data-aliases="uk,gb,great britain"
                
                id="United Kingdom"
                aria-label="United Kingdom"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GB"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Kingdom</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  GBP
                  £</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="US"
                
                  data-aliases="us,usa,america,united states of america"
                
                id="United States"
                aria-label="United States"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/US"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United States</span>
                <span
                  class="localization-form__currency motion-reduce"
                  
                >
                  USD
                  $</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="US"
          ref="countryInput"
        >
      </div>
    

    
</form></localization-form-component>



      </div>
    </dropdown-localization-component>
  

            
        
      
        
          
              
  <search-button class="search-action mobile:hidden">
    <button
      on:click="#search-modal/showDialog"
      class="button button-unstyled search-modal__button header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span
        aria-hidden="true"
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              <script
  type="module"
  src="//thriftycreativity.com/cdn/shop/t/6/assets/cart-icon.js?v=157241182139685326961778194819"
  fetchpriority="low"
></script>



<header-actions>
  
    <script
      src="//thriftycreativity.com/cdn/shop/t/6/assets/dialog.js?v=61774032287387761671778194819"
      type="module"
    ></script>

    <anchored-popover-component
      data-close-on-resize="true"
      class="account-popover mobile:hidden"
    >
      <button
  class="account-button header-actions__action"
  aria-label="Account"
  aria-haspopup="dialog"popovertarget="account-popover"
    popovertargetaction="toggle"ref="trigger"
  
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



      <div
        class="account-popover__panel details-content color-scheme-1"
        id="account-popover"
        popover="auto"
        ref="popover"
      >
        <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Account
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//thriftycreativity.com/cdn/shop/t/6/assets/account-login-actions.js?v=132624473766457443991778194819"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//thriftycreativity.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//thriftycreativity.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://thriftycreativity.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2F%3Ffeed%3Drss2&locale=en&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



      </div>
    </anchored-popover-component>

    <dialog-component
      class="account-drawer"
      
    >
      <button
  class="account-button header-actions__action"
  aria-label="Account"
  aria-haspopup="dialog"ref="trigger"
  on:click="/showDialog"
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



      <dialog
        ref="dialog"
        class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
        scroll-lock
        aria-labelledby="account-drawer-heading"
      >
        <button
          ref="closeButton"
          on:click="/closeDialog"
          class="button button-unstyled close-button account-drawer__close-button"
          aria-label="Close dialog"
          autofocus
        >
          <span
            class="svg-wrapper"
            aria-hidden="true"
          ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
        <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Account
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//thriftycreativity.com/cdn/shop/t/6/assets/account-login-actions.js?v=132624473766457443991778194819"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//thriftycreativity.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//thriftycreativity.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://thriftycreativity.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2F%3Ffeed%3Drss2&locale=en&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



      </dialog>
    </dialog-component>
  

  
    <script
      src="//thriftycreativity.com/cdn/shop/t/6/assets/cart-drawer.js?v=60516533948368149871778194819"
      type="module"
      fetchpriority="low"
    ></script>

    <cart-drawer-component
      class="cart-drawer"
      
      
        auto-open
      
    >
      <button
        class="button header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Cart"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="
      header-actions__cart-icon
      
    "
    data-testid="cart-icon"
  >
    <span
      class="svg-wrapper"
      aria-hidden="true"
    >
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Total items in cart: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <div class="cart-drawer__inner">
          <cart-items-component
            class="cart-items-component"
            data-section-id="sections--22002806489306__header_section"
          ><div class="cart-drawer__header">
                <button
                  ref="closeButton"
                  on:click="cart-drawer-component/close"
                  class="button close-button cart-drawer__close-button button-unstyled"
                  aria-label="Close dialog"
                >
                  <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                </button>
              </div>

              <div
                class="cart-drawer__content motion-reduce"
                aria-label="Cart"
              >
                <h2
                  class="cart-drawer__heading h4 cart-drawer__heading--empty"
                  id="cart-drawer-heading-empty"
                >
                  Your cart is empty
                </h2>

                <div class="cart-drawer__items">
                  

<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/component-cart-items.js?v=47090504063697747641778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/component-cart-quantity-selector.js?v=105130809908858639751778194819"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/volume-pricing-info.js?v=94479640769665442661778194819"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Have an account? <a href="https://thriftycreativity.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      Continue shopping
    </a></div>



                </div>
              </div></cart-items-component>
        </div>
      </dialog>
    </cart-drawer-component>
  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
      <div
        class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden"
        ref="headerRowTop"style="--border-bottom-width: 1px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--center"
      data-testid="header-bottom-center"
    >
      
        
          
              



    

    

    <header-menu
      ref="headerMenu"
      class="header-menu mobile:hidden"
      data-animation-delay="200"
      
      style="--submenu-animation-speed: 200ms;"
    >
      <div class="header-menu__inner">
        <nav header-menu>
          <div
            class="menu-list"
            style="--menu-top-level-font-family: var(--font-secondary--family);
--menu-top-level-font-size-desktop: 0.75rem; --menu-top-level-font-style: var(--font-secondary--style); --menu-top-level-font-weight: var(--font-secondary--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
          >
            
            <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-matches-parent"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//thriftycreativity.com/cdn/shop/t/6/assets/overflow-list.css?v=101911674359793798601778194819" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            More
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/"
            data-skip-node-update="true"
            class="menu-list__link menu-list__link--active"ref="menuitem"
          >
            <span class="menu-list__link-title">Home</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/all-products"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">All Products</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">All collections</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/digital-designs"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Digital Designs</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/cup-cozies"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Coffee Cozies</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/handmade-accessories"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Handmade Accessories</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/handmade-bags"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Handmade Bags</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/handstamped"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Handstamped</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/italian-charms"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Italian Charms</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/mouse-ear-holders"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">Mouse Ear Holders</span>
          </a></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="menuitem" class="button menu-list__link button-unstyled">
          <span class="menu-list__link-title">More</span>
        </button>
      </li>
    
</overflow-list>

          </div>
        </nav>
      </div>

      <script
        src="//thriftycreativity.com/cdn/shop/t/6/assets/header-menu.js?v=32392277473258403531778194819"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>






            
        
      
    </div>
        </div>
      </div>
    
  

  
</header-component>

<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/header.js?v=155792906110242140481778194819"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--22002806489306__header_section', url);
  </script>



</header><div id="shopify-section-sections--22002806489306__header_announcements_m3CMDf" class="shopify-section shopify-section-group-header-group">



<div class="section-background color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc"></div>
<aside
  class="announcement-bar spacing-style section section--page-width color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc"
  style="--padding-block-start: 15px; --padding-block-end:15px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 0px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
  >
    

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AUEtkSmljcnFpRUZBR__announcement_zCpTxb
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      Get ready for summer! Limited Time 20% off all orders over $25
    </p>

    
  </slideshow-slide>



    </div>
  </announcement-bar-component>
</aside>




</div>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height calculation to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="true"
      data-template="index"
    >
      <section id="shopify-section-template--22002810749146__hero_G7CAX9" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--22002810749146__hero_G7CAX9"
  class="hero color-scheme-6 hero--stack-mobile"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-medium);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));"
  ><div
      class="hero__media-wrapper"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 4.0;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #00000030;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top;"
></div>



      
  
<img src="//thriftycreativity.com/cdn/shop/files/TC_4x1_banner_48_x_12_in_1.png?v=1778194852&amp;width=3840" srcset="//thriftycreativity.com/cdn/shop/files/TC_4x1_banner_48_x_12_in_1.png?v=1778194852&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/TC_4x1_banner_48_x_12_in_1.png?v=1778194852&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/TC_4x1_banner_48_x_12_in_1.png?v=1778194852&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/TC_4x1_banner_48_x_12_in_1.png?v=1778194852&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/TC_4x1_banner_48_x_12_in_1.png?v=1778194852&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/TC_4x1_banner_48_x_12_in_1.png?v=1778194852&amp;width=3840 3840w" width="4608" height="1152" class="hero__image hero__image--desktop hero__image--mobile" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">

  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        full-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
    >
      














    </div>
  </div>
</div>




</section><div id="shopify-section-template--22002810749146__product_list_YidTcf" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >











  <rte-formatter class=" spacing-style text-block text-block--AR0wyV1ZVYUdqL2V5T__product_list_text_Y6t468 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Top Sellers</h3>
  </rte-formatter>






</div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
      force-full-width
    
    
    resource-list__carousel
  "
  style="--resource-list-column-gap-desktop: 8px;--column-count: 4;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
  
    data-testid="resource-list-grid"
  
>
  
      



<div
  class="resource-list__carousel"
  style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"
>
  <slideshow-component
  
    ref="resourceListCarousel"
  
  
    class="resource-list__carousel"
  
  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
        gutters="start end"
      
    >
      
  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9142101344474"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9142101344474"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card"
  data-product-transition="true"
  
  
>
  <a
    id="d267801e720d7e90a8bdb5cc9fed3882"
    
      href="/products/disney-mom-reversible-coffee-cup-cozy-copy?variant=47346555322586"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Bookish Cup Cozy
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9142101344474"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/disney-mom-reversible-coffee-cup-cozy-copy?variant=47346555322586"
      aria-label="Bookish Cup Cozy"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="41365706637530"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0019120458891013"
  data-media-id="41365706637530"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=3840" alt="Bookish Cup Cozy" srcset="//thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=3840 3840w" width="3840" height="3833" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Bookish Cup Cozy"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9142101344474"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9142101344474-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47346555322586"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9142101344474" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Bookish Cup Cozy</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9142101344474"
      data-product-url="/products/disney-mom-reversible-coffee-cup-cozy-copy"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47346555322586"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47346555322586"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/Bookish_cup_cozie.png?v=1768795118&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9142101344474" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/disney-mom-reversible-coffee-cup-cozy-copy"
    data-variant-id="47346555322586"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">Bookish Cup Cozy</h4>
              <p class="pickup-location__text-sm">
                Default Title
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/disney-mom-reversible-coffee-cup-cozy-copy?variant=47346555322586"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Bookish Cup Cozy</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q"
  data-product-id="9142101344474"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$10.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9069121306842"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9069121306842"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card-1"
  data-product-transition="true"
  
  
>
  <a
    id="c1398718af1f33b0615213844fe4643f"
    
      href="/products/stranger-earrings-copy?variant=47064665227482"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      TS Showgirl Earrings
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-1 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9069121306842"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/stranger-earrings-copy?variant=47064665227482"
      aria-label="TS Showgirl Earrings"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40520340930778"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40520340930778"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=3840" alt="TS Showgirl Earrings" srcset="//thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40520340406490"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5882717964629227"
  data-media-id="40520340406490"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840" alt="TS Showgirl Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840 3840w" width="3840" height="6528" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031955247322"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5559655596555966"
  data-media-id="42031955247322"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840" alt="TS Showgirl Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840 3840w" width="3840" height="6907" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031954591962"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5527117611212675"
  data-media-id="42031954591962"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840" alt="TS Showgirl Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840 3840w" width="3840" height="6948" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031954460890"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5719602977667494"
  data-media-id="42031954460890"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840" alt="TS Showgirl Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840 3840w" width="3840" height="6714" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="TS Showgirl Earrings"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9069121306842"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9069121306842-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47064665227482"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9069121306842" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">TS Showgirl Earrings</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE-1"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9069121306842"
      data-product-url="/products/stranger-earrings-copy"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47064665227482"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47064665227482"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/Showgirl_Earrings.png?v=1761711785&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart-1"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9069121306842" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/stranger-earrings-copy"
    data-variant-id="47064665227482"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">TS Showgirl Earrings</h4>
              <p class="pickup-location__text-sm">
                Default Title
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/stranger-earrings-copy?variant=47064665227482"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV-1 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>TS Showgirl Earrings</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q-1"
  data-product-id="9069121306842"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$12.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9072431825114"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9072431825114"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card-2"
  data-product-transition="true"
  
  
>
  <a
    id="66e290b3fcda0becb4abd541368266f0"
    
      href="/products/handmade-italian-charm-bookish?variant=47072390021338"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Handmade Italian Charm: Bookish
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-2 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9072431825114"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/handmade-italian-charm-bookish?variant=47072390021338"
      aria-label="Handmade Italian Charm: Bookish"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="6"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40550978126042"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40550978126042"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=3840" alt="Handmade Italian Charm: Bookish" srcset="//thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031953019098"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5556930693069307"
  data-media-id="42031953019098"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=3840" alt="Handmade Italian Charm: Bookish" srcset="//thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=3840 3840w" width="3840" height="6910" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_0389.jpg?v=1778205118&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031953117402"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5750938673341677"
  data-media-id="42031953117402"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=3840" alt="Handmade Italian Charm: Bookish" srcset="//thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=3840 3840w" width="3840" height="6677" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_0783.jpg?v=1778205133&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40550981828826"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.3524684270952927"
  data-media-id="40550981828826"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840" alt="Handmade Italian Charm: Bookish" srcset="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840 3840w" width="3840" height="2839" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40550987464922"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.3333333333333333"
  data-media-id="40550987464922"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=3840" alt="Handmade Italian Charm: Bookish" srcset="//thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=3840 3840w" width="3840" height="2880" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_9070.heic?v=1761941881&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Handmade Italian Charm: Bookish"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9072431825114"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9072431825114-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47072390021338"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9072431825114" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Handmade Italian Charm: Bookish</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE-2"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9072431825114"
      data-product-url="/products/handmade-italian-charm-bookish"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47072390021338"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47072390021338"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/BookishHandmadeItalianCharms.png?v=1761941055&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart-2"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9072431825114" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/handmade-italian-charm-bookish"
    data-variant-id="47072390021338"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">Handmade Italian Charm: Bookish</h4>
              <p class="pickup-location__text-sm">
                In My Booish Era
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/handmade-italian-charm-bookish?variant=47072390021338"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV-2 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Handmade Italian Charm: Bookish</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q-2"
  data-product-id="9072431825114"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$5.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9069169213658"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9069169213658"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card-3"
  data-product-transition="true"
  
  
>
  <a
    id="acf4823d38a0567f1b08f2e0e2ccb0ad"
    
      href="/products/color-changing-mouse-parks-map-clear-zipper-pouch-small-copy?variant=47064838865114"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Clear Zipper Pouch Metallic Mint (small)
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-3 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9069169213658"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/color-changing-mouse-parks-map-clear-zipper-pouch-small-copy?variant=47064838865114"
      aria-label="Clear Zipper Pouch Metallic Mint (small)"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40522398925018"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40522398925018"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=3840" alt="Clear Zipper Pouch Metallic Mint (small)" srcset="//thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Clear Zipper Pouch Metallic Mint (small)"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9069169213658"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9069169213658-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47064838865114"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9069169213658" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Clear Zipper Pouch Metallic Mint (small)</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE-3"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9069169213658"
      data-product-url="/products/color-changing-mouse-parks-map-clear-zipper-pouch-small-copy"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47064838865114"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47064838865114"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/metallicmint.png?v=1761721646&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart-3"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9069169213658" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/color-changing-mouse-parks-map-clear-zipper-pouch-small-copy"
    data-variant-id="47064838865114"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">Clear Zipper Pouch Metallic Mint (small)</h4>
              <p class="pickup-location__text-sm">
                Default Title
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/color-changing-mouse-parks-map-clear-zipper-pouch-small-copy?variant=47064838865114"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV-3 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Clear Zipper Pouch Metallic Mint (small)</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q-3"
  data-product-id="9069169213658"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$20.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9072516366554"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9072516366554"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card-4"
  data-product-transition="true"
  
  
>
  <a
    id="f92f15d8be481f9829a41e0976a93cd4"
    
      href="/products/handmade-italian-charm-harry-potter-copy?variant=47072542228698"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Handmade Italian Charm: Disney
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-4 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9072516366554"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/handmade-italian-charm-harry-potter-copy?variant=47072542228698"
      aria-label="Handmade Italian Charm: Disney"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40551642988762"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40551642988762"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=3840" alt="Handmade Italian Charm: Disney" srcset="//thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031951904986"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5636923076923077"
  data-media-id="42031951904986"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=3840" alt="Handmade Italian Charm: Disney" srcset="//thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=3840 3840w" width="3840" height="6812" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_1667.jpg?v=1778205031&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40550981828826"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.3524684270952927"
  data-media-id="40550981828826"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840" alt="Handmade Italian Charm: Disney" srcset="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840 3840w" width="3840" height="2839" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Handmade Italian Charm: Disney"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9072516366554"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9072516366554-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47072542228698"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9072516366554" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Handmade Italian Charm: Disney</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE-4"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9072516366554"
      data-product-url="/products/handmade-italian-charm-harry-potter-copy"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47072542228698"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47072542228698"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/DisneyHandmadeItalianCharms.png?v=1761948268&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart-4"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9072516366554" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/handmade-italian-charm-harry-potter-copy"
    data-variant-id="47072542228698"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">Handmade Italian Charm: Disney</h4>
              <p class="pickup-location__text-sm">
                Disney Castle
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/handmade-italian-charm-harry-potter-copy?variant=47072542228698"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV-4 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Handmade Italian Charm: Disney</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q-4"
  data-product-id="9072516366554"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$5.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9069128614106"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9069128614106"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card-5"
  data-product-transition="true"
  
  
>
  <a
    id="a1bd6988ddd79c6b3a70284f26010a83"
    
      href="/products/ts-forever-and-always-pin-copy?variant=47064724209882"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      TS All Too Well Pin
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-5 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9069128614106"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/ts-forever-and-always-pin-copy?variant=47064724209882"
      aria-label="TS All Too Well Pin"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40520387035354"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40520387035354"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=3840" alt="TS All Too Well Pin" srcset="//thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="TS All Too Well Pin"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9069128614106"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9069128614106-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47064724209882"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9069128614106" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">TS All Too Well Pin</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE-5"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9069128614106"
      data-product-url="/products/ts-forever-and-always-pin-copy"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47064724209882"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47064724209882"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/TS_All_too_well_pin.png?v=1761713597&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart-5"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9069128614106" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/ts-forever-and-always-pin-copy"
    data-variant-id="47064724209882"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">TS All Too Well Pin</h4>
              <p class="pickup-location__text-sm">
                Default Title
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/ts-forever-and-always-pin-copy?variant=47064724209882"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV-5 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>TS All Too Well Pin</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q-5"
  data-product-id="9069128614106"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$10.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9069126549722"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9069126549722"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card-6"
  data-product-transition="true"
  
  
>
  <a
    id="900447890aef459f0282d5a3a7794a2f"
    
      href="/products/ts-this-love-is-ours-earrings-copy?variant=47064711135450"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      TS Poets Department Earrings
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-6 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9069126549722"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/ts-this-love-is-ours-earrings-copy?variant=47064711135450"
      aria-label="TS Poets Department Earrings"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40520371437786"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40520371437786"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=3840" alt="TS Poets Department Earrings" srcset="//thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40520340406490"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5882717964629227"
  data-media-id="40520340406490"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840" alt="TS Poets Department Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840 3840w" width="3840" height="6528" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031955247322"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5559655596555966"
  data-media-id="42031955247322"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840" alt="TS Poets Department Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840 3840w" width="3840" height="6907" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031954591962"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5527117611212675"
  data-media-id="42031954591962"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840" alt="TS Poets Department Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840 3840w" width="3840" height="6948" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031954460890"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5719602977667494"
  data-media-id="42031954460890"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840" alt="TS Poets Department Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840 3840w" width="3840" height="6714" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="TS Poets Department Earrings"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9069126549722"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9069126549722-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47064711135450"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9069126549722" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">TS Poets Department Earrings</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE-6"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9069126549722"
      data-product-url="/products/ts-this-love-is-ours-earrings-copy"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47064711135450"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47064711135450"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/TS_Poets_Dept_Earrings.png?v=1761712784&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart-6"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9069126549722" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/ts-this-love-is-ours-earrings-copy"
    data-variant-id="47064711135450"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">TS Poets Department Earrings</h4>
              <p class="pickup-location__text-sm">
                Default Title
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/ts-this-love-is-ours-earrings-copy?variant=47064711135450"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV-6 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>TS Poets Department Earrings</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q-6"
  data-product-id="9069126549722"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$12.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-7; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9069123600602"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9069123600602"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card-7"
  data-product-transition="true"
  
  
>
  <a
    id="3c70e21122c8d3a8dfa265a9338dc4d8"
    
      href="/products/ts-showgirl-earrings-copy?variant=47064690557146"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      TS 1989 Earrings
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-7 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9069123600602"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/ts-showgirl-earrings-copy?variant=47064690557146"
      aria-label="TS 1989 Earrings"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40520349876442"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40520349876442"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=3840" alt="TS 1989 Earrings" srcset="//thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40520340406490"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5882717964629227"
  data-media-id="40520340406490"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840" alt="TS 1989 Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840 3840w" width="3840" height="6528" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_9601.heic?v=1769321830&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031955247322"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5559655596555966"
  data-media-id="42031955247322"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840" alt="TS 1989 Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840 3840w" width="3840" height="6907" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_9127.jpg?v=1778205384&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031954591962"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5527117611212675"
  data-media-id="42031954591962"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840" alt="TS 1989 Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840 3840w" width="3840" height="6948" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_1245.jpg?v=1778205346&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="42031954460890"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.5719602977667494"
  data-media-id="42031954460890"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840" alt="TS 1989 Earrings" srcset="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840 3840w" width="3840" height="6714" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_0743.jpg?v=1778205333&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="TS 1989 Earrings"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9069123600602"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9069123600602-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47064690557146"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9069123600602" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">TS 1989 Earrings</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE-7"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9069123600602"
      data-product-url="/products/ts-showgirl-earrings-copy"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47064690557146"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47064690557146"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/TS_1989_Earrings.png?v=1761711878&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart-7"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9069123600602" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/ts-showgirl-earrings-copy"
    data-variant-id="47064690557146"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">TS 1989 Earrings</h4>
              <p class="pickup-location__text-sm">
                Default Title
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/ts-showgirl-earrings-copy?variant=47064690557146"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV-7 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>TS 1989 Earrings</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q-7"
  data-product-id="9069123600602"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$12.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-8; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card-link
    data-product-id="9068746801370"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&width=500"
    data-product-transition="true"
    
  ><product-card
  class="product-card"
  data-product-id="9068746801370"
  id="product-card-ARElrNm1oV0RuMmhMb__static-product-card-8"
  data-product-transition="true"
  
  
>
  <a
    id="8708aef1e52e435126aa3509b002ff4c"
    
      href="/products/valentine-conversation-hearts-swift-icons-music-pop-star-era-taylor-lyrics-seamless-pattern-fabric-design-surface-pattern-digital-patterns?variant=47062977708250"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Valentine Conversation Hearts TS Icons Music Pop Star Era Lyrics Seamless Pattern Fabric Design Surface Pattern Digital Patterns
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-8 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="9068746801370"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="square"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/valentine-conversation-hearts-swift-icons-music-pop-star-era-taylor-lyrics-seamless-pattern-fabric-design-surface-pattern-digital-patterns?variant=47062977708250"
      aria-label="Valentine Conversation Hearts TS Icons Music Pop Star Era Lyrics Seamless Pattern Fabric Design Surface Pattern Digital Patterns"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40514581954778"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40514581954778"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=3840" alt="Valentine Conversation Hearts TS Icons Music Pop Star Era Lyrics Seamless Pattern Fabric Design Surface Pattern Digital Patterns" srcset="//thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="40514581987546"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="40514581987546"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=3840" alt="Valentine Conversation Hearts TS Icons Music Pop Star Era Lyrics Seamless Pattern Fabric Design Surface Pattern Digital Patterns" srcset="//thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/701fa5c8-il_fullxfull.6562045050_4jxt.jpg?v=1761674253&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Valentine Conversation Hearts TS Icons Music Pop Star Era Lyrics Seamless Pattern Fabric Design Surface Pattern Digital Patterns"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-id="9068746801370"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9068746801370-AMVVWVm1mV2hLcUhVS__product_card_gallery_xE4xwn-8" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
      
      <input
        type="hidden"
        name="id"
        ref="variantId"
        value="47062977708250"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>




      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text quick-add__button-content"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9068746801370" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Valentine Conversation Hearts TS Icons Music Pop Star Era Lyrics Seamless Pattern Fabric Design Surface Pattern Digital Patterns</h3>
  
</div>







<span
  class="buy-buttons-block buy-buttons-block--AV0xobVg0d09vMWo0a__buy_buttons_qEfzmE-8"
  
><product-form-component
      data-section-id="template--22002810749146__product_list_YidTcf"
      data-product-id="9068746801370"
      data-product-url="/products/valentine-conversation-hearts-swift-icons-music-pop-star-era-taylor-lyrics-seamless-pattern-fabric-design-surface-pattern-digital-patterns"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__product_list_YidTcf" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47062977708250"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47062977708250"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/74457f96-il_fullxfull.6610163223_e6zi.jpg?v=1761674253&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-AMTV3M2c4dk5kSFpXV__add-to-cart-8"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9068746801370" /><input type="hidden" name="section-id" value="template--22002810749146__product_list_YidTcf" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__product_list_YidTcf"
    data-product-url="/products/valentine-conversation-hearts-swift-icons-music-pop-star-era-taylor-lyrics-seamless-pattern-fabric-design-surface-pattern-digital-patterns"
    data-variant-id="47062977708250"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">Valentine Conversation Hearts TS Icons Music Pop Star Era Lyrics Seamless Pattern Fabric Design Surface Pattern Digital Patterns</h4>
              <p class="pickup-location__text-sm">
                Default Title
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/valentine-conversation-hearts-swift-icons-music-pop-star-era-taylor-lyrics-seamless-pattern-fabric-design-surface-pattern-digital-patterns?variant=47062977708250"
  >
    






  <div class=" spacing-style text-block text-block--AcGVzODh0MUk2VmszT__product_title_LqTDzV-8 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Valentine Conversation Hearts TS Icons Music Pop Star Era Lyrics Seamless Pattern Fabric Design Surface Pattern Digital Patterns</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AbzZIcXBwaU1ZSTJab__price_ECfK8q-8"
  data-product-id="9068746801370"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$7.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>







  </div>
</product-card></product-card-link>




            
          </div>
</slideshow-slide>

  

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



</div>


    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  ></div>
</div>


</div><div id="shopify-section-template--22002810749146__featured_product_information_RjdUxh" class="shopify-section">

<script type="application/ld+json">
  {"@context":"http:\/\/schema.org\/","@id":"\/products\/handmade-italian-charm-class-of-2026#product","@type":"Product","brand":{"@type":"Brand","name":"Thrifty Creativity"},"category":"Charms \u0026 Pendants","description":"Free with orders over $35 when you use code 2026GRAD\nHandmade Italian Charm: Class of 2026\nItalian charm bracelets are back! They are the perfect way to display pieces of your personality in your style. Add them to your bracelet you started in the 2000s for more nostalgia or build a new bracelet today!  These make a unique and personal gift for any occasion!\nMade to fit as a link in a 9mm Italian charm bracelet \nAll metal portions are made from stainless steel. \nStandard Sized Bracelets come with 18 links. (17 blank + 2026)\nLarge Sized Bracelets come with 20 links. (19 blank + 2026)\nPlease note: these charms are handmade and they might look slightly different then pictured. Please treat them gently. 💛 These are not official products","image":"https:\/\/thriftycreativity.com\/cdn\/shop\/files\/Christian_Handmade_Italian_Charms_1.png?v=1778218765\u0026width=1920","name":"Handmade Italian Charm: Class of 2026","offers":{"@id":"\/products\/handmade-italian-charm-class-of-2026?variant=47844359700698#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"5.00","priceCurrency":"USD","url":"https:\/\/thriftycreativity.com\/products\/handmade-italian-charm-class-of-2026?variant=47844359700698"},"url":"https:\/\/thriftycreativity.com\/products\/handmade-italian-charm-class-of-2026"}
</script>







<featured-product-information id="template--22002810749146__featured_product_information_RjdUxh">
  



<div class="section-background color-scheme-1"></div>
<div
  class="product-information section section--page-width spacing-style color-scheme-1 relative"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); --gap: 48px;"
  data-testid="product-information"
>
  
  <div
    class="product-information__grid product-information--media-left product-information__grid--half"
    data-product-grid-content
  >
    
    

    
      
        
      <div
        class="product-information__media"
        data-testid="product-information-media"
      >
        
  


<script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/zoom-dialog.js?v=82028443406372487331778194819"
    type="module"
  ></script><script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/drag-zoom-wrapper.js?v=52868656766563354141778194819"
    type="module"
  ></script><style data-shopify>
  

  
    .media-fit-contain {
      --product-media-fit: contain;
    }

    /* Media fit for all media elements */
    .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) {
      object-fit: contain;
      width: 100%;
      height: 100%;
    }

    /* 3D Models (no object-fit support, just sizing) */
    .media-fit-contain model-viewer {
      width: 100%;
      height: 100%;
    }
  

  

  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
  
    .media-fit-contain :is(img, .deferred-media__poster-image) {
      background-color: var(--color-background);
    }
  
</style>


  <media-gallery
    class="
      spacing-style
      sticky-content
      
      media-gallery--carousel
      
      
    "
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 44px; --media-radius: 0px;--image-gap: px;"
    data-presentation="carousel"
    
  >
    

    

    

    <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
    
      
        <slideshow-arrows
  position="center"
  
    class="mobile:hidden"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

      
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      
      
        
        
        
        

        <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
  
  on:click="#zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery/open/0" data-view-transition-type="product-image-transition"
  
    style="--media-preview-ratio: 1.0;"
  
  
  
  
  on:click="#zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery/open/0" data-view-transition-type="product-image-transition"
>
  



<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="42032379691226"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=3840" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) 45rem, (min-width: 750px) calc(50vw - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">

  

  
</div>



        
</slideshow-slide>

      
        
        
        
        

        <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable product-media-container--tallest"
  
  on:click="#zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery/open/1"
  
    style="--media-preview-ratio: 0.5543140906269398;"
  
  
  
  
  on:click="#zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery/open/1"
>
  



<div
  class="product-media"
  style="--ratio: 0.5543140906269398"
  data-media-id="42032057319642"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=3840" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=3840 3840w" width="3840" height="6927" sizes="(min-width: 95rem) 45rem, (min-width: 750px) calc(50vw - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  

  
</div>



        
</slideshow-slide>

      
        
        
        
        

        <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
  
  on:click="#zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery/open/2"
  
    style="--media-preview-ratio: 1.0;"
  
  
  
  
  on:click="#zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery/open/2"
>
  



<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="42032366158042"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=3840" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) 45rem, (min-width: 750px) calc(50vw - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  

  
</div>



        
</slideshow-slide>

      
        
        
        
        

        <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
  
  on:click="#zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery/open/3"
  
    style="--media-preview-ratio: 1.3524684270952927;"
  
  
  
  
  on:click="#zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery/open/3"
>
  



<div
  class="product-media"
  style="--ratio: 1.3524684270952927"
  data-media-id="40550981828826"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840 3840w" width="3840" height="2839" sizes="(min-width: 95rem) 45rem, (min-width: 750px) calc(50vw - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  

  
</div>



        
</slideshow-slide>

      
    
    </slideshow-slides>
  </slideshow-container>
  
        

  <slideshow-controls
    
      ref="slideshowControls"
    
    pagination-position="center"
    scroll-mode="horizontal"
    
      controls-on-media
    
    
    
    
      class="mobile:hidden"
    
    
      style="--thumbnail-radius: 0px;"
    
  >
    

    

    
        <div class="slideshow-controls__counter">
          <span ref="current">1</span><span class="slash">/</span>4</div>
      

    
  </slideshow-controls>

  





        

  <slideshow-controls
    
      ref="slideshowControls"
    
    pagination-position="center"
    scroll-mode="horizontal"
    
      controls-on-media
    
    
    
    
      class="desktop:hidden media-gallery__mobile-controls"
    
    
      style="--thumbnail-radius: 0px;"
    
  >
    

    

    
        <ol class="slideshow-controls__dots">
          
            <li>
              <button
                class="slideshow-control button button-unstyled"
                style="animation-timeline: --slide-1"
                aria-label="Slide 1 of 4"
                on:click="/select/0"
                ref="dots[]"
                
                  aria-selected="true"
                
              >
                1
              </button>
            </li>
          
            <li>
              <button
                class="slideshow-control button button-unstyled"
                style="animation-timeline: --slide-2"
                aria-label="Slide 2 of 4"
                on:click="/select/1"
                ref="dots[]"
                
              >
                2
              </button>
            </li>
          
            <li>
              <button
                class="slideshow-control button button-unstyled"
                style="animation-timeline: --slide-3"
                aria-label="Slide 3 of 4"
                on:click="/select/2"
                ref="dots[]"
                
              >
                3
              </button>
            </li>
          
            <li>
              <button
                class="slideshow-control button button-unstyled"
                style="animation-timeline: --slide-4"
                aria-label="Slide 4 of 4"
                on:click="/select/3"
                ref="dots[]"
                
              >
                4
              </button>
            </li>
          
        </ol>
    

    
  </slideshow-controls>

  




      
</slideshow-component>




    
<zoom-dialog
        ref="zoomDialogComponent"
        id="zoom-dialog-Ab2hKQkM0dEhLL2pjb__media-gallery"
      >
        <dialog
          ref="dialog"
          on:keydown="/handleKeyDown"
          scroll-lock
        >
          <button
            type="button"
            class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
            aria-label="Close"
            on:click="/close"
          >
            <span class="visually-hidden">Close</span>
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

          </button>
          <div class="dialog-thumbnails-list-container">
            <scroll-hint
              class="dialog-thumbnails-list list-unstyled"
              ref="thumbnails"
            >
              

                  <button
                    type="button"
                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
                    aria-label="Scroll to Handmade Italian Charm: Class of 2026"
                    on:click="/handleThumbnailClick/0"
                    on:pointerenter="/handleThumbnailPointerEnter/0"
                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
                    
                      aria-selected="true"
                    
                  >
                    
                    <img src="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=1024" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
                  </button>
                  <button
                    type="button"
                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
                    aria-label="Scroll to Handmade Italian Charm: Class of 2026"
                    on:click="/handleThumbnailClick/1"
                    on:pointerenter="/handleThumbnailPointerEnter/1"
                    style="--aspect-ratio: 0.5543140906269398; --gallery-aspect-ratio: 0.5543140906269398;"
                    
                  >
                    
                    <img src="//thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=1024" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=832 832w" width="1024" height="1847" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
                  </button>
                  <button
                    type="button"
                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
                    aria-label="Scroll to Handmade Italian Charm: Class of 2026"
                    on:click="/handleThumbnailClick/2"
                    on:pointerenter="/handleThumbnailPointerEnter/2"
                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
                    
                  >
                    
                    <img src="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=1024" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
                  </button>
                  <button
                    type="button"
                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
                    aria-label="Scroll to Handmade Italian Charm: Class of 2026"
                    on:click="/handleThumbnailClick/3"
                    on:pointerenter="/handleThumbnailPointerEnter/3"
                    style="--aspect-ratio: 1.3524684270952927; --gallery-aspect-ratio: 1.3524684270952927;"
                    
                  >
                    
                    <img src="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1024" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=832 832w" width="1024" height="757" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
                  </button>
            </scroll-hint>
          </div>
          <ul
            class="dialog-zoomed-gallery list-unstyled"
          ><li
                id="product-42032379691226-1"
                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
                style=" --media-preview-ratio: 1.0;"
                ref="media[]"
                
                  on:click="/close"
                
              >
                
                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="42032379691226"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=3840" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">

  

  
</div>


</drag-zoom-wrapper>
                
              </li><li
                id="product-42032057319642-2"
                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
                style=" --media-preview-ratio: 0.5543140906269398;"
                ref="media[]"
                
                  on:click="/close"
                
              >
                
                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">

<div
  class="product-media"
  style="--ratio: 0.5543140906269398"
  data-media-id="42032057319642"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=3840" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=3840 3840w" width="3840" height="6927" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_0414.jpg?v=1778210598&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  

  
</div>


</drag-zoom-wrapper>
                
              </li><li
                id="product-42032366158042-3"
                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
                style=" --media-preview-ratio: 1.0;"
                ref="media[]"
                
                  on:click="/close"
                
              >
                
                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="42032366158042"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=3840" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms.png?v=1778218150&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  

  
</div>


</drag-zoom-wrapper>
                
              </li><li
                id="product-40550981828826-4"
                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
                style=" --media-preview-ratio: 1.3524684270952927;"
                ref="media[]"
                
                  on:click="/close"
                
              >
                
                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">

<div
  class="product-media"
  style="--ratio: 1.3524684270952927"
  data-media-id="40550981828826"
>
  
  <img src="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840" alt="Handmade Italian Charm: Class of 2026" srcset="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840 3840w" width="3840" height="2839" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//thriftycreativity.com/cdn/shop/files/IMG_8956.jpg?v=1761948398&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  

  
</div>


</drag-zoom-wrapper>
                
              </li></ul>
        </dialog>
      </zoom-dialog></media-gallery>








      </div>
    
      
    
      
        
  
<div
  id="ProductInformation-template--22002810749146__featured_product_information_RjdUxh"
  class="
    product-details
     sticky-content--desktop
    "
  style="--details-position: flex-start;"
  data-testid="product-information-details"
  
    data-view-transition-type="product-details"
  
>
  

  <div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
      
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));

--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
"
  >
    <div class="view-product-title">
      <a
        href="/products/handmade-italian-charm-class-of-2026?variant=47844359700698"
        class="link"
      >Handmade Italian Charm: Class of 2026
      </a>
    </div>
    


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/handmade-italian-charm-class-of-2026?variant=47844359700698"
  >
    






  <div class=" spacing-style text-block text-block--ANDMvSmVJdjJTaXpMc__product_title_Cj7Cyt h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Handmade Italian Charm: Class of 2026</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left paragraph spacing-style"
  data-block-id="ASFVRS0d1ZUdzT1pVd__price_VCJR7F"
  data-product-id="9249197555930"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$5.00</span>
    

    
  
</div>

  
</product-price>







</div>
</div>













  











<span
  class="buy-buttons-block buy-buttons-block--AdDU2TDVraFFBdWd5b__buy_buttons_7ceXED"
  
><product-form-component
      data-section-id="template--22002810749146__featured_product_information_RjdUxh"
      data-product-id="9249197555930"
      data-product-url="/products/handmade-italian-charm-class-of-2026"
      on:submit="/handleSubmit"
      data-quantity-default="1"
      data-quantity-error-max="This item has a maximum of {{ maximum }}"
    >
      <div
        class="visually-hidden"
        aria-live="assertive"
        role="status"
        aria-atomic="true"
        ref="liveRegion"
      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22002810749146__featured_product_information_RjdUxh" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
          type="hidden"
          name="id"
          ref="variantId"
          value="47844359700698"
        ><div
          class="product-form-buttons spacing-style"
          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
          ref="productFormButtons"
        >



<div
  class="quantity-selector-wrapper"
  ref="quantitySelectorWrapper"
>
  <quantity-selector-component
    class="quantity-selector"
    data-variant-id="47844359700698"
    
ref="quantitySelector"
    
  >
    <button
      class="button quantity-minus button-unstyled"
      type="button"
      name="minus"
      on:click="/decreaseQuantity"
      ref="minusButton"
      
    >
      <span class="visually-hidden">Decrease quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
    <input
      type="number"
      name="quantity"
      value="1"
      data-cart-quantity="0"
      min="1"
      data-min="1"
      on:blur="/setQuantity"
      on:focus="/selectInputValue"
      ref="quantityInput"
      aria-label="Quantity"
      
      
      step="1"
      
    >
    <button
      class="button quantity-plus button-unstyled"
      type="button"
      name="plus"
      on:click="/increaseQuantity"
      ref="plusButton"
      
    >
      <span class="visually-hidden">Increase quantity</span
      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
    </button>
  </quantity-selector-component></div>






<span
              class="product-form-text__error hidden"
              ref="addToCartTextError"
            >
              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
            </span>


<span
  
  style="--add-to-cart-font-case: ;"
>
  <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//thriftycreativity.com/cdn/shop/files/Christian_Handmade_Italian_Charms_1.png?v=1778218765&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
      id="BuyButtons-ProductSubmitButton-ARTNqblo1Z3NJSjhaN__add-to-cart"
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button add-to-cart-button button-secondary"
    
      data-testid="standalone-add-to-cart"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content">
        <span>
          <span>Add to cart</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>



</span>




          










        </div><input type="hidden" name="product-id" value="9249197555930" /><input type="hidden" name="section-id" value="template--22002810749146__featured_product_information_RjdUxh" /></form></product-form-component></span>


  <script
    src="//thriftycreativity.com/cdn/shop/t/6/assets/local-pickup.js?v=174082968859338016381778194819"
    type="module"
  ></script><local-pickup
    class="spacing-style product__pickup-availabilities"
    
      hidden
    
    data-section-id="template--22002810749146__featured_product_information_RjdUxh"
    data-product-url="/products/handmade-italian-charm-class-of-2026"
    data-variant-id="47844359700698"
    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
    ref="localPickupButton"
  >
    
      <dialog-component>
        <div class="pickup-availability__row">
          <div class="pickup-availability__column">
            <span class="svg-wrapper">
              
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>

            </span>
          </div>
          <div class="pickup-availability__column">
            
              <p class="pickup-location__text-sm">
                Pickup currently not available
              </p>
            
            <button
              on:click="/showDialog"
              class="button-unstyled pickup-location__button"
            >
              View store information
            </button>
          </div>
        </div>
        <dialog
          ref="dialog"
          class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
          scroll-lock
          aria-labelledby="pickup-dialog-heading"
        >
          <h2
            id="pickup-dialog-heading"
            class="visually-hidden"
          >
            View store information
          </h2>
          <div class="pickup-availability__dialog-row pickup-availability__header-container">
            <div class="pickup-availability__column">
              <h4 class="pickup-location__h4">Handmade Italian Charm: Class of 2026</h4>
              <p class="pickup-location__text-sm">
                Default Title
              </p>
            </div>
            <button
              ref="closeButton"
              on:click="/closeDialog"
              class="button button-unstyled close-button pickup-location__close-button"
              aria-label="Close dialog"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>
          
        </dialog>
      </dialog-component>
    
  </local-pickup>






  </div>
</div>



</div>






      
    
  </div>

  
  

</div>



</featured-product-information>


</div><div id="shopify-section-template--22002810749146__media_with_content_HP7Qpp" class="shopify-section">



<div class="section-background color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc"></div>
<div
  class="section section--page-width disable-section-top-offset media-with-content color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc spacing-style media-with-content--narrow media-with-content--media-right"
  data-testid="media-with-content"
  style="--padding-block-start: 0px;--padding-block-end: 0px;
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    --media-height: 60svh;
        --media-height-mobile: 50svh;
      
     --section-preview-height: 600px;
     
  "
  
>
  




<div
  class="
    media-block
    spacing-style
    
    
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --image-position: cover;
    --video-position: cover;
  "
  
>

    
      
      
        
  
  
  

  

  

  

  <img src="//thriftycreativity.com/cdn/shop/files/Disney_Conversation_heart_Earrings.png?height=1350&amp;v=1768885175" alt="" width="1080" height="1350" loading="lazy" class="media-block__media border-style" srcset="//thriftycreativity.com/cdn/shop/files/Disney_Conversation_heart_Earrings.png?height=1350&amp;v=1768885175 1x, //thriftycreativity.com/cdn/shop/files/Disney_Conversation_heart_Earrings.png?height=2700&amp;v=1768885175 2x, //thriftycreativity.com/cdn/shop/files/Disney_Conversation_heart_Earrings.png?height=4050&amp;v=1768885175 3x" style="">


      
    
    
</div>







  



<div
  class="
    group-block
    group-block--height-
    group-block--width-
    border-style
    spacing-style
    size-style
    
    media-with-content__content
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --size-style-width: ;--size-style-height: ;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
      
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 24px;

--horizontal-alignment: flex-start; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  








  <div class=" spacing-style text-block text-block--AS0lpWXJGSys0a1ZHV__text_eEy4hr h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>OUR BESTSELLING PRODUCT</p>
  </div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Ad2NJK1Y4ZjZrQUxrd__text_pp7GaT h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>Conversation Heart Earrings</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AZGsrMG1TV0JRRW4vQ__text_VzkkLz rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
    <p>Designed and handmade with care. These Earrings are one of a kind pieces to showcase your favorite lyrics!</p>
  </rte-formatter>







</div>
</div>








<a
  
    href="/collections/all"
  
  class="
    size-style
    link
    link--AOU9DYWc4alhYem9PQ__button_UetELt
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  SHOP NOW
</a>






</div>
</div>






</div>




</div><div id="shopify-section-template--22002810749146__collection_list_XaY9C3" class="shopify-section ui-test-collection-list">



<div class="section-background color-scheme-1"></div>

<div
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: 12px;
  "
  data-testid="collection-list"
>
  <div class="section-resource-list__content">


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fit-content
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  
</div>
</div>





</div>

  

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 22px;--resource-list-row-gap-desktop: 52px;--resource-list-columns: repeat(5, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="collections-list-grid"
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/italian-charms"
    
  >
    <span class="visually-hidden">Italian Charms</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=3840" alt="Italian Charms" srcset="//thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=240 240w, //thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=352 352w, //thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=832 832w, //thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/collections/3_6a7e9f54-e6ee-4925-81fd-9efcbc90c47f.png?v=1768882952&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AcGxxREppQkFVQ3F2M__collection_title_kkgEBG h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Italian Charms</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card-1"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/mouse-parks"
    
  >
    <span class="visually-hidden">Mouse Parks</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card-1"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=3840" alt="Mouse Parks" srcset="//thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=240 240w, //thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=352 352w, //thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=832 832w, //thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/collections/2_f0c0f0bb-117a-4390-a120-c9a6017e16bb.png?v=1768882861&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AcGxxREppQkFVQ3F2M__collection_title_kkgEBG-1 h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Mouse Parks</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card-2"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/swiftie"
    
  >
    <span class="visually-hidden">Swiftie</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card-2"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=3840" alt="Swiftie" srcset="//thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=240 240w, //thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=352 352w, //thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=832 832w, //thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/collections/1_1b68631a-b411-4a76-bfa6-14864a78d950.png?v=1768873089&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AcGxxREppQkFVQ3F2M__collection_title_kkgEBG-2 h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Swiftie</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card-3"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/pop-culture"
    
  >
    <span class="visually-hidden">Pop Culture</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card-3"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=3840" alt="Pop Culture" srcset="//thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=240 240w, //thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=352 352w, //thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=832 832w, //thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/collections/5_d6988615-d44c-48a9-a115-fc80d82c6d70.png?v=1768883295&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AcGxxREppQkFVQ3F2M__collection_title_kkgEBG-3 h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Pop Culture</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card-4"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/handstamped"
    
  >
    <span class="visually-hidden">Handstamped</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ASzFSVnBMMkYzdjN0S__static-collection-card-4"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=3840" alt="Hand Stamped Pick Joy Pin" srcset="//thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/6_764b17dd-d7e8-4f4b-921a-813acf4ec45a.png?v=1761722738&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AcGxxREppQkFVQ3F2M__collection_title_kkgEBG-4 h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Handstamped</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
    
  

    
</div>




</div>


</div><div id="shopify-section-template--22002810749146__17782098842cd980cb" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  <div id="shopify-block-ARXgrSFpKT21aQ0RvM__powr_image_slider_app_block_3U978e" class="shopify-block shopify-app-block">





  
    
      
          
          <!-- BEGIN app snippet: app-block-v3 -->
  
    
      <div class="powr-image-slider" id="ddcbb555_1778209619"></div>
    
    <script>
      var script = document.createElement('script');
      script.src = 'https://www.powr.io/powr.js?platform=shopify';
      script.type = 'text/javascript';
      script.async = true;
      document.getElementsByTagName('head')[0].appendChild(script);
    </script>
  

<!-- END app snippet -->
      
    
    



  
    
    






  <!-- BEGIN app snippet: app-block-v2 -->
<!-- END app snippet -->



</div>

    </div>
  </div>
</div>





</div>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--22002806358234__section_bfa9EJ" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
    <div class="email-signup__heading h6">
      NEWSLETTER
    </div>
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <div
      class="email-signup__input-group  email-signup__input-group--underline   "
      style="--border-width: 1px; --border-radius: 100px;"
    >
      <label
        for="EmailInput-AQ0xNN2hyYUt6cUEvd__email_signup_aMpHhb"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-AQ0xNN2hyYUt6cUEvd__email_signup_aMpHhb"
        class="email-signup__input email-signup__input--underline h3 "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="Email address"
        required
        
      >
      <button
        class="email-signup__button email-signup__button--integrated email-signup__button--text h4 button-unstyled button-unstyled--AQ0xNN2hyYUt6cUEvd__email_signup_aMpHhb "
        
      >
        
          Subscribe
        
      </button>
    </div></form>
</div>






    </div>
  </div>
</div>





</div><footer id="shopify-section-sections--22002806358234__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: 0px;--padding-block-end: 0px;
      --footer-gap: 12px;
      --grid-columns: 1;
      --last-row-count: 1;
      --tablet-last-row-count: 1;
    "
  >
    


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 24px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


<div
  class="
    logo-block
    spacing-style
  "
  style="
    
      
        --logo-width: 136.0px;
      
    

    
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  "
  
>
  
    <div class="logo-block__image-wrapper">
      
<img src="//thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=3840" alt="Thrifty Creativity" srcset="//thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=352 352w, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=832 832w, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=1200 1200w, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=1600 1600w, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=1920 1920w, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=2560 2560w, //thriftycreativity.com/cdn/shop/files/thrifty_creativity_logo.jpg?v=1778219290&amp;width=3840 3840w" width="1024" height="1024" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
    </div>
  
</div>







<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h6">
        <span class="menu__heading__default">INFORMATION</span>
        <span class="menu__heading__accordion">
          INFORMATION
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/policies/refund-policy">
                  Refund Policy
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/shipping-policy">
                  Shipping Policy
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/contact-information">
                  Contact Us
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/blogs/news">
                  News
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>






</div>
</div>






</div>
</div>






</div>
</div>






  </div>
</div>




</footer><div id="shopify-section-sections--22002806358234__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc"></div>
<div
  class="section section--page-width color-scheme-7bf00181-8cb2-42af-a0d6-daa67b686edc"
  
>
  <div
    class="utilities utilities--blocks-3 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    footer-utilities__text
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Thrifty Creativity</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
</span>
</div>




  <anchored-popover-component
    class="footer-utilities__policy-list footer-utilities__text"
    data-hover-triggered="true"
  >
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      Terms and Policies
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/privacy-policy"
                class="footer-utilities__text"
              >Privacy policy</a>
            </li><li>
              <a
                href="/policies/refund-policy"
                class="footer-utilities__text"
              >Refund policy</a>
            </li><li>
              <a
                href="/policies/contact-information"
                class="footer-utilities__text"
              >Contact information</a>
            </li><li>
              <a
                href="/policies/shipping-policy"
                class="footer-utilities__text"
              >Shipping policy</a>
            </li><li>
              <a
                href="/policies/terms-of-service"
                class="footer-utilities__text"
              >Terms of service</a>
            </li></ul>
    </div>
  </anchored-popover-component>







<div
  class="social-icons__wrapper footer-utilities__icons"
  
>
  

  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->

    <script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/dialog.js?v=61774032287387761671778194819"
  type="module"
></script>

<script
  src="//thriftycreativity.com/cdn/shop/t/6/assets/predictive-search.js?v=149240552485540508541778194819"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Search
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Search"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Search</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Search"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Clear
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Close dialog"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            tabindex="-1"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Products
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Products"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="9069664600282"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/12_f4635ae7-e848-4dd9-a817-29ae8f6ce252.png?v=1761804147&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/90s-frank-hunter-headband-copy"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/90s-frank-hunter-headband-copy"
  >
    <span class="visually-hidden">
      90s Frank Friends Headband
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//thriftycreativity.com/cdn/shop/files/12_f4635ae7-e848-4dd9-a817-29ae8f6ce252.png?v=1761804147&amp;width=500" alt="" srcset="//thriftycreativity.com/cdn/shop/files/12_f4635ae7-e848-4dd9-a817-29ae8f6ce252.png?v=1761804147&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/12_f4635ae7-e848-4dd9-a817-29ae8f6ce252.png?v=1761804147&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">90s Frank Friends Headband</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$15.00</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="9069664567514"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/11.png?v=1761804097&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/neon-space-war-headband-copy"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/neon-space-war-headband-copy"
  >
    <span class="visually-hidden">
      90s Frank Hunter Headband
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//thriftycreativity.com/cdn/shop/files/11.png?v=1761804097&amp;width=500" alt="" srcset="//thriftycreativity.com/cdn/shop/files/11.png?v=1761804097&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/11.png?v=1761804097&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">90s Frank Hunter Headband</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$15.00</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="9068746604762"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/7c294150-il_fullxfull.7378805855_6pe1.jpg?v=1761674252&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/90s-frank-mini-clutch"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/90s-frank-mini-clutch"
  >
    <span class="visually-hidden">
      90s Frank Mini Clutch
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//thriftycreativity.com/cdn/shop/files/7c294150-il_fullxfull.7378805855_6pe1.jpg?v=1761674252&amp;width=500" alt="" srcset="//thriftycreativity.com/cdn/shop/files/7c294150-il_fullxfull.7378805855_6pe1.jpg?v=1761674252&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/7c294150-il_fullxfull.7378805855_6pe1.jpg?v=1761674252&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">

          <img src="//thriftycreativity.com/cdn/shop/files/df12e7be-il_fullxfull.7378806075_eqsg.jpg?v=1761674253&amp;width=500" alt="90s Frank Mini Clutch" srcset="//thriftycreativity.com/cdn/shop/files/df12e7be-il_fullxfull.7378806075_eqsg.jpg?v=1761674253&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/df12e7be-il_fullxfull.7378806075_eqsg.jpg?v=1761674253&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="40514581299418" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">90s Frank Mini Clutch</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$30.00</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="9069667877082"
    data-featured-media-url="//thriftycreativity.com/cdn/shop/files/30_d730dd1a-bd14-4e56-8700-4734734fe68a.png?v=1761806054&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/scary-mouse-snacks-reversible-coffee-cup-cozy-copy"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/scary-mouse-snacks-reversible-coffee-cup-cozy-copy"
  >
    <span class="visually-hidden">
      Alien Costumes Reversible Coffee Cup Cozy
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//thriftycreativity.com/cdn/shop/files/30_d730dd1a-bd14-4e56-8700-4734734fe68a.png?v=1761806054&amp;width=500" alt="" srcset="//thriftycreativity.com/cdn/shop/files/30_d730dd1a-bd14-4e56-8700-4734734fe68a.png?v=1761806054&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/30_d730dd1a-bd14-4e56-8700-4734734fe68a.png?v=1761806054&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">

          <img src="//thriftycreativity.com/cdn/shop/files/31_d2d2b9b2-3b99-453b-b440-531bd0d711c5.png?v=1761806054&amp;width=500" alt="Alien Costumes Reversible Coffee Cup Cozy" srcset="//thriftycreativity.com/cdn/shop/files/31_d2d2b9b2-3b99-453b-b440-531bd0d711c5.png?v=1761806054&amp;width=240 240w, //thriftycreativity.com/cdn/shop/files/31_d2d2b9b2-3b99-453b-b440-531bd0d711c5.png?v=1761806054&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="40534608937178" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Alien Costumes Reversible Coffee Cup Cozy</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$10.00</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
    </ul>
  
</div>



        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button button-primary predictive-search__search-button"
              ref="viewAllButton"
            >
              View all
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
