{"template--16300830097490__main":"<section id=\"shopify-section-template--16300830097490__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n\n<script>\n  ;(() => {\n    const params = new Proxy(new URLSearchParams(window.location.search), {\n      get: (searchParams, prop) => searchParams.get(prop),\n    })\n    if (params.serp == '1') {\n      //console.log('serpclick true')\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('serp', {\n            productId: '7385852837970',\n            url: 'https://colourpop.com/products/next-spot-shadow-stix',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '7385852837970',\n            url: 'https://colourpop.com/products/next-spot-shadow-stix',\n          })\n        })\n        //console.log('autocompleteclick true')\n      }, 5000)\n    } else if (params.category == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('category', {\n            productId: '7385852837970',\n            url: 'https://colourpop.com/products/next-spot-shadow-stix',\n          })\n        })\n        //console.log('categoryclick true')\n      }, 5000)\n    }\n  })()\n</script>\n\n\n\n\n\n\n\n\n  <main-product\n    \n      class='main-product px-sm md:px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-[minmax(0,_1fr)_575px] gap-sm py-sm md:py-md'\n      update-url='true'\n    \n    product-url='/products/next-spot-shadow-stix'\n    variant-id='41180312666194'\n    section-id='template--16300830097490__main'\n    id='template--16300830097490__main'\n    placement='pdp'\n  >\n\n\n  <div class='mt-xs md:m-0 lg:col-start-2'><nav aria-label='Breadcrumb'>\n  <ol class=\"[&_li_+_li]:before:content-['/']\">\n    <li class='inline text-caption'>\n      <a class='text-caption' href='/'>Home</a>\n    </li><li class='inline text-caption'>\n          <a class='text-caption' href='/collections/eyeshadow'>\n            Eyeshadow\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/next-spot-shadow-stix' aria-current='page'>Next Spot</a>\n      </li></ol>\n</nav>\n</div>\n\n\n\n\n\n<div\n  id='MediaGallery-template--16300830097490__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16300830097490__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16300830097490__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n      close-icon-position='right'\n    \n\n    \n\n    \n  >\n    \n    <div class=\"grid gap-x-xs lg:gap-x-sm grid-cols-[80px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=90\" alt=\"Next Spot ColourPop Shadow Stix glides a metallic rosy‑mauve shimmer, shown as a twist‑up cream eyeshadow stick with a bold swatch behind on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=40 40w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=90\" alt=\"Shimmering mauve-plum eyeshadow coats the lid and blends to a soft smoky wing, showcasing the creamy, high-shine finish of ColourPop Shadow Stix in Next Spot in a macro close-up of one eye with defined lashes and brow.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=40 40w, //colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=90 90w\" width=\"90\" height=\"4854.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=90\" alt=\"Close-up eyelid wears a shimmery metallic rose-mauve wing, showcasing ColourPop Shadow Stix in Next Spot; creamy stick shadow glides on smoothly with high-shine payoff and even coverage on brown skin for quick, long-wear eye looks.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=40 40w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=90\" alt=\"Next Spot shimmering rose ColourPop Shadow Stix swatched on three arms, placed between matte mauve OMW and sparkly charcoal Out at Midnight, showcasing metallic pink payoff across light, medium, and deep skin tones.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=40 40w, //colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=90\" alt=\"Metallic rose-mauve eyeshadow swatch smeared in a single vertical swipe with textured edges on a white background, showcasing the Next Spot ColourPop Shadow Stix - creamy stick shadow with fine shimmer.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=40 40w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=90\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=40 40w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=90\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=40 40w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=90 90w\" width=\"90\" height=\"2022.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=90\" alt=\"ColourPop Shadow Stix in Next Spot stands uncapped with the rounded shimmer tip exposed, showing a rosy mauve metallic shade; slim pencil with ColourPop Shadow Stix branding, cap beside it on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=40 40w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n        </swiper-container>\n      </div><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media class=\"block relative size-full\">\n        <swiper-container\n          init=\"false\"\n          class='h-full block whitespace-nowrap overflow-clip'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          pagination='true'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=600\" alt=\"Next Spot ColourPop Shadow Stix glides a metallic rosy‑mauve shimmer, shown as a twist‑up cream eyeshadow stick with a bold swatch behind on a white background.\" width=\"600\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=600\" alt=\"Shimmering mauve-plum eyeshadow coats the lid and blends to a soft smoky wing, showcasing the creamy, high-shine finish of ColourPop Shadow Stix in Next Spot in a macro close-up of one eye with defined lashes and brow.\" width=\"600\" height=\"4854.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=600\" alt=\"Close-up eyelid wears a shimmery metallic rose-mauve wing, showcasing ColourPop Shadow Stix in Next Spot; creamy stick shadow glides on smoothly with high-shine payoff and even coverage on brown skin for quick, long-wear eye looks.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=600\" alt=\"Next Spot shimmering rose ColourPop Shadow Stix swatched on three arms, placed between matte mauve OMW and sparkly charcoal Out at Midnight, showcasing metallic pink payoff across light, medium, and deep skin tones.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=600\" alt=\"Metallic rose-mauve eyeshadow swatch smeared in a single vertical swipe with textured edges on a white background, showcasing the Next Spot ColourPop Shadow Stix - creamy stick shadow with fine shimmer.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=1440 1440w\" width=\"1440\" height=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Next Spot\" poster=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail_1100x.jpg?v=1726699868\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/9fb56557fd894ed1b5b7f51ae6a2420b/9fb56557fd894ed1b5b7f51ae6a2420b.HD-1080p-3.3Mbps-34968637.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail_1100x.jpg?v=1726699868\"></video>\n  </inline-media></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=1440 1440w\" width=\"1440\" height=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Next Spot\" poster=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67_1100x.png?v=1726700066\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/3ad7fc3e08704805917165673e2de173/3ad7fc3e08704805917165673e2de173.HD-1080p-4.8Mbps-34968639.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67_1100x.png?v=1726700066\"></video>\n  </inline-media></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=600\" alt=\"ColourPop Shadow Stix in Next Spot stands uncapped with the rounded shimmer tip exposed, showing a rosy mauve metallic shade; slim pencil with ColourPop Shadow Stix branding, cap beside it on a clean white background.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n<div\n    \n      class='block gap-y-sm lg:grid lg:grid-cols-[100px,minmax(0,_1fr)] xl:grid-cols-[120px,minmax(0,_1fr)] gap-x-xs place-content-start lg:sticky lg:top-[--header-height]'\n    \n  ><div class='relative overflow-clip lg:mb-5 lg:max-h-[600px]'>\n        <swiper-container\n          class='w-full hidden lg:block absolute top-0 left-0 h-full pt-14 xl:pt-20 pb-6 rounded-lg '\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='4'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16300830097490__main'\n          navigation-prev-el='.swiper-button-prev-template--16300830097490__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=120\" alt=\"Next Spot ColourPop Shadow Stix glides a metallic rosy‑mauve shimmer, shown as a twist‑up cream eyeshadow stick with a bold swatch behind on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=120\" alt=\"Shimmering mauve-plum eyeshadow coats the lid and blends to a soft smoky wing, showcasing the creamy, high-shine finish of ColourPop Shadow Stix in Next Spot in a macro close-up of one eye with defined lashes and brow.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=120 120w\" width=\"120\" height=\"4854.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=120\" alt=\"Close-up eyelid wears a shimmery metallic rose-mauve wing, showcasing ColourPop Shadow Stix in Next Spot; creamy stick shadow glides on smoothly with high-shine payoff and even coverage on brown skin for quick, long-wear eye looks.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=120\" alt=\"Next Spot shimmering rose ColourPop Shadow Stix swatched on three arms, placed between matte mauve OMW and sparkly charcoal Out at Midnight, showcasing metallic pink payoff across light, medium, and deep skin tones.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=120\" alt=\"Metallic rose-mauve eyeshadow swatch smeared in a single vertical swipe with textured edges on a white background, showcasing the Next Spot ColourPop Shadow Stix - creamy stick shadow with fine shimmer.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=120\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=120\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=120 120w\" width=\"120\" height=\"2022.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=120\" alt=\"ColourPop Shadow Stix in Next Spot stands uncapped with the rounded shimmer tip exposed, showing a rosy mauve metallic shade; slim pencil with ColourPop Shadow Stix branding, cap beside it on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=60 60w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=80 80w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n        </swiper-container><button\n            class='swiper-button-prev swiper-button-prev-template--16300830097490__main absolute left-1/2 top-8 xl:top-14 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Previous slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button>\n          <button\n            class='swiper-button-next swiper-button-next-template--16300830097490__main absolute rotate-180 left-1/2 bottom-0 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Next slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16300830097490__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=620\" alt=\"Next Spot ColourPop Shadow Stix glides a metallic rosy‑mauve shimmer, shown as a twist‑up cream eyeshadow stick with a bold swatch behind on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=600 600w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&amp;width=620 620w\" width=\"620\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\">\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=620\" alt=\"Shimmering mauve-plum eyeshadow coats the lid and blends to a soft smoky wing, showcasing the creamy, high-shine finish of ColourPop Shadow Stix in Next Spot in a macro close-up of one eye with defined lashes and brow.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=600 600w, //colourpop.com/cdn/shop/files/ShadowStix_MacroEye_NextSpot_Light_0174_CROPPED.jpg?v=1756405301&amp;width=620 620w\" width=\"620\" height=\"4854.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=620\" alt=\"Close-up eyelid wears a shimmery metallic rose-mauve wing, showcasing ColourPop Shadow Stix in Next Spot; creamy stick shadow glides on smoothly with high-shine payoff and even coverage on brown skin for quick, long-wear eye looks.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=600 600w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot_1457.jpg?v=1775253624&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=620\" alt=\"Next Spot shimmering rose ColourPop Shadow Stix swatched on three arms, placed between matte mauve OMW and sparkly charcoal Out at Midnight, showcasing metallic pink payoff across light, medium, and deep skin tones.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=600 600w, //colourpop.com/cdn/shop/files/ShadowStix-AfterHours-ArmSwatch_816139af-2a3f-4630-9093-34ba1e98fca8.jpg?v=1756405301&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=620\" alt=\"Metallic rose-mauve eyeshadow swatch smeared in a single vertical swipe with textured edges on a white background, showcasing the Next Spot ColourPop Shadow Stix - creamy stick shadow with fine shimmer.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=600 600w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-Swatch.jpg?v=1775253624&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail.jpg?v=1726699868&amp;width=1440 1440w\" width=\"1440\" height=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Next Spot\" poster=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail_1100x.jpg?v=1726699868\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/9fb56557fd894ed1b5b7f51ae6a2420b/9fb56557fd894ed1b5b7f51ae6a2420b.HD-1080p-3.3Mbps-34968637.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/tobimarlin_thumbnail_1100x.jpg?v=1726699868\"></video>\n  </inline-media></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<!-- ##entry##core-inline-media##endentry## -->\n<inline-media\n    class='size-full group'\n  >\n    <div\n      aria-label=''\n      class='absolute inset-0 w-full h-full flex justify-end items-end z-10'\n    >\n<img src=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67.png?v=1726700066&amp;width=1440 1440w\" width=\"1440\" height=\"0.0\" loading=\"lazy\" sizes=\"50vw\" class=\"w-full block absolute inset-0 w-full h-full group-[[playing=&quot;true&quot;]]:opacity-0 transition-opacity duration-300 pointer-events-none object-cover\" fetchpriority=\"auto\" format=\"pjpg\"></div>\n\n    \n      <div class='flex items-center gap-xs p-sm absolute transform-gpu bottom-0 w-full z-20'>\n        \n          <div class='flex-1 flex justify-start'>\n            <button\n              type='button'\n              play-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm left-sm right-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-play'\n  class='group-[[playing=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-pause'\n  class='group-[[playing=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div>\n        \n<div class='flex-1 flex justify-end'>\n            <button\n              type='button'\n              volume-toggle\n              class='inset-0 size-6 flex items-center justify-center cursor-pointer text-p-lightest border-2 rounded-full border-p-lightest bg-[transparent] drop-shadow bottom-sm right-sm left-auto top-auto m-xs'\n            >\n<svg-icon\n  src='icon-unmute'\n  class='group-[[muted=\"true\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n\n<svg-icon\n  src='icon-mute'\n  class='group-[[muted=\"false\"]]:hidden'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n          </div></div><video playsinline=\"true\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" class=\"absolute w-full h-full inset-0 object-cover \" preload=\"metadata\" aria-label=\"Next Spot\" poster=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67_1100x.png?v=1726700066\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/3ad7fc3e08704805917165673e2de173/3ad7fc3e08704805917165673e2de173.HD-1080p-4.8Mbps-34968639.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/raincornelius_thumbnail_e135fbd4-e331-4a68-9752-6f7b9f82ac67_1100x.png?v=1726700066\"></video>\n  </inline-media></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=620\" alt=\"ColourPop Shadow Stix in Next Spot stands uncapped with the rounded shimmer tip exposed, showing a rosy mauve metallic shade; slim pencil with ColourPop Shadow Stix branding, cap beside it on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=600 600w, //colourpop.com/cdn/shop/files/ShadowStix-NextSpot-With-Cap2.jpg?v=1756405301&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container><div class='swiper-pagination'></div></swiper-with-media>\n    </div>\n  </div>\n</div>\n\n<section\n  id='ProductInfo-template--16300830097490__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '><span \n      class='flex leading-4 utility rounded lowercase tracking-wide font-semibold px-2 py-1 bg-p-darkest text-p-lightest decoration-none group-[.product-card]:text-[9px]'\n      style='color: #000000; background-color: #ffffff; border: 1px solid #000000;'\n    >Sale</span></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Shadow Stix\n          </h1><h2 class='p '>\n              Creamy Eyeshadow Stick\n            </h2></div><div id=\"shopify-block-AMFFESmdTYk5OazN6Y__okendo_star_rating_aqzXFz\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        data-oke-reviews-product-id=\"shopify-7385852837970\"\n    >\n        <div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.9 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 98.59%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.9 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">3,304</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.9\",\"reviewCount\":3304} </script></div>\n    </div>\n\n\n\n</div>\n\n\n\n\n\n\n  <div class='flex flex-col gap-5 my-4'>\n\n    \n\n\n    \n\n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n  </div>\n\n\n          \n\n<variant-picker\n    id='variant-selects-sibling_picker_3wX3bY'\n    class='grid grid-cols-1 gap-y-sm py-3'\n    sub-section-id='sibling_picker_3wX3bY'\n    \n      \n    \n  >\n    \n\n    <fieldset class='grid grid-cols-1 gap-sm'><div class='grid grid-cols-1 gap-xs'><h3 class='caption font-semibold'>\n                  Multichrome\n                </h3><div class='flex gap-x-sm flex-wrap gap-y-2.5'>\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                    \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='cotton-candy-shadow-stix'\n    name='sibling-picker'\n    value='cotton-candy-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/cotton-candy-shadow-stix\"\n  data-option-value-id=\"42213087117394\"\n  data-variant-id=\"42213087117394\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='cotton-candy-shadow-stix'\n    title='cotton-candy-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/cotton_candy.png?v=1763165597&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/cotton-candy-shadow-stix?variant=42213087117394&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n                  \n                \n                    \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='disco-disco-shadow-stix'\n    name='sibling-picker'\n    value='disco-disco-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/disco-disco-shadow-stix\"\n  data-option-value-id=\"42213066506322\"\n  data-variant-id=\"42213066506322\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='disco-disco-shadow-stix'\n    title='disco-disco-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/disco_disco.png?v=1763165623&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/disco-disco-shadow-stix?variant=42213066506322&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n                  \n                \n                    \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='galaxy-shadow-stix'\n    name='sibling-picker'\n    value='galaxy-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/galaxy-shadow-stix\"\n  data-option-value-id=\"42213093933138\"\n  data-variant-id=\"42213093933138\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='galaxy-shadow-stix'\n    title='galaxy-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/galaxy.png?v=1763165582&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/galaxy-shadow-stix?variant=42213093933138&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n                  \n                \n                    \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='game-over-shadow-stix'\n    name='sibling-picker'\n    value='game-over-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/game-over-shadow-stix\"\n  data-option-value-id=\"42213079875666\"\n  data-variant-id=\"42213079875666\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='game-over-shadow-stix'\n    title='game-over-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/game_over.png?v=1763165610&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/game-over-shadow-stix?variant=42213079875666&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n                  \n                \n              </div>\n            </div>\n      \n      \n        <div class='grid grid-cols-1 gap-xs'><h3 class='caption font-semibold'>\n              Core Shades\n            </h3><div class='flex gap-x-sm flex-wrap gap-y-2.5'>\n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='honey-bb-shadow-stix'\n    name='sibling-picker'\n    value='honey-bb-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/honey-bb-shadow-stix\"\n  data-option-value-id=\"40375206281298\"\n  data-variant-id=\"40375206281298\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='honey-bb-shadow-stix'\n    title='honey-bb-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Honey-BB-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/honey-bb-shadow-stix?variant=40375206281298&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='cold-girl-shadow-stix'\n    name='sibling-picker'\n    value='cold-girl-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/cold-girl-shadow-stix\"\n  data-option-value-id=\"40375206051922\"\n  data-variant-id=\"40375206051922\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='cold-girl-shadow-stix'\n    title='cold-girl-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Cold-Girl-Shadow-Stix-Swatch.webp?v=1700088246&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/cold-girl-shadow-stix?variant=40375206051922&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='cocktail-party-shadow-stix'\n    name='sibling-picker'\n    value='cocktail-party-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/cocktail-party-shadow-stix\"\n  data-option-value-id=\"40375206445138\"\n  data-variant-id=\"40375206445138\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='cocktail-party-shadow-stix'\n    title='cocktail-party-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Cocktail-Party-Shadow-Stix-Swatch.webp?v=1700088246&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/cocktail-party-shadow-stix?variant=40375206445138&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='quokka-shadow-stix'\n    name='sibling-picker'\n    value='quokka-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/quokka-shadow-stix\"\n  data-option-value-id=\"40375206576210\"\n  data-variant-id=\"40375206576210\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='quokka-shadow-stix'\n    title='quokka-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Quokka-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/quokka-shadow-stix?variant=40375206576210&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='midnight-hour-shadow-stix'\n    name='sibling-picker'\n    value='midnight-hour-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/midnight-hour-shadow-stix\"\n  data-option-value-id=\"40509325541458\"\n  data-variant-id=\"40509325541458\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='midnight-hour-shadow-stix'\n    title='midnight-hour-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Midnight_Hour_Shadow_Stix_Circle_Swatch.webp?v=1700088975&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/midnight-hour-shadow-stix?variant=40509325541458&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='hey-boo-shadow-stix'\n    name='sibling-picker'\n    value='hey-boo-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/hey-boo-shadow-stix\"\n  data-option-value-id=\"40509325508690\"\n  data-variant-id=\"40509325508690\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='hey-boo-shadow-stix'\n    title='hey-boo-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Hey_Boo_Shadow_Stix_Circle_Swatch.webp?v=1700088975&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/hey-boo-shadow-stix?variant=40509325508690&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='witch-please-shadow-stix'\n    name='sibling-picker'\n    value='witch-please-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/witch-please-shadow-stix\"\n  data-option-value-id=\"40509325574226\"\n  data-variant-id=\"40509325574226\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='witch-please-shadow-stix'\n    title='witch-please-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Witch_Please_Shadow_Stix_Circle_Swatch.webp?v=1700088975&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/witch-please-shadow-stix?variant=40509325574226&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='hey-bestie-shadow-stix'\n    name='sibling-picker'\n    value='hey-bestie-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/hey-bestie-shadow-stix\"\n  data-option-value-id=\"40375206674514\"\n  data-variant-id=\"40375206674514\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='hey-bestie-shadow-stix'\n    title='hey-bestie-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Hey-Bestie-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/hey-bestie-shadow-stix?variant=40375206674514&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='juicy-gossip-shadow-stix'\n    name='sibling-picker'\n    value='juicy-gossip-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/juicy-gossip-shadow-stix\"\n  data-option-value-id=\"40375206248530\"\n  data-variant-id=\"40375206248530\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='juicy-gossip-shadow-stix'\n    title='juicy-gossip-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Juicy-Gossip-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/juicy-gossip-shadow-stix?variant=40375206248530&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='flex-shadow-stix'\n    name='sibling-picker'\n    value='flex-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/flex-shadow-stix\"\n  data-option-value-id=\"40375206805586\"\n  data-variant-id=\"40375206805586\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='flex-shadow-stix'\n    title='flex-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Flex-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/flex-shadow-stix?variant=40375206805586&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='surf-sesh-shadow-stix'\n    name='sibling-picker'\n    value='surf-sesh-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/surf-sesh-shadow-stix\"\n  data-option-value-id=\"40375206608978\"\n  data-variant-id=\"40375206608978\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='surf-sesh-shadow-stix'\n    title='surf-sesh-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Surf-Sesh-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/surf-sesh-shadow-stix?variant=40375206608978&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='next-spot-shadow-stix'\n    name='sibling-picker'\n    value='next-spot-shadow-stix'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/next-spot-shadow-stix\"\n  data-option-value-id=\"41180312666194\"\n  data-variant-id=\"41180312666194\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='next-spot-shadow-stix'\n    title='next-spot-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-MVP.webp?v=1726700829&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/next-spot-shadow-stix?variant=41180312666194&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='socialite-shadow-stix'\n    name='sibling-picker'\n    value='socialite-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/socialite-shadow-stix\"\n  data-option-value-id=\"40375206838354\"\n  data-variant-id=\"40375206838354\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='socialite-shadow-stix'\n    title='socialite-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Socialite-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/socialite-shadow-stix?variant=40375206838354&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='walnut-ave-shadow-stix'\n    name='sibling-picker'\n    value='walnut-ave-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/walnut-ave-shadow-stix\"\n  data-option-value-id=\"40375206379602\"\n  data-variant-id=\"40375206379602\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='walnut-ave-shadow-stix'\n    title='walnut-ave-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Walnut-Ave-Shadow-Stix-Swatch.webp?v=1700088246&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/walnut-ave-shadow-stix?variant=40375206379602&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='plum-tart-shadow-stix'\n    name='sibling-picker'\n    value='plum-tart-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/plum-tart-shadow-stix\"\n  data-option-value-id=\"40375206412370\"\n  data-variant-id=\"40375206412370\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='plum-tart-shadow-stix'\n    title='plum-tart-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Plum-Tart-Shadow-Stix-Swatch.webp?v=1700088246&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/plum-tart-shadow-stix?variant=40375206412370&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='bare-with-me-shadow-stix'\n    name='sibling-picker'\n    value='bare-with-me-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/bare-with-me-shadow-stix\"\n  data-option-value-id=\"40375206510674\"\n  data-variant-id=\"40375206510674\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='bare-with-me-shadow-stix'\n    title='bare-with-me-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Bare-With-Me-Shadow-Stix-Swatch.webp?v=1700088246&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/bare-with-me-shadow-stix?variant=40375206510674&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='walk-of-fame-shadow-stix'\n    name='sibling-picker'\n    value='walk-of-fame-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/walk-of-fame-shadow-stix\"\n  data-option-value-id=\"40375206772818\"\n  data-variant-id=\"40375206772818\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='walk-of-fame-shadow-stix'\n    title='walk-of-fame-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Walk-Of-Fame-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/walk-of-fame-shadow-stix?variant=40375206772818&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='friday-feels-shadow-stix'\n    name='sibling-picker'\n    value='friday-feels-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/friday-feels-shadow-stix\"\n  data-option-value-id=\"40375206314066\"\n  data-variant-id=\"40375206314066\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='friday-feels-shadow-stix'\n    title='friday-feels-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Friday-Feels-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/friday-feels-shadow-stix?variant=40375206314066&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='rain-check-shadow-stix'\n    name='sibling-picker'\n    value='rain-check-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/rain-check-shadow-stix\"\n  data-option-value-id=\"40375206543442\"\n  data-variant-id=\"40375206543442\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='rain-check-shadow-stix'\n    title='rain-check-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Rain-Check-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/rain-check-shadow-stix?variant=40375206543442&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='so-into-u-shadow-stix'\n    name='sibling-picker'\n    value='so-into-u-shadow-stix'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/so-into-u-shadow-stix\"\n  data-option-value-id=\"40375206641746\"\n  data-variant-id=\"40375206641746\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='so-into-u-shadow-stix'\n    title='so-into-u-shadow-stix'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/So-Into-U-Shadow-Stix-Swatch.webp?v=1700088247&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/so-into-u-shadow-stix?variant=40375206641746&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n            \n              \n            \n              \n            \n              \n            \n          </div>\n        </div>\n      \n    </fieldset>\n\n    <div class='mt-xs'>\n      \n\n      \n      \n\n      <!-- ##entry##core-custom-select##endentry## -->\n\n      <custom-select\n        class='flex flex-col gap-2xs w-full group'\n        \n\n        \n          \n        id=\"sibling-picker-7385852837970\"\n        value=\"41180312666194\"\n        name=\"sibling-picker-7385852837970\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          label=\"Select a shade\"\n\n          \n        \n\n        placeholder=\"\"\n\n        \n          new-custom-select=\"true\"\n        \n        \n        select-toggle-icon=\"icon-select-arrow\"\n        \n        \n        \n        \n        \n        \n        select-toggle-label-class=\"!pr-0\"\n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n      >\n        <div\n          class=\"relative w-full group peer h-full\"\n          \n        >\n          <select\n            \n            class=\"block w-full border-b pt-4 border-p-lightest bg-[transparent] appearance-none disabled:text-t-border px-sm-forms-padding lg:px-lg-forms-padding h-sm-forms-inputheight lg:h-lg-forms-inputheight text-body disabled:border-t-border focus:outline-none focus:ring-0 peer group-[[error]]:ring-u-error group-[[error]]:border-[transparent] group-[[error]]:ring-2  \"\n            \n        id=\"sibling-picker-7385852837970\"\n        value=\"41180312666194\"\n        name=\"sibling-picker-7385852837970\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"40375206281298\"\n            \n            data-variant-id=\"40375206281298\"\n            data-product-url=\"/products/honey-bb-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"5391\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Honey-BB-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#dbb090\"\n            data-shade-description=\"Warm champagne\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Honey-BB-Shadow-Stix-macro.jpg?v=1709601115&width=90\"\n          >\n            Honey BB\n          </option>\n        \n          <option value=\"40375206051922\"\n            \n            data-variant-id=\"40375206051922\"\n            data-product-url=\"/products/cold-girl-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1244\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Cold-Girl-Shadow-Stix-Swatch.webp?v=1700088246&width=40\"\n            \n            \n            data-swatch-hex=\"#f2f0e9\"\n            data-shade-description=\"Icy white\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Cold-Girl-Shadow-Stix-macro.jpg?v=1709602408&width=90\"\n          >\n            Cold Girl\n          </option>\n        \n          <option value=\"40375206445138\"\n            \n            data-variant-id=\"40375206445138\"\n            data-product-url=\"/products/cocktail-party-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2328\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Cocktail-Party-Shadow-Stix-Swatch.webp?v=1700088246&width=40\"\n            \n            \n            data-swatch-hex=\"#b57f5f\"\n            data-shade-description=\"Nudey taupe\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/Cocktail-Party-Shadow-Stix-macro_55e659fe-5659-452a-9451-7cac7b700bb2.jpg?v=1709602097&width=90\"\n          >\n            Cocktail Party\n          </option>\n        \n          <option value=\"40375206576210\"\n            \n            data-variant-id=\"40375206576210\"\n            data-product-url=\"/products/quokka-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"5032\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Quokka-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#915f3d\"\n            data-shade-description=\"Cool bronze\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Quokka-Shadow-Stix-macro.jpg?v=1709602486&width=90\"\n          >\n            Quokka\n          </option>\n        \n          <option value=\"40509325541458\"\n            \n            data-variant-id=\"40509325541458\"\n            data-product-url=\"/products/midnight-hour-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3384\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Midnight_Hour_Shadow_Stix_Circle_Swatch.webp?v=1700088975&width=40\"\n            \n            \n            data-swatch-hex=\"#000000\"\n            data-shade-description=\"Matte black\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/Midnight-Hour-Shadow-Stix-macro.jpg?v=1709600619&width=90\"\n          >\n            Midnight Hour\n          </option>\n        \n          <option value=\"40509325508690\"\n            \n            data-variant-id=\"40509325508690\"\n            data-product-url=\"/products/hey-boo-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2301\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Hey_Boo_Shadow_Stix_Circle_Swatch.webp?v=1700088975&width=40\"\n            \n            \n            data-swatch-hex=\"#ffffff\"\n            data-shade-description=\"Matte white\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/Hey-Boo-Shadow-Stix-macro.jpg?v=1709602158&width=90\"\n          >\n            Hey Boo\n          </option>\n        \n          <option value=\"40509325574226\"\n            \n            data-variant-id=\"40509325574226\"\n            data-product-url=\"/products/witch-please-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"3708\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Witch_Please_Shadow_Stix_Circle_Swatch.webp?v=1700088975&width=40\"\n            \n            \n            data-swatch-hex=\"#e5e5e5\"\n            data-shade-description=\"Bright metallic silver \"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/Witch-Please-Shadow-Stix-macro.jpg?v=1709602814&width=90\"\n          >\n            Witch, Please\n          </option>\n        \n          <option value=\"40375206674514\"\n            \n            data-variant-id=\"40375206674514\"\n            data-product-url=\"/products/hey-bestie-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1670\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Hey-Bestie-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#c4a1e7\"\n            data-shade-description=\"Cool lavender\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Hey-Bestie-Shadow-Stix-macro.jpg?v=1712935838&width=90\"\n          >\n            Hey Bestie\n          </option>\n        \n          <option value=\"40375206248530\"\n            \n            data-variant-id=\"40375206248530\"\n            data-product-url=\"/products/juicy-gossip-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"553\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Juicy-Gossip-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#d88caf\"\n            data-shade-description=\"Cool baby pink\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Juicy-Gossip-Shadow-Stix-macro.jpg?v=1709602659&width=90\"\n          >\n            Juicy Gossip\n          </option>\n        \n          <option value=\"40375206805586\"\n            \n            data-variant-id=\"40375206805586\"\n            data-product-url=\"/products/flex-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4642\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Flex-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#ccb24f\"\n            data-shade-description=\"Golden olive\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Flex-Shadow-Stix-macro.jpg?v=1709602698&width=90\"\n          >\n            Flex\n          </option>\n        \n          <option value=\"40375206608978\"\n            \n            data-variant-id=\"40375206608978\"\n            data-product-url=\"/products/surf-sesh-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"672\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Surf-Sesh-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#35bda8\"\n            data-shade-description=\"Teal green\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Surf-Sesh-Shadow-Stix-macro.jpg?v=1709602864&width=90\"\n          >\n            Surf Sesh\n          </option>\n        \n          <option value=\"41180312666194\"\n            \n              selected\n            \n            data-variant-id=\"41180312666194\"\n            data-product-url=\"/products/next-spot-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2889\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-MVP.webp?v=1726700829&width=40\"\n            \n            \n            data-swatch-hex=\"#e69bad\"\n            data-shade-description=\"Metallic silvery mauve\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/ShadowStix-NextSpot-macro-w-swatch.jpg?v=1746547517&width=90\"\n          >\n            Next Spot\n          </option>\n        \n          <option value=\"40375206838354\"\n            \n            data-variant-id=\"40375206838354\"\n            data-product-url=\"/products/socialite-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2319\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Socialite-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#e1c3b6\"\n            data-shade-description=\"Icy taupe\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Socialite-Shadow-Stix-macro.jpg?v=1709602310&width=90\"\n          >\n            Socialite\n          </option>\n        \n          <option value=\"40375206379602\"\n            \n            data-variant-id=\"40375206379602\"\n            data-product-url=\"/products/walnut-ave-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"369\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Walnut-Ave-Shadow-Stix-Swatch.webp?v=1700088246&width=40\"\n            \n            \n            data-swatch-hex=\"#653d2b\"\n            data-shade-description=\"Deep coffee\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Walnut-Ave-Shadow-Stix-macro.jpg?v=1709602613&width=90\"\n          >\n            Walnut Ave\n          </option>\n        \n          <option value=\"40375206412370\"\n            \n            data-variant-id=\"40375206412370\"\n            data-product-url=\"/products/plum-tart-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1980\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Plum-Tart-Shadow-Stix-Swatch.webp?v=1700088246&width=40\"\n            \n            \n            data-swatch-hex=\"#6b3a36\"\n            data-shade-description=\"Rich burgundy\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Plum-Tart-Shadow-Stix-macro.jpg?v=1709602560&width=90\"\n          >\n            Plum Tart\n          </option>\n        \n          <option value=\"40375206510674\"\n            \n            data-variant-id=\"40375206510674\"\n            data-product-url=\"/products/bare-with-me-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4288\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Bare-With-Me-Shadow-Stix-Swatch.webp?v=1700088246&width=40\"\n            \n            \n            data-swatch-hex=\"#ce8e76\"\n            data-shade-description=\"Pinky nude\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Bare-With-Me-Shadow-Stix-macro.jpg?v=1709602447&width=90\"\n          >\n            Bare With Me\n          </option>\n        \n          <option value=\"40375206772818\"\n            \n            data-variant-id=\"40375206772818\"\n            data-product-url=\"/products/walk-of-fame-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1599\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Walk-Of-Fame-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#d09b74\"\n            data-shade-description=\"Golden bronze\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Walk-Of-Fame-Shadow-Stix-macro.jpg?v=1709602525&width=90\"\n          >\n            Walk of Fame\n          </option>\n        \n          <option value=\"40375206314066\"\n            \n            data-variant-id=\"40375206314066\"\n            data-product-url=\"/products/friday-feels-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"7484\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Friday-Feels-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#fd885c\"\n            data-shade-description=\"Peachy coral\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Friday-Feels-Shadow-Stix-macro.jpg?v=1709602736&width=90\"\n          >\n            Friday Feels\n          </option>\n        \n          <option value=\"40375206543442\"\n            \n            data-variant-id=\"40375206543442\"\n            data-product-url=\"/products/rain-check-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2016\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Rain-Check-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#0f80cf\"\n            data-shade-description=\"Cobalt blue\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/Rain-Check-Shadow-Stix-macro.jpg?v=1709602265&width=90\"\n          >\n            Rain Check\n          </option>\n        \n          <option value=\"40375206641746\"\n            \n            data-variant-id=\"40375206641746\"\n            data-product-url=\"/products/so-into-u-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"6308\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/So-Into-U-Shadow-Stix-Swatch.webp?v=1700088247&width=40\"\n            \n            \n            data-swatch-hex=\"#71342c\"\n            data-shade-description=\"Plum bronze\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/products/So-Into-U-Shadow-Stix-macro.jpg?v=1709602046&width=90\"\n          >\n            So Into U\n          </option>\n        \n          <option value=\"42213087117394\"\n            \n            data-variant-id=\"42213087117394\"\n            data-product-url=\"/products/cotton-candy-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"4665\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/cotton_candy.png?v=1763165597&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Lavender with pink and baby blue\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/Shadow_Stix_Cotton_Candy_Product_on_Swatch.jpg?v=1763755891&width=90\"\n          >\n            Cotton Candy\n          </option>\n        \n          <option value=\"42213066506322\"\n            \n            data-variant-id=\"42213066506322\"\n            data-product-url=\"/products/disco-disco-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2573\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/disco_disco.png?v=1763165623&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Baby pink with teal and violet\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/Shadow_Stix_Disco_Disco_Product_with_Swatch.jpg?v=1763756025&width=90\"\n          >\n            Disco Disco\n          </option>\n        \n          <option value=\"42213093933138\"\n            \n            data-variant-id=\"42213093933138\"\n            data-product-url=\"/products/galaxy-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"6563\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/galaxy.png?v=1763165582&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Magenta with olive and gold\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/Shadow_Stix_Galaxy_Product_on_Swatch.jpg?v=1763755869&width=90\"\n          >\n            Galaxy\n          </option>\n        \n          <option value=\"42213079875666\"\n            \n            data-variant-id=\"42213079875666\"\n            data-product-url=\"/products/game-over-shadow-stix\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"8904\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/game_over.png?v=1763165610&width=40\"\n            \n            \n            data-swatch-hex=\"\"\n            data-shade-description=\"Baby blue with pink and gold\"data-short-description=\"Creamy Eyeshadow Stick\"data-type=\"Shadow Stix\"\n            data-image=\"//colourpop.com/cdn/shop/files/Shadow_Stix_Game_Over_Product_with_Swatch.jpg?v=1763755964&width=90\"\n          >\n            Game Over\n          </option>\n        \n      \n          </select>\n          <div\n            class=\"absolute inset-y-0 flex items-center size-3 pointer-events-none end-sm-forms-padding lg:end-sm-forms-padding group-[[error]]:text-u-error h-sm-forms-inputheight lg:h-lg-forms-inputheigh\"\n          >\n<svg-icon\n  src='icon-select-arrow'\n  class='block text-white'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n          <label\n            for=\"sibling-picker-7385852837970\"\n            class=\"absolute caption duration-300 transform -translate-y-2.5 scale-75 top-3.5  z-10 origin-[0]  peer-disabled:text-t-border peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-2.5 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto \"\n          >\n            Select a shade\n          </label>\n        </div></custom-select>\n\n    </div>\n\n    <script type='application/json' data-selected-variant>\n      {\"id\":41180312666194,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"ShadowStix-NextSpot\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Next Spot\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":720,\"weight\":15,\"compare_at_price\":900,\"inventory_quantity\":2889,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG006513\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n\n\n        \n<div sub-section-id='shade_tiN4Nh' class='my-2xs'>\n            <p class='caption'>\n              <span>Next Spot</span><span> - Metallic silvery mauve</span></p>\n          </div>\n<div class='grid grid-cols-1 gap-xs mt-2xs' sub-section-id='buy_buttons'>\n          \n\n\n\n\n\n<div  id='buy-buttons' sub-section-id='buy-buttons' class='group/buy-buttons'>\n<product-form\n        class='group/product-form'\n        \n      >\n        <div class='product-form__error-message-wrapper' role='alert' hidden>\n<svg-icon\n  src='icon-error'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class='product-form__error-message'></span>\n        </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--16300830097490__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" 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\n            type='hidden'\n            name='id'\n            class='hidden'\n            value='41180312666194'\n            \n          ><div class='grid grid-cols-1 gap-y-xs min-h-12'><div class='drop-shadow flex group-[.sticky-atc]/buy-buttons:flex-col group-[.sticky-atc]/buy-buttons:md:flex-row items-center justify-between group-[.sticky-atc]/buy-buttons:z-60 group-[.sticky-atc]/buy-buttons:fixed bottom-0 left-0 w-full group-[.sticky-atc]/buy-buttons:bg-p-lightest group-[.sticky-atc]/buy-buttons:p-4 group-[.sticky-atc]/buy-buttons:sm:px-pagemargin group-[.sticky-atc]/buy_buttons:!h-[30px]'>\n              <p class='hidden group-[.sticky-atc]/buy-buttons:block lg:mb-0 mb-2'>\n                <strong>Next Spot</strong>\n              </p>\n\n              \n\n              <div class='flex items-center gap-xs lg:gap-sm w-full group-[.sticky-atc]/buy-buttons:md:w-auto'><div\n  id='Quantity-Form-template--16300830097490__main'\n  class='grid grid-cols-1 gap-y-xs'\n  sub-section-id='buy_buttons'\n  \n>\n  \n  <div class='grid gap-y-2xs'>\n\n\n<quantity-input\n  class='grid grid-cols-[20px_15px_20px] sm:grid-cols-[35px_25px_35px] border-solid border border-t-p-darkest rounded-[40px] max-w-fit h-[30px] lg:h-10 z-10 '\n  variant-id='41180312666194'\n  cart-quantity='0'\n  min='1'\n  value='1'\n  \n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-end text-[10px] disabled:opacity-50 disabled:pointer-events-none caption'\n    name='minus'\n    type='button'\n    \n      disabled\n    \n    id='product-form-template--16300830097490__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Next Spot</span>\n    <span class='caption font-bold'>-</span>\n  </button>\n  <input\n    class='text-center remove-arrow font-bold caption focus:outline-none bg-[transparent] group-[.sticky-atc]/buy-buttons:!text-[10px]'\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    min='1'\n    max='2889'\n    step='1'\n    aria-label='Quantity for Next Spot'\n    id='product-form-template--16300830097490__main-quantity'\n\n    \n      form='product-form-template--16300830097490__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-start text-utility disabled:opacity-50 disabled:pointer-events-none'\n    name='plus'\n    type='button'\n    id='product-form-template--16300830097490__main-quantity__increment'\n    \n  >\n    <span class='sr-only'>Increase quantity for Next Spot</span>\n    <span class='caption font-bold'>+</span>\n  </button>\n</quantity-input>\n</div>\n  \n  \n</div>\n\n\n                <button\n                  id='ProductSubmitButton-template--16300830097490__main--7385852837970'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    !max-w-fit\n                  '\n                  \n                >\n                  <span\n                    \n                      class='px-6'\n                    \n                  >add to bag\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $7.20\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $7.20\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $9.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</span>\n                </button>\n                \n\n              </div>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"7385852837970\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16300830097490__main\" /></form></product-form>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n\n\n          \n            \n              <p class='text-body font-bold text-t-foreground'>\n                20% Off. Limited time only.\n              </p>\n            \n          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount='720'\n        ></klarna-placement><div class='columns-1 lg:columns-2 text-body ' sub-section-id='claims_8UQ8Am'><p ><p><span class=\"metafield-multi_line_text_field\">🌱 Vegan <br />\n🐰 Cruelty-free <br />\n🎨 Ultra-pigmented <br />\n⭐ One-swipe payoff <br />\n🍦 Super creamy <br />\n💌 Long-lasting <br />\n❤️ Matte finish <br />\n⚡Metallic finish <br />\n</span></p></p></div><div id=\"shopify-block-AMXhNd0FURWhiYmtKR__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:promoproducts,#.collection:TemptaliaPromoeyes,#.hidden:false,#.promo:singlesdaybogo2024,091924,Best Seller 2025,category:Eyes,color:Nudes,event:After Hours September 2024,finish:Matte,mvp.shadow-stix,productline:ColourPop,productsize:full,producttype:Shadow Stix,SKULifecycle:Limited Life,subcategory:Shadows,unitnumber:1,unittype:single,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"7385852837970\">\n</tolstoy-stories>\n\n\n</div><div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-description-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16300830097490__main'\n      aria-labelled='Toggle product details accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-description-template--16300830097490__main'\n      name='accordion-input--description-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-description-template--16300830097490__main'\n      >\n        product details\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-description-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p dir=\"ltr\"><span>Your eyes, leveled up.</span></p>\n<p dir=\"ltr\"><span>Meet your new go-to eyeshadow stick for bold color and easy glam. Shadow Stix deliver creamy, high-impact pigment in a single swipe and set to a long-wearing finish that won’t budge. Use it as an all-over lid color, as a base to boost powder shadow, or smudge it along the lash line for a quick smoky moment. Built-in sharpener = always on point.</span></p>\n<p>Net Weight 1.35g (0.048oz)</p>\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div><div class='accordion' sub-section-id='collapsible-row-0' >\n\n<div id='Details-collapsible-row-0-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-0-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-0-template--16300830097490__main'\n      aria-labelled='Toggle ingredients accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-0-template--16300830097490__main'\n      name='accordion-input--collapsible-row-0-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-0-template--16300830097490__main'\n      >\n        ingredients\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-0-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-0-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\"> CYCLOPENTASILOXANE, CYCLOHEXASILOXANE, TRIMETHYLSILOXYSILICATE, SYNTHETIC FLUORPHLOGOPITE, POLYGLYCERYL-3 STEARATE, CALCIUM ALUMINUM BOROSILICATE, OCTYLDODECANOL, BEHENETH-5, C26-28 ALKYL DIMETHICONE, MICROCRYSTALLINE WAX , POLYETHYLENE, SILICA, PARAFFIN, SYNTHETIC BEESWAX, ACETYLATED GLYCOL STEARATE, PHENOXYETHANOL, DISTEARDIMONIUM HECTORITE, TOCOPHEROL, DIETHYLHEXYL SYRINGYLIDENEMALONATE, PROPYLENE CARBONATE, TIN OXIDE, ETHYLHEXYLGLYCERIN, CAPRYLIC/CAPRIC TRIGLYCERIDE. MAY CONTAIN: ALUMINUM POWDER (CI 77000), IRON OXIDES (CI 77491), MANGANESE VIOLET (CI 77742), MICA (CI 77019), TITANIUM DIOXIDE (CI 77891) </span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16300830097490__main'\n      aria-labelled='Toggle application tips accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n      name='accordion-input--collapsible-row-1-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-1-template--16300830097490__main'\n      >\n        application tips\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\">Swipe onto lids, lash line, or wherever you want color.<br />\n<br />\nBlend with your fingers or a brush before it sets (15–30 seconds!).<br />\n<br />\nWear it solo, as a base, or smudged into the perfect smoky liner.<br />\n<br />\nKeep it precise with the built-in sharpener.</span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n\n            <div class='accordion' sub-section-id='collapsible_tab_3wD87W' >\n\n<div id='Details-collapsible_tab_3wD87W-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n      aria-labelled='Toggle pairs with accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n      name='accordion-input--collapsible_tab_3wd87w-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n      >\n        pairs with\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class=' group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <div>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-7093159264338'\n      product-url='/products/swerve-creme-gel-liner'\n    \n    \n    class='product-card w-full group relative flex-col group/product-card-image  flex  overflow-hidden bg-white pair-product !py-10 !px-4 [&:nth-child(2n)]:bg-t-foreground-secondary !grid grid-cols-[95px__1fr] gap-x-lg'\n  >\n    \n\n    \n    \n      <a\n        class='block wishlist-product-card'\n        href='/products/swerve-creme-gel-liner'\n        sub-section-id='main-image'\n      >\n        <div class='aspect-square bg-gray-200 relative'>\n          \n\n<img src=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=500\" alt=\"ColourPop Crème Gel Liner in Swerve drawing bold matte-black strokes, shown as a twist-up eyeliner tip against a backdrop of thick black swatches, highlighting creamy, long-wearing, smudge-proof formula for precise eye definition.\" srcset=\"//colourpop.com/cdn/shop/products/Swerve-CGL-macro.jpg?v=1680298481&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=500\" alt=\"ColourPop Crème Gel Liner in Swerve draws a jet-black, precise cat-eye wing across the upper lash line of a blue eye, showcasing smooth, matte payoff and long-wear definition in a close-up beauty shot.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Swerve_0467_8740e458-b6d7-4392-a385-44012d4bbcbb.jpg?v=1723678451&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/swerve-creme-gel-liner'\n        >\n          \n            Creme Gel Liner\n          \n        </a>\n      </h3>\n      \n        <p class='text-center text-caption pb-2 group-[.predictive-search-results-products-list]:text-left sm:group-[.predictive-search-results-products-list]:text-center group-[.pair-product]:text-left'>\n          Waterproof Gel Eyeliner\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-7093159264338\"><div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.7 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 95.77%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.7 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">8,675</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.7\",\"reviewCount\":8675} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/swerve-creme-gel-liner'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $6.40\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $6.40\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $8.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-2371004858450'\n      product-url='/products/black-on-black'\n    \n    \n    class='product-card w-full group relative flex-col group/product-card-image  flex  overflow-hidden bg-white pair-product !py-10 !px-4 [&:nth-child(2n)]:bg-t-foreground-secondary !grid grid-cols-[95px__1fr] gap-x-lg'\n  >\n    \n\n    \n    \n      <a\n        class='block wishlist-product-card'\n        href='/products/black-on-black'\n        sub-section-id='main-image'\n      >\n        <div class='aspect-square bg-gray-200 relative'>\n          \n\n<img src=\"//colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=500\" alt=\"ColourPop BFF Mascara Black on Black displayed open, wand upright showing dense bristle brush, with a bold black swatch behind; sleek black tube reads Volumizing Mascara and cap features white heart, star, and smiley icons.\" srcset=\"//colourpop.com/cdn/shop/files/Black-On-Black-BFF-Mascara-With-Cap2.jpg?v=1713537838&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=500\" alt=\"Lashes transforming - after frame shows longer, thicker, jet‑black lashes versus natural before - achieved with ColourPop BFF Mascara in Black on Black, illustrating dramatic length, volume, and curl in a close-up eye comparison.\" srcset=\"//colourpop.com/cdn/shop/files/mascara.jpg?v=1726068498&amp;width=500 500w\" width=\"500\" height=\"1564.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/black-on-black'\n        >\n          \n            BFF Mascara\n          \n        </a>\n      </h3>\n      \n        <p class='text-center text-caption pb-2 group-[.predictive-search-results-products-list]:text-left sm:group-[.predictive-search-results-products-list]:text-center group-[.pair-product]:text-left'>\n          Volumizing Mascara\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-2371004858450\"><div data-oke-reviews-version=\"0.85.10\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.5 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 92.95%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.5 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">2,806</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.5\",\"reviewCount\":2806} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/black-on-black'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $8.00\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $8.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $10.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n            </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n            </div>\n          \n        \n</section>\n\n  </main-product>\n\n\n\n</section>"}