{"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: '7202228043858',\n            url: 'https://colourpop.com/products/wild-idea-creme-gel-liner',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '7202228043858',\n            url: 'https://colourpop.com/products/wild-idea-creme-gel-liner',\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: '7202228043858',\n            url: 'https://colourpop.com/products/wild-idea-creme-gel-liner',\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/wild-idea-creme-gel-liner'\n    variant-id='40636424126546'\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/eyeliner'>\n            Eyeliner\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/wild-idea-creme-gel-liner' aria-current='page'>Wild Idea</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/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=90\" alt=\"Wild Idea ColourPop Chrome Crème Gel Liner displays a multichrome tip shifting teal, green, and gold, drawing creamy strokes across a swatched backdrop; mint twist-up pencil in macro close-up for bold, long-wear eye looks.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=40 40w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&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/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=90\" alt=\"Wild Idea ColourPop Chrome Crème Gel Liner traces a metallic lime‑to‑teal wing along the upper lash line and a bold floating crease stroke above it on a brown eye, macro beauty shot highlighting the chrome finish and precise graphic look.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=40 40w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&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/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=90\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=40 40w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=90 90w\" width=\"90\" height=\"2880.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/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=90\" alt=\"Movie Star Chrome Crème Gel Liner by ColourPop swatched on three arms, top stripe showing a peachy gold multi‑chrome shimmer; stacked swatches compare shades across light to deep skin tones with the ColourPop logo below.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=40 40w, //colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&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/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=90\" alt=\"Wild Idea pencil draws a vivid teal-to-gold duochrome line across a glossy green surface, showcasing creamy metallic payoff; ColourPop Chrome Crème Gel Liner with star-and-heart printed barrel shown in a stylized close-up.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=40 40w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&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/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=90\" alt=\"Movie Star Chrome Crème Gel Liner draws a molten copper-to-gold duochrome swatch from a peach pen, displayed atop a lineup of multichrome ColourPop gel liner shades with labeled strokes on a cream background.\" srcset=\"//colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=40 40w, //colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=60 60w, //colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=80 80w, //colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&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/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=600\" alt=\"Wild Idea ColourPop Chrome Crème Gel Liner displays a multichrome tip shifting teal, green, and gold, drawing creamy strokes across a swatched backdrop; mint twist-up pencil in macro close-up for bold, long-wear eye looks.\" 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/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=600\" alt=\"Wild Idea ColourPop Chrome Crème Gel Liner traces a metallic lime‑to‑teal wing along the upper lash line and a bold floating crease stroke above it on a brown eye, macro beauty shot highlighting the chrome finish and precise graphic look.\" 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/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&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=\"Wild Idea\" poster=\"//colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000_1100x.jpg?v=1704320960\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/86843cf8dfce4f14b8602a9659cfb919/86843cf8dfce4f14b8602a9659cfb919.HD-1080p-7.2Mbps-22690704.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000_1100x.jpg?v=1704320960\"></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/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=600\" alt=\"Movie Star Chrome Crème Gel Liner by ColourPop swatched on three arms, top stripe showing a peachy gold multi‑chrome shimmer; stacked swatches compare shades across light to deep skin tones with the ColourPop logo below.\" 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/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=600\" alt=\"Wild Idea pencil draws a vivid teal-to-gold duochrome line across a glossy green surface, showcasing creamy metallic payoff; ColourPop Chrome Crème Gel Liner with star-and-heart printed barrel shown in a stylized close-up.\" 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/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=600\" alt=\"Movie Star Chrome Crème Gel Liner draws a molten copper-to-gold duochrome swatch from a peach pen, displayed atop a lineup of multichrome ColourPop gel liner shades with labeled strokes on a cream 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/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=120\" alt=\"Wild Idea ColourPop Chrome Crème Gel Liner displays a multichrome tip shifting teal, green, and gold, drawing creamy strokes across a swatched backdrop; mint twist-up pencil in macro close-up for bold, long-wear eye looks.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&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/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=120\" alt=\"Wild Idea ColourPop Chrome Crème Gel Liner traces a metallic lime‑to‑teal wing along the upper lash line and a bold floating crease stroke above it on a brown eye, macro beauty shot highlighting the chrome finish and precise graphic look.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&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/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=120\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=60 60w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=80 80w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=120 120w\" width=\"120\" height=\"2880.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/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=120\" alt=\"Movie Star Chrome Crème Gel Liner by ColourPop swatched on three arms, top stripe showing a peachy gold multi‑chrome shimmer; stacked swatches compare shades across light to deep skin tones with the ColourPop logo below.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&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/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=120\" alt=\"Wild Idea pencil draws a vivid teal-to-gold duochrome line across a glossy green surface, showcasing creamy metallic payoff; ColourPop Chrome Crème Gel Liner with star-and-heart printed barrel shown in a stylized close-up.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=60 60w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=80 80w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&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/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=120\" alt=\"Movie Star Chrome Crème Gel Liner draws a molten copper-to-gold duochrome swatch from a peach pen, displayed atop a lineup of multichrome ColourPop gel liner shades with labeled strokes on a cream background.\" srcset=\"//colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=60 60w, //colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=80 80w, //colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&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/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=620\" alt=\"Wild Idea ColourPop Chrome Crème Gel Liner displays a multichrome tip shifting teal, green, and gold, drawing creamy strokes across a swatched backdrop; mint twist-up pencil in macro close-up for bold, long-wear eye looks.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&amp;width=600 600w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&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/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=620\" alt=\"Wild Idea ColourPop Chrome Crème Gel Liner traces a metallic lime‑to‑teal wing along the upper lash line and a bold floating crease stroke above it on a brown eye, macro beauty shot highlighting the chrome finish and precise graphic look.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&amp;width=600 600w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea_1162-Macro-Eye.jpg?v=1728307067&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/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=1440\" alt=\"\" srcset=\"//colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=352 352w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=832 832w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&amp;width=1200 1200w, //colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000.jpg?v=1704320960&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=\"Wild Idea\" poster=\"//colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000_1100x.jpg?v=1704320960\"><source src=\"//colourpop.com/cdn/shop/videos/c/vp/86843cf8dfce4f14b8602a9659cfb919/86843cf8dfce4f14b8602a9659cfb919.HD-1080p-7.2Mbps-22690704.mp4?v=0\" type=\"video/mp4\"><img src=\"//colourpop.com/cdn/shop/files/preview_images/86843cf8dfce4f14b8602a9659cfb919.thumbnail.0000000000_1100x.jpg?v=1704320960\"></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/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=620\" alt=\"Movie Star Chrome Crème Gel Liner by ColourPop swatched on three arms, top stripe showing a peachy gold multi‑chrome shimmer; stacked swatches compare shades across light to deep skin tones with the ColourPop logo below.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&amp;width=600 600w, //colourpop.com/cdn/shop/files/CremeGelLiner-Multi-Chrome-Arm-Swatch-Comp_05af6305-f488-4ee8-9c4d-905edb6ef70f.jpg?v=1728306859&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/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=620\" alt=\"Wild Idea pencil draws a vivid teal-to-gold duochrome line across a glossy green surface, showcasing creamy metallic payoff; ColourPop Chrome Crème Gel Liner with star-and-heart printed barrel shown in a stylized close-up.\" srcset=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&amp;width=600 600w, //colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Single-Stylized-Variant-2-Plate.jpg?v=1704321318&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/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=620\" alt=\"Movie Star Chrome Crème Gel Liner draws a molten copper-to-gold duochrome swatch from a peach pen, displayed atop a lineup of multichrome ColourPop gel liner shades with labeled strokes on a cream background.\" srcset=\"//colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&amp;width=600 600w, //colourpop.com/cdn/shop/files/Bundle-ChromeHearted-Full-Collection-Lineup-with-Swatches-Named.jpg?v=1728307150&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            Chrome Creme Gel Liner\n          </h1><h2 class='p '>\n              Waterproof Gel Eyeliner\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-7202228043858\"\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\">1,197</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.9\",\"reviewCount\":1197} </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'>\n      \n      \n        <div class='grid grid-cols-1 gap-xs'><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='movie-star-creme-gel-liner'\n    name='sibling-picker'\n    value='movie-star-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/movie-star-creme-gel-liner\"\n  data-option-value-id=\"40636423995474\"\n  data-variant-id=\"40636423995474\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='movie-star-creme-gel-liner'\n    title='movie-star-creme-gel-liner'\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/Movie_Star_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397583&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/movie-star-creme-gel-liner?variant=40636423995474&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='wild-idea-creme-gel-liner'\n    name='sibling-picker'\n    value='wild-idea-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n    \n      data-product-url=\"/products/wild-idea-creme-gel-liner\"\n  data-option-value-id=\"40636424126546\"\n  data-variant-id=\"40636424126546\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='wild-idea-creme-gel-liner'\n    title='wild-idea-creme-gel-liner'\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/Wild_Idea_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397601&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/wild-idea-creme-gel-liner?variant=40636424126546&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='power-trip-creme-gel-liner'\n    name='sibling-picker'\n    value='power-trip-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/power-trip-creme-gel-liner\"\n  data-option-value-id=\"40661993488466\"\n  data-variant-id=\"40661993488466\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='power-trip-creme-gel-liner'\n    title='power-trip-creme-gel-liner'\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/Power_Trip_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397618&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/power-trip-creme-gel-liner?variant=40661993488466&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='pixie-creme-gel-liner'\n    name='sibling-picker'\n    value='pixie-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/pixie-creme-gel-liner\"\n  data-option-value-id=\"40636424421458\"\n  data-variant-id=\"40636424421458\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='pixie-creme-gel-liner'\n    title='pixie-creme-gel-liner'\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/Pixie_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397592&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/pixie-creme-gel-liner?variant=40636424421458&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='actin-up-creme-gel-liner'\n    name='sibling-picker'\n    value='actin-up-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/actin-up-creme-gel-liner\"\n  data-option-value-id=\"40661992996946\"\n  data-variant-id=\"40661992996946\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='actin-up-creme-gel-liner'\n    title='actin-up-creme-gel-liner'\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/Actin_Up_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397570&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/actin-up-creme-gel-liner?variant=40661992996946&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='ventura-blvd-creme-gel-liner'\n    name='sibling-picker'\n    value='ventura-blvd-creme-gel-liner'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/ventura-blvd-creme-gel-liner\"\n  data-option-value-id=\"40636437659730\"\n  data-variant-id=\"40636437659730\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='ventura-blvd-creme-gel-liner'\n    title='ventura-blvd-creme-gel-liner'\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/Ventura_Blvd_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397610&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/ventura-blvd-creme-gel-liner?variant=40636437659730&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\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-7202228043858\"\n        value=\"40636424126546\"\n        name=\"sibling-picker-7202228043858\"\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-7202228043858\"\n        value=\"40636424126546\"\n        name=\"sibling-picker-7202228043858\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"40636423995474\"\n            \n            data-variant-id=\"40636423995474\"\n            data-product-url=\"/products/movie-star-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"573\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Movie_Star_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397583&width=40\"\n            \n            \n            data-swatch-hex=\"#f19254\"\n            data-shade-description=\"Metallic coral\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Chrome Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/CremeGelLiner-MovieStar-Multi-Chrome-Macro.jpg?v=1704221801&width=90\"\n          >\n            Movie Star\n          </option>\n        \n          <option value=\"40636424126546\"\n            \n              selected\n            \n            data-variant-id=\"40636424126546\"\n            data-product-url=\"/products/wild-idea-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"1063\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Wild_Idea_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397601&width=40\"\n            \n            \n            data-swatch-hex=\"#5cb359\"\n            data-shade-description=\"Lime green\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Chrome Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/CremeGelLiner-WildIdea-Multi-Chrome-Macro.jpg?v=1704221943&width=90\"\n          >\n            Wild Idea\n          </option>\n        \n          <option value=\"40661993488466\"\n            \n            data-variant-id=\"40661993488466\"\n            data-product-url=\"/products/power-trip-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"5739\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Power_Trip_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397618&width=40\"\n            \n            \n            data-swatch-hex=\"#227f97\"\n            data-shade-description=\"Metallic teal\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Chrome Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/CremeGelLiner-PowerTrip-Multi-Chrome-Macro.jpg?v=1704221886&width=90\"\n          >\n            Power Trip\n          </option>\n        \n          <option value=\"40636424421458\"\n            \n            data-variant-id=\"40636424421458\"\n            data-product-url=\"/products/pixie-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"828\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Pixie_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397592&width=40\"\n            \n            \n            data-swatch-hex=\"#ce4372\"\n            data-shade-description=\"Pinky violet\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Chrome Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/CremeGelLiner-Pixie-Multi-Chrome-Macro.jpg?v=1704221855&width=90\"\n          >\n            Pixie\n          </option>\n        \n          <option value=\"40661992996946\"\n            \n            data-variant-id=\"40661992996946\"\n            data-product-url=\"/products/actin-up-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"2823\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Actin_Up_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397570&width=40\"\n            \n            \n            data-swatch-hex=\"#8f309c\"\n            data-shade-description=\"Metallic purple\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Chrome Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/CremeGelLiner-ActinUp-Multi-Chrome-Macro.jpg?v=1704222028&width=90\"\n          >\n            Actin' Up\n          </option>\n        \n          <option value=\"40636437659730\"\n            \n            data-variant-id=\"40636437659730\"\n            data-product-url=\"/products/ventura-blvd-creme-gel-liner\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"777\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Ventura_Blvd_Multi_Chrome_CGL_Circle_Swatch.webp?v=1704397610&width=40\"\n            \n            \n            data-swatch-hex=\"#16239c\"\n            data-shade-description=\"Metallic blue\"data-short-description=\"Waterproof Gel Eyeliner\"data-type=\"Chrome Crème Gel Liner\"\n            data-image=\"//colourpop.com/cdn/shop/files/CremeGelLiner-VenturaBlvd-Multi-Chrome-Macro.jpg?v=1704221921&width=90\"\n          >\n            Ventura Blvd\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-7202228043858\"\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\":40636424126546,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"CremeGelLiner-WildIdea\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Wild Idea\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":720,\"weight\":8,\"compare_at_price\":900,\"inventory_quantity\":1063,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG006282\",\"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>Wild Idea</span><span> - Lime green</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='40636424126546'\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>Wild Idea</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='40636424126546'\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 Wild Idea</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='1063'\n    step='1'\n    aria-label='Quantity for Wild Idea'\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 Wild Idea</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--7202228043858'\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=\"7202228043858\" /><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🍦 Super creamy<br />\n⏰ 18HR wear <br />\n🌊 Waterproof <br />\n🍄 Colour-shifting <br />\n🌈 Multichrome 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:backtoschool,#.collection:PromoBackup2,#.collection:TemptaliaPromo,#.collections:promoproducts,#.hidden:false,#.promo.30offsitewide,#.promo:20festival2024,#.promo:5CGL,#.promo:singlesdaybogo2024,#.shipping:china,010423,010424,Best Seller 2025,category:Eyes,color:Pinks,crme-gel-liner,event:Multi Chrome Creme Gel Liners 2023,eyes under 20,finish:Matte,glosku:5cgl,mvp.chrome-creme-gel-liner,productline:ColourPop,producttype:Crème Gel Liner,SKULifecycle:Permanent,subcategory:Eyeliner,Summer Mystery Box June 2025,unitnumber:1,unittype:single,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"7202228043858\">\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>A waterproof 18HR crème gel liner with multichrome colour that glides on smoothly for comfortable application. This creamy colour-shifting liner makes blending super easy and sets for long-lasting looks, making it perfect for the waterline. Each vibrant shade is super pigmented to give your eyes the prettiest pop of colour that literally lasts allll day.</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\"> DIMETHICONE, SILICA, TRIMETHYLSILOXYSILICATE, CERESIN, TITANIUM/TITANIUM DIOXIDE, POLYETHYLENE, STEAROXY DIMETHICONE, SYNTHETIC FLUORPHLOGOPITE, CALCIUM SODIUM BOROSILICATE, CALCIUM ALUMINUM BOROSILICATE, TIN OXIDE, ALUMINUM, ALUMINA, TRIETHOXYCAPRYLYLSILANE, ALUMINUM CALCIUM SODIUM SILICATE, QUARTZ. MAY CONTAIN: IRON OXIDES (CI 77491, CI 77492, CI 77499), 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\">Glide along your lashline and waterline for defined eyes.<br />\n<br />\nDraw a bold wing and add some eyeshadow to amp it up.<br />\n<br />\nTo smoke out or smudge, use a pencil brush and blend immediately (liner sets after around 10 seconds).<br />\n<br />\nTo prevent breakage, be sure not to overadvance the liner.<br />\n<br />\nBtw these chrome shades pop on dark eyeshadow!</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-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>"}